/* Minification failed. Returning unminified contents.
(11115,1): run-time error CSS1019: Unexpected token, found '}'
(11476,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11490,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11504,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(11514,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(11524,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(11534,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11560,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11965,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11987,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12031,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12060,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12080,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12120,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12147,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12167,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12207,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12234,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12254,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12294,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12321,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12341,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12381,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12408,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12428,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12468,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12495,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12515,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12555,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12582,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12598,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12630,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12653,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12669,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12701,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12724,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12740,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12772,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12795,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12811,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12843,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12866,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12876,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12896,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12913,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12925,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12949,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12968,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12980,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13004,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13023,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13035,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13059,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13078,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13090,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13114,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13133,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13143,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13163,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13180,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13192,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13216,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13235,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13247,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13271,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13290,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13302,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13326,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13345,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13357,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13381,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13400,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13411,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13433,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13451,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13465,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13493,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13514,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13528,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13556,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13577,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13591,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13619,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13640,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13654,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13682,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13703,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13718,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13748,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13770,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13785,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13815,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13837,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13850,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13876,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13896,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13909,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13935,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13955,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(13970,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(14000,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(15426,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15436,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15693,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15705,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15722,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15736,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15774,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15953,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16281,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25208,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(25220,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26206,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27453,28): run-time error CSS1039: Token not allowed after unary operator: '-mall-primary'
(27837,35): run-time error CSS1046: Expect comma, found '0'
(27837,39): run-time error CSS1046: Expect comma, found '/'
(27908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27923,28): run-time error CSS1039: Token not allowed after unary operator: '-mall-primary'
(27927,32): run-time error CSS1039: Token not allowed after unary operator: '-mall-primary-dark'
(27931,28): run-time error CSS1039: Token not allowed after unary operator: '-mall-primary'
(27932,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27933,17): run-time error CSS1039: Token not allowed after unary operator: '-mall-primary'
(27937,32): run-time error CSS1039: Token not allowed after unary operator: '-mall-primary-dark'
(27938,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27939,21): run-time error CSS1039: Token not allowed after unary operator: '-mall-primary-dark'
(27943,28): run-time error CSS1039: Token not allowed after unary operator: '-joy-primary'
(27944,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27945,17): run-time error CSS1039: Token not allowed after unary operator: '-joy-primary'
(27949,32): run-time error CSS1039: Token not allowed after unary operator: '-joy-primary-dark'
(27950,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(27951,21): run-time error CSS1039: Token not allowed after unary operator: '-joy-primary-dark'
(27955,28): run-time error CSS1039: Token not allowed after unary operator: '-joy-primary'
(27959,32): run-time error CSS1039: Token not allowed after unary operator: '-joy-primary-dark'
(27963,17): run-time error CSS1039: Token not allowed after unary operator: '-mall-primary'
(27967,17): run-time error CSS1039: Token not allowed after unary operator: '-joy-primary'
(28264,32): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28361,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28365,32): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(28373,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(28377,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(28388,38): run-time error CSS1046: Expect comma, found '0'
(28388,42): run-time error CSS1046: Expect comma, found '/'
(28429,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "UTF-8";
/* Theme: FLEX 
======================================== */
/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@media print {
    *,
    *::before,
    *::after,
    p::first-letter,
    div::first-letter,
    blockquote::first-letter,
    li::first-letter,
    p::first-line,
    div::first-line,
    blockquote::first-line,
    li::first-line {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

html {
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

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

@-ms-viewport {
    width: device-width;
}

body {
    margin: 0;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    color: #222222;
    background-color: #fff;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

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

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: bold;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #0066c0;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: #003d74;
        text-decoration: underline;
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none;
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0;
        }

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

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

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

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #999;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: left;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

    input[type="radio"]:disabled,
    input[type="checkbox"]:disabled {
        cursor: not-allowed;
    }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

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

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1, .h1 {
    font-size: 2rem;
}

h2, .h2 {
    font-size: 1.85rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: 0.875rem;
}

.lead {
    font-size: 1rem;
    font-weight: 300;
}

.display-1 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 90%;
    font-weight: normal;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 5px;
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.09375rem;
    border-left: 0.25rem solid #eceeef;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #999;
}

    .blockquote-footer::before {
        content: "\2014 \00A0";
    }

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: 0.25rem solid #eceeef;
    border-left: 0;
}

    .blockquote-reverse .blockquote-footer::before {
        content: "";
    }

    .blockquote-reverse .blockquote-footer::after {
        content: "\00A0 \2014";
    }

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

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #999;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: 0.25rem;
}

a > code {
    padding: 0;
    color: inherit;
    background-color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #fff;
    background-color: #292b2c;
    border-radius: 0.2rem;
    box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        box-shadow: none;
    }

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #292b2c;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.megamenu-dropdown-container.simple .dropdown-menu-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        padding-right: 15px;
        padding-left: 15px;
    }

    .gjirafaMall-logo-product-page-img {
        margin-bottom: 0.5rem;
        height: 18px;
        margin-left: 0.5rem;
    }
}

@media (min-width: 992px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 576px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        width: 540px;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        width: 720px;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        width: 960px;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        width: 1200px;
        max-width: 100%;
    }
}

.container-fluid {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}


.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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, .col-sm, .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, .col-md, .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, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.pull-0 {
    right: auto;
}

.pull-1 {
    right: 8.33333%;
}

.pull-2 {
    right: 16.66667%;
}

.pull-3 {
    right: 25%;
}

.pull-4 {
    right: 33.33333%;
}

.pull-5 {
    right: 41.66667%;
}

.pull-6 {
    right: 50%;
}

.pull-7 {
    right: 58.33333%;
}

.pull-8 {
    right: 66.66667%;
}

.pull-9 {
    right: 75%;
}

.pull-10 {
    right: 83.33333%;
}

.pull-11 {
    right: 91.66667%;
}

.pull-12 {
    right: 100%;
}

.push-0 {
    left: auto;
}

.push-1 {
    left: 8.33333%;
}

.push-2 {
    left: 16.66667%;
}

.push-3 {
    left: 25%;
}

.push-4 {
    left: 33.33333%;
}

.push-5 {
    left: 41.66667%;
}

.push-6 {
    left: 50%;
}

.push-7 {
    left: 58.33333%;
}

.push-8 {
    left: 66.66667%;
}

.push-9 {
    left: 75%;
}

.push-10 {
    left: 83.33333%;
}

.push-11 {
    left: 91.66667%;
}

.push-12 {
    left: 100%;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pull-sm-0 {
        right: auto;
    }

    .pull-sm-1 {
        right: 8.33333%;
    }

    .pull-sm-2 {
        right: 16.66667%;
    }

    .pull-sm-3 {
        right: 25%;
    }

    .pull-sm-4 {
        right: 33.33333%;
    }

    .pull-sm-5 {
        right: 41.66667%;
    }

    .pull-sm-6 {
        right: 50%;
    }

    .pull-sm-7 {
        right: 58.33333%;
    }

    .pull-sm-8 {
        right: 66.66667%;
    }

    .pull-sm-9 {
        right: 75%;
    }

    .pull-sm-10 {
        right: 83.33333%;
    }

    .pull-sm-11 {
        right: 91.66667%;
    }

    .pull-sm-12 {
        right: 100%;
    }

    .push-sm-0 {
        left: auto;
    }

    .push-sm-1 {
        left: 8.33333%;
    }

    .push-sm-2 {
        left: 16.66667%;
    }

    .push-sm-3 {
        left: 25%;
    }

    .push-sm-4 {
        left: 33.33333%;
    }

    .push-sm-5 {
        left: 41.66667%;
    }

    .push-sm-6 {
        left: 50%;
    }

    .push-sm-7 {
        left: 58.33333%;
    }

    .push-sm-8 {
        left: 66.66667%;
    }

    .push-sm-9 {
        left: 75%;
    }

    .push-sm-10 {
        left: 83.33333%;
    }

    .push-sm-11 {
        left: 91.66667%;
    }

    .push-sm-12 {
        left: 100%;
    }

    .offset-sm-0 {
        margin-left: 0%;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pull-md-0 {
        right: auto;
    }

    .pull-md-1 {
        right: 8.33333%;
    }

    .pull-md-2 {
        right: 16.66667%;
    }

    .pull-md-3 {
        right: 25%;
    }

    .pull-md-4 {
        right: 33.33333%;
    }

    .pull-md-5 {
        right: 41.66667%;
    }

    .pull-md-6 {
        right: 50%;
    }

    .pull-md-7 {
        right: 58.33333%;
    }

    .pull-md-8 {
        right: 66.66667%;
    }

    .pull-md-9 {
        right: 75%;
    }

    .pull-md-10 {
        right: 83.33333%;
    }

    .pull-md-11 {
        right: 91.66667%;
    }

    .pull-md-12 {
        right: 100%;
    }

    .push-md-0 {
        left: auto;
    }

    .push-md-1 {
        left: 8.33333%;
    }

    .push-md-2 {
        left: 16.66667%;
    }

    .push-md-3 {
        left: 25%;
    }

    .push-md-4 {
        left: 33.33333%;
    }

    .push-md-5 {
        left: 41.66667%;
    }

    .push-md-6 {
        left: 50%;
    }

    .push-md-7 {
        left: 58.33333%;
    }

    .push-md-8 {
        left: 66.66667%;
    }

    .push-md-9 {
        left: 75%;
    }

    .push-md-10 {
        left: 83.33333%;
    }

    .push-md-11 {
        left: 91.66667%;
    }

    .push-md-12 {
        left: 100%;
    }

    .offset-md-0 {
        margin-left: 0%;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pull-lg-0 {
        right: auto;
    }

    .pull-lg-1 {
        right: 8.33333%;
    }

    .pull-lg-2 {
        right: 16.66667%;
    }

    .pull-lg-3 {
        right: 25%;
    }

    .pull-lg-4 {
        right: 33.33333%;
    }

    .pull-lg-5 {
        right: 41.66667%;
    }

    .pull-lg-6 {
        right: 50%;
    }

    .pull-lg-7 {
        right: 58.33333%;
    }

    .pull-lg-8 {
        right: 66.66667%;
    }

    .pull-lg-9 {
        right: 75%;
    }

    .pull-lg-10 {
        right: 83.33333%;
    }

    .pull-lg-11 {
        right: 91.66667%;
    }

    .pull-lg-12 {
        right: 100%;
    }

    .push-lg-0 {
        left: auto;
    }

    .push-lg-1 {
        left: 8.33333%;
    }

    .push-lg-2 {
        left: 16.66667%;
    }

    .push-lg-3 {
        left: 25%;
    }

    .push-lg-4 {
        left: 33.33333%;
    }

    .push-lg-5 {
        left: 41.66667%;
    }

    .push-lg-6 {
        left: 50%;
    }

    .push-lg-7 {
        left: 58.33333%;
    }

    .push-lg-8 {
        left: 66.66667%;
    }

    .push-lg-9 {
        left: 75%;
    }

    .push-lg-10 {
        left: 83.33333%;
    }

    .push-lg-11 {
        left: 91.66667%;
    }

    .push-lg-12 {
        left: 100%;
    }

    .offset-lg-0 {
        margin-left: 0%;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pull-xl-0 {
        right: auto;
    }

    .pull-xl-1 {
        right: 8.33333%;
    }

    .pull-xl-2 {
        right: 16.66667%;
    }

    .pull-xl-3 {
        right: 25%;
    }

    .pull-xl-4 {
        right: 33.33333%;
    }

    .pull-xl-5 {
        right: 41.66667%;
    }

    .pull-xl-6 {
        right: 50%;
    }

    .pull-xl-7 {
        right: 58.33333%;
    }

    .pull-xl-8 {
        right: 66.66667%;
    }

    .pull-xl-9 {
        right: 75%;
    }

    .pull-xl-10 {
        right: 83.33333%;
    }

    .pull-xl-11 {
        right: 91.66667%;
    }

    .pull-xl-12 {
        right: 100%;
    }

    .push-xl-0 {
        left: auto;
    }

    .push-xl-1 {
        left: 8.33333%;
    }

    .push-xl-2 {
        left: 16.66667%;
    }

    .push-xl-3 {
        left: 25%;
    }

    .push-xl-4 {
        left: 33.33333%;
    }

    .push-xl-5 {
        left: 41.66667%;
    }

    .push-xl-6 {
        left: 50%;
    }

    .push-xl-7 {
        left: 58.33333%;
    }

    .push-xl-8 {
        left: 66.66667%;
    }

    .push-xl-9 {
        left: 75%;
    }

    .push-xl-10 {
        left: 83.33333%;
    }

    .push-xl-11 {
        left: 91.66667%;
    }

    .push-xl-12 {
        left: 100%;
    }

    .offset-xl-0 {
        margin-left: 0%;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #eceeef;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #eceeef;
    }

    .table tbody + tbody {
        border-top: 2px solid #eceeef;
    }

    .table .table {
        background-color: #fff;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #eceeef;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #eceeef;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #dff0d8;
}

.table-hover .table-success:hover {
    background-color: #d0e9c6;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #d0e9c6;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #d9edf7;
}

.table-hover .table-info:hover {
    background-color: #c4e3f3;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #c4e3f3;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fcf8e3;
}

.table-hover .table-warning:hover {
    background-color: #faf2cc;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #faf2cc;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f2dede;
}

.table-hover .table-danger:hover {
    background-color: #ebcccc;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #ebcccc;
    }

.thead-inverse th {
    color: #fff;
    background-color: #292b2c;
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef;
}

.table-inverse {
    color: #fff;
    background-color: #292b2c;
}

    .table-inverse th,
    .table-inverse td,
    .table-inverse thead th {
        border-color: #3b3e40;
    }

    .table-inverse.table-bordered {
        border: 0;
    }

    .table-inverse.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-inverse.table-hover tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.075);
    }

@media (max-width: 991px) {
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive.table-bordered {
            border: 0;
        }
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.125rem;
    box-shadow: none;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus {
        color: #464a4c;
        background-color: #fff;
        border-color: #f8ac9a;
        outline: none;
        box-shadow: none;
    }

    .form-control::placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #eceeef;
        opacity: 1;
    }

    .form-control:disabled {
        cursor: not-allowed;
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.5625rem + 2px);
}

select.form-control:focus::-ms-value {
    color: #464a4c;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
}

.col-form-label {
    padding-top: calc(0.625rem - 1px * 2);
    padding-bottom: calc(0.625rem - 1px * 2);
    margin-bottom: 0;
}

.col-form-label-lg {
    padding-top: calc(0.875rem - 1px * 2);
    padding-bottom: calc(0.875rem - 1px * 2);
    font-size: 1rem;
}

.col-form-label-sm {
    padding-top: calc(0.5rem - 1px * 2);
    padding-bottom: calc(0.5rem - 1px * 2);
    font-size: 0.8125rem;
}

.col-form-legend {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0;
    font-size: 0.875rem;
}

.form-control-static {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0;
    line-height: 1.5;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
    .input-group-sm > .form-control-static.input-group-addon,
    .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
    .input-group-lg > .form-control-static.input-group-addon,
    .input-group-lg > .input-group-btn > .form-control-static.btn {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    padding: 0.5rem 0.5rem;
    font-size: 0.8125rem;
    border-radius: 0.125rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: calc(2.21875rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    border-radius: 0.1875rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: calc(3.25rem + 2px);
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: 0.5rem;
}

    .form-check.disabled .form-check-label {
        color: #999;
        cursor: not-allowed;
    }

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
}

.shipping-method-span {
    color: #005299;
}

    .shipping-method-span:hover {
        color: #0080F0;
    }

.form-check-input {
    position: absolute;
    margin-top: 0.25rem;
    margin-left: -1.60rem;
}

    .form-check-input:only-child {
        position: static;
    }

.form-check-inline {
    display: inline-block;
}

    .form-check-inline .form-check-label {
        vertical-align: middle;
    }

    .form-check-inline + .form-check-inline {
        margin-left: 0.75rem;
    }

.form-control-feedback {
    margin-top: 0.25rem;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right 0.64063rem;
    background-size: 1.28125rem 1.28125rem;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .col-form-label,
.has-success .form-check-label,
.has-success .custom-control {
    color: #4caf50;
}

.has-success .form-control,
.has-success .custom-select,
.has-success .custom-file-control {
    border-color: #4caf50;
}

    .has-success .form-control:focus,
    .has-success .custom-select:focus,
    .has-success .custom-file-control:focus {
        box-shadow: none, 0 0 6px #92cf94;
    }

.has-success .input-group-addon {
    color: #4caf50;
    background-color: #d9eeda;
    border-color: #4caf50;
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .col-form-label,
.has-warning .form-check-label,
.has-warning .custom-control {
    color: #f14b23;
}

.has-warning .form-control,
.has-warning .custom-select,
.has-warning .custom-file-control {
    border-color: #f14b23;
}

    .has-warning .form-control:focus,
    .has-warning .custom-select:focus,
    .has-warning .custom-file-control:focus {
        box-shadow: none, 0 0 6px #f79983;
    }

.has-warning .input-group-addon {
    color: #f14b23;
    background-color: #fde8e3;
    border-color: #f14b23;
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f14b23' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .col-form-label,
.has-danger .form-check-label,
.has-danger .custom-control {
    color: #f44336;
}

.has-danger .form-control,
.has-danger .custom-select,
.has-danger .custom-file-control {
    border-color: #f44336;
}

    .has-danger .form-control:focus,
    .has-danger .custom-select:focus,
    .has-danger .custom-file-control:focus {
        box-shadow: none, 0 0 6px #f99d97;
    }

.has-danger .input-group-addon {
    color: #f44336;
    background-color: #fff8f7;
    border-color: #f44336;
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23f44336' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-inline .form-check-label {
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: 0.25rem;
        vertical-align: text-bottom;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    border-radius: 0.125rem;
    transition: box-shadow 0.12s ease-in-out;
}

    .btn:focus, .btn:hover {
        text-decoration: none;
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 2px rgba(240, 74, 35, 0.25);
    }

    .btn.disabled, .btn:disabled {
        cursor: not-allowed;
        opacity: .65;
        box-shadow: none;
    }

    .btn:active, .btn.active {
        background-image: none;
        box-shadow: 0 0 0 2px rgba(240, 74, 35, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #f04a23;
    border:none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-primary:hover, .btn-primary.hover, .btn.btn-to-primary:hover {
        color: #fff;
        background-color: #d2330e;
        border-color: #c8310e;
    }

    .btn-primary:focus, .btn.btn-to-primary:focus, .btn.btn-to-primary.focus, .btn-primary.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(240, 74, 35, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #f04a23;
        border-color: #f04a23;
    }

    .btn-primary:active, .btn.btn-to-primary:active, .btn.btn-to-primary.active, .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #d2330e;
        background-image: none;
        border-color: #c8310e;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ddd;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-secondary:hover, .btn-secondary.hover {
        color: #292b2c;
        background-color: #e6e6e6;
        border-color: #bebebe;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(221, 221, 221, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        background-color: #fff;
        border-color: #ddd;
    }

    .btn-secondary:active, .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        color: #292b2c;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #bebebe;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-info {
    color: #fff;
    background-color: #78909c;
    border-color: #78909c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-info:hover, .btn-info.hover {
        color: #fff;
        background-color: #5f7682;
        border-color: #5b717c;
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(120, 144, 156, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: #78909c;
        border-color: #78909c;
    }

    .btn-info:active, .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #5f7682;
        background-image: none;
        border-color: #5b717c;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-success:hover, .btn-success.hover {
        color: #fff;
        background-color: #3d8b40;
        border-color: #39843c;
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(76, 175, 80, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: #4caf50;
        border-color: #4caf50;
    }

    .btn-success:active, .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #3d8b40;
        background-image: none;
        border-color: #39843c;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-warning {
    color: #fff;
    background-color: #f14b23;
    border-color: #f14b23;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-warning:hover, .btn-warning.hover {
        color: #fff;
        background-color: #d4340d;
        border-color: #ca320d;
    }

    .btn-warning:focus, .btn-warning.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(241, 75, 35, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: #f14b23;
        border-color: #f14b23;
    }

    .btn-warning:active, .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #d4340d;
        background-image: none;
        border-color: #ca320d;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-danger {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-danger:hover, .btn-danger.hover, .btn.btn-to-danger:hover {
        color: #fff;
        background-color: #ea1c0d;
        border-color: #e11b0c;
    }

    .btn-danger:focus, .btn.btn-to-danger:focus, .btn.btn-to-danger.focus, .btn-danger.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(244, 67, 54, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        background-color: #f44336;
        border-color: #f44336;
    }

    .btn-danger:active, .btn.btn-to-danger:active, .btn.btn-to-danger.active, .btn-danger.active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #ea1c0d;
        background-image: none;
        border-color: #e11b0c;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-outline-primary {
    color: #f04a23;
    background-color: transparent;
    background-image: none;
    border-color: #f04a23;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #f04a23;
        border-color: #f04a23;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 2px rgba(240, 74, 35, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #f04a23;
        background-color: transparent;
    }

    .btn-outline-primary:active, .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #f04a23;
        border-color: #f04a23;
    }

.btn-outline-secondary {
    color: #ddd;
    background-color: transparent;
    background-image: none;
    border-color: #ddd;
}

    .btn-outline-secondary:hover {
        color: #292b2c;
        background-color: #ddd;
        border-color: #ddd;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 2px rgba(221, 221, 221, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #ddd;
        background-color: transparent;
    }

    .btn-outline-secondary:active, .btn-outline-secondary.active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #292b2c;
        background-color: #ddd;
        border-color: #ddd;
    }

.btn-outline-info {
    color: #78909c;
    background-color: transparent;
    background-image: none;
    border-color: #78909c;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #78909c;
        border-color: #78909c;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 2px rgba(120, 144, 156, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #78909c;
        background-color: transparent;
    }

    .btn-outline-info:active, .btn-outline-info.active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #78909c;
        border-color: #78909c;
    }

.btn-outline-success {
    color: #4caf50;
    background-color: transparent;
    background-image: none;
    border-color: #4caf50;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #4caf50;
        background-color: transparent;
    }

    .btn-outline-success:active, .btn-outline-success.active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #4caf50;
        border-color: #4caf50;
    }

.btn-outline-warning {
    color: #f14b23;
    background-color: transparent;
    background-image: none;
    border-color: #f14b23;
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #f14b23;
        border-color: #f14b23;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 2px rgba(241, 75, 35, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #f14b23;
        background-color: transparent;
    }

    .btn-outline-warning:active, .btn-outline-warning.active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #f14b23;
        border-color: #f14b23;
    }

.btn-outline-danger {
    color: #f44336;
    background-color: transparent;
    background-image: none;
    border-color: #f44336;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #f44336;
        border-color: #f44336;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #f44336;
        background-color: transparent;
    }

    .btn-outline-danger:active, .btn-outline-danger.active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #f44336;
        border-color: #f44336;
    }

.btn-link {
    font-weight: normal;
    color: #0066c0;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
        background-color: transparent;
        box-shadow: none;
    }

        .btn-link, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover {
                border-color: transparent;
            }

            .btn-link:focus, .btn-link:hover {
                color: #003d74;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link:disabled {
                color: #999;
            }

                .btn-link:disabled:focus, .btn-link:disabled:hover {
                    text-decoration: none;
                }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    border-radius: 0.1875rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    border-radius: 0.125rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.show {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.show {
        display: block;
    }

tr.collapse.show {
    display: table-row;
}

tbody.collapse.show {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #222222;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.075);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

.dropdown-divider {
    height: 1px;
    margin: 0.5rem 0;
    overflow: hidden;
    background-color: #eceeef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1rem;
    clear: both;
    font-weight: normal;
    color: #777;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #222 !important;
        text-decoration: none;
        background-color: #f7f7f9;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #1d1e1f;
        text-decoration: none;
        background-color: #ebebf0;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #999;
        cursor: not-allowed;
        background-color: transparent;
    }

.show > .dropdown-menu {
    display: block;
}

.show > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.8125rem;
    color: #999;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 0.125rem;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        flex: 0 1 auto;
        margin-bottom: 0;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 2;
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group,
    .btn-group-vertical .btn + .btn,
    .btn-group-vertical .btn + .btn-group,
    .btn-group-vertical .btn-group + .btn,
    .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

    .btn + .dropdown-toggle-split::after {
        margin-left: 0;
    }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        box-shadow: none;
    }

.btn-group-vertical {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical .btn,
    .btn-group-vertical .btn-group {
        width: 100%;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: flex;
    width: 100%;
}

    .input-group .form-control {
        position: relative;
        z-index: 2;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
            z-index: 3;
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: flex;
        align-items: center;
    }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 0.625rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.125rem;
}

    .input-group-addon.form-control-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 0.5rem 0.5rem;
        font-size: 0.8125rem;
        border-radius: 0.125rem;
    }

    .input-group-addon.form-control-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 0.875rem 1.5rem;
        font-size: 1rem;
        border-radius: 0.1875rem;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:not(:last-child),
    .input-group-addon:not(:last-child),
    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group > .btn,
    .input-group-btn:not(:last-child) > .dropdown-toggle,
    .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group-addon:not(:last-child) {
        border-right: 0;
    }

    .input-group .form-control:not(:first-child),
    .input-group-addon:not(:first-child),
    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group > .btn,
    .input-group-btn:not(:first-child) > .dropdown-toggle,
    .input-group-btn:not(:last-child) > .btn:not(:first-child),
    .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
            z-index: 3;
        }

    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

        .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
        .input-group-btn:not(:first-child) > .btn-group:focus,
        .input-group-btn:not(:first-child) > .btn-group:active,
        .input-group-btn:not(:first-child) > .btn-group:hover {
            z-index: 3;
        }

.custom-control {
    position: relative;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-indicator {
        color: #fff;
        background-color: #f04a23;
        box-shadow: none;
    }

    .custom-control-input:focus ~ .custom-control-indicator {
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f04a23;
    }

    .custom-control-input:active ~ .custom-control-indicator {
        color: #fff;
        background-color: #fbd3ca;
        box-shadow: none;
    }

    .custom-control-input:disabled ~ .custom-control-indicator {
        cursor: not-allowed;
        background-color: #eceeef;
    }

    .custom-control-input:disabled ~ .custom-control-description {
        color: #999;
        cursor: not-allowed;
    }

.custom-control-indicator {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.custom-checkbox .custom-control-indicator {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #f04a23;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
    box-shadow: none;
}

.custom-radio .custom-control-indicator {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-controls-stacked {
    display: flex;
    flex-direction: column;
}

    .custom-controls-stacked .custom-control {
        margin-bottom: 0.25rem;
    }

        .custom-controls-stacked .custom-control + .custom-control {
            margin-left: 0;
        }

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.5625rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    appearance: none;
}

    .custom-select:focus {
        border-color: #f8ac9a;
        outline: none;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(248, 172, 154, 0.5);
    }

        .custom-select:focus::-ms-value {
            color: #464a4c;
            background-color: #fff;
        }

    .custom-select:disabled {
        color: #999;
        cursor: not-allowed;
        background-color: #eceeef;
    }

    .custom-select::-ms-expand {
        opacity: 0;
    }

.custom-select-sm {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0;
}

    .custom-file-input:focus ~ .custom-file-control {
        box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #f04a23;
    }

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
}

    .custom-file-control:lang(en):empty::after {
        content: "Choose file...";
    }

    .custom-file-control::before {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 6;
        display: block;
        height: 2.5rem;
        padding: 0.5rem 1rem;
        line-height: 1.5;
        color: #464a4c;
        background-color: #eceeef;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0 0.25rem 0.25rem 0;
    }

    .custom-file-control:lang(en)::before {
        content: "Browse";
    }

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
}

    .nav-link:focus, .nav-link:hover {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #999;
        cursor: not-allowed;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: #eceeef #eceeef #ddd;
        }

        .nav-tabs .nav-link.disabled {
            color: #999;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #f04a23;
            background-color: #fff;
            border-color: #ddd #ddd #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .nav-item.show .nav-link {
        color: #fff;
        background-color: #f04a23;
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .navbar > .container, .megamenu-dropdown-container.simple .navbar > .dropdown-menu-inner,
    .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

@media (max-width: 575px) {
    .navbar > .container, .megamenu-dropdown-container.simple .navbar > .dropdown-menu-inner,
    .navbar > .container-fluid {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-brand {
    display: inline-block;
    align-self: flex-start;
    padding-top: 0.40625rem;
    padding-bottom: 0.40625rem;
    margin-right: 1rem;
    font-size: 1rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
}

.navbar-toggler {
    align-self: flex-start;
    padding: 0.25rem 0.75rem;
    font-size: 1rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.125rem;
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575px) {
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-expand-sm > .container, .megamenu-dropdown-container.simple .navbar-expand-sm > .dropdown-menu-inner,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-sm > .container, .megamenu-dropdown-container.simple .navbar-expand-sm > .dropdown-menu-inner,
        .navbar-expand-sm > .container-fluid {
            flex-wrap: nowrap;
            align-items: center;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-expand-md > .container, .megamenu-dropdown-container.simple .navbar-expand-md > .dropdown-menu-inner,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-md > .container, .megamenu-dropdown-container.simple .navbar-expand-md > .dropdown-menu-inner,
        .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap;
            align-items: center;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-expand-lg > .container, .megamenu-dropdown-container.simple .navbar-expand-lg > .dropdown-menu-inner,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-lg > .container, .megamenu-dropdown-container.simple .navbar-expand-lg > .dropdown-menu-inner,
        .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap;
            align-items: center;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }

    .highlightBtnWrapp {
        padding: 10px;
        display: block;
        border: 1px solid #dfdfdf;
        background: #f7f7f9;
        border-radius: 3px;
    }

    .width-xl-15 {
        width: 15%;
    }

    .highlightBtnWrapp.inlB {
        display: inline-block;
    }

    .highlightBtnWrapp.invisibleOn {
        background: transparent;
        border: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 1199px) {
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-expand-xl > .container, .megamenu-dropdown-container.simple .navbar-expand-xl > .dropdown-menu-inner,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-xl > .container, .megamenu-dropdown-container.simple .navbar-expand-xl > .dropdown-menu-inner,
        .navbar-expand-xl > .container-fluid {
            flex-wrap: nowrap;
            align-items: center;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

    .navbar-expand .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-expand > .container, .megamenu-dropdown-container.simple .navbar-expand > .dropdown-menu-inner,
    .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem;
        }

    .navbar-expand > .container, .megamenu-dropdown-container.simple .navbar-expand > .dropdown-menu-inner,
    .navbar-expand > .container-fluid {
        flex-wrap: nowrap;
        align-items: center;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
    .navbar-light .navbar-toggler:focus,
    .navbar-light .navbar-toggler:hover {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .open > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.open,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
    color: white;
}

    .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-toggler:focus,
    .navbar-inverse .navbar-toggler:hover {
        color: white;
    }

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-inverse .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-inverse .navbar-nav .open > .nav-link,
    .navbar-inverse .navbar-nav .active > .nav-link,
    .navbar-inverse .navbar-nav .nav-link.open,
    .navbar-inverse .navbar-nav .nav-link.active {
        color: white;
    }

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-inverse .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 0.25rem;
}

.card-block {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-primary {
    background-color: #f04a23;
    border-color: #f04a23;
}

    .card-primary .card-header,
    .card-primary .card-footer {
        background-color: transparent;
    }

.card-success {
    background-color: #4caf50;
    border-color: #4caf50;
}

    .card-success .card-header,
    .card-success .card-footer {
        background-color: transparent;
    }

.card-info {
    background-color: #78909c;
    border-color: #78909c;
}

    .card-info .card-header,
    .card-info .card-footer {
        background-color: transparent;
    }

.card-warning {
    background-color: #f14b23;
    border-color: #f14b23;
}

    .card-warning .card-header,
    .card-warning .card-footer {
        background-color: transparent;
    }

.card-danger {
    background-color: #f44336;
    border-color: #f44336;
}

    .card-danger .card-header,
    .card-danger .card-footer {
        background-color: transparent;
    }

.card-outline-primary {
    background-color: transparent;
    border-color: #f04a23;
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ddd;
}

.card-outline-info {
    background-color: transparent;
    border-color: #78909c;
}

.card-outline-success {
    background-color: transparent;
    border-color: #4caf50;
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f14b23;
}

.card-outline-danger {
    background-color: transparent;
    border-color: #f44336;
}

.card-inverse {
    color: rgba(255, 255, 255, 0.65);
}

    .card-inverse .card-header,
    .card-inverse .card-footer {
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.2);
    }

    .card-inverse .card-header,
    .card-inverse .card-footer,
    .card-inverse .card-title,
    .card-inverse .card-blockquote {
        color: #fff;
    }

        .card-inverse .card-link,
        .card-inverse .card-text,
        .card-inverse .card-subtitle,
        .card-inverse .card-blockquote .blockquote-footer {
            color: rgba(255, 255, 255, 0.65);
        }

            .card-inverse .card-link:focus, .card-inverse .card-link:hover {
                color: #fff;
            }

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0;
}

.card-img {
    border-radius: calc(0.25rem - 1px);
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-left: -10px;
        margin-right: -10px;
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0;
            flex-direction: column;
            margin-left: 10px;
            margin-right: 10px;
        }
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

        .card-group .card {
            flex: 1 0 0;
        }

            .card-group .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group .card:first-child .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .card-group .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group .card:last-child .card-img-top {
                    border-top-left-radius: 0;
                }

                .card-group .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0;
                }

            .card-group .card:not(:first-child):not(:last-child) {
                border-radius: 0;
            }

                .card-group .card:not(:first-child):not(:last-child) .card-img-top,
                .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
                    border-radius: 0;
                }
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
            margin-bottom: 0.75rem;
        }
}

.breadcrumb {
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
    border-radius: 0.25rem;
}

    .breadcrumb::after {
        display: block;
        clear: both;
        content: "";
    }

.breadcrumb-item {
    float: left;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        color: #999;
        content: "/";
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none;
    }

    .breadcrumb-item.active {
        color: #999;
    }

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 2;
    color: #222222;
    background-color: transparent;
    border-color: #ddd;
}

.page-item.disabled .page-link {
    color: #999;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #222222;
    background-color: transparent;
    border: 1px solid #ddd;
}

    .page-link:focus, .page-link:hover {
        color: #222222;
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.06);
        border-color: #ddd;
    }

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-default {
    background-color: #999;
}

    .badge-default[href]:focus, .badge-default[href]:hover {
        background-color: gray;
    }

.badge-primary {
    background-color: #f04a23;
}

    .badge-primary[href]:focus, .badge-primary[href]:hover {
        background-color: #d2330e;
    }

.badge-success {
    background-color: #4caf50;
}

    .badge-success[href]:focus, .badge-success[href]:hover {
        background-color: #3d8b40;
    }

.badge-info {
    background-color: #78909c;
}

    .badge-info[href]:focus, .badge-info[href]:hover {
        background-color: #5f7682;
    }

.badge-warning {
    background-color: #f14b23;
}

    .badge-warning[href]:focus, .badge-warning[href]:hover {
        background-color: #d4340d;
    }

.badge-danger {
    background-color: #f44336;
}

    .badge-danger[href]:focus, .badge-danger[href]:hover {
        background-color: #ea1c0d;
    }

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eceeef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-hr {
    border-top-color: #d0d5d8;
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert, .validation-summary-valid,
.validation-summary-errors {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: bold;
}

.alert-dismissible .close {
    position: relative;
    top: -0.75rem;
    right: -1.25rem;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-success, .validation-summary-valid {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d0e9c6;
}

    .alert-success hr, .validation-summary-valid hr {
        border-top-color: #c1e2b3;
    }

    .alert-success .alert-link, .validation-summary-valid .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #c4e3f3;
}

    .alert-info hr {
        border-top-color: #afd9ee;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faf2cc;
}

    .alert-warning hr {
        border-top-color: #f7ecb5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger, .validation-summary-errors {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebcccc;
}

    .alert-danger hr, .validation-summary-errors hr {
        border-top-color: #e4b9b9;
    }

    .alert-danger .alert-link, .validation-summary-errors .alert-link {
        color: #843534;
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    overflow: hidden;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
    border-radius: 0.25rem;
}

.progress-bar {
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    background-color: #f04a23;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #636c72;
    text-align: inherit;
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #636c72;
        text-decoration: none;
        background-color: #f7f7f9;
    }

    .list-group-item-action:active {
        color: #222222;
        background-color: #eceeef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .list-group-item:focus, .list-group-item:hover {
        text-decoration: none;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #999;
        cursor: not-allowed;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #222222;
        background-color: #fff;
        border-color: rgba(0, 0, 0, 0.125);
    }

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success:focus, a.list-group-item-success:hover,
    button.list-group-item-success:focus,
    button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info:focus, a.list-group-item-info:hover,
    button.list-group-item-info:focus,
    button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning:focus, a.list-group-item-warning:hover,
    button.list-group-item-warning:focus,
    button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger:focus, a.list-group-item-danger:hover,
    button.list-group-item-danger:focus,
    button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.close {
    float: right;
    font-size: 1.3125rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

button.close {
    padding: 0;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

    .modal.fade .modal-dialog {
        transition: transform 0.3s ease-out;
        transform: translate(0, -25%);
    }

    .modal.show .modal-dialog {
        transform: translate(0, 0) !important;
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #eceeef;
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem;
    }

    .modal-footer > :not(:last-child) {
        margin-right: .25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.8125rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
        padding: 5px 0;
        margin-top: -3px;
    }

        .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
            bottom: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 5px 5px 0;
            border-top-color: #000;
        }

    .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
        padding: 0 5px;
        margin-left: 3px;
    }

        .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
            top: 50%;
            left: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 5px 5px 0;
            border-right-color: #000;
        }

    .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
        padding: 5px 0;
        margin-top: 3px;
    }

        .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
            top: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 0 5px 5px;
            border-bottom-color: #000;
        }

    .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
        padding: 0 5px;
        margin-left: -3px;
    }

        .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
            top: 50%;
            right: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 0 5px 5px;
            border-left-color: #000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

    .tooltip-inner::before {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.8125rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .popover.popover-top, .popover.bs-tether-element-attached-bottom {
        margin-top: -10px;
    }

        .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
            left: 50%;
            border-bottom-width: 0;
        }

        .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
            bottom: -11px;
            margin-left: -11px;
            border-top-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
            bottom: -10px;
            margin-left: -10px;
            border-top-color: #fff;
        }

    .popover.popover-right, .popover.bs-tether-element-attached-left {
        margin-left: 10px;
    }

        .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
            top: 50%;
            border-left-width: 0;
        }

        .popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
            left: -11px;
            margin-top: -11px;
            border-right-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
            left: -10px;
            margin-top: -10px;
            border-right-color: #fff;
        }

    .popover.popover-bottom, .popover.bs-tether-element-attached-top {
        margin-top: 10px;
    }

        .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
            left: 50%;
            border-top-width: 0;
        }

        .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
            top: -11px;
            margin-left: -11px;
            border-bottom-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
            top: -10px;
            margin-left: -10px;
            border-bottom-color: #f7f7f7;
        }

        .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
            position: absolute;
            top: 0;
            left: 50%;
            display: block;
            width: 20px;
            margin-left: -10px;
            content: "";
            border-bottom: 1px solid #f7f7f7;
        }

    .popover.popover-left, .popover.bs-tether-element-attached-right {
        margin-left: -10px;
    }

        .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
            top: 50%;
            border-right-width: 0;
        }

        .popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
            right: -11px;
            margin-top: -11px;
            border-left-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
            right: -10px;
            margin-top: -10px;
            border-left-color: #fff;
        }

.popover-title {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 0.875rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .popover-title:empty {
        display: none;
    }

.popover-content {
    padding: 9px 14px;
}

.popover::before,
.popover::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover::before {
    content: "";
    border-width: 11px;
}

.popover::after {
    content: "";
    border-width: 10px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    width: 100%;
    transition: transform 0.6s ease;
    backface-visibility: hidden;
    perspective: 1000px;
}

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: flex;
    }

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        transform: translate3d(0, 0, 0);
    }

.carousel-item-next,
.active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
}

.carousel-item-prev,
.active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

    .carousel-control-prev:focus, .carousel-control-prev:hover,
    .carousel-control-next:focus,
    .carousel-control-next:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9;
    }

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        position: relative;
        flex: 1 0 auto;
        max-width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, 0.5);
    }

        .carousel-indicators li::before {
            position: absolute;
            top: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

        .carousel-indicators li::after {
            position: absolute;
            bottom: -10px;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 10px;
            content: "";
        }

    .carousel-indicators .active {
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-faded {
    background-color: #f7f7f7;
}

.bg-success {
    background-color: #4caf50 !important;
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #3d8b40 !important;
}

.bg-info {
    background-color: #78909c !important;
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #5f7682 !important;
}

.bg-warning {
    background-color: #f14b23 !important;
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #d4340d !important;
}

.bg-danger {
    background-color: #f44336 !important;
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #ea1c0d !important;
}

.bg-inverse {
    background-color: #292b2c !important;
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #101112 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-top {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.rounded-right {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.rounded-left {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.rounded-circle {
    border-radius: 50%;
}

.rounded-0 {
    border-radius: 0;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

.d-print-block {
    display: none !important;
}

@media print {
    .d-print-block {
        display: block !important;
    }
}

.d-print-inline {
    display: none !important;
}

@media print {
    .d-print-inline {
        display: inline !important;
    }
}

.d-print-inline-block {
    display: none !important;
}

@media print {
    .d-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
}

.order-first {
    order: -1;
}

.order-last {
    order: 1;
}

.order-0 {
    order: 0;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 1;
    }

    .order-sm-0 {
        order: 0;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 1;
    }

    .order-md-0 {
        order: 0;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 1;
    }

    .order-lg-0 {
        order: 0;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 1;
    }

    .order-xl-0 {
        order: 0;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.m-5 {
    margin: 2.25rem !important;
}

.mt-5 {
    margin-top: 2.25rem !important;
}

.mr-5 {
    margin-right: 2.25rem !important;
}

.mb-5 {
    margin-bottom: 2.25rem !important;
}

.ml-5 {
    margin-left: 2.25rem !important;
}

.mx-5 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
}

.my-5 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
}

.m-6 {
    margin: 3rem !important;
}

.mt-6 {
    margin-top: 3rem !important;
}

.mr-6 {
    margin-right: 3rem !important;
}

.mb-6 {
    margin-bottom: 3rem !important;
}

.ml-6 {
    margin-left: 3rem !important;
}

.mx-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.p-5 {
    padding: 2.25rem !important;
}

.pt-5 {
    padding-top: 2.25rem !important;
}

.pr-5 {
    padding-right: 2.25rem !important;
}

.pb-5 {
    padding-bottom: 2.25rem !important;
}

.pl-5 {
    padding-left: 2.25rem !important;
}

.px-5 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
}

.py-5 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

.p-6 {
    padding: 3rem !important;
}

.pt-6 {
    padding-top: 3rem !important;
}

.pr-6 {
    padding-right: 3rem !important;
}

.pb-6 {
    padding-bottom: 3rem !important;
}

.pl-6 {
    padding-left: 3rem !important;
}

.px-6 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1 {
        margin-left: 0.25rem !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2 {
        margin-left: 0.5rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3 {
        margin-left: 1rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 2.25rem !important;
    }

    .mt-sm-5 {
        margin-top: 2.25rem !important;
    }

    .mr-sm-5 {
        margin-right: 2.25rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 2.25rem !important;
    }

    .ml-sm-5 {
        margin-left: 2.25rem !important;
    }

    .mx-sm-5 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .my-sm-5 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .m-sm-6 {
        margin: 3rem !important;
    }

    .mt-sm-6 {
        margin-top: 3rem !important;
    }

    .mr-sm-6 {
        margin-right: 3rem !important;
    }

    .mb-sm-6 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-6 {
        margin-left: 3rem !important;
    }

    .mx-sm-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-sm-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1 {
        padding-left: 0.25rem !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2 {
        padding-left: 0.5rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3 {
        padding-left: 1rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 2.25rem !important;
    }

    .pt-sm-5 {
        padding-top: 2.25rem !important;
    }

    .pr-sm-5 {
        padding-right: 2.25rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 2.25rem !important;
    }

    .pl-sm-5 {
        padding-left: 2.25rem !important;
    }

    .px-sm-5 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .py-sm-5 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .p-sm-6 {
        padding: 3rem !important;
    }

    .pt-sm-6 {
        padding-top: 3rem !important;
    }

    .pr-sm-6 {
        padding-right: 3rem !important;
    }

    .pb-sm-6 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-6 {
        padding-left: 3rem !important;
    }

    .px-sm-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto {
        margin-left: auto !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0 {
        margin-left: 0 !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1 {
        margin-left: 0.25rem !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2 {
        margin-left: 0.5rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3 {
        margin-left: 1rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4 {
        margin-left: 1.5rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-md-5 {
        margin: 2.25rem !important;
    }

    .mt-md-5 {
        margin-top: 2.25rem !important;
    }

    .mr-md-5 {
        margin-right: 2.25rem !important;
    }

    .mb-md-5 {
        margin-bottom: 2.25rem !important;
    }

    .ml-md-5 {
        margin-left: 2.25rem !important;
    }

    .mx-md-5 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .my-md-5 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .m-md-6 {
        margin: 3rem !important;
    }

    .mt-md-6 {
        margin-top: 3rem !important;
    }

    .mr-md-6 {
        margin-right: 3rem !important;
    }

    .mb-md-6 {
        margin-bottom: 3rem !important;
    }

    .ml-md-6 {
        margin-left: 3rem !important;
    }

    .mx-md-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-md-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0 {
        padding-left: 0 !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1 {
        padding-left: 0.25rem !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2 {
        padding-left: 0.5rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3 {
        padding-left: 1rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4 {
        padding-left: 1.5rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-md-5 {
        padding: 2.25rem !important;
    }

    .pt-md-5 {
        padding-top: 2.25rem !important;
    }

    .pr-md-5 {
        padding-right: 2.25rem !important;
    }

    .pb-md-5 {
        padding-bottom: 2.25rem !important;
    }

    .pl-md-5 {
        padding-left: 2.25rem !important;
    }

    .px-md-5 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .py-md-5 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .p-md-6 {
        padding: 3rem !important;
    }

    .pt-md-6 {
        padding-top: 3rem !important;
    }

    .pr-md-6 {
        padding-right: 3rem !important;
    }

    .pb-md-6 {
        padding-bottom: 3rem !important;
    }

    .pl-md-6 {
        padding-left: 3rem !important;
    }

    .px-md-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2 {
        margin-left: 0.5rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3 {
        margin-left: 1rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 2.25rem !important;
    }

    .mt-lg-5 {
        margin-top: 2.25rem !important;
    }

    .mr-lg-5 {
        margin-right: 2.25rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 2.25rem !important;
    }

    .ml-lg-5 {
        margin-left: 2.25rem !important;
    }

    .mx-lg-5 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .my-lg-5 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .m-lg-6 {
        margin: 3rem !important;
    }

    .mt-lg-6 {
        margin-top: 3rem !important;
    }

    .mr-lg-6 {
        margin-right: 3rem !important;
    }

    .mb-lg-6 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-6 {
        margin-left: 3rem !important;
    }

    .mx-lg-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-lg-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1 {
        padding-left: 0.25rem !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2 {
        padding-left: 0.5rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3 {
        padding-left: 1rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 2.25rem !important;
    }

    .pt-lg-5 {
        padding-top: 2.25rem !important;
    }

    .pr-lg-5 {
        padding-right: 2.25rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 2.25rem !important;
    }

    .pl-lg-5 {
        padding-left: 2.25rem !important;
    }

    .px-lg-5 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .py-lg-5 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .p-lg-6 {
        padding: 3rem !important;
    }

    .pt-lg-6 {
        padding-top: 3rem !important;
    }

    .pr-lg-6 {
        padding-right: 3rem !important;
    }

    .pb-lg-6 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-6 {
        padding-left: 3rem !important;
    }

    .px-lg-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0 {
        margin-left: 0 !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1 {
        margin-left: 0.25rem !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2 {
        margin-left: 0.5rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3 {
        margin-left: 1rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 2.25rem !important;
    }

    .mt-xl-5 {
        margin-top: 2.25rem !important;
    }

    .mr-xl-5 {
        margin-right: 2.25rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 2.25rem !important;
    }

    .ml-xl-5 {
        margin-left: 2.25rem !important;
    }

    .mx-xl-5 {
        margin-right: 2.25rem !important;
        margin-left: 2.25rem !important;
    }

    .my-xl-5 {
        margin-top: 2.25rem !important;
        margin-bottom: 2.25rem !important;
    }

    .m-xl-6 {
        margin: 3rem !important;
    }

    .mt-xl-6 {
        margin-top: 3rem !important;
    }

    .mr-xl-6 {
        margin-right: 3rem !important;
    }

    .mb-xl-6 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-6 {
        margin-left: 3rem !important;
    }

    .mx-xl-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .my-xl-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0 {
        padding-left: 0 !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1 {
        padding-left: 0.25rem !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2 {
        padding-left: 0.5rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3 {
        padding-left: 1rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 2.25rem !important;
    }

    .pt-xl-5 {
        padding-top: 2.25rem !important;
    }

    .pr-xl-5 {
        padding-right: 2.25rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 2.25rem !important;
    }

    .pl-xl-5 {
        padding-left: 2.25rem !important;
    }

    .px-xl-5 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .py-xl-5 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .p-xl-6 {
        padding: 3rem !important;
    }

    .pt-xl-6 {
        padding-top: 3rem !important;
    }

    .pr-xl-6 {
        padding-right: 3rem !important;
    }

    .pb-xl-6 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-6 {
        padding-left: 3rem !important;
    }

    .px-xl-6 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto {
        margin-left: auto !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

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

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-normal {
    font-weight: normal;
}

.font-weight-bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic;
}

.text-white {
    color: #fff !important;
}

.text-muted {
    color: #999 !important;
}

a.text-muted:focus, a.text-muted:hover {
    color: gray !important;
}

.text-primary {
    color: #f04a23 !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #d2330e !important;
}

.text-success {
    color: #4caf50 !important;
}

a.text-success:focus, a.text-success:hover {
    color: #3d8b40 !important;
}

.text-info {
    color: #78909c !important;
}

a.text-info:focus, a.text-info:hover {
    color: #5f7682 !important;
}

.text-warning {
    color: #f14b23 !important;
}

a.text-warning:focus, a.text-warning:hover {
    color: #d4340d !important;
}

.text-danger {
    color: #f44336 !important;
}

a.text-danger:focus, a.text-danger:hover {
    color: #ea1c0d !important;
}

.text-gray-dark {
    color: #292b2c !important;
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #101112 !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}

    .pswp * {
        box-sizing: border-box;
    }

    .pswp img {
        max-width: none;
    }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    /* for open/close transition */
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

    .pswp__error-msg a {
        color: #CCC;
        text-decoration: underline;
    }

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 38px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 8px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

/*@import 'shared/_colors.scss';*/
.fs-h1 {
    font-size: 2rem !important;
}

.fs-h2 {
    font-size: 1.85rem !important;
}

.fs-h3 {
    font-size: 1.75rem !important;
}

.fs-h4 {
    font-size: 1.25rem !important;
}

.fs-h5 {
    font-size: 1rem !important;
}

.fs-h6 {
    font-size: 0.875rem !important;
}

.fs-lead {
    font-size: 1rem;
}

.fs-display-1 {
    font-size: 5.5rem !important;
}

.fs-display-2 {
    font-size: 5rem !important;
}

.fs-display-3 {
    font-size: 4.5rem !important;
}

.fs-display-4 {
    font-size: 3rem !important;
}

.fs-small {
    font-size: 0.85rem !important;
}

.text-smaller,
.text-smaller a {
    font-size: 0.8125rem;
}

h1, h2, .h1, .h2 {
    font-weight: 400;
}

.font-weight-unset {
    font-weight: unset !important;
}

.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-medium {
    font-weight: 600 !important;
}

.heading {
    position: relative;
}

    .heading:before {
        position: absolute;
        display: block;
        content: ' ';
        width: 100%;
        height: 1px;
        top: 50%;
        z-index: 0;
        background: radial-gradient(ellipse at left, #fff 25%, rgba(0, 0, 0, 0.25) 100%);
    }

    .heading .heading-title {
        position: relative;
        display: inline-block;
        background: #fff;
        padding-right: 1rem;
        font-weight: 300;
    }

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

    .heading-center:before {
        background: radial-gradient(ellipse at center, #fff 25%, rgba(0, 0, 0, 0.25) 100%);
    }

    .heading-center .heading-title {
        padding-left: 1rem;
    }

.page-title {
    margin-bottom: 0;
}



a.color-body {
    color: #3c3c3c;
    text-decoration: none;
}

    a.color-body:hover {
        color: #3c3c3c;
        text-decoration: underline;
    }

a.pretty-link {
    color: #222222;
    text-decoration: none;
    font-weight: 600;
}

    a.pretty-link > i {
        padding-right: 1.2rem;
    }

    a.pretty-link > span {
        color: #aaa;
    }

        a.pretty-link > span:hover, a.pretty-link > span:active {
            color: inherit;
        }

.text-wrap {
    white-space: normal !important;
}

.text-body {
    font-size: 1rem;
}

code {
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 2px;
}

.alert, .validation-summary-valid,
.validation-summary-errors {
    position: relative;
    padding-left: 4rem;
    line-height: 1.5;
    border-width: 0;
}

    .alert:before, .validation-summary-valid:before,
    .validation-summary-errors:before {
        display: block;
        position: absolute;
        content: ' ';
        left: 0;
        top: 0;
        bottom: 0;
        width: 3rem;
        z-index: 1;
    }

    .alert.alert-danger:before, .alert-danger.validation-summary-valid:before,
    .validation-summary-errors:before {
        background-color: #f44336;
    }

    .alert.alert-info:before, .alert-info.validation-summary-valid:before,
    .alert-info.validation-summary-errors:before {
        background-color: #78909c;
    }

.terms-of-service.alert-donations {
    padding: 0.7rem !important;
    background-color: #d9edf7;
}

.alert.alert-success:before, .validation-summary-valid:before,
.alert-success.validation-summary-errors:before {
    background-color: #4caf50;
}

.alert.alert-warning:before, .alert-warning.validation-summary-valid:before,
.alert-warning.validation-summary-errors:before {
    background-color: #f14b23;
}

.alert:after, .validation-summary-valid:after,
.validation-summary-errors:after {
    display: block;
    position: absolute;
    color: #fff;
    font-family: FontAwesome;
    left: 0;
    top: 50%;
    font-size: 1.25em;
    width: 3rem;
    text-align: center;
    transform: translateY(-50%);
    z-index: 2;
}

.alert.alert-danger:after, .alert-danger.validation-summary-valid:after,
.validation-summary-errors:after {
    content: "\f071";
}

.alert.alert-info:after, .alert-info.validation-summary-valid:after,
.alert-info.validation-summary-errors:after {
    content: "\f129";
}

.alert.alert-success:after, .validation-summary-valid:after,
.alert-success.validation-summary-errors:after {
    content: url('../../../themes/flex/content/icons/check-circle.svg') !important;
}

.alert.alert-warning:after, .alert-warning.validation-summary-valid:after,
.alert-warning.validation-summary-errors:after {
    content: "\f06a";
}

.alert > ul, .validation-summary-valid > ul,
.validation-summary-errors > ul {
    padding-left: 1.2rem;
}

.alert > *:first-child, .validation-summary-valid > *:first-child,
.validation-summary-errors > *:first-child {
    margin-top: 0 !important;
}

.alert.alert.success {
    background-color: red !important;
}

.alert > *:last-child, .validation-summary-valid > *:last-child,
.validation-summary-errors > *:last-child {
    margin-bottom: 0 !important;
}

/*$btn-size:              ($btn-padding-y * 2) + ($font-size-base * $btn-line-height);
$btn-size-lg:           ($btn-padding-y-lg * 2) + ($font-size-lg * $btn-line-height);
$btn-size-sm:           ($btn-padding-y-sm * 2) + ($font-size-sm * $btn-line-height);*/
.btn {
    cursor: pointer;
}

.btn-secondary:hover, .btn-secondary.hover, .btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
    background-color: #f2f2f2;
}

.btn-gray {
    color: #292b2c;
    background-color: #f7f7f9;
    border-color: #ddd;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-gray:hover, .btn-gray.hover {
        color: #292b2c;
        background-color: #dadae3;
        border-color: #bebebe;
    }

    .btn-gray:focus, .btn-gray.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(221, 221, 221, 0.5);
    }

    .btn-gray.disabled, .btn-gray:disabled {
        background-color: #f7f7f9;
        border-color: #ddd;
    }

    .btn-gray:active, .btn-gray.active,
    .show > .btn-gray.dropdown-toggle {
        color: #292b2c;
        background-color: #dadae3;
        background-image: none;
        border-color: #bebebe;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-icon,
.btn-circle {
    padding: 0;
    text-align: center;
    vertical-align: middle;
    position: relative;
    width: calc(2.5625rem + 2px);
    height: calc(2.5625rem + 2px);
    line-height: 2.5625rem;
}

    .btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn,
    .btn-circle.btn-lg,
    .btn-group-lg > .btn-circle.btn {
        width: calc(3.25rem + 2px);
        height: calc(3.25rem + 2px);
        line-height: 3.25rem;
    }

    .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn,
    .btn-circle.btn-sm,
    .btn-group-sm > .btn-circle.btn {
        width: calc(2.21875rem + 2px);
        height: calc(2.21875rem + 2px);
        line-height: 2.21875rem;
    }

    .btn-icon > i,
    .btn-circle > i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    .btn-icon.dropdown-toggle:after,
    .btn-circle.dropdown-toggle:after {
        position: absolute;
        right: 0.3rem;
        bottom: 0.5em;
    }

.btn-circle {
    border-radius: 50%;
}

.btn-flat {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

    .btn-flat:hover:not(:active):not(:focus), .btn-flat.hover:not(:active):not(:focus) {
        border-color: transparent;
    }

.btn-flat-light {
    color: rgba(255, 255, 255, 0.8);
}

    .btn-flat-light:hover, .btn-flat-light.hover, .btn-flat-light:active, .btn-flat-light.active {
        border-color: white !important;
    }

    .btn-flat-light:focus, .btn-flat-light.focus {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
    }

.btn-clear {
    color: white !important;
    background: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: none;
}

    .btn-clear:hover, .btn-clear.hover {
        background: rgba(255, 255, 255, 0.15);
    }

    .btn-clear:active, .btn-clear.active {
        border-color: #fff;
        box-shadow: none;
    }

    .btn-clear:focus, .btn-clear.focus {
        border-color: #fff;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
    }

.btn-clear-dark {
    color: rgba(0, 0, 0, 0.7);
    background: transparent;
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: none;
}

    .btn-clear-dark:hover, .btn-clear-dark.hover {
        color: rgba(0, 0, 0, 0.85);
        background: rgba(0, 0, 0, 0.06);
    }

    .btn-clear-dark:active, .btn-clear-dark.active {
        box-shadow: none;
    }

    .btn-clear-dark:focus, .btn-clear-dark.focus {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
    }

.btn-labeled {
    position: relative;
    padding-left: 3.5625rem;
}

    .btn-labeled > b {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.12);
        display: block;
        width: 2.5625rem;
        line-height: 2.5625rem;
        text-align: center;
    }

        .btn-labeled > b > .fa {
            vertical-align: middle;
        }

    .btn-labeled.btn-lg, .btn-group-lg > .btn-labeled.btn {
        padding-left: 4.75rem;
    }

        .btn-labeled.btn-lg > b, .btn-group-lg > .btn-labeled.btn > b {
            width: 3.25rem;
            line-height: 3.25rem;
        }

    .btn-labeled.btn-sm, .btn-group-sm > .btn-labeled.btn {
        padding-left: 2.96875rem;
    }

        .btn-labeled.btn-sm > b, .btn-group-sm > .btn-labeled.btn > b {
            width: 2.21875rem;
            line-height: 2.21875rem;
        }

    .btn-labeled.icon-right {
        padding-left: 1rem;
        padding-right: 3.5625rem;
    }

        .btn-labeled.icon-right > b {
            left: auto;
            right: 0;
        }

.btn-animate {
    position: relative;
    overflow: hidden;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    transition: all 0.2s ease-out;
}

    .btn-animate > span {
        display: block;
        width: 100%;
        height: 100%;
        transition: transform 0.2s ease-out;
        transform: translateX(0);
    }

        .btn-animate > span > .fa {
            position: absolute;
            display: block;
            left: 0;
            top: 0;
            bottom: 0;
            width: 1.25em;
            text-align: left;
            opacity: 0;
            line-height: 1.5;
            transition: opacity 0.2s ease-out;
            transform: translateX(-100%);
        }

    .btn-animate:hover > span {
        transform: translateX(10px);
    }

        .btn-animate:hover > span > .fa {
            opacity: 1;
        }

    .btn-animate.btn-lg, .btn-group-lg > .btn-animate.btn {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }

    .btn-animate.btn-sm, .btn-group-sm > .btn-animate.btn {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }

        .btn-animate.btn-sm > span > .fa, .btn-group-sm > .btn-animate.btn > span > .fa {
            top: 1px;
        }

    .btn-animate.btn-animate-right > span > .fa {
        left: auto;
        right: 0;
        text-align: right;
        transform: translateX(100%);
    }

    .btn-animate.btn-animate-right:hover > span {
        transform: translateX(-10px);
    }

    .btn-animate.btn-animate-down > span {
        text-align: center;
    }

        .btn-animate.btn-animate-down > span > .fa {
            left: 50%;
            margin-left: -0.625em;
            right: 0;
            top: 0;
            text-align: center;
            transform: translateY(-100%);
        }

    .btn-animate.btn-animate-down:hover > span {
        transform: translateY(100%);
    }

    .btn-animate.btn-animate-down.btn-lg > span > .fa, .btn-group-lg > .btn-animate.btn-animate-down.btn > span > .fa {
        font-size: 1.5rem;
        line-height: 1.5rem;
        transform: translateY(-3.25rem);
    }

    .btn-animate.btn-animate-down.btn-lg:hover > span, .btn-group-lg > .btn-animate.btn-animate-down.btn:hover > span {
        transform: translateY(3.25rem);
    }

    .btn-animate.btn-animate-down.btn-sm > span > .fa, .btn-group-sm > .btn-animate.btn-animate-down.btn > span > .fa {
        transform: translateY(-2.21875rem);
    }

    .btn-animate.btn-animate-down.btn-sm:hover > span, .btn-group-sm > .btn-animate.btn-animate-down.btn:hover > span {
        transform: translateY(2.21875rem);
    }

.btn.btn-to-danger {
    transition: none;
}

.btn.btn-to-primary {
    transition: none;
}

.btn.btn-no-border {
    border-color: transparent !important;
}

    .btn.btn-no-border:active, .btn.btn-no-border.active {
        box-shadow: none;
    }

.btn-wide {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

    .btn-wide.btn-lg, .btn-group-lg > .btn-wide.btn {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .btn-wide.btn-sm, .btn-group-sm > .btn-wide.btn {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .btn-wide.btn-animate {
        padding-left: 2.7rem;
        padding-right: 2.7rem;
    }

        .btn-wide.btn-animate span > .fa {
            width: 1.5em;
        }

        .btn-wide.btn-animate.btn-lg, .btn-group-lg > .btn-wide.btn-animate.btn {
            padding-left: 3.75rem;
            padding-right: 3.75rem;
        }

        .btn-wide.btn-animate.btn-sm, .btn-group-sm > .btn-wide.btn-animate.btn {
            padding-left: 1.8rem;
            padding-right: 1.8rem;
        }

    .btn-wide.btn-labeled {
        padding-left: 4.3625rem;
    }

        .btn-wide.btn-labeled.btn-lg, .btn-group-lg > .btn-wide.btn-labeled.btn {
            padding-left: 5.75rem;
        }

        .btn-wide.btn-labeled.btn-sm, .btn-group-sm > .btn-wide.btn-labeled.btn {
            padding-left: 3.41875rem;
        }

        .btn-wide.btn-labeled.icon-right {
            padding-left: 1.8rem;
            padding-right: 4.3625rem;
        }

            .btn-wide.btn-labeled.icon-right.btn-lg, .btn-group-lg > .btn-wide.btn-labeled.icon-right.btn {
                padding-right: 5.75rem;
            }

            .btn-wide.btn-labeled.icon-right.btn-sm, .btn-group-sm > .btn-wide.btn-labeled.icon-right.btn {
                padding-right: 3.41875rem;
            }

.mf-dropdown {
    display: inline-block;
    position: relative;
}

    .mf-dropdown .btn {
        border-radius: 0;
        position: relative;
    }

        .mf-dropdown .btn > em {
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            color: #999;
            font-size: 0.8125rem;
            font-size: 0.85em;
        }

            .mf-dropdown .btn > em > span {
                font-weight: 600;
                font-size: 1.166666em;
                color: #222222;
            }

        .mf-dropdown .btn.has-caret {
            text-align: left;
            padding-right: 2rem;
        }

            .mf-dropdown .btn.has-caret.btn-sm, .mf-dropdown .btn-group-sm > .btn.has-caret {
                padding-right: 1.5rem;
            }

            .mf-dropdown .btn.has-caret.btn-lg, .mf-dropdown .btn-group-lg > .btn.has-caret {
                padding-right: 3rem;
            }

            .mf-dropdown .btn.has-caret > em,
            .mf-dropdown .btn.has-caret > span {
                display: block;
                margin-bottom: 1px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .mf-dropdown .btn.has-caret:after {
                display: inline-block;
                font: normal normal normal 16px/1 'FontAwesome';
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                content: "";
                position: absolute;
                display: block;
                right: 1rem;
                line-height: 1;
                top: 50%;
                transform: translate3d(50%, -50%, 0);
            }

    .mf-dropdown .btn-sm.has-caret:after, .mf-dropdown .btn-group-sm > .has-caret.btn:after {
        right: 0.75rem;
    }

    .mf-dropdown .btn-lg.has-caret:after, .mf-dropdown .btn-group-lg > .has-caret.btn:after {
        right: 1.5rem;
    }

    .mf-dropdown select {
        position: absolute;
        opacity: 0;
        left: 0;
        width: 100%;
        top: 0;
        bottom: 0;
        cursor: pointer;
    }

.btn-brand-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-brand-facebook:hover {
        color: #fff;
        background-color: #2d4373;
        border-color: #2a3f6c;
    }

    .btn-brand-facebook:focus, .btn-brand-facebook.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(59, 89, 152, 0.5);
    }

    .btn-brand-facebook.disabled, .btn-brand-facebook:disabled {
        background-color: #3b5998;
        border-color: #3b5998;
    }

    .btn-brand-facebook:active, .btn-brand-facebook.active,
    .show > .btn-brand-facebook.dropdown-toggle {
        color: #fff;
        background-color: #2d4373;
        background-image: none;
        border-color: #2a3f6c;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-brand-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: #55acee;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-brand-twitter:hover {
        color: #fff;
        background-color: #2795e9;
        border-color: #1d91e8;
    }

    .btn-brand-twitter:focus, .btn-brand-twitter.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(85, 172, 238, 0.5);
    }

    .btn-brand-twitter.disabled, .btn-brand-twitter:disabled {
        background-color: #55acee;
        border-color: #55acee;
    }

    .btn-brand-twitter:active, .btn-brand-twitter.active,
    .show > .btn-brand-twitter.dropdown-toggle {
        color: #fff;
        background-color: #2795e9;
        background-image: none;
        border-color: #1d91e8;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-brand-youtube {
    color: #fff;
    background-color: #cd201f;
    border-color: #cd201f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-brand-youtube:hover {
        color: #fff;
        background-color: #a11918;
        border-color: #981817;
    }

    .btn-brand-youtube:focus, .btn-brand-youtube.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(205, 32, 31, 0.5);
    }

    .btn-brand-youtube.disabled, .btn-brand-youtube:disabled {
        background-color: #cd201f;
        border-color: #cd201f;
    }

    .btn-brand-youtube:active, .btn-brand-youtube.active,
    .show > .btn-brand-youtube.dropdown-toggle {
        color: #fff;
        background-color: #a11918;
        background-image: none;
        border-color: #981817;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-brand-pinterest {
    color: #fff;
    background-color: #cc2127;
    border-color: #cc2127;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-brand-pinterest:hover {
        color: #fff;
        background-color: #a01a1f;
        border-color: #97181d;
    }

    .btn-brand-pinterest:focus, .btn-brand-pinterest.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(204, 33, 39, 0.5);
    }

    .btn-brand-pinterest.disabled, .btn-brand-pinterest:disabled {
        background-color: #cc2127;
        border-color: #cc2127;
    }

    .btn-brand-pinterest:active, .btn-brand-pinterest.active,
    .show > .btn-brand-pinterest.dropdown-toggle {
        color: #fff;
        background-color: #a01a1f;
        background-image: none;
        border-color: #97181d;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-brand-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

    .btn-brand-google-plus:hover {
        color: #fff;
        background-color: #c23321;
        border-color: #b93120;
    }

    .btn-brand-google-plus:focus, .btn-brand-google-plus.focus {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 0 0 2px rgba(221, 75, 57, 0.5);
    }

    .btn-brand-google-plus.disabled, .btn-brand-google-plus:disabled {
        background-color: #dd4b39;
        border-color: #dd4b39;
    }

    .btn-brand-google-plus:active, .btn-brand-google-plus.active,
    .show > .btn-brand-google-plus.dropdown-toggle {
        color: #fff;
        background-color: #c23321;
        background-image: none;
        border-color: #b93120;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

/*.btn-brand-flickr {
    @include button-variant(#fff, $clr-brand-flickr, $clr-brand-flickr);
}

.btn-brand-instagram {
    @include button-variant(#fff, $clr-brand-instagram, $clr-brand-instagram);
}

.btn-brand-linkedin {
    @include button-variant(#fff, $clr-brand-linkedin, $clr-brand-linkedin);
}

.btn-brand-xing {
    @include button-variant(#fff, $clr-brand-xing, $clr-brand-xing);
}*/
.card-deck .card {
    margin-bottom: 20px;
}

.card-shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.card-block > p:last-child {
    margin-bottom: 0;
}

.card-footer .btn {
    font-weight: 400;
}

.card-block > *:last-child {
    margin-bottom: 0 !important;
}

@media (min-width: 576px) {
    .card-deck.card-cols-sm-1 .card {
        -ms-flex: 1 0 100% !important;
        flex: 1 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px);
    }

    .card-deck.card-cols-sm-2 .card {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px);
    }

    .card-deck.card-cols-sm-3 .card {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 calc(33.333% - 20px) !important;
        max-width: calc(33.333% - 20px);
    }

    .card-deck.card-cols-sm-4 .card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 calc(25% - 20px) !important;
        max-width: calc(25% - 20px);
    }

    .card-deck.card-cols-sm-5 .card {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 calc(20% - 20px) !important;
        max-width: calc(20% - 20px);
    }

    .card-deck.card-cols-sm-6 .card {
        -ms-flex: 0 0 16.666% !important;
        flex: 0 0 calc(16.666% - 20px) !important;
        max-width: calc(16.666% - 20px);
    }

    .card-group.card-cols-sm-1 .card {
        flex: 1 0 100% !important;
        max-width: 100%;
    }

    .card-group.card-cols-sm-2 .card {
        flex: 0 0 50% !important;
        max-width: 50%;
    }

    .card-group.card-cols-sm-3 .card {
        flex: 0 0 33.333% !important;
        max-width: 33.333%;
    }

    .card-group.card-cols-sm-4 .card {
        flex: 0 0 25% !important;
        max-width: 25%;
    }

    .card-group.card-cols-sm-5 .card {
        flex: 0 0 20% !important;
        max-width: 20%;
    }

    .card-group.card-cols-sm-6 .card {
        flex: 0 0 16.666% !important;
        max-width: 16.666%;
    }

    .card-columns.card-cols-sm-1 {
        column-count: 1;
    }

    .card-columns.card-cols-sm-2 {
        column-count: 2;
    }

    .card-columns.card-cols-sm-3 {
        column-count: 3;
    }

    .card-columns.card-cols-sm-4 {
        column-count: 4;
    }

    .card-columns.card-cols-sm-5 {
        column-count: 5;
    }

    .card-columns.card-cols-sm-6 {
        column-count: 6;
    }
}

@media (min-width: 768px) {
    .card-deck.card-cols-md-1 .card {
        -ms-flex: 1 0 100% !important;
        flex: 1 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px);
    }

    .card-deck.card-cols-md-2 .card {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px);
    }

    .card-deck.card-cols-md-3 .card {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 calc(33.333% - 20px) !important;
        max-width: calc(33.333% - 20px);
    }

    .card-deck.card-cols-md-4 .card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 calc(25% - 20px) !important;
        max-width: calc(25% - 20px);
    }

    .card-deck.card-cols-md-5 .card {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 calc(20% - 20px) !important;
        max-width: calc(20% - 20px);
    }

    .card-deck.card-cols-md-6 .card {
        -ms-flex: 0 0 16.666% !important;
        flex: 0 0 calc(16.666% - 20px) !important;
        max-width: calc(16.666% - 20px);
    }

    .card-group.card-cols-md-1 .card {
        flex: 1 0 100% !important;
        max-width: 100%;
    }

    .card-group.card-cols-md-2 .card {
        flex: 0 0 50% !important;
        max-width: 50%;
    }

    .card-group.card-cols-md-3 .card {
        flex: 0 0 33.333% !important;
        max-width: 33.333%;
    }

    .card-group.card-cols-md-4 .card {
        flex: 0 0 25% !important;
        max-width: 25%;
    }

    .card-group.card-cols-md-5 .card {
        flex: 0 0 20% !important;
        max-width: 20%;
    }

    .card-group.card-cols-md-6 .card {
        flex: 0 0 16.666% !important;
        max-width: 16.666%;
    }

    .card-columns.card-cols-md-1 {
        column-count: 1;
    }

    .card-columns.card-cols-md-2 {
        column-count: 2;
    }

    .card-columns.card-cols-md-3 {
        column-count: 3;
    }

    .card-columns.card-cols-md-4 {
        column-count: 4;
    }

    .card-columns.card-cols-md-5 {
        column-count: 5;
    }

    .card-columns.card-cols-md-6 {
        column-count: 6;
    }
}

@media (min-width: 992px) {
    .card-deck.card-cols-lg-1 .card {
        -ms-flex: 1 0 100% !important;
        flex: 1 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px);
    }

    .card-deck.card-cols-lg-2 .card {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px);
    }

    .card-deck.card-cols-lg-3 .card {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 calc(33.333% - 20px) !important;
        max-width: calc(33.333% - 20px);
    }

    .card-deck.card-cols-lg-4 .card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 calc(25% - 20px) !important;
        max-width: calc(25% - 20px);
    }

    .card-deck.card-cols-lg-5 .card {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 calc(20% - 20px) !important;
        max-width: calc(20% - 20px);
    }

    .card-deck.card-cols-lg-6 .card {
        -ms-flex: 0 0 16.666% !important;
        flex: 0 0 calc(16.666% - 20px) !important;
        max-width: calc(16.666% - 20px);
    }

    .card-group.card-cols-lg-1 .card {
        flex: 1 0 100% !important;
        max-width: 100%;
    }

    .card-group.card-cols-lg-2 .card {
        flex: 0 0 50% !important;
        max-width: 50%;
    }

    .card-group.card-cols-lg-3 .card {
        flex: 0 0 33.333% !important;
        max-width: 33.333%;
    }

    .card-group.card-cols-lg-4 .card {
        flex: 0 0 25% !important;
        max-width: 25%;
    }

    .card-group.card-cols-lg-5 .card {
        flex: 0 0 20% !important;
        max-width: 20%;
    }

    .card-group.card-cols-lg-6 .card {
        flex: 0 0 16.666% !important;
        max-width: 16.666%;
    }

    .card-columns.card-cols-lg-1 {
        column-count: 1;
    }

    .card-columns.card-cols-lg-2 {
        column-count: 2;
    }

    .card-columns.card-cols-lg-3 {
        column-count: 3;
    }

    .card-columns.card-cols-lg-4 {
        column-count: 4;
    }

    .card-columns.card-cols-lg-5 {
        column-count: 5;
    }

    .card-columns.card-cols-lg-6 {
        column-count: 6;
    }
}

@media (min-width: 1200px) {
    .card-deck.card-cols-xl-1 .card {
        -ms-flex: 1 0 100% !important;
        flex: 1 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px);
    }

    .card-deck.card-cols-xl-2 .card {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px);
    }

    .card-deck.card-cols-xl-3 .card {
        -ms-flex: 0 0 33.333% !important;
        flex: 0 0 calc(33.333% - 20px) !important;
        max-width: calc(33.333% - 20px);
    }

    .card-deck.card-cols-xl-4 .card {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 calc(25% - 20px) !important;
        max-width: calc(25% - 20px);
    }

    .card-deck.card-cols-xl-5 .card {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 calc(20% - 20px) !important;
        max-width: calc(20% - 20px);
    }

    .card-deck.card-cols-xl-6 .card {
        -ms-flex: 0 0 16.666% !important;
        flex: 0 0 calc(16.666% - 20px) !important;
        max-width: calc(16.666% - 20px);
    }

    .card-group.card-cols-xl-1 .card {
        flex: 1 0 100% !important;
        max-width: 100%;
    }

    .card-group.card-cols-xl-2 .card {
        flex: 0 0 50% !important;
        max-width: 50%;
    }

    .card-group.card-cols-xl-3 .card {
        flex: 0 0 33.333% !important;
        max-width: 33.333%;
    }

    .card-group.card-cols-xl-4 .card {
        flex: 0 0 25% !important;
        max-width: 25%;
    }

    .card-group.card-cols-xl-5 .card {
        flex: 0 0 20% !important;
        max-width: 20%;
    }

    .card-group.card-cols-xl-6 .card {
        flex: 0 0 16.666% !important;
        max-width: 16.666%;
    }

    .card-columns.card-cols-xl-1 {
        column-count: 1;
    }

    .card-columns.card-cols-xl-2 {
        column-count: 2;
    }

    .card-columns.card-cols-xl-3 {
        column-count: 3;
    }

    .card-columns.card-cols-xl-4 {
        column-count: 4;
    }

    .card-columns.card-cols-xl-5 {
        column-count: 5;
    }

    .card-columns.card-cols-xl-6 {
        column-count: 6;
    }
}

fieldset.content-group {
    margin-bottom: 2rem;
}

    fieldset.content-group > legend {
        position: relative;
        font-size: 1rem;
        font-weight: 400;
        color: #999;
        text-transform: uppercase;
        margin-bottom: 1.2rem;
    }

        fieldset.content-group > legend:before {
            position: absolute;
            content: ' ';
            width: 100%;
            left: 0;
            top: 50%;
            height: 1px;
            background: rgba(0, 0, 0, 0.12);
            z-index: 0;
        }

        fieldset.content-group > legend > span {
            position: relative;
            display: inline-block;
            background: #fff;
            padding-right: 1rem;
            z-index: 1;
        }

.form-group label:not(.form-check-label) {
    font-weight: 600;
}

.form-group.required > label:after {
    content: ' *';
}

.input-group-addon {
    line-height: inherit;
}

.form-text {
    line-height: 1.3;
}

.has-icon {
    position: relative;
    display: flex;
}

    .has-icon .form-control {
        position: relative;
        z-index: 2;
    }

    .has-icon .input-group-icon {
        position: absolute;
        left: 0;
        z-index: 10;
        width: 2.5625rem;
        height: 2.5625rem;
        line-height: 2.5625rem;
        text-align: center;
        vertical-align: middle;
    }

        .has-icon .input-group-icon i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .has-icon.has-icon-right .input-group-icon {
        left: auto;
        right: 0;
    }

    .has-icon.input-group-lg .input-group-icon {
        width: 3.25rem;
        height: 3.25rem;
        line-height: 3.25rem;
        font-size: 1rem;
    }

    .has-icon.input-group-sm .input-group-icon {
        width: 2.21875rem;
        height: 2.21875rem;
        line-height: 2.21875rem;
        font-size: 0.8125rem;
    }

    .has-icon:not(.has-icon-right) .form-control {
        padding-left: 2.5625rem;
    }

    .has-icon:not(.has-icon-right).input-group-lg .form-control {
        padding-left: 3.25rem;
    }

    .has-icon:not(.has-icon-right).input-group-sm .form-control {
        padding-left: 2.21875rem;
    }

.has-icon-right .form-control {
    padding-right: 2.5625rem;
}

.has-icon-right.input-group-lg .form-control {
    padding-right: 3.25rem;
}

.has-icon-right.input-group-sm .form-control {
    padding-right: 2.21875rem;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-right: 0.25rem;
}

.validation-summary-valid > *:last-child,
.validation-summary-errors > *:last-child {
    margin-bottom: 0;
}

.field-validation-error {
    display: block;
    color: #cc0000 !important;
    margin-top: 0.25rem;
}

.input-group .form-control {
    flex-basis: auto;
}

.breadcrumb {
    padding: 0;
    background: none;
    font-size: 0.8125rem;
    margin-bottom: 1.5rem;
}

.breadcrumb-item:after {
    content: '>';
    padding: 0 0.5rem;
}

.breadcrumb-item:last-of-type:after {
    display: none;
}

.breadcrumb > li + li::before {
    display: none !important;
}

.breadcrumb-item > a {
    color: #222222 !important;
}

.pagination .page-nav {
    background-color: #fff;
}

    .pagination .page-nav:hover {
        background-color: rgba(0, 0, 0, 0.06);
    }

    .pagination .page-nav:first-of-type {
        margin-right: 0.25rem;
    }

    .pagination .page-nav:last-of-type {
        margin-left: 0.25rem;
    }

.pagination .page-link {
    border-radius: 2px !important;
    margin-left: 0;
    text-decoration: none !important;
}

.pagination .shrinked .page-link {
    padding-left: 2px;
    padding-right: 2px;
    background-color: transparent !important;
}

.pagination .page-link:not(.page-nav) {
    border-color: transparent !important;
}

.pagination .active .page-link {
    font-weight: bold;
}

.pagination.pagination-xs .page-link {
    line-height: 1.4;
    font-size: 0.75rem;
    padding: 0 6px;
}

.nav ~ .tab-content {
    margin: 1rem 0;
}

.nav-link-summary {
    display: none;
}

.nav-tabs-line {
    position: relative;
}

    .nav-tabs-line .nav-item + .nav-item {
        margin-left: 0;
    }

    .nav-tabs-line .nav-item {
        position: relative;
    }

    .nav-tabs-line .nav-link {
        text-transform: uppercase;
        text-align: center;
        position: relative;
        border-width: 0;
        background-color: transparent;
        color: #636C72 !important;
    }

}

.nav-tabs-line .nav-link:hover {
    color: inherit;
}

.nav-tabs-line .nav-link.active {
    font-weight: 600;
    color: #f04a23;
}

.nav-tabs-line .nav-link.disabled {
    opacity: 0.4;
}

.nav-tabs-line .nav-link:not(.disabled):before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 2px;
    background: #aaa;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
}

.nav-tabs-line .nav-link:hover:before {
    left: 0;
    right: 0;
}

.nav-tabs-line .nav-link.active:before,
.nav-tabs-line .nav-link.active:focus:before,
.nav-tabs-line .nav-item.open .nav-link:before,
.nav-tabs-line .nav-item.open .nav-link:focus:before {
    left: 0;
    right: 0;
    background: #f14b23;
}

.tab-content-header {
    display: none;
}

.nav-responsive.collapsed {
    position: relative;
}

    .nav-responsive.collapsed .nav-tabs {
        flex-direction: column !important;
        flex-wrap: nowrap;
    }

        .nav-responsive.collapsed .nav-tabs .nav-link {
            position: relative;
            display: block;
            text-transform: none;
            font-weight: 600;
            text-align: left;
        }

            .nav-responsive.collapsed .nav-tabs .nav-link .nav-link-summary {
                display: block;
                font-weight: 400;
                font-size: 0.875rem;
            }

            .nav-responsive.collapsed .nav-tabs .nav-link:hover {
                color: #636c72;
                background-color: #f7f7f9;
            }

            .nav-responsive.collapsed .nav-tabs .nav-link:active {
                background-color: #ebebf0;
            }

            .nav-responsive.collapsed .nav-tabs .nav-link:before {
                display: none;
            }

            .nav-responsive.collapsed .nav-tabs .nav-link:not(.disabled):after {
                font-family: FontAwesome;
                content: "\f105";
                font-size: 1.5rem;
                line-height: 1;
                position: absolute;
                right: 1rem;
                top: 50%;
                transform: translateY(-50%);
            }

        .nav-responsive.collapsed .nav-tabs .nav-item:first-child .nav-link {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
        }

        .nav-responsive.collapsed .nav-tabs .nav-item:last-child .nav-link {
            margin-bottom: 0;
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }

.offcanvas-nav .tab-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

.offcanvas-nav .tab-content-header {
    display: block;
    flex-grow: 0;
}

.offcanvas-nav .tab-pane {
    flex-grow: 1;
    padding: 1.5rem;
    padding-top: 1rem;
}

@media (max-width: 1199px) {
    .nav-collapsible {
        position: relative;
    }

        .nav-collapsible .nav-toggler {
            position: relative;
            line-height: 1.5;
            cursor: pointer;
            margin: 0;
            padding: 0.75rem 1rem;
        }

            .nav-collapsible .nav-toggler:after {
                display: inline-block;
                font: normal normal normal 16px/1 'FontAwesome';
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                content: "";
                position: absolute;
                right: 1rem;
                top: 50%;
                transform: translateY(-50%);
            }

            .nav-collapsible .nav-toggler.collapsed:after {
                content: "\f107";
            }

        .nav-collapsible .nav-collapse {
            padding: 0 1rem;
        }
}

@media (min-width: 992px) {
    .nav-collapsible .nav-collapse {
        display: block !important;
        height: auto !important;
    }
}

.modal-backdrop.show {
    opacity: 0.7;
}

.modal-backdrop.fade,
.modal.fade {
    transition: opacity 0.2s linear, transform 0.2s ease-out;
}

    .modal.fade .modal-dialog {
        transition: opacity 0.2s linear, transform 0.2s ease-out;
        transform: translate(0, -75px) scale(0.9, 0.9);
    }

.modal.show .modal-dialog {
    transform: translate(0, 0);
}

.modal-content {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
    border-radius: 0;
    border: none;
}

.modal-header {
    background-color: #f7f7f9;
    border-bottom: none;
}

.modal-title {
    font-weight: 600;
}

.modal-flex .modal-dialog {
    position: fixed;
    margin: 0;
    width: auto;
    height: auto;
    max-width: none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

@media (min-width: 768px) {
    .modal-flex .modal-dialog {
        left: 5%;
        top: 5%;
        bottom: 5%;
        right: 5%;
    }
}

.modal-flex .modal-content {
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkout-page-payment-disable-text {
    color: red;
}

.modal-flex .modal-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-height: 1px;
}

.throbber {
    display: none;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.7);
}

    .throbber.white {
        background-color: rgba(255, 255, 255, 0.85);
    }

body > .throbber {
    position: fixed;
}

.throbber .throbber-flex {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .throbber .throbber-flex > * {
        text-align: center;
    }

.throbber .throbber-content {
    display: block;
    overflow: hidden;
    line-height: 1.3;
}

    .throbber .throbber-content:not(:empty) {
        margin-bottom: 2rem;
    }

.throbber.large .throbber-content {
    font-size: 2.5rem;
    font-weight: 100;
}

.throbber.small .throbber-content {
    font-size: 1rem;
    font-weight: 300;
}

.throbber:not(.white) .throbber-content {
    color: #fff;
}

/*
SmartStore Circular Spinner
---------------------------
    Version:    1, 
    Timestamp:  10.02.2016
    Author:     Murat Cakir
*/
.spinner-container {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
}

.spinner {
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: none;
}

    .spinner-container.active > .spinner,
    .spinner.active {
        background-color: transparent;
        border: none;
        display: inline-block;
    }

    .spinner.spinner-boxed {
        line-height: 1;
        border-radius: 50%;
        padding: 0.2em;
        background-color: #fff !important;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    }

.spinner-container.active {
    display: flex;
}

.spinner svg {
    transform-origin: 50% 50% 0;
    animation: spinner-rotate 1.333s linear infinite;
}

html.ie .spinner svg {
    animation: spinner-rotate-ie 2.5s linear infinite;
}

.spinner circle {
    fill: transparent;
    stroke: #f14b23;
    stroke-linecap: round;
    stroke-dasharray: 200.96;
    stroke-dashoffset: 58px;
}

html.ie .spinner circle {
    stroke-dashoffset: 80px;
}

@keyframes spinner-dash {
    0% {
        stroke-dashoffset: 58px;
    }

    50% {
        stroke-dashoffset: 200.96px;
    }

    100% {
        stroke-dashoffset: 58px;
    }
}

@-webkit-keyframes spinner-dash {
    0% {
        stroke-dashoffset: 58px;
    }

    50% {
        stroke-dashoffset: 200.96px;
    }

    100% {
        stroke-dashoffset: 58px;
    }
}

@keyframes spinner-rotate {
    50% {
        transform: rotate(600deg);
    }

    100% {
        transform: rotate(720deg);
    }
}

@-webkit-keyframes spinner-rotate {
    50% {
        transform: rotate(600deg);
    }

    100% {
        transform: rotate(720deg);
    }
}

@keyframes spinner-rotate-ie {
    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(720deg);
    }
}

@keyframes spinner-colors {
    0% {
        stroke: #3F51B5;
    }

    20% {
        stroke: #09b7bf;
    }

    40% {
        stroke: #90d36b;
    }

    60% {
        stroke: #F44336;
    }

    80% {
        stroke: #f90;
    }

    100% {
        stroke: #3F51B5;
    }
}

@-webkit-keyframes spinner-colors {
    0% {
        stroke: #3F51B5;
    }

    20% {
        stroke: #09b7bf;
    }

    40% {
        stroke: #90d36b;
    }

    60% {
        stroke: #F44336;
    }

    80% {
        stroke: #f90;
    }

    100% {
        stroke: #3F51B5;
    }
}

.spinner.white circle {
    stroke: #fff;
    animation-name: spinner-dash, spinner-rotate;
}

.sortable-grip {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 5px;
    cursor: move;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
    background-color: transparent;
    background-repeat: repeat;
    background-position: 0 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAcCAYAAABCgc61AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAC1JREFUKFNjOHPmzH8QBgIUNm4JEIENYxUE4VE7MDBWQRAetQMDYxX8//8/AwD+OQx3RnVSQgAAAABJRU5ErkJggg==");
}

.sortable-item:hover .sortable-grip {
    visibility: visible;
    opacity: 1;
}

.sortable-placeholder {
    border: 1px dotted #ccc;
    background: #f5f5f5;
}

/*.sortable-dragging {
	border: 1px dashed #CCC;
	background: none;
}*/
/* PARENT CANVAS
--------------------------------------------*/
.canvas-slidable {
    z-index: 0;
    transform: translate3d(0, 0, 0);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.canvas-sliding-left .canvas-slidable {
    transform: translate3d(-320px, 0, 0);
}

.canvas-sliding-left.canvas-lg .canvas-slidable {
    transform: translate3d(-480px, 0, 0);
}

.canvas-sliding-left.canvas-fullscreen .canvas-slidable {
    transform: translate3d(-100%, 0, 0);
}

.canvas-sliding-right .canvas-slidable {
    transform: translate3d(320px, 0, 0);
}

.canvas-sliding-right.canvas-lg .canvas-slidable {
    transform: translate3d(480px, 0, 0);
}

.canvas-sliding-right.canvas-fullscreen .canvas-slidable {
    transform: translate3d(100%, 0, 0);
}

.canvas-sliding-left.canvas-overlay .canvas-slidable {
    transform: translate3d(-15%, 0, 0);
}

.canvas-sliding-right.canvas-overlay .canvas-slidable {
    transform: translate3d(15%, 0, 0);
}

.canvas-fullscreen .canvas-slidable {
    box-shadow: none !important;
}

body.canvas-noscroll {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

/* TOGGLER
--------------------------------------------*/
.navbar-toggler {
    position: relative;
    background-color: transparent;
    outline: none;
}

    .navbar-toggler:focus {
        outline: none;
    }

/* PARENT CANVAS BLOCKER
--------------------------------------------*/
.canvas-blocker {
    position: fixed;
    z-index: 0 !important;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, z-index 0s linear 0.3s;
    overflow: hidden;
}

body.canvas-blocking .canvas-blocker {
    z-index: 1031 !important;
    opacity: 0.3;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, z-index 0s 0s !important;
}

/* OFFCANVAS ELEMENT
--------------------------------------------*/
.offcanvas {
    display: block;
    visibility: hidden;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 0;
    margin: 0;
    background-color: #fff;
    overflow-x: auto;
    transition: transform 0.3s ease-out, visibility 0s ease 0.3s;
    width: 390px;
    left: 0;
    right: auto;
    transform: translate3d(-30%, 0, 0);
}

    .offcanvas.offcanvas-right {
        left: auto !important;
        right: 0;
        transform: translate3d(30%, 0, 0);
    }

    .offcanvas.offcanvas-lg {
        width: 480px;
    }

    .offcanvas.offcanvas-fullscreen {
        width: 100%;
    }

    .offcanvas.offcanvas-push, .offcanvas.offcanvas-overlay {
        transform: translate3d(-100%, 0, 0);
    }

        .offcanvas.offcanvas-push.offcanvas-right, .offcanvas.offcanvas-overlay.offcanvas-right {
            transform: translate3d(100%, 0, 0);
        }

    .offcanvas.offcanvas-overlay {
        z-index: 99999;
    }

    .offcanvas.offcanvas-shadow {
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
    }

@media (max-width: 320px) {
    .gjirafaMall-logo-link {
        flex-direction: column;
    }

    .gjirafaMall-logo-product-page {
        flex-wrap: wrap !important;
    }

    .gjirafaJoy-logo-product-page {
        flex-wrap: wrap !important;
    }

    .gjirafaMall-logo-product-page-img {
        margin-left: -7rem !important;
    }

    .offcanvas.offcanvas {
        width: 100% !important;
    }
}

@media (max-width: 390px) {
    .gjirafaJoy-logo-product-page {
        flex-direction: column;
    }

    .gjirafaJoy-logo-product-page-img {
        margin-left: -3.5rem !important;
        margin-top: 0.3rem;
    }
}

@media (max-width: 480px) {
    #offcanvas-cart {
        width: 90% !important;
    }

    .offcanvas.offcanvas-lg {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .gjirafaJoy-logo-product-page {
        flex-wrap: wrap;
    }

    .gjirafaJoy-logo-product-page-img {
        margin-top: 0.3rem;
    }

    .md-card-margin {
        margin-left: -15px;
        margin-right: -15px
    }

    .gjirafa-joy-logo {
        padding-top: 0 !important;
    }

    .cart-organization-text {
        font-size: 16px;
        line-height: 30px;
    }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1400px) {
    .artlist-carousel .artlist-grid {
        overflow-x: scroll;
    }
}

.offcanvas.offcanvas-push.on, .offcanvas.offcanvas-overlay.on, .offcanvas.offcanvas-right.on, .offcanvas.on {
    visibility: visible;
    transition: transform 0.3s ease-out;
    transform: translate3d(0, 0, 0);
}

.offcanvas-content {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: scroll;
    /*fix*/
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    /*plus*/
}

.offcanvas-scrollable {
    touch-action: pan-y;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: scroll;
    /*plus*/
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    /*plus*/
}

/* OFFCANVAS TABS
--------------------------------------------*/
.offcanvas-tabs {
    position: relative;
    flex-grow: 0;
    padding: 0 5%;
}

    .offcanvas-tabs .offcanvas-closer {
        border-radius: 0;
    }

    .offcanvas-tabs .nav-tabs {
        display: flex;
        flex-direction: row;
        overflow-x: hidden;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

.touchevents .offcanvas-tabs .nav-tabs {
    overflow-x: auto;
}

.offcanvas-tabs .nav-item {
    display: block;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.offcanvas-tabs .nav-link {
    background: transparent !important;
    max-width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #222222;
    font-size: inherit;
}

    .offcanvas-tabs .nav-link.active {
        color: #f14b23 !important;
    }

    .offcanvas-tabs .nav-link .badge {
        position: relative;
        right: 0;
        top: 0;
        vertical-align: super;
    }

@media (max-width: 480px) {
    .offcanvas-tabs .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

/* LAYOUT OVERRIDES
--------------------------------------------*/
.canvas-overlay .page-main {
    box-shadow: none;
}

.canvas-overlay .canvas-blocker {
    width: 200%;
    left: -50%;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
body {
    -webkit-backface-visibility: hidden;
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn, .animated.bounceOut {
        -webkit-animation-duration: 0.75s;
        -moz-animation-duration: 0.75s;
        -o-animation-duration: 0.75s;
        animation-duration: 0.75s;
    }

    .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: 0.75s;
        -moz-animation-duration: 0.75s;
        -o-animation-duration: 0.75s;
        animation-duration: 0.75s;
    }

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }

    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }

    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(0.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(0.9);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }

    80% {
        -moz-transform: translateY(-10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }

    80% {
        -o-transform: translateY(-10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }

    80% {
        -moz-transform: translateX(-10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(30px);
    }

    80% {
        -o-transform: translateX(-10px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }

    80% {
        -moz-transform: translateX(10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(-30px);
    }

    80% {
        -o-transform: translateX(10px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }

    80% {
        -o-transform: translateY(10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1);
    }

    25% {
        -o-transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -o-transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -o-transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInDown {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomInDown {
    0% {
        opacity: 0;
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInRight {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomInRight {
    0% {
        opacity: 0;
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    -moz-animation-name: zoomInRight;
    -o-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInUp {
    0% {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomInUp {
    0% {
        opacity: 0;
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    -moz-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -moz-transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -o-transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform-origin: center bottom;
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -o-transform-origin: center bottom;
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -moz-animation-name: zoomOutDown;
    -o-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
    }
}

@-moz-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
        -moz-transform-origin: left center;
    }
}

@-o-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -o-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
        -o-transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -moz-animation-name: zoomOutLeft;
    -o-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
    }
}

@-moz-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(0.1) translate3d(2000px, 0, 0);
        -moz-transform-origin: right center;
    }
}

@-o-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -o-transform: scale3d(0.1) translate3d(2000px, 0, 0);
        -o-transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -moz-animation-name: zoomOutRight;
    -o-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform-origin: center bottom;
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -o-transform-origin: center bottom;
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    100% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -moz-animation-name: zoomOutUp;
    -o-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

.select2-container--bootstrap {
    display: block;
    /*------------------------------------*      #COMMON STYLES
  \*------------------------------------*/
    /**
   * Search field in the Select2 dropdown.
   */
    /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
    /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
    /**
   * Clear the selection.
   */
    /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
    /*------------------------------------*      #DROPDOWN
  \*------------------------------------*/
    /**
   * Dropdown border color and box-shadow.
   */
    /**
   * Limit the dropdown height.
   */
    /*------------------------------------*      #SINGLE SELECT2
  \*------------------------------------*/
    /*------------------------------------*    #MULTIPLE SELECT2
  \*------------------------------------*/
    /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
    /* 1 */
    /*------------------------------------*    #RTL SUPPORT
  \*------------------------------------*/
    /*&[dir="rtl"] {
    .select2-selection--single {
      padding-left: $s2bs-padding-base-horizontal + $s2bs-caret-width-base*3;
      padding-right: $s2bs-padding-base-horizontal;

      .select2-selection__rendered {
        padding-right: 0;
        padding-left: 0;
        text-align: right;
      }

      .select2-selection__clear {
        float: left;
      }

      .select2-selection__arrow {
        left: $s2bs-padding-base-horizontal;
        right: auto;

        b {
          margin-left: 0;
        }
      }
    }

    .select2-selection--multiple {
      .select2-selection__choice,
      .select2-selection__placeholder {
        float: right;
      }

      .select2-selection__choice {
        margin-left: 0;
        margin-right: $s2bs-padding-base-horizontal/2;
      }

      .select2-selection__choice__remove {
        margin-left: 2px;
        margin-right: auto;
      }
    }
  }*/
}

    .select2-container--bootstrap .select2-selection {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
        color: #464a4c;
        font-size: 0.875rem;
        outline: 0;
    }

        .select2-container--bootstrap .select2-selection.form-control {
            border-radius: 0.125rem;
        }

    .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.125rem;
        color: #464a4c;
        font-size: 0.875rem;
        border-radius: 0;
    }

    .select2-container--bootstrap .select2-search__field {
        outline: 0;
        /* Firefox 18- */
        /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */
    }

        .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
            color: #999;
        }

        .select2-container--bootstrap .select2-search__field:-moz-placeholder {
            color: #999;
        }

        .select2-container--bootstrap .select2-search__field::-moz-placeholder {
            color: #999;
            opacity: 1;
        }

        .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
            color: #999;
        }

    .select2-container--bootstrap .select2-results__option {
        padding: 0.625rem 0.75rem;
        /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
        /**
     * Hover state.
     */
        /**
     * Selected state.
     */
    }

        .select2-container--bootstrap .select2-results__option[role=group] {
            padding: 0;
        }

        .select2-container--bootstrap .select2-results__option[aria-disabled=true] {
            color: #999;
            cursor: not-allowed;
        }

        .select2-container--bootstrap .select2-results__option[aria-selected=true] {
            background-color: #f7f7f9;
            color: #1d1e1f;
            font-weight: 600;
        }

    .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
        background-color: #f7f7f9;
        color: #1d1e1f;
    }

    .select2-container--bootstrap .select2-results__option .select2-results__option {
        padding: 0.625rem 0.75rem;
    }

        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
            padding-left: 0;
        }

        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -0.75rem;
            padding-left: 1.5rem;
        }

            .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -1.5rem;
                padding-left: 2.25rem;
            }

                .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -2.25rem;
                    padding-left: 3rem;
                }

                    .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -3rem;
                        padding-left: 3.75rem;
                    }

                        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                            margin-left: -3.75rem;
                            padding-left: 4.5rem;
                        }

    .select2-container--bootstrap .select2-results__group {
        color: #999;
        display: block;
        padding: 0.625rem 0.75rem;
        font-size: 0.8125rem;
        line-height: 1.5;
        white-space: nowrap;
    }

    .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
        box-shadow: none;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        border-color: #f8ac9a;
    }

    .select2-container--bootstrap.select2-container--open {
        /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
        /**
     * Handle border radii of the container when the dropdown is showing.
     */
    }

        .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
            border-color: transparent transparent #464a4c transparent;
            border-width: 0 0.35rem 0.35rem 0.35rem;
        }

        .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-color: transparent;
        }

        .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-top-color: transparent;
        }

    .select2-container--bootstrap .select2-selection__clear {
        color: #999;
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

        .select2-container--bootstrap .select2-selection__clear:hover {
            color: #292b2c;
        }

    .select2-container--bootstrap.select2-container--disabled .select2-selection {
        border-color: rgba(0, 0, 0, 0.15);
        box-shadow: none;
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection,
    .select2-container--bootstrap.select2-container--disabled .select2-search__field {
        cursor: not-allowed;
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection,
    .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
        background-color: #eceeef;
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
    .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
        display: none;
    }

    .select2-container--bootstrap .select2-dropdown {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        border-color: #f8ac9a;
        overflow-x: hidden;
        margin-top: -1px;
    }

    .select2-container--bootstrap .select2-dropdown--above {
        box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
        margin-top: 1px;
    }

    .select2-container--bootstrap .select2-results > .select2-results__options {
        max-height: 250px;
        overflow-y: auto;
    }

    .select2-container--bootstrap .select2-selection--single {
        height: 2.5625rem;
        line-height: 1.5;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
        padding-left: 0.75rem;
        padding-right: 1.8rem;
        /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
    }

        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
            position: absolute;
            bottom: 0;
            right: 0.75rem;
            top: 0;
            width: 0.35rem;
        }

            .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
                border-color: #464a4c transparent transparent transparent;
                border-style: solid;
                border-width: 0.35rem 0.35rem 0 0.35rem;
                height: 0;
                left: 0;
                margin-left: -0.35rem;
                margin-top: -0.175rem;
                position: absolute;
                top: 50%;
                width: 0;
            }

        .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
            color: #464a4c;
            padding: 0;
        }

        .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
            color: #999;
        }

    .select2-container--bootstrap .select2-selection--multiple {
        min-height: 2.5625rem;
        padding: 0;
        height: auto;
        /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
        /**
     * Minus 2px borders.
     */
        /**
     * Clear the selection.
     */
    }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
            box-sizing: border-box;
            display: block;
            line-height: 1.5;
            list-style: none;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
            color: #999;
            float: left;
            margin-top: 5px;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
            color: #464a4c;
            background: #fff;
            background: #f7f7f9;
            border: 1px solid #ddd;
            border-radius: 0.125rem;
            cursor: default;
            float: left;
            margin: 0.625rem 0 0 0.375rem;
            transform: translateY(-1px);
            padding: 0 0.625rem;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
            background: transparent;
            padding: 0 0.75rem;
            height: 2.5625rem;
            line-height: 1.5;
            margin-top: 0;
            min-width: 5em;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
            color: #999;
            cursor: pointer;
            display: inline-block;
            font-weight: bold;
            margin-right: 0.3125rem;
        }

            .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #292b2c;
            }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
            margin-top: 0.625rem;
        }

    .select2-container--bootstrap .select2-selection--single.input-sm,
    .input-group-sm .select2-container--bootstrap .select2-selection--single,
    .form-group-sm .select2-container--bootstrap .select2-selection--single {
        border-radius: 0.125rem;
        font-size: 0.8125rem;
        height: 2.21875rem;
        line-height: 1.5;
        padding: 0.5rem 1.55rem 0.5rem 0.5rem;
        /* 2 */
    }

        .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
        .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
        .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            margin-left: -0.5rem;
        }

    .select2-container--bootstrap .select2-selection--multiple.input-sm,
    .input-group-sm .select2-container--bootstrap .select2-selection--multiple,
    .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
        min-height: 2.21875rem;
        border-radius: 0.125rem;
    }

        .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
        .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
            font-size: 0.8125rem;
            line-height: 1.5;
            margin: -0.5rem 0 0 0.25rem;
            padding: 0 0.5rem;
        }

        .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
        .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
            padding: 0 0.5rem;
            font-size: 0.8125rem;
            height: 0.21875rem;
            line-height: 1.5;
        }

        .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
        .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
            margin-top: 0.5rem;
        }

    .select2-container--bootstrap .select2-selection--single.input-lg,
    .input-group-lg .select2-container--bootstrap .select2-selection--single,
    .form-group-lg .select2-container--bootstrap .select2-selection--single {
        border-radius: 0.1875rem;
        font-size: 1rem;
        height: 3.25rem;
        line-height: 1.33333;
        padding: 0.875rem 2.55rem 0.875rem 1.5rem;
        /* 1 */
    }

        .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
        .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
        .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
            width: 0.35rem;
        }

            .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
            .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
            .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
                border-width: 0.35rem 0.35rem 0 0.35rem;
                margin-left: -0.35rem;
                margin-left: -0.875rem;
                margin-top: -0.175rem;
            }

    .select2-container--bootstrap .select2-selection--multiple.input-lg,
    .input-group-lg .select2-container--bootstrap .select2-selection--multiple,
    .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
        min-height: 3.25rem;
        border-radius: 0.1875rem;
    }

        .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
        .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
            font-size: 1rem;
            line-height: 1.33333;
            border-radius: 0.125rem;
            margin: -0.125rem 0 0 0.75rem;
            padding: 0 0.875rem;
        }

        .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
        .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
            padding: 0 1.5rem;
            font-size: 1rem;
            height: 1.25rem;
            line-height: 1.33333;
        }

        .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
        .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
            margin-top: 0.875rem;
        }

    .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
        /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
    }

        .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #464a4c transparent;
            border-width: 0 0.35rem 0.35rem 0.35rem;
        }

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

    .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #464a4c transparent;
        border-width: 0 0.35rem 0.35rem 0.35rem;
    }

/*------------------------------------*  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
    border-color: #8a6d3b;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    border-color: #66512c;
}

.has-warning.select2-drop-active {
    border-color: #66512c;
}

    .has-warning.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #66512c;
    }

.has-error .select2-dropdown,
.has-error .select2-selection {
    border-color: #a94442;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    border-color: #843534;
}

.has-error.select2-drop-active {
    border-color: #843534;
}

    .has-error.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #843534;
    }

.has-success .select2-dropdown,
.has-success .select2-selection {
    border-color: #3c763d;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    border-color: #2b542c;
}

.has-success.select2-drop-active {
    border-color: #2b542c;
}

    .has-success.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #2b542c;
    }

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstraps
 * "Input Group" component, we don't want specific edges of the Select2
 * container to have a border-radius.
 *
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on
 * a Bootstrap 3 .input-group to let the contained Select2 widget know which
 * edges should not be rounded as they are directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
/**
 * Mimick Bootstraps .input-group .form-control styles.
 *
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
.input-group .select2-container--bootstrap {
    display: table;
    table-layout: fixed;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
}

    .input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus {
        z-index: 3;
    }

.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/**
 * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grow taller than its initial size.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
    vertical-align: top;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
}

/**
 * Display override for inline forms
 */
.form-inline .select2-container--bootstrap {
    display: inline-block;
}

.qty-input {
    vertical-align: top;
}

    .qty-input .form-control {
        border-radius: 0.125rem !important;
    }

    .qty-input .form-control-lg, .qty-input .input-group-lg > .form-control, .qty-input
    .input-group-lg > .input-group-addon, .qty-input
    .input-group-lg > .input-group-btn > .btn {
        border-radius: 0.1875rem !important;
    }

    .qty-input .form-control-sm, .qty-input .input-group-sm > .form-control, .qty-input
    .input-group-sm > .input-group-addon, .qty-input
    .input-group-sm > .input-group-btn > .btn {
        border-radius: 0.125rem !important;
    }

.bootstrap-touchspin {
    display: inline-flex;
}

    .bootstrap-touchspin .form-control {
        text-align: center;
        font-weight: bold;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        display: block;
    }

.has-postfix .bootstrap-touchspin .form-control {
    padding-top: 0.1625rem;
    padding-bottom: 1.0875rem;
}

    .has-postfix .bootstrap-touchspin .form-control.form-control-lg, .has-postfix .bootstrap-touchspin .input-group-lg > .form-control, .has-postfix .bootstrap-touchspin
    .input-group-lg > .input-group-btn > .form-control.btn {
        padding-top: 0.4375rem;
        padding-bottom: 1.3125rem;
    }

    .has-postfix .bootstrap-touchspin .form-control.form-control-sm, .has-postfix .bootstrap-touchspin .input-group-sm > .form-control, .has-postfix .bootstrap-touchspin
    .input-group-sm > .input-group-btn > .form-control.btn {
        padding-top: 0;
        padding-bottom: 1rem;
    }

.bootstrap-touchspin .input-group-btn {
    position: absolute;
    z-index: 10;
    width: 1.6rem;
    top: 1px;
    bottom: 1px;
}

    .bootstrap-touchspin .input-group-btn:first-child {
        left: 1px;
        right: auto;
    }

    .bootstrap-touchspin .input-group-btn:last-child {
        right: 0;
        left: auto;
    }

    .bootstrap-touchspin .input-group-btn > .btn {
        background: transparent;
        border-width: 0;
        width: 100%;
        height: 100%;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none !important;
    }

        .bootstrap-touchspin .input-group-btn > .btn.bootstrap-touchspin-down {
            text-align: right;
            padding-right: 4px;
        }

        .bootstrap-touchspin .input-group-btn > .btn.bootstrap-touchspin-up {
            text-align: left;
            padding-left: 4px;
        }

        .bootstrap-touchspin .input-group-btn > .btn > .fa {
            opacity: 0.3;
            font-size: 0.875em;
        }

        .bootstrap-touchspin .input-group-btn > .btn:hover > .fa {
            opacity: 0.6;
        }

        .bootstrap-touchspin .input-group-btn > .btn:active > .fa {
            opacity: 1;
        }

.bootstrap-touchspin .form-control ~ .bootstrap-touchspin-postfix {
    display: inline-block;
    position: absolute;
    background: transparent;
    border: none;
    color: #999;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    padding: 0;
    padding-bottom: 0.425rem;
    font-size: 11px;
}

.bootstrap-touchspin .form-control-lg ~ .bootstrap-touchspin-postfix, .bootstrap-touchspin .input-group-lg > .form-control ~ .bootstrap-touchspin-postfix, .bootstrap-touchspin
.input-group-lg > .input-group-addon ~ .bootstrap-touchspin-postfix, .bootstrap-touchspin
.input-group-lg > .input-group-btn > .btn ~ .bootstrap-touchspin-postfix {
    padding-bottom: 0.75rem;
}

.bootstrap-touchspin .form-control-sm ~ .bootstrap-touchspin-postfix, .bootstrap-touchspin .input-group-sm > .form-control ~ .bootstrap-touchspin-postfix, .bootstrap-touchspin
.input-group-sm > .input-group-addon ~ .bootstrap-touchspin-postfix, .bootstrap-touchspin
.input-group-sm > .input-group-btn > .btn ~ .bootstrap-touchspin-postfix {
    padding-bottom: 0.2rem;
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    top: 3px;
    left: 5px;
    font-size: 9px;
    font-weight: normal;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

    .bootstrap-touchspin .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 8px 10px;
        margin-left: -1px;
        position: relative;
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
        border-radius: 0;
        border-top-right-radius: 0.125rem;
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
        margin-top: -2px;
        border-radius: 0;
        border-bottom-right-radius: 0.125rem;
    }

/* PNOTIFY
------------------------------------*/
.alert.ui-pnotify-container, .ui-pnotify-container.validation-summary-valid,
.ui-pnotify-container.validation-summary-errors {
    padding-left: 70px !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    border-width: 1px;
}

    .alert.ui-pnotify-container.alert, .ui-pnotify-container.validation-summary-valid,
    .ui-pnotify-container.validation-summary-errors {
        border-color: rgba(0, 0, 0, 0.12) !important;
    }

.ui-pnotify-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3rem;
    color: #fff;
    z-index: 10;
}

.alert-info .ui-pnotify-icon:before, .alert-info .ui-pnotify-icon:after {
    content: '' !important;
    display: inline-block;
    position: absolute;
}

.alert-info .ui-pnotify-icon:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #78909c;
    right: -8px;
    top: 50%;
    margin-top: -9px;
}

.alert-info .ui-pnotify-icon:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #78909c;
    right: -7px;
    top: 50%;
    margin-top: -8px;
}

.alert-success .ui-pnotify-icon:before, .validation-summary-valid .ui-pnotify-icon:before, .alert-success .ui-pnotify-icon:after, .validation-summary-valid .ui-pnotify-icon:after {
    content: '' !important;
    display: inline-block;
    position: absolute;
}

.alert-success .ui-pnotify-icon:before, .validation-summary-valid .ui-pnotify-icon:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #4caf50;
    right: -8px;
    top: 50%;
    margin-top: -9px;
}

.alert-success .ui-pnotify-icon:after, .validation-summary-valid .ui-pnotify-icon:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #4caf50;
    right: -7px;
    top: 50%;
    margin-top: -8px;
}

.alert-warning .ui-pnotify-icon:before, .alert-warning .ui-pnotify-icon:after {
    content: '' !important;
    display: inline-block;
    position: absolute;
}

.alert-warning .ui-pnotify-icon:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #f14b23;
    right: -8px;
    top: 50%;
    margin-top: -9px;
}

.alert-warning .ui-pnotify-icon:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #f14b23;
    right: -7px;
    top: 50%;
    margin-top: -8px;
}

.alert-danger .ui-pnotify-icon:before, .validation-summary-errors .ui-pnotify-icon:before, .alert-danger .ui-pnotify-icon:after, .validation-summary-errors .ui-pnotify-icon:after {
    content: '' !important;
    display: inline-block;
    position: absolute;
}

.alert-danger .ui-pnotify-icon:before, .validation-summary-errors .ui-pnotify-icon:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #f44336;
    right: -8px;
    top: 50%;
    margin-top: -9px;
}

.alert-danger .ui-pnotify-icon:after, .validation-summary-errors .ui-pnotify-icon:after {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #f44336;
    right: -7px;
    top: 50%;
    margin-top: -8px;
}

.ui-pnotify-icon > span {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.2em;
    top: 50%;
    transform: translateY(-50%);
}

.ui-pnotify-text {
    font-size: 1rem;
    max-height: 250px;
    overflow-y: auto;
}

    .ui-pnotify-text > br {
        display: block;
        line-height: 2px;
        content: '';
    }

@media (max-width: 767px) {
    .ui-pnotify-icon {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
    width: 16px;
    opacity: .35;
    margin: 0;
    padding-left: 2px;
    position: relative;
    top: -5px;
    left: 5px;
}

    .ui-pnotify-closer:hover,
    .ui-pnotify-sticker:hover {
        opacity: .75;
    }

@media (min-width: 481px) {
    .ui-pnotify.stack-topcenter,
    .ui-pnotify.stack-bottomcenter {
        left: 50%;
        margin-left: -225px;
    }

    .ui-pnotify.stack-bottomcenter {
        top: auto;
    }
}

@media (max-width: 480px) {
    .ui-pnotify-mobile-able {
        margin-top: -80px;
        font-size: inherit !important;
    }

        .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able {
            margin-top: -85px;
        }

            .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able {
                margin-top: -90px;
            }

                .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able {
                    margin-top: -95px;
                }

                    .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able ~ .ui-pnotify-mobile-able {
                        margin-top: -100px;
                    }
}

/* DARK VARIANT
------------------------------------*/
.ui-pnotify-dark .ui-pnotify-container {
    background: #fff !important;
    color: #fff !important;
    box-shadow: none !important;
}

    .ui-pnotify-dark .ui-pnotify-container.alert-info {
        background-color: #78909c !important;
    }

    .ui-pnotify-dark .ui-pnotify-container.alert-success, .ui-pnotify-dark .ui-pnotify-container.validation-summary-valid {
        background-color: #4caf50 !important;
    }

    .ui-pnotify-dark .ui-pnotify-container.alert-warning {
        background-color: #f14b23 !important;
    }

    .ui-pnotify-dark .ui-pnotify-container.alert-danger, .ui-pnotify-dark .ui-pnotify-container.validation-summary-errors {
        background-color: #f44336 !important;
    }

.ui-pnotify-dark .ui-pnotify-icon {
    background-color: rgba(0, 0, 0, 0.175) !important;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*@import "../main-settings";*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 1rem;
    background: transparent;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    transition: opacity 0.1s ease-in-out, background-color 0.1s ease-in-out;
    box-shadow: none;
    color: #777;
    color: inherit;
}

    .pswp__button:focus, .pswp__button:hover {
        background: rgba(0, 0, 0, 0.08);
    }

    .pswp__button:active {
        background: rgba(0, 0, 0, 0.12);
    }

    .pswp__button:focus, .pswp__button:hover {
        opacity: 0.85 !important;
    }

    .pswp__button:active {
        outline: none;
        opacity: 1 !important;
    }

    .pswp__button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__button--close {
    font-family: inherit;
    font-size: 26px;
    padding-bottom: 7px;
    font-weight: 600;
    background: #c5c5c5;
    color: #fff !important;
    margin-left: 2rem;
}

    .pswp__button--close:focus, .pswp__button--close:hover, .pswp__button--close:active {
        background: #f44336;
    }

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

    .pswp--supports-fs .pswp__button--fs:before {
        content: "\f065";
        /* expand */
    }

.pswp--fs .pswp__button--fs:before {
    content: "\f066";
    /* compress */
}

.pswp__button--zoom {
    display: none;
}

    .pswp__button--zoom:before {
        content: "\f067";
        /* plus */
    }

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom:before {
    content: "\f068";
    /* minus */
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    font-size: 60px;
    padding: 0;
}

.pswp__button--arrow--left {
    left: 0;
}

    .pswp__button--arrow--left:before {
        content: "\f104";
        /* angle-left */
    }

.pswp__button--arrow--right {
    right: 0;
}

    .pswp__button--arrow--right:before {
        content: "\f105";
        /* angle-right */
    }

/*

	2. Share modal/popup and links

 */
.pswp__counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
    position: relative;
    float: left;
    width: 80px;
    height: 40px;
    font-size: inherit;
    font-weight: 600;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 20px;
}

.pswp__zoom-controls {
    position: relative;
    float: left;
    height: 40px;
}

/*
	
	4. Caption

 */
.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 40px;
}

    .pswp__caption small {
        font-size: 11px;
        color: #BBB;
    }

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.pswp__caption--empty {
    display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
    visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
        animation: clockwise 500ms linear infinite;
    }

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
        animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    }

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(-140deg);
    }

    100% {
        transform: rotate(0);
    }
}

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(255, 255, 255, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(255, 255, 255, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

.pswp__container.sliding {
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.slick-loading .slick-list {
    background: #fff url("images/loading.gif") center center no-repeat;
}

img.slick-loading {
    opacity: 0;
}

.gal-box .slick-arrow,
.gal-box .gal-arrow {
    font-size: 2rem;
}

    .gal-box .slick-arrow.slick-disabled,
    .gal-box .gal-arrow.gal-disabled {
        opacity: 0.2;
        background: transparent !important;
    }

.gal-box .gal-nav .gal-arrow {
    line-height: 1;
    padding: 0;
}

.gal .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}

    .gal .slick-arrow.slick-prev {
        left: 0;
        right: auto;
    }

    .gal .slick-arrow.slick-next {
        left: auto;
        right: 0;
    }

.artlist-carousel .no-touchevents .slick-slider.slick-dotted {
    padding-left: 1rem;
    padding-right: 1rem;
}

.artlist-carousel .slick-arrow {
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform: translate(0, -50%);*/
    z-index: 100;
    transition: opacity 0.2s linear;
    height: 6rem;
    line-height: 6rem;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
}

    .artlist-carousel .slick-arrow:hover, .artlist-carousel .slick-arrow:focus, .artlist-carousel .slick-arrow:active, .artlist-carousel .slick-arrow:active:focus {
        background: #fff;
        border-color: #ddd;
    }

        .artlist-carousel .slick-arrow:active, .artlist-carousel .slick-arrow:active:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

.artlist-carousel .slick-slider:hover .slick-arrow {
    opacity: 1;
}

    .artlist-carousel .slick-slider:hover .slick-arrow.slick-disabled {
        opacity: 0.4;
    }

.artlist-carousel .slick-prev {
    left: 0;
    right: auto;
    border-radius: 0 0.1875rem 0.1875rem 0;
    border-left: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
}

.artlist-carousel .slick-next {
    right: 0;
    left: auto;
    border-radius: 0.1875rem 0 0 0.1875rem;
    border-right: none;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.12);
}

.artlist-carousel .slick-arrow.slick-disabled {
    color: #eceeef !important;
    cursor: default;
    box-shadow: none !important;
    border-color: #ddd !important;
}

.touchevents .slick-arrow {
    display: none !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 30px !important;
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 0;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        cursor: pointer;
        padding: 0 6px;
        height: 10px;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            cursor: pointer;
            color: transparent;
            outline: 0 none;
            padding: 0;
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #eceeef;
            border: 0;
        }

        .slick-dots li.slick-active button {
            background: #f04a23;
        }

        .slick-dots li button:hover,
        .slick-dots li button:focus {
            outline: none;
        }

            .slick-dots li button:hover:before,
            .slick-dots li button:focus:before {
                opacity: 1;
            }

@keyframes drift-fadeZoomIn {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes drift-fadeZoomOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    15% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

@keyframes drift-loader-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }

    50% {
        transform: translate(-50%, -50%) rotate(-180deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes drift-loader-before {
    0% {
        transform: scale(1);
    }

    10% {
        transform: scale(1.2) translateX(6px);
    }

    25% {
        transform: scale(1.3) translateX(8px);
    }

    40% {
        transform: scale(1.2) translateX(6px);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.8) translateX(6px);
    }

    75% {
        transform: scale(0.7) translateX(8px);
    }

    90% {
        transform: scale(0.8) translateX(6px);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes drift-loader-after {
    0% {
        transform: scale(1);
    }

    10% {
        transform: scale(1.2) translateX(-6px);
    }

    25% {
        transform: scale(1.3) translateX(-8px);
    }

    40% {
        transform: scale(1.2) translateX(-6px);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.8) translateX(-6px);
    }

    75% {
        transform: scale(0.7) translateX(-8px);
    }

    90% {
        transform: scale(0.8) translateX(-6px);
    }

    100% {
        transform: scale(1);
    }
}

.drift-zoom-pane {
    background: rgba(0, 0, 0, 0.5);
    background: #fff;
    /* This is required because of a bug that causes border-radius to not
    work with child elements in certain cases. */
    transform: translate3d(0, 0, 0);
    z-index: 100;
}

    .drift-zoom-pane.drift-opening {
        animation: drift-fadeZoomIn 180ms ease-out;
    }

    .drift-zoom-pane.drift-closing {
        animation: drift-fadeZoomOut 210ms ease-in;
    }

    .drift-zoom-pane.drift-open {
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .drift-zoom-pane:not(.drift-inline) {
        min-height: 300px;
        max-height: 600px;
    }

    .drift-zoom-pane.drift-inline {
        position: absolute;
        width: 150px;
        height: 150px;
        border-radius: 75px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
    }

.drift-loading .drift-zoom-pane-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 66px;
    height: 20px;
    animation: drift-loader-rotate 1800ms infinite linear;
}

.drift-zoom-pane-loader:before, .drift-zoom-pane-loader:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
}

.drift-zoom-pane-loader:before {
    left: 0;
    animation: drift-loader-before 1800ms infinite linear;
}

.drift-zoom-pane-loader:after {
    right: 0;
    animation: drift-loader-after 1800ms infinite linear;
    animation-delay: -900ms;
}

.drift-bounding-box {
    position: absolute;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.4);
}

.drift-inline + .drift-bounding-box {
    background-color: transparent !important;
}

.sm-gutters {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

    .sm-gutters > .col, .sm-gutters > [class*="col-"] {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

.xs-gutters {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
}

    .xs-gutters > .col, .xs-gutters > [class*="col-"] {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

.container-fluid {
    padding-left: 6%;
    padding-right: 6%;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.has-count[data-count]:after {
    content: attr(data-count) ;
    position: relative;
    display: inline-block;
    opacity: 0.6;
    padding-left: 0.2rem;
    font-weight: 400;
}

.btn .fa + span, .btn .fa + em,
.menubar-link .fa + span,
.menubar-link .fa + em,
.nav-link .fa + span,
.nav-link .fa + em,
.dropdown-item .fa + span,
.dropdown-item .fa + em {
    padding-left: 0.4em;
}

.btn span + .fa, .btn em + .fa,
.menubar-link span + .fa,
.menubar-link em + .fa,
.nav-link span + .fa,
.nav-link em + .fa,
.dropdown-item span + .fa,
.dropdown-item em + .fa {
    margin-left: 0.4em;
}

@keyframes data-binding {
    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(180deg);
        color: transparent;
    }

    100% {
        transform: rotateY(360deg);
    }
}

.data-binding {
    animation: data-binding 0.5s ease-in-out;
}

.icm {
    font-size: 20px;
    display: inline-block;
}

.icm-2x {
    font-size: 40px;
}

.icm-3x {
    font-size: 60px;
}

.icm-4x {
    font-size: 80px;
}

.icm-5x {
    font-size: 100px;
}

.img-center-container {
    display: block;
    position: relative;
    /*height: 0;*/
    height: 100%;
    width: 100%;
    padding-top: 100%;
    text-decoration: none !important;
    outline: none !important;
}

    .img-center-container > img {
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        object-fit: contain;
    }

.dropdown .badge {
    font-size: 0.75rem;
}

.dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.popover-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 600;
}

.tooltip {
    font-size: 0.8125rem;
}

.badge {
    border: 1px solid #fff;
}

table th {
    font-weight: 600;
}

.list-group .list-group-item {
    overflow: hidden;
}

    .list-group .list-group-item.active:before {
        position: absolute;
        display: block;
        content: ' ';
        left: -1px;
        top: -1px;
        bottom: -1px;
        width: 3px;
        background: #f14b23;
    }

.list-group.has-icons .list-group-item {
    display: inline-flex;
    align-items: baseline;
}

.list-group.has-icons .list-group-item-icon {
    margin-right: 0.75rem;
}

@media (max-width: 767px) {
    .profiler-results {
        display: none !important;
    }
}

/*.tooltip_shporta {
    color:#fff;
    font-size: 11px;
    position: absolute;
    display: block;
    padding: 10px;
    border-radius: 3px;
    font-weight: 500;
    pointer-events: none;
    opacity: 0;
}

.tooltip_shporta b { 
    padding: 0px 5px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.58);
    margin-right: 5px;
}

button + .tooltip_shporta,
a + .tooltip_shporta {
    top: 50%;
    left: -212px;
    transform: translate3d(0,-10%,0);
    transition: all .3s ease;
    background: rgba(0,0,0,0.5);
}

button + .tooltip_shporta::after,
a + .tooltip_shporta::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    border: 5px solid rgba(0,0,0,0.5);
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

button:hover + .tooltip_shporta,
a:hover + .tooltip_shporta,
.offcanvas-cart-footer-col a:hover + .tooltip_shporta {
    transform: translate3d(0, -50%,0);
    opacity: 1;
}
.offcanvas-cart-footer-col a + .tooltip_shporta {
    top: 50%;
    left: -170px;
    transition: all .3s ease;
    background: rgba(0, 0, 0, 0.5);
    width: calc(100% - 16px);
    transform:translate3d(0,-10px,0);
    display: flex;
    align-items: flex-start;

    b {
        padding: 0px 5px;
    }
}

.dataLilWrap {
    position: relative;

    .tooltip_shporta {
        left: -218px;
    }
}

.transportLilWrap {
    position: relative;

    .tooltip_shporta {
        left: -212px;
    }
}

.konfirmLilWrap {
    position: relative;

    .tooltip_shporta {
        left: -165px;
    }
}

.transportLilWrap {
    position: relative;

    .tooltip_shporta {
        left: -205px;
    }
}

.finishLilWrap {
    .tooltip_shporta {
        left: -203px;
    }
}

@media (max-width: 768px) {
    .tooltip_shporta:not(.offCanvasss) {
        position: relative;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset;
        width: auto;
        color: #000;
        font-size: 11px;
        display: block;
        padding: 10px;
        border-radius: 3px;
        font-weight: 500;
        opacity: 1;
        transform: translate3d(0,0,0) !important;
        background: transparent;

        b {
            color: #ffffff;
        }
    }

    .dataLilWrap, .transportLilWrap, .konfirmLilWrap, .finishLilWrap {
        .tooltip_shporta {
            position: absolute;
            top: 50px;
            left: unset;
            transform: translate3d(0,0,0) !important;
            opacity: 1;
            background: rgba(0,0,0,0);
            color: #000000;
            min-width: 210px;
            right: 0;
            padding-right: 0px;

            b {
                color: #fff;
            }

            &:after {
                content: unset;
            }
        }
    }

    .transportLilWrap .tooltip_shporta {
        min-width: 190px;
    }

    .konfirmLilWrap .tooltip_shporta {
        min-width: 150px;
    }

    .finishLilWrap .tooltip_shporta {
        position:relative;
        left:unset;
        top:unset;
    }

    .dataLilWrap .tooltip_shporta {
        min-width: 200px;
    }

    .offcanvas-cart-footer-col a + .tooltip_shporta {
        top: -38px;
        left: 8px;
        width: calc(100% - 16px);
        transform: translate3d(0,-10%,0);
    }

    .offcanvas-cart-footer-col a + .tooltip_shporta::after {
        content: '';
        position: absolute;
        bottom: -10px;
        transform: translateX(-50%);
        left: 50%;
        right: unset;
        top: unset;
        border: 5px solid rgba(0,0,0,.5);
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
    }
}*/
.halfShownInside article {
    transition: all 0.3s ease;
}

    .halfShownInside article.halfShown {
        opacity: 0;
    }

.halfShownInside div {
    transition: all 0.3s ease;
}

    .halfShownInside div.halfShown {
        opacity: 0;
    }

.pulsing {
    box-shadow: 0 0 0 #f04a23;
    /*animation: pulsin 2s infinite;*/
}

@keyframes pulsin {
    0% {
        box-shadow: 0 0 0 0 rgba(240, 74, 35, 0.6);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(240, 74, 35, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(240, 74, 35, 0);
    }
}

.noPaddingTop {
    padding-top: 0px !important;
}

.alignedRight {
    text-align: right;
    width: 100%;
}

@media (min-width: 1200px) {
    .conditionOnWideWidth {
        max-width: 750px;
        margin-bottom: -60px !important;
    }
}

@media (min-width: 768px) {
    .fullMin350 {
        min-width: 350px;
    }

    .mTop0 {
        margin-top: 0px !important;
    }
}

@media (max-width: 768px) {
    .lessHorizontalMargin {
        margin-left: -5px;
        margin-right: -5px;
    }

    .marginBottom5 {
        margin-bottom: 5px !important;
    }

    .marginBottomM5 {
        margin-bottom: -5px !important;
    }

    .marginTop5 {
        margin-top: 5px !important;
    }

    .marginTopM5 {
        margin-top: -5px !important;
    }

    .fullMin350 {
        width: 100%;
    }

    .flexColumn {
        display: flex;
        flex-direction: column;
    }
}

/*@include media-breakpoint-down(md) {
    html {
        font-size: 15px;
    }
}

@include media-breakpoint-down(sm) {
    html {
        font-size: 14px;
    }
}*/
html {
    width: 100%;
    height: 100%;
}

body {
    background: #f9f9f9;
    /*padding-bottom: 20px;*/
}

    body.popup {
        padding: 1.25rem;
        background: #fff;
    }

#header {
    position: relative;
    z-index: 9;
}

#page {
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

#content-wrapper {
    min-height: 400px;
    /*min-height: 100vh;*/
}

.page-main {
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}

.boxed {
    /*@include media-breakpoint-up(sm) {
        .page-main {
            border: 1px solid rgba(#000, 0.2);
            border-top-width: 0;
            border-bottom-width: 0;

            .container {
                padding-left: 30px;
                padding-right: 30px;
            }
        }
    }*/
}

    .boxed .page-main {
        margin-left: auto;
        margin-right: auto;
    }

        .boxed .page-main .container, .boxed .page-main .megamenu-dropdown-container.simple .dropdown-menu-inner, .megamenu-dropdown-container.simple .boxed .page-main .dropdown-menu-inner {
            max-width: 100%;
        }

        .boxed .page-main .container, .boxed .page-main .megamenu-dropdown-container.simple .dropdown-menu-inner, .megamenu-dropdown-container.simple .boxed .page-main .dropdown-menu-inner {
            padding-left: 30px / 2;
            padding-right: 30px / 2;
        }

/*#scroll-top {
    z-index: 9999;
    position: fixed;
    bottom: 80px;
    right: 0;
    width: 36px;
    height: 36px;
    border-radius: 3px 0 0 3px;
    border: 1px solid rgba(0,0,0, 0.15);
    border-right-width: 0;
    background: rgba(255,255,255, 0.9);
    color: $body-color !important;
    text-decoration: none;
    transform: translate3d(100%, 0, 0);
    transition: transform .2s ease-in-out;
    &.in {
        transform: translate3d(0, 0, 0);
    }
}*/
#scroll-top {
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-color: #f04a23;
    border-color: #f04a23;
    border-radius: 2px;
    visibility: hidden;
    /*opacity: 0;*/
    -webkit-transition: visibility .3s 0s, background .3s ease;
    -moz-transition: visibility .3s 0s, background .3s ease;
    transition: visibility .3s 0s, background .3s ease;
    display: none !important;
}

    #scroll-top:hover {
        background-color: #f04a23;
    }

    #scroll-top i {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: center;
        align-self: center;
    }

        #scroll-top i:before {
            left: -70px;
            margin: auto;
            font-size: 40px;
            margin-left: -37px;
            margin-top: 3px;
            color: #Fff;
        }

/*.shopbar-tools {
  -moz-transition: box-shadow .3s ease, padding .3s ease;
  -o-transition: box-shadow .3s ease, padding .3s ease;
  -webkit-transition: box-shadow .3s ease, padding .3s ease;
  transition: box-shadow .3s ease, padding .3s ease; }*/
.shopbar-tools.fixedOnScroll {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    padding: 0.5rem 0 0.5rem 0;
    margin-right: 1.1rem;
}

    .shopbar-tools.fixedOnScroll a {
        color: #222;
    }

.pd-offer-actions {
    background: #fff;
}

    .pd-offer-actions.fixedOnScroll {
        box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.24);
    }

        .pd-offer-actions.fixedOnScroll .pd-offer-action-qty {
            display: none !important;
        }

.apply-store-banner {
    width: 100%;
    background: linear-gradient(rgba(240, 77, 36, 0.588235), #f04d24);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    padding: 80px 0 180px;
}

    .apply-store-banner h3, .apply-store-banner h4, .apply-store-banner h5 {
        font-weight: 300;
    }

.offcanvas-scrollable {
    overflow-y: auto !important;
}

.seller-form-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("https://i.imgur.com/DJ0uEKz.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
}

.apply-store-wrapper {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.14);
    margin: 15px auto 40px auto;
    padding: 10px;
    overflow: hidden;
}

    .apply-store-wrapper .applys-title {
        position: absolute;
        color: #fff;
        z-index: 1;
    }

    .apply-store-wrapper .apply-store-btn {
        width: 100%;
        color: #fff;
        background: #f04d24;
    }

    .apply-store-wrapper .form-group {
        margin-bottom: 1rem;
        width: 49%;
        display: inline-block;
    }

    .apply-store-wrapper .col-md-10 {
        max-width: 100%;
    }

@media screen and (max-width: 768px) {
    .apply-store-wrapper .form-group {
        width: 100%;
        margin: 0 0 1rem 0;
    }
}

.pv10-bg {
    background: linear-gradient(to bottom, #1656c4 0%, #0f3f8d 100%);
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 20px;
    position: relative;
}

    .pv10-bg:before {
        content: '';
        background: url("https://gv466hf5ah.gjirafa.net/fix/1hMall/img1.png");
        background-repeat: repeat;
        background-size: auto auto;
        width: 200px;
        height: 200px;
        position: absolute;
        background-size: contain;
        right: 10px;
        top: 10px;
        background-repeat: no-repeat;
        z-index: 9;
    }

    .pv10-bg:after {
        content: '';
        background: url("https://gv466hf5ah.gjirafa.net/fix/1hMall/img2.png");
        background-repeat: repeat;
        background-size: auto auto;
        width: 200px;
        height: 200px;
        position: absolute;
        left: 10px;
        top: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 9;
    }

    .pv10-bg p {
        color: #fff;
        margin-bottom: 0;
    }

        .pv10-bg p span {
            color: #d6a54a;
            font-weight: 700;
        }

@media (max-width: 992px) {
    .pv10-bg {
        font-size: 16px;
    }

        .pv10-bg:after,
        .pv10-bg:before {
            width: 110px;
            height: 110px;
            z-index: 99;
            top: -10px;
        }
}

@media (max-width: 650px) {
    .pv10-bg:after,
    .pv10-bg:before {
        top: -10px;
    }

    .pv10-bg:after {
        left: -10px;
    }

    .pv10-bg:before {
        right: -10px;
    }
}

@media (max-width: 450px) {
    .pv10-bg:after {
        left: -20px;
    }

    .pv10-bg:before {
        right: -20px;
    }
}

#iframe_cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    height: 50px;
    display: none;
}

html {
    -webkit-overflow-scrolling: touch !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #iframe_cookie {
        height: 115px;
        max-height: 55px !important;
        bottom: unset;
        top: 0;
        transition: .3s ease-in-out;
    }

    .header_with_alert {
        top: 50px !important;
        transition: .3s ease-in-out;
    }

    .page-main_with_alert {
        /*padding-top:170px !important;*/
        transition: .3s ease-in-out;
    }
}

@media screen and (max-width: 768px) {
    #iframe_cookie {
        height: 115px;
        max-height: 115px;
        top: 0;
        bottom: auto;
        display: none;
    }

   

    .gal-item-content {
        pointer-events: none !important;
    }
}

.jx_ui_Widget {
    display: none;
}

/* tooltip style start */
#paymentProcessTooltipButton {
    padding: 5px 10px 5px 5px;
    border: 1px solid #808080;
    border-radius: 3px;
    margin: 0px;
    margin-top: 15px;
    display: inline-block;
    cursor: pointer;
}

    #paymentProcessTooltipButton .questionMark {
        padding: 1px 6px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.4);
        margin-right: 5px;
        display: inline-block;
        font-weight: 800;
        color: #222;
    }

#tooltipDescText {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 90;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    display: none;
}

    #tooltipDescText .text {
        position: absolute;
        transform: translate3d(0, -40px, 0);
        color: #fff;
        left: 0px;
    }

#offcanvas-cart #tooltipDescText .text {
    transform: translate3d(0, -30px, 0);
    right: 17px;
    font-size: 14px;
    text-align: right;
    padding-left: 10px;
}

#tooltipDescText .exitTooltipButton {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 3px 10px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 16px;
    pointer-events: none;
}

#tooltipDescText .exitTooltipButtonInBack {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.toolTipOpened {
    overflow: hidden;
}

    .toolTipOpened #tooltipDescText {
        display: block;
    }

    .toolTipOpened .tooltip_shporta {
        position: relative;
        z-index: 200;
    }

    .toolTipOpened #add-to-cart-gallery {
        z-index: 0;
    }

    .toolTipOpened .offcanvas-cart-footer {
        z-index: unset !important;
    }

    .toolTipOpened #go-to-checkout {
        background: #f04a23;
    }

.tooltip_shporta {
    position: relative;
    opacity: 1;
    pointer-events: all;
    padding: .875rem 1.5rem;
    font-size: 1rem;
}

.tooltip_shporta_small {
    font-size: 1.2rem !important;
}

#offcanvas-cart.toolTipOpened.isIE #tooltipDescText {
    background: transparent;
    z-index: unset;
}

    #offcanvas-cart.toolTipOpened.isIE #tooltipDescText .text {
        color: #000;
        background: rgba(0, 0, 0, 0.5);
        left: 120px;
        padding: 10px;
        transform: translate3d(0px, -55px, 0px);
    }

    #offcanvas-cart.toolTipOpened.isIE #tooltipDescText .exitTooltipButtonInBack {
        display: none;
    }

@media screen and (max-width: 769px) {
    #tooltipDescText .text {
        padding: 0px 15px 0px 10px;
        width: 100%;
        text-align: center;
        transform: translate3d(0, -50px, 0);
    }

    #offcanvas-cart #tooltipDescText .text {
        padding: 0px 15px 0px 10px;
    }
}

#global-footer {
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px;
    height: 50px;
    background: #f7f7f9;
    box-shadow: none;
    color: #666;
    font-size: 14px;
    padding-bottom: 20px;
}

    #global-footer p {
        margin-bottom: 0;
        color: #999;
    }

.footer-global-wrapper {
    margin: auto;
    padding: 0;
    width: 100%;
}

#global-footer a {
    color: #999;
}

    #global-footer a:hover {
        color: #4d4d4d !important;
        text-decoration: none !important;
    }

.footer-bottom-wrapper {
    display: none !important;
}

#global-footer a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 769px) {
    #add-to-cart-gallery {
        bottom: 7%;
    }

    #global-footer {
        height: 30px;
        line-height: 30px;
        padding: 0;
    }

        #global-footer p:first-child {
            float: left;
        }

        #global-footer p:last-child {
            float: right;
        }
}

.giftideaPopUpContainer {
    display: none;
}

    .giftideaPopUpContainer.show {
        display: none;
    }

    .giftideaPopUpContainer.initialized.show {
        display: block;
        position: fixed;
        height: 100vh;
        width: 100vw;
        min-height: fit-content;
        min-width: 100%;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        padding: 20px;
        display: flex;
        align-items: center;
        z-index: 99999999999999999;
    }

        .giftideaPopUpContainer.initialized.show .innerContainer {
            position: relative;
            display: block;
            max-width: 900px;
            margin: auto;
            background: #ffffff;
            padding: 0;
            z-index: 2;
            width: 800px;
            max-width: 100%;
        }

            .giftideaPopUpContainer.initialized.show .innerContainer form {
                margin-bottom: 0 !important;
            }

        .giftideaPopUpContainer.initialized.show .buttonToExit {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            top: 0px;
            left: 0px;
            cursor: pointer;
        }

        .giftideaPopUpContainer.initialized.show .exitSign {
            position: absolute;
            top: 20px;
            right: 35px;
            background: rgba(255, 255, 255, 0.4);
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 38px;
            border-radius: 100%;
            padding: 0px;
            cursor: pointer;
            opacity: 0 !important;
            visibility: hidden !important;
        }

            .giftideaPopUpContainer.initialized.show .exitSign svg {
                max-width: 100%;
                width: 20px;
                height: 20px;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
            }

@media (max-width: 767px) {
    .giftideaPopUpContainer.initialized.show .exitSign {
        top: 10px;
        right: 10px;
        height: 30px;
        width: 30px;
    }

        .giftideaPopUpContainer.initialized.show .exitSign svg {
            width: 14px;
            height: 14px;
        }
}

#verifyAcc {
    width: 100%;
    overflow: hidden;
    transition: height .2s ease-in-out;
}

@media (min-width: 992px) {
    .scrolled-header .tablet-navbar-show,
    .scrolled-header .menubar-container {
        opacity: 0 !important;
        transition: .2s ease-in-out;
        pointer-events: none;
    }

    .scrolled-header .search-area-mob {
        transition: .2s ease-in-out;
    }

    .cart-organization-text {
        padding-left: 1rem;
        font-size: 16px;
        line-height: 30px;
    }
    /*.scrolled-header .shopbar-section {
        transform: translateY(70px);
    }*/
}

.side_banners {
    position: relative;
    width: 100%;
    top: 80px;
}

.right_banner, .left_banner {
    position: absolute;
    height: 600px;
    width: 170px;
    background-size: cover;
}

    .left_banner a, .right_banner a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.left_banner {
    left: -170px;
    background-position: top left;
}

.right_banner {
    right: -170px;
    background-position: left top;
}

@media screen and (max-width: 1400px) {
    .side_banners {
        display: none;
    }
}

.block:not(:last-child) {
    margin-bottom: 1.8rem;
}

.block .block-title {
    font-size: 1.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

    .block .block-title > * {
        margin: 0;
        padding: 0;
    }

.block .block-body {
    padding-top: 1rem;
}

.block.block-boxed {
    border: 1px dotted rgba(0, 0, 0, 0.2);
}

    .block.block-boxed .block-title > * {
        font-weight: normal;
    }

    .block.block-boxed .block-title {
        color: #999;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

.page-body > .block:not(.block-boxed):first-child {
    margin-top: 0 !important;
}

    .page-body > .block:not(.block-boxed):first-child .block-title {
        padding-top: 0;
    }

.shopbar-section {
    background: transparent;
}
/* touched */
/*.shopbar {
  margin: -0.5rem;
  display: flex;
  flex-wrap: nowrap; }*/

.shopbar-col-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-grow: 0;
}

.shop-logo {
    min-width: max-content;
    margin-left: 0;
}
    /*  .search-focused .shop-logo {
    opacity: 0;
    transform: translateX(100%); }*/
    .shop-logo .brand {
        display: block;
        width: 150px;
        max-width: 150px;
        max-height: 60px;
        text-align: center;
    }

@media (min-width: 480px) {
    .shop-logo .brand {
        /*max-width: 200px;
        max-height: 80px;*/
        width: auto;
    }
}

@media (min-width: 992px) {
    .shop-logo .brand {
        max-width: 200px;
        max-height: 100px;
        width: auto;
    }
}

.shopbar-col-group-brand,
/* touched */
/*.shopbar-search {
  flex-grow: 1; }*/
/*.shopbar-tools {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  width: 100%; }*/
/* touched */
.shopbar-button .shopbar-button-icon {
    font-size: 20px;
}

    .shopbar-button .shopbar-button-icon > i {
        font-size: inherit !important;
    }

.shopbar-button .shopbar-button-label-sm {
    display: none;
    color: #999;
    font-size: 10px;
    line-height: 1.3;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 992px) {
    /* touched */
    /*    .shopbar-button {
      height: 2.5625rem; }*/
    /*      .shopbar-button .shopbar-button-icon {
        font-size: 28px; }*/
}

@media (max-width: 1199px) {
    .shopbar {
        flex-wrap: wrap;
    }

    .shopbar-col-group-tools {
        width: 100%;
    }

    .shopbar-button {
        text-align: center;
    }

        .shopbar-button .shopbar-button-label {
            display: none !important;
        }

        .shopbar-button .shopbar-button-label-sm {
            display: block;
        }

    #shopbar-user.shopbar-tool {
        /*display:block !important;*/
    }
}
/* touched */
/*.shopbar-tool {
  position: relative; }*/
/*.shopbar-button {
  display: block;
  text-decoration: none !important;
  padding: 0.35rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 0.125rem;
  transition: all 0.12s ease;
  cursor: pointer; }*/
.shopbar-button:active, .open .shopbar-button, .show .shopbar-button {
    background-image: none;
    outline: 0;
}

.shopbar-button .shopbar-button-icon,
.shopbar-button .shopbar-button-label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
}

.shopbar-button .shopbar-button-label {
    font-size: 0.75rem;
    line-height: 1.2;
    vertical-align: top;
}

.shopbar-light .shopbar-button {
    color: #222222 !important;
}

    .shopbar-light .shopbar-button:hover {
        border-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.12);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .shopbar-light .shopbar-button:active, .open .shopbar-light .shopbar-button, .show .shopbar-light .shopbar-button {
        border-color: #adadad;
        background-color: #e6e6e6;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .shopbar-light .shopbar-button .shopbar-button-label span {
        color: rgba(34, 34, 34, 0.5);
    }

.shopbar-inverse .shopbar-button {
    color: #fff !important;
}

    .shopbar-inverse .shopbar-button:hover {
        border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2);
    }

    .shopbar-inverse .shopbar-button:active, .open .shopbar-inverse .shopbar-button, .show .shopbar-inverse .shopbar-button {
        border-color: rgba(255, 255, 255, 0.2);
        background-color: rgba(255, 255, 255, 0.15);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
    }

    .shopbar-inverse .shopbar-button .shopbar-button-label span {
        color: rgba(255, 255, 255, 0.5);
    }

.menubar-section {
    background: transparent;
}

    .menubar-section .abbreviation {
        text-transform: uppercase;
    }

.menubar {
    display: flex;
    flex-direction: row;
}

.menubar-group {
    display: flex;
    margin-left: 1rem;
}
/* touched */
/*.menubar-link {
  position: relative;
  display: block;
  font-size: 0.75rem;
  padding: 1em 0.8em;
  text-decoration: none !important;
  text-transform: uppercase; }*/

button.shopbar-button,
button.menubar-link {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}

    button.shopbar-button:focus, button.shopbar-button:hover,
    button.menubar-link:focus,
    button.menubar-link:hover {
        background: none;
        border: none;
        outline: none;
    }

.menubar-group--special {
    font-weight: 600;
}

.menubar-light.menubar-section {
    border-bottom: 1px solid #ddd;
}

.menubar-light .menubar-link {
    color: #222222;
}

    .menubar-light .menubar-link:hover,
    .menubar-light .menubar-link:active,
    .menubar-light .show .menubar-link {
        background-color: rgba(0, 0, 0, 0.03);
        color: #222222;
    }

.menubar-light .menubar-group--special .menubar-link {
    color: black !important;
}

.menubar-inverse.menubar-section {
    border-bottom: 1px solid #fff;
}

.menubar-inverse .menubar-link {
    color: #fff;
}

    .menubar-inverse .menubar-link:hover,
    .menubar-inverse .menubar-link:active,
    .menubar-inverse .show .menubar-link {
        background-color: rgba(255, 255, 255, 0.15);
    }

#footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: #f7f7f9;
}

.footer-social-wrapper {
    padding: 2rem 0;
}

.footer-main-wrapper {
    padding-top: 2rem;
}

.footer-social-wrapper ~ .footer-main-wrapper {
    padding-top: 0;
}

.footer-main .footer-title {
    margin-bottom: 1.25rem;
    font-weight: normal;
}

.footer-links {
    font-size: 1rem;
    line-height: 1.8;
}

    .footer-links a {
        display: block;
        text-decoration: none;
    }

.footer-bottom {
    padding: 1rem 0;
    font-size: 90%;
}

@media (min-width: 768px) {
    .footer-bottom {
        margin-top: 1rem;
    }
}

@media (max-width: 767px) {
    .shop-logo .brand {
        max-width: 200px !important;
    }

    .footer-main-wrapper {
        padding-top: 0;
    }

    .footer-main,
    .footer-bottom {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        padding-bottom: 20px;
    }

    .footer-bottom {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .nav-collapsible {
        border-top: 1px solid #dadae3;
        border-bottom: 1px solid #dadae3;
        margin-top: -1px;
    }

    .footer-inverse .nav-collapsible {
        border-top-color: white;
        border-bottom-color: white;
    }
}

.footer-light {
    color: #222222;
}

    .footer-light .footer-title {
        color: #222222;
    }

    .footer-light a.footer-link {
        color: #999;
    }

        .footer-light a.footer-link:hover {
            color: #4d4d4d;
        }

    .footer-light .btn-social:not(:hover):not(:active):not(:focus) {
        background-color: #aaa;
        color: #fff;
    }

    .footer-light .footer-bottom-wrapper {
        background: rgba(0, 0, 0, 0.03);
        color: #a6a6a6;
    }

        .footer-light .footer-bottom-wrapper a {
            color: #4d4d4d;
        }

.footer-inverse {
    color: #fff;
}

    .footer-inverse .footer-title {
        color: #fff;
    }

    .footer-inverse a.footer-link {
        color: rgba(255, 255, 255, 0.5);
    }

        .footer-inverse a.footer-link:hover {
            color: rgba(255, 255, 255, 0.7);
        }

    .footer-inverse .btn-social:not(:hover):not(:active):not(:focus) {
        background-color: transparent;
        color: rgba(255, 255, 255, 0.5) !important;
    }

    .footer-inverse .footer-bottom-wrapper {
        background: rgba(255, 255, 255, 0.06);
        color: rgba(230, 230, 230, 0.5);
    }

        .footer-inverse .footer-bottom-wrapper a {
            color: rgba(255, 255, 255, 0.7);
        }

.footer-social .btn-social {
    display: inline-block;
    border-color: transparent !important;
    box-shadow: none;
    margin: 0 0.4rem;
}

.contact-icons {
    display: flex;
    flex-direction: row;
    gap: 4px;
    position: relative;
    padding: 4px 0;
}

.contact-link {
    display: flex;
    cursor: pointer;
}

.contact-icon {
    font-size: 1.25rem;
    color: #999;
    transition: color 0.3s;
}

.whatsapp-link:hover .contact-icon {
    color: #25D366;
}

.viber-link svg {
    transition: fill 0.3s;
    fill: #999;
    width: 18px;
    padding-top: 8px;
}

.viber-link:hover svg {
    fill: #7360F2;
}

.contact-tooltip {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.9rem;
    z-index: 10;
    padding: 0.1rem 1.6rem;
    background-color: white;
    border-radius: 1rem;
    border: 1px solid lightgrey;
    white-space: normal;
    font-size: 14px;
    width: fit-content;
}

.whatsapp-link:hover .contact-tooltip {
    display: flex;
    align-items: center;
}

.viber-link:hover .contact-tooltip {
    display: flex;
    align-items: center;
}

.footer-description {
    color: #999 !important;
    margin-bottom: 0;
}

@media (min-width: 768px){
    .viber-link svg {
        padding-top: 0;
    }
}

@media (max-width: 1700px) and (min-width: 768px) {
    .footer-bottom .row {
        flex-direction: row;
    }

    .footer-bottom .col-sm {
        flex-basis: 100%;
        margin: 5px 0;
        text-align: right !important;
    }
}

.catmenu .catmenu-path-item {
    font-weight: 600;
    background: rgba(247, 247, 249, 0.5);
}

    .catmenu .catmenu-path-item.expanded,
    .catmenu .catmenu-item.parent {
        padding-right: 1.875rem;
    }

        .catmenu .catmenu-path-item.expanded:after,
        .catmenu .catmenu-item.parent:after {
            display: inline-block;
            font: normal normal normal 16px/1 'FontAwesome';
            font-size: 1.2rem;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            content: "";
            display: block;
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
        }

    .catmenu .catmenu-path-item.expanded {
        color: #222222;
    }

        .catmenu .catmenu-path-item.expanded:after {
            content: '\f148';
            font-size: inherit;
        }

    .catmenu .catmenu-path-item.active {
        border-left: 2px solid #f04a23;
    }

        .catmenu .catmenu-path-item.active:before {
            display: none !important;
        }

#offcanvas-menu .offcanvas-menu-header {
    background: #ef5436;
}

    #offcanvas-menu .offcanvas-menu-header a {
        color: #fff;
    }

    #offcanvas-menu .offcanvas-menu-header button {
        color: #fff;
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
    }

        #offcanvas-menu .offcanvas-menu-header button:focus, #offcanvas-menu .offcanvas-menu-header button:hover {
            background: none;
            border: none;
            outline: none;
        }

#offcanvas-menu .tab-pane {
    padding: 0;
}

#offcanvas-menu .ocm-home-layer {
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    #offcanvas-menu .ocm-home-layer > * {
        width: 100%;
        z-index: 1;
    }

#offcanvas-menu .tab-content {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

#offcanvas-menu .offcanvas-menu-footer {
    padding: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

    #offcanvas-menu .offcanvas-menu-footer .mf-dropdown {
        display: block;
    }

        #offcanvas-menu .offcanvas-menu-footer .mf-dropdown .btn-labeled > b {
            background: transparent;
        }

#offcanvas-menu .menubar-link,
#offcanvas-menu .manufacturer-container .ocm-item,
#offcanvas-menu .category-container .ocm-item {
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    font-size: 1rem;
    position: relative;
}

    #offcanvas-menu .menubar-link .ocm-link,
    #offcanvas-menu .manufacturer-container .ocm-item .ocm-link,
    #offcanvas-menu .category-container .ocm-item .ocm-link {
        display: block;
        color: #222222;
        line-height: 1.3;
        padding: 1rem 2.5rem 1rem 2rem;
        text-decoration: none !important;
    }

        #offcanvas-menu .menubar-link .ocm-link:active, #offcanvas-menu .menubar-link .ocm-link:focus,
        #offcanvas-menu .manufacturer-container .ocm-item .ocm-link:active,
        #offcanvas-menu .manufacturer-container .ocm-item .ocm-link:focus,
        #offcanvas-menu .category-container .ocm-item .ocm-link:active,
        #offcanvas-menu .category-container .ocm-item .ocm-link:focus {
            background-color: rgba(0, 0, 0, 0.05);
        }

    #offcanvas-menu .menubar-link.has-children:after,
    #offcanvas-menu .manufacturer-container .ocm-item.has-children:after,
    #offcanvas-menu .category-container .ocm-item.has-children:after {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        font: normal normal normal 16px/1 'FontAwesome';
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "";
        color: #646464;
        font-size: 20px;
        width: 20px;
        text-align: center;
    }

    #offcanvas-menu .menubar-link.has-children.animated:after,
    #offcanvas-menu .manufacturer-container .ocm-item.has-children.animated:after,
    #offcanvas-menu .category-container .ocm-item.has-children.animated:after {
        animation: fa-spin .6s infinite linear;
        margin-top: -9px;
        display: inline-block;
        font: normal normal normal 16px/1 'fontastic';
        font-size: 20px;
        speak: none;
        text-transform: none;
        content: "";
    }

    #offcanvas-menu .menubar-link.selected:before, #offcanvas-menu .menubar-link.expanded:before,
    #offcanvas-menu .manufacturer-container .ocm-item.selected:before,
    #offcanvas-menu .manufacturer-container .ocm-item.expanded:before,
    #offcanvas-menu .category-container .ocm-item.selected:before,
    #offcanvas-menu .category-container .ocm-item.expanded:before {
        position: absolute;
        display: block;
        content: ' ';
        left: -1px;
        top: -1px;
        bottom: -1px;
        width: 5px;
        background: #f14b23;
    }

    #offcanvas-menu .category-container .ocm-item .ocm-link img {
        width: 30px;
        display: inline-block;
        object-fit: contain;
        height: 100%;
    }

#offcanvas-menu .ocm-nav .navigate-back {
    padding-left: 0;
}

    #offcanvas-menu .ocm-nav .navigate-back .fa {
        font-size: 1.375rem;
        vertical-align: text-bottom;
        padding-right: .425rem;
    }

#offcanvas-menu .ocm-nav .show-current-cat {
    font-weight: 600;
}

#offcanvas-menu .button-bar {
    background: #f7f7f9;
    padding: 1rem 1.6rem;
}

    #offcanvas-menu .button-bar span {
        margin-right: 1rem;
    }

#offcanvas-menu .category-info {
    padding: 0 1.6rem;
}

    #offcanvas-menu .category-info .category-name {
        padding-top: 1rem;
    }

#offcanvas-menu .manufacturer-container .ocm-item {
    padding: 0 1.25rem;
}

    #offcanvas-menu .manufacturer-container .ocm-item .col-img {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }

        #offcanvas-menu .manufacturer-container .ocm-item .col-img .ocm-img-link {
            padding: 0.5rem;
            display: block;
        }

            #offcanvas-menu .manufacturer-container .ocm-item .col-img .ocm-img-link > img {
                width: 100%;
            }

    #offcanvas-menu .manufacturer-container .ocm-item .ocm-link {
        padding-left: 0.75rem;
    }

    #offcanvas-menu .manufacturer-container .ocm-item .col-img ~ .col-data > .ocm-link {
        padding-left: 0;
    }

#offcanvas-menu .manufacturer-container .ocm-nav {
    margin-bottom: 0;
}

#offcanvas-menu .manufacturer-container .show-all-manufacturers {
    padding: 1rem;
    border-bottom: 0;
}

#offcanvas-menu .layer {
    transition: transform 0.3s ease-out;
    background: #fff;
    transform: translateX(-30%);
    z-index: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

    #offcanvas-menu .layer.show {
        transform: translateX(0);
        z-index: 1;
        border-color: none;
        height: 100%;
    }

        #offcanvas-menu .layer.show ~ .layer {
            transform: translateX(100%);
            z-index: 2;
        }

#offcanvas-menu .ocm-nav-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#ocm-service .menubar {
    flex-direction: column;
}

#ocm-service .menubar-group {
    margin-left: 0 !important;
    flex-direction: column;
}

#ocm-service .menubar-link {
    text-transform: initial;
    padding: 1rem 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #222222;
}

#ocm-service .menubar-icon {
    display: none;
}

#ocm-service .menubar-caret {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

#ocm-service .show .menubar-caret:before {
    content: "\f106";
}

#ocm-service .dropdown-menu {
    position: relative;
    float: initial;
    min-width: initial;
    padding: initial;
    margin: initial;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: initial;
    box-shadow: initial;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

#ocm-service .dropdown-divider {
    display: none;
}

#ocm-service .dropdown.show > .menubar-link {
    font-weight: 600;
}

#ocm-service .menubar-link span {
    padding-left: 0;
}

#ocm-service .dropdown-item {
    padding-left: 2.75rem;
    font-size: 1rem;
}

    #ocm-service .dropdown-item span:not(.badge) {
        padding-left: 0;
    }

.touchevents .category-container .ocm-item.has-children.animated:after {
    max-height: 18px;
}

body > .select2-container {
    z-index: 100000;
}

/* touched */
/*.megamenu-section .navbar {
  background: #f7f7f9;
  padding: 0; }*/

.megamenu {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .megamenu .nav-link {
        font-weight: 600;
        font-size: 1rem;
    }

.navbar-light .megamenu .nav-item .nav-link {
    color: #222222;
}

    .navbar-light .megamenu .nav-item.active .nav-link,
    .navbar-light .megamenu .nav-item .nav-link:focus,
    .navbar-light .megamenu .nav-item .nav-link:hover {
        background: rgba(0, 0, 0, 0.03);
    }

.navbar-inverse .megamenu .nav-item .nav-link {
    color: #fff;
}

    .navbar-inverse .megamenu .nav-item.active .nav-link,
    .navbar-inverse .megamenu .nav-item .nav-link:focus,
    .navbar-inverse .megamenu .nav-item .nav-link:hover {
        background: rgba(255, 255, 255, 0.15);
    }

.megamenu .navbar-nav {
    position: relative;
    white-space: nowrap;
    /* overwrites inline width */
    width: auto !important;
    transition: margin-left 0.12s ease-in-out;
    margin-left: 0;
    line-height: 1.8;
}

    .megamenu .navbar-nav:after {
        content: "";
        display: table;
        clear: both;
    }

    .megamenu .navbar-nav .nav-item {
        position: relative;
    }

        .megamenu .navbar-nav .nav-item .badge {
            position: absolute;
            right: 3px;
            top: 7px;
            font-size: 0.75rem;
        }

        .megamenu .navbar-nav .nav-item .badge-important {
            background: #f04a23;
        }

        .megamenu .navbar-nav .nav-item .badge-inverse {
            background: #f44336;
        }

        .megamenu .navbar-nav .nav-item:before, .megamenu .navbar-nav .nav-item:after {
            content: "";
        }

        .megamenu .navbar-nav .nav-item.active:before {
            content: "";
            right: 0;
            position: absolute;
            border-bottom: 10px solid #fff;
            border-right: 12px solid transparent;
            border-left: 12px solid transparent;
            bottom: -1px;
            z-index: 983;
        }

        .megamenu .navbar-nav .nav-item.active:after {
            content: "";
            right: -2px;
            position: absolute;
            border-bottom: 12px solid rgba(0, 0, 0, 0.075);
            border-right: 14px solid transparent;
            border-left: 14px solid transparent;
            bottom: -2px;
            z-index: 982;
        }

        .megamenu .navbar-nav .nav-item.selected .nav-link:before,
        .megamenu .navbar-nav .nav-item.expanded .nav-link:before {
            content: ' ';
            display: block;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 1px;
            height: 3px;
            background: #f04a23;
        }

        .megamenu .navbar-nav .nav-item + .nav-item {
            margin-left: 0;
        }

.touchevents .megamenu .nav-slider {
    overflow-x: auto !important;
}

.megamenu-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    transition: opacity .5s ease-in-out .1s;
    opacity: 0;
    z-index: 980;
    display: none;
}

    .megamenu-nav.megamenu-nav--prev a {
        padding-right: 10px;
    }

    .megamenu-nav.megamenu-nav--next {
        right: 0;
    }

        .megamenu-nav.megamenu-nav--next a {
            padding-left: 10px;
        }

    .megamenu-nav .megamenu-nav-btn {
        border: none;
        box-shadow: none;
        position: relative;
        z-index: 990;
        padding: 0px;
        width: 40px;
        height: 98%;
    }

    .megamenu-nav i {
        font-size: 38px;
        transition: all .2s ease-in-out;
        height: 58px;
        line-height: 58px;
        vertical-align: middle;
        text-align: center;
        padding: 0;
        margin: 0;
        display: inline-block;
        opacity: 0.4;
    }

        .megamenu-nav i:hover {
            opacity: 0.6;
        }

        .megamenu-nav i:active {
            opacity: 1;
        }

.megamenu.megamenu-blend--next .megamenu-nav--next,
.megamenu.megamenu-blend--prev .megamenu-nav--prev {
    opacity: 1;
    display: block;
}

.megamenu .megamenu-nav--prev .megamenu-nav-btn {
    background-image: linear-gradient(to left, rgba(247, 247, 249, 0), #f7f7f9 40%, #f7f7f9 100%);
}

.megamenu .megamenu-nav--next .megamenu-nav-btn {
    background-image: linear-gradient(to right, rgba(247, 247, 249, 0), #f7f7f9 40%, #f7f7f9 100%);
}

.touchevents .megamenu-section .navbar:hover .show-scroll-buttons .megamenu-nav-btn i,
.touchevents .megamenu-section .megamenu-nav-btn i,
.megamenu .megamenu-nav i {
    color: #222222;
    display: none;
}

.touchevents .megamenu-section .navbar-inverse.navbar:hover .show-scroll-buttons .megamenu-nav-btn i,
.touchevents .megamenu-section .navbar-inverse .megamenu-nav-btn i,
.navbar-inverse .megamenu .megamenu-nav i {
    color: #fff;
}

.megamenu-section .navbar:hover .show-scroll-buttons .megamenu-nav-btn i {
    display: block;
}

.megamenu-container {
    position: relative;
}
    /* touched */
    /*  .megamenu-container .nav-link {
    padding: .71em .6em; }*/
    .megamenu-container .megamenu-dropdown-container {
        position: relative;
    }

        .megamenu-container .megamenu-dropdown-container .empty {
            margin-bottom: -1rem !important;
        }

        .megamenu-container .megamenu-dropdown-container .megamenu-cat-img img {
            max-width: 100%;
            max-height: 100%;
            padding: 20px;
        }

        .megamenu-container .megamenu-dropdown-container .picture-container {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .megamenu-container .megamenu-dropdown-container .below-preview-pic-text {
            margin: 10px;
            font-size: 0.8125rem;
        }

        .megamenu-container .megamenu-dropdown-container .megamenu-html-text {
            overflow: hidden;
        }

    .megamenu-container .mega-menu-dropdown {
        background-color: #fff;
        color: #222222;
        z-index: 981;
        width: 100%;
        top: -3px;
        background-repeat: no-repeat;
        background-position: bottom right;
        padding: 1.5rem;
    }

        .megamenu-container .mega-menu-dropdown label {
            vertical-align: top;
            margin-bottom: 0;
        }

        .megamenu-container .mega-menu-dropdown .col-md-3 {
            overflow: hidden;
        }

    .megamenu-container .mega-menu-dropdown-heading {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.4rem;
        text-decoration: none;
        display: block;
        color: #222;
        padding-bottom: 0.4rem;
    }

        .megamenu-container .mega-menu-dropdown-heading:not(:first-child) {
            padding-top: 1rem;
        }

        .megamenu-container .mega-menu-dropdown-heading + .mega-menu-dropdown-heading {
            padding-top: .5rem;
        }

    .megamenu-container .mega-menu-subitem {
        font-size: 0.8125rem;
        text-decoration: none;
        display: block;
        color: #999;
    }

        .megamenu-container .mega-menu-subitem:hover {
            color: #222;
        }

        .megamenu-container .mega-menu-subitem.more-link {
            font-weight: bold;
            color: #464646;
            font-size: 0.8125rem;
        }

    .megamenu-container .inline-container {
        line-height: 1.25rem;
    }

        .megamenu-container .inline-container .mega-menu-subitem {
            font-size: 0.8125rem;
            line-height: .875rem;
        }

            .megamenu-container .inline-container .mega-menu-subitem:hover {
                text-decoration: underline;
            }

    .megamenu-container .mega-menu-subitem-wrap {
        white-space: nowrap;
    }

    .megamenu-container .comma-separated .mega-menu-subitem {
        display: inline;
        margin-right: -.15rem;
    }

        .megamenu-container .comma-separated .mega-menu-subitem.more-link {
            display: block;
        }

        .megamenu-container .comma-separated .mega-menu-subitem:focus, .megamenu-container .comma-separated .mega-menu-subitem:hover {
            background-color: transparent;
            color: #888;
        }

    /* Product rotator */
    .megamenu-container .rotator-container {
        border: 1px solid rgba(0, 0, 0, 0.1);
        background: rgba(255, 255, 255, 0.92);
        overflow: hidden;
    }

        .megamenu-container .rotator-container .rotator-heading {
            padding: 0.5rem 0;
        }

        .megamenu-container .rotator-container .rotator-content > div.placeholder {
            height: 280px;
            background-color: rgba(255, 255, 255, 0.85);
        }

            .megamenu-container .rotator-container .rotator-content > div.placeholder .empty {
                background-color: transparent;
            }

@media (max-width: 991px) {
    .megamenu-dropdown-container .picture-container {
        display: none;
    }
}

.nav-item:before, .nav-item:after {
    transition: opacity .3s;
    opacity: 0;
}

.nav-item:before, .nav-item:after {
    transition: opacity .3s;
    opacity: 0;
}

.nav-item.active:before, .nav-item.active:after {
    opacity: 1;
}

.megamenu-dropdown-container.simple {
    position: initial;
}

    .megamenu-dropdown-container.simple .dropdown-menu {
        margin-top: -1px;
        min-width: 250px;
        z-index: 981;
    }

    .megamenu-dropdown-container.simple .dropdown-item {
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
        font-size: 0.8125rem;
    }

    .megamenu-dropdown-container.simple .nav-item.active:before {
        right: initial;
        left: 12px;
    }

    .megamenu-dropdown-container.simple .nav-item.active:after {
        right: initial;
        left: 10px;
    }

.megamenu.simple .navbar-nav .nav-item.active:before {
    border-bottom: 10px solid #f5f5f5;
}

.boxed .megamenu-dropdown-container.simple .dropdown-menu {
    margin-left: 20px;
}

.megamenu-dropdown-container.simple {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10;
    top: 55px;
}

.megamenu-container .mega-menu-dropdown {
    color: #333;
    z-index: 981;
    background: transparent;
    width: 100%;
    margin: 0 !important;
    left: 0 !important;
    padding: 1.5rem;
    border: 0;
    box-shadow: none;
}

.megamenu-container .mega-menu-dropdown {
    padding: 0 1.5rem;
}

.megamenu-dropdown-container.simple .dropdown-menu {
    padding: 0 15px;
}

.dropdown-menu-inner {
    background: #fff;
    padding: 10px 15px 10px 0px;
    top: -1px;
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.09);
    min-height: 400px;
}

    .dropdown-menu-inner .row {
        max-width: 60%;
    }

.dropdown-col {
    padding: 10px;
    box-sizing: border-box;
}

#content-wrapper {
    position: relative;
}

#content-wrapper-overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: -1rem;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 3;
}

.megamenu .navbar-nav .nav-item.active:before, .megamenu .navbar-nav .nav-item.active:after {
    left: 0;
    width: 20px;
    margin: auto;
}

.megamenu .navbar-nav .nav-item.selected .nav-link:before, .megamenu .navbar-nav .nav-item.expanded .nav-link:before {
    bottom: 0;
}

.megamenu-dropdown-container.simple .dropdown-item {
    padding: 6px 15px;
}

.megamenu-dropdown-container .dropdown-item:focus, .megamenu-dropdown-container .dropdown-item:hover {
    color: #f04a23;
    background: none;
}

img.menu-category-img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    transition: opacity .3s ease;
    opacity: 0;
}

    img.menu-category-img.loaded {
        opacity: 1;
    }

.category-header {
    font-weight: 700;
    background: transparent;
}

.sub-categories {
    padding-left: 10px;
}

.more-item {
    color: initial;
    font-weight: 300;
}

.sub-categories .sub-item {
    flex: none;
    width: auto !important;
    display: inline-block;
    padding: 5px 5px !important;
}

.dropdown-menu-inner .col-md-6 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    z-index: 2;
}

.more-from-category {
    position: absolute;
    bottom: 2px;
    left: -15px;
}

.more-from-category, .dropdown-menu-inner .col-md-6 {
    z-index: 2;
}

.more-less {
    display: block;
    position: relative;
    max-height: 260px;
    width: 100%;
    min-height: auto;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

    .more-less .btn-text-expander {
        display: none;
        position: absolute;
        font-weight: 600;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        text-decoration: none !important;
        width: 100%;
        height: 35px;
    }

        .more-less .btn-text-expander .fa {
            padding-right: 0.4rem;
        }

    .more-less .btn-text-expander--expand::after {
        content: '';
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3.9375rem;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%, #fff 100%);
    }

    .more-less .btn-text-expander--collapse {
        position: relative;
        font-weight: 600;
    }

    .more-less.collapsed .btn-text-expander--expand {
        display: block;
    }

    .more-less.expanded {
        max-height: none !important;
    }

        .more-less.expanded .btn-text-expander--collapse {
            display: block;
        }

.choice {
    margin-bottom: 1rem;
}

.col-form-label.required,
.choice-label.required {
    color: inherit;
    font-weight: bold;
}

    .col-form-label.required:after,
    .choice-label.required:after {
        content: ' *';
    }

.choice-item-img,
.choice-item-color {
    display: inline-block;
    text-decoration: none !important;
    margin-right: 0.25rem;
    overflow: hidden;
}

.choice-item-img {
    max-width: 20px;
    max-height: 1em;
}

    .choice-item-img > img {
        max-width: 100%;
        height: auto;
    }

.choice-item-color {
    width: 1em;
    height: 1em;
    padding: 0;
}

.choice-description {
    color: #999;
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

    .choice-description > *:first-child {
        margin-top: 0;
    }

    .choice-description > *:last-child {
        margin-bottom: 0;
    }

.choice-box-group {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    margin: 0 -0.2rem;
}

    .choice-box-group::after {
        display: block;
        clear: both;
        content: "";
    }

    .choice-box-group .choice-box {
        position: relative;
        float: left;
        display: block;
        padding: 0.2rem;
    }

    .choice-box-group .choice-box-label {
        margin: 0;
    }

    .choice-box-group .choice-box-content {
        position: relative;
        display: block;
        cursor: pointer;
    }

        .choice-box-group .choice-box-content:after {
            box-sizing: content-box;
            position: absolute;
            display: block;
            right: -6px;
            top: -6px;
            background-color: #f14b23;
            border-radius: 50%;
            border: 1px solid #fff;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            vertical-align: middle;
            font-family: FontAwesome;
            content: "\f00c";
            color: #fff;
            font-size: 10px;
            opacity: 0;
            transform: scale(0);
            transition: all 0.1s ease-in;
        }

    .choice-box-group .choice-box-element {
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, 0.3);
        background-color: #fff;
        transition: border-color 0.1s linear;
        height: 2.8rem;
        line-height: 2.8rem;
        min-width: 2.8rem;
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
        font-weight: 600;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

        .choice-box-group .choice-box-element:hover {
            border-color: rgba(0, 0, 0, 0.7);
        }

        .choice-box-group .choice-box-element .choice-box-text {
            padding: 0 0.4rem;
        }

    .choice-box-group .choice-box-control-native:checked + .choice-box-content .choice-box-element {
        border-color: rgba(0, 0, 0, 0.7);
        outline: 1px solid rgba(0, 0, 0, 0.7);
    }

    .choice-box-group .choice-box-control-native:checked + .choice-box-content:after {
        opacity: 1;
        transform: scale(1);
    }

    .choice-box-group .choice-box-control-native {
        display: none !important;
    }

    .choice-box-group.choice-box-group-xl .choice-box-element {
        height: 6rem;
        line-height: 6rem;
        min-width: 6rem;
    }

    .choice-box-group.choice-box-group-lg .choice-box-element {
        height: 4rem;
        line-height: 4rem;
        min-width: 4rem;
    }

    .choice-box-group.choice-box-group-sm .choice-box-element {
        height: 2.3rem;
        line-height: 2.3rem;
        min-width: 2.3rem;
    }

.instasearch-form {
    position: relative;
    margin-bottom: 0px;
}

#instasearch-progress {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    right: 56px;
}

.instasearch-term {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 2px;
    background: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    padding-right: 60px;
}

    .instasearch-term:hover, .instasearch-term:focus, .instasearch-term:active {
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    }

    .instasearch-term:focus, .instasearch-term:active {
        background-color: #fff;
        border-color: rgba(0, 0, 0, 0.2);
    }

.instasearch-button {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    border-left-color: transparent;
    height: initial;
    font-size: 1.2rem;
    padding: 0 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
}

.instasearch-icon {
    position: relative;
    top: 0.12rem;
}

#instasearch-drop {
    position: absolute;
    display: none;
    left: 0;
    top: 100%;
    margin-top: -1px;
    min-width: 100%;
    max-width: 100%;
    min-height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    z-index: 1100;
    border-radius: 0 0 2px 2px;
}

    #instasearch-drop.open {
        display: block;
    }

.instasearch-drop-body {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.instasearch-match {
    font-weight: bold;
}

.instasearch-group-header {
    margin: 0 20px;
    padding-bottom: 0.3rem;
    font-size: 22px;
    color: #78909c;
    font-weight: 300;
}

    .instasearch-group-header ~ .instasearch-group-header {
        margin-top: 1.2rem;
    }

.instasearch-hits {
    padding-left: 0;
    list-style: none;
    margin: 0;
    margin-bottom: 1rem;
}

    .instasearch-hits:last-child {
        margin-bottom: 0;
    }

.instasearch-col:first-child .instasearch-hits:last-child {
    margin-bottom: 1rem;
}

.instasearch-hits.has-thumbs li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

    .instasearch-hits.has-thumbs li:last-child {
        border-bottom: none;
    }

@media (min-width: 576px) {
    .instasearch-col:first-child {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
}

@media (min-width: 992px) {
    #instasearch-drop {
        max-width: none;
    }

    .instasearch-row {
        width: 850px;
    }
}

.instasearch-hit {
    display: block;
    position: relative;
    width: 100%;
    padding: 8px 20px;
    clear: both;
    white-space: normal;
    text-decoration: none;
    color: #292b2c;
    font-size: 14px;
    line-height: 1.3;
}

    .instasearch-hit:focus, .instasearch-hit:hover, .instasearch-hit.active, .instasearch-hit.key-hover {
        color: #1d1e1f;
        text-decoration: none;
        background-color: #f7f7f9;
    }

.instasearch-hit-tag {
    color: #d4340d;
    font-size: 13px;
    padding-left: 0.2rem;
}

.instasearch-hit-wrapper {
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.instasearch-hit-thumb {
    width: 48px;
    min-width: 48px;
    max-height: 36px;
    padding-right: 12px;
}

.instasearch-hit-label-secondary {
    padding-top: 4px;
    color: #999;
}

.search-term {
    color: #f44336;
}

.search-hitcount {
    color: #999;
    font-weight: 300;
}

.facet-group {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 14px;
}

.facet-group-header {
    position: relative;
    display: block;
    padding: 0.35rem 0;
    font-size: 14px;
    font-weight: 600;
    color: #222222 !important;
    text-decoration: none !important;
}

.facet-toggle:after {
    display: block;
    position: absolute;
    font-family: FontAwesome;
    font-size: 1.2rem;
    line-height: 1;
    content: "\f106";
    color: #222222;
    right: 0;
    top: 50%;
    margin-top: -7px;
    transition: transform 0.3s ease-in-out;
}

.facet-toggle.collapsed:after {
    transform: rotate(180deg);
}

.facet-toggle .facet-selection {
    display: none;
}

.facet-body {
    padding-bottom: 1rem;
}

.facet-body-inner {
    line-height: 1.3;
    padding: 4px 0;
}

    .facet-body-inner.scrollable {
        max-height: 215px;
        overflow-y: auto;
    }

.btn-remove-group-filters {
    display: block;
    margin-top: 0.5rem;
}

.facet-control-ui {
    position: absolute;
    display: block;
    left: 2px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: none;
}

    .facet-control-ui:after {
        display: inline-block;
        font: normal normal normal 16px/1 'FontAwesome';
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "";
        display: block;
        opacity: 0;
        transition: all 0.2s ease-in;
        width: 19px;
        height: 19px;
        line-height: 19px;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        color: #357a38;
    }

*:checked + .facet-control-ui {
    vertical-align: middle;
    text-align: center;
    box-shadow: none;
}

    *:checked + .facet-control-ui:after {
        opacity: 1;
        transform: scale(1);
    }

.facet-item input:checked + .facet-control-ui,
.facet-item:hover .facet-control-ui {
    border-color: rgba(0, 0, 0, 0.35);
}

.facet-check,
.facet-radio {
    position: relative;
    display: block;
}

    .facet-check label,
    .facet-radio label {
        cursor: pointer;
        padding-bottom: 0.75rem;
        margin-bottom: 0;
        min-height: 20px;
    }

    .facet-check:last-child label,
    .facet-radio:last-child label {
        padding-bottom: 0;
    }

    .facet-check input[type=checkbox],
    .facet-check input[type=radio],
    .facet-radio input[type=checkbox],
    .facet-radio input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }

    .facet-check .facet-control-native + .facet-control-ui {
        border-radius: 2px;
    }

    .facet-radio .facet-control-native + .facet-control-ui {
        border-radius: 50%;
    }

        .facet-radio .facet-control-native + .facet-control-ui:after {
            content: "";
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #F04D24;
            margin: 3px 0 0 3px;
        }

.facet-label {
    position: relative;
    display: block;
    padding-left: 33.33333px;
    padding-top: 1px;
    padding-right: 8px;
}

.facet-control-native:checked ~ .facet-label {
    font-weight: 600;
}

.facet-body-rating .rating {
    vertical-align: sub;
    margin-right: 3px;
}

.active-filters-container {
    position: relative;
    margin-bottom: 1rem;
}

.active-filters {
    position: relative;
    margin: -0.25rem;
}

.active-filter-item {
    display: block;
    padding: 0.25rem;
    float: left;
}

.active-filter-link {
    position: relative;
    font-weight: 400;
    padding: 0.2rem 0.6rem;
    max-width: 12rem;
    padding-right: 1.5rem;
    border-width: 0;
}

    .active-filter-link:after {
        position: absolute;
        display: block;
        content: '\00d7';
        right: 0.375rem;
        top: 2px;
        font-size: 1.25rem;
        line-height: 1;
    }

.active-filter-label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.offcanvas .facet-toggle,
.offcanvas .facet-body {
    padding-left: 1rem;
    padding-right: 1rem;
}

    .offcanvas .facet-toggle:after {
        right: 1rem;
    }

    .offcanvas .facet-toggle.has-selection {
        color: #357a38 !important;
    }

        .offcanvas .facet-toggle.has-selection .facet-selection {
            display: inline;
            color: rgba(0, 0, 0, 0.4);
            font-size: 0.875rem;
            position: absolute;
            text-align: right;
            right: 2.5rem;
            vertical-align: middle;
            line-height: 1.8;
            font-weight: 400;
        }

.offcanvas .facet-body-inner {
    max-height: none !important;
    overflow-y: visible !important;
}

.offcanvas .facet-label {
    padding-right: 0;
}

.has-active-filter .hide-on-active-filter {
    display: none !important;
}

.blog-page .blogpost {
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

    .blog-page .blogpost:first-child {
        border-top: none;
    }

    .blog-page .blogpost .blogpost-info .blogpost-comments {
        position: relative;
        display: block;
        text-decoration: none;
        font-weight: bold;
        width: 50px;
        height: 50px;
    }

        .blog-page .blogpost .blogpost-info .blogpost-comments .blogpost-comments-icon {
            position: absolute;
            font-size: 50px;
            line-height: 50px;
            color: #eceeef;
        }

        .blog-page .blogpost .blogpost-info .blogpost-comments .blogpost-comments-count {
            position: absolute;
            top: 13px;
            font-size: 13px;
            line-height: 16px;
            width: 38px;
            text-align: center;
            color: #999;
        }

        .blog-page .blogpost .blogpost-info .blogpost-comments.vivid .blogpost-comments-icon {
            color: #464a4c;
        }

        .blog-page .blogpost .blogpost-info .blogpost-comments.vivid .blogpost-comments-count {
            color: #fff;
        }

    .blog-page .blogpost .blogpost-info .blogpost-tags {
        border-radius: 0.25rem;
        border: 1px solid #eceeef;
        font-size: 0.8125rem;
        background-color: #f7f7f9;
    }

.comment-item {
    padding: 2rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

    .comment-item:last-child {
        border-bottom: none;
    }

.block-popular-blogtags {
    overflow: hidden;
}

/* Forum Inputs
================================================ */
.forum-post-text,
.bb-editor-text {
    height: 300px;
}

.watch-topic-link-button,
.watch-topic-link-button:hover {
    color: #646464;
    font-weight: bold;
}

/* Forum Main
================================================ */
.forum-group .forum .image,
.active-discussionstopics .image,
.topics-group .image {
    vertical-align: middle;
    text-align: center;
}

    .forum-group .forum .image i,
    .active-discussionstopics .image i,
    .topics-group .image i {
        font-size: 2rem;
    }

.active-discussionstopics .topic-starter,
.topics-group .topic-starter {
    font-size: 0.8125rem;
}

    .active-discussionstopics .topic-starter a,
    .topics-group .topic-starter a {
        color: #646464;
    }

.forum-group .forum .topics,
.forum-group .forum .posts,
.active-discussionstopics .replies,
.active-discussionstopics .views,
.topics-group .replies,
.topics-group .views {
    text-align: center;
}

.forum-spacer,
.active-discussionstopics .topic-name,
.topics-group .topic-name {
    width: 100%;
}

.forums-main .group-header .last-post,
.active-discussions-header .last-post,
.topics-group .last-post {
    min-width: 200px;
}

.forum-group .last-post,
.topics-group .last-post,
.active-discussionstopics .last-post {
    font-size: 0.8125rem;
}

.forum-group .forum-title a,
.active-discussionstopics .topic-title,
.topics-group .topic-title {
    font-weight: bold;
}

.forums-main .group-header th,
.active-discussions-header th,
.topics-group th {
    white-space: nowrap;
}

/* Forum Topic
================================================ */
.forum-topic .post-info .user-info .button-pm {
    min-width: 100px;
}

.forum-topic .block .block-title {
    font-size: 0.875rem;
}

    .forum-topic .block .block-title a {
        padding-right: 0.75rem;
    }

.forum-topic .post-content .functions {
    right: 10px;
    bottom: 10px;
}

    .forum-topic .post-content .functions .fa-quote-left {
        font-size: 10px;
    }

.forum-topic .post-content .signature {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    text-align: center;
    margin-top: 20px;
}

.post-info .user-info .user-stats,
.post-content .posttime {
    font-size: 0.75rem;
}

.posttext .quotefrom {
    color: inherit;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

.posttext blockquote {
    margin-bottom: 0;
}

.post-content .posttime {
    margin-bottom: 5px;
}

/* Forum Search
================================================ */
.forum-search-box {
    font-size: .9em;
    text-align: right;
    padding: 15px 0 0 0;
}

.basic-search,
#advanced-search-block label {
    padding-right: 10px;
}

@media (min-width: 576px) {
    .basic-search,
    #advanced-search-block label {
        text-align: right;
    }
}

#advanced-search-block,
.search-input,
.search-error,
.search-results {
    margin-top: 2rem;
}

.page.post-edit .form-group .col-sm-10 span {
    vertical-align: -webkit-baseline-middle;
}

.login-box {
    background-color: #fcfcfc;
}

    .login-box hr {
        width: 100%;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .login-box .form-group:last-child {
        margin-bottom: 0;
    }

    .login-box .input-group-icon > i {
        line-height: inherit;
    }

.rating {
    display: inline-block;
    height: 16px;
    width: 85px;
    background-repeat: repeat-x;
    background-position: 0 50%;
    /* background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAInSURBVDiNnZI/TBNhGMZ/vV7va3vXu4otYCSNxYIJhBhDAiZUEjdlcXJhAMKkCXFycyNOmJgYZiMDAWTBxdGlaU10hiJaSgKKloZE24Y7Kr3PgT8BQ5vos715/rxvvueDBsikU5cz6VRPI43aiASmgBhwq55AabA9GQqZw5FINJlJp4b/KSCTTnmB6eaWFqLRKMBUJp0yztN6/jL2Aq3AndbWSxPhC2GkdCmVynzf3p4DngOVgeTg2klAJp1KAO+AmK4b+DQflhVGDwbZrzpIKdE0DcepUtzZwXVr2LYN8AO4pwwkB3P5/MZ0KBSi81onbW1tBAICZ98GQEqJbduoqpf2q+10dfdgmibZ1ezrgeTgRy/A0tKb9zf7+2JCiBuqquI4NlJyElCrHeA4NgcHv9n+9pXl5ZW3o2PjI3CqxpXV1QemZcWFJm77g36qVQePRwEktVoNVfVRKe+Rz298yOXW75/7iDOvXsbj8Sv5REeCSqWConhwXYmULoYRIvdlnc3NrdjI6NjWuTU2NTUlgvphW16vghCCQCCAqh4equs6VtjqOO05EyCE6DF0AyECBIMG5fIev36WEELH7w9iWiZC0/pOe858ZVX1deuGQaFQYKdQyDmO80xKKsVi8Ulzc0vXxUgEn0/rrxsgpXv989qn/O7u7ovJyaczK9ls6YiaW5iffRiJRB8ritJLPczPzY7XJY+wuLjwaGjobvh49sjjwv8TfwCXtcZoRHu4ugAAAABJRU5ErkJggg==");
*/
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.83536 1.69555C7.35923 0.0832537 9.6402 0.0832558 10.1641 1.69555L11.2336 4.98735C11.2671 5.09035 11.3631 5.16009 11.4714 5.16009H14.9326C16.6279 5.16009 17.3327 7.32942 15.9612 8.32587L13.161 10.3603C13.0734 10.424 13.0368 10.5368 13.0702 10.6398L14.1398 13.9316C14.6637 15.5439 12.8183 16.8846 11.4468 15.8882L8.64666 13.8537C8.55904 13.7901 8.44039 13.7901 8.35277 13.8537L5.5526 15.8882C4.1811 16.8846 2.33576 15.5439 2.85962 13.9316L3.92919 10.6398C3.96266 10.5368 3.926 10.424 3.83838 10.3603L1.03821 8.32587C-0.333293 7.32942 0.371566 5.16009 2.06683 5.16009H5.52803C5.63634 5.16009 5.73233 5.09035 5.76579 4.98735L6.83536 1.69555ZM8.73748 2.15907C8.66264 1.92875 8.33679 1.92875 8.26195 2.15907L7.19238 5.45087C6.9581 6.17191 6.28618 6.66009 5.52803 6.66009H2.06683C1.82465 6.66009 1.72396 6.97 1.91988 7.11234L4.72005 9.14679C5.33341 9.59241 5.59006 10.3823 5.35578 11.1033L4.28621 14.3951C4.21137 14.6255 4.47499 14.817 4.67092 14.6747L7.47109 12.6402C8.08444 12.1946 8.91498 12.1946 9.52834 12.6402L12.3285 14.6747C12.5244 14.817 12.7881 14.6255 12.7132 14.3951L11.6436 11.1033C11.4094 10.3823 11.666 9.59241 12.2794 9.14679L15.0795 7.11235C15.2755 6.96999 15.1748 6.66009 14.9326 6.66009H11.4714C10.7133 6.66009 10.0413 6.17191 9.80705 5.45087L8.73748 2.15907Z" fill="%23FFAB00"/></svg>');
}

    .rating > * {
        position: relative;
        display: inline-block;
        height: 16px;
        /*background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAHxSURBVDiNpZIxaNNBFMZ/7/5/i6k1xDa1CCYa0ii2HaQIGUToVBy03QQHuziqKLrUoSpOLhYSECcX3dpFp3RwFS2aQehQEoJFBYeKjW1qYu5/dw5pYgtJQPzg8R73vu/dd7yDLviQ3Z9YeRpKdOP43ZqnTsYyIiJQuNiN1xaF59HxWi5ia0sR+3VxaLwTT3VqxI8cmFOuLB5lGRwI3funAeVXh69gytOiQPmg7MbUdm5oph1XsjP0X5qIXPN7+054vkt5nk4p9avfkwqeD6LAGTD0YWzohzU9RRNIMahuF3JvN5741Tra1n5OmaB8hh5gXyPEBxyIgHNgTQWrK/1GkzaatA0kX62T8V6vUE8PsxCPMiHCURGQpj8H1jYc2ADs3/wuX2LycpZND2Bxmd/jCRYSg5wTiDfFzu2IzR7xm+UC5y88YhN2XQawdJdjpxOsKQ+Uary/ZcY2hhS/kTg7x1rbLeRLrBuNMxoCDUEdzE4OdKP++In1jmtMDTJiNGLq0IxgV200JKOM7Nbs+crDA4wZDa5hfxPhhQjOOWacJewcHD/EGPC+rYNwSI2agFrNHJwvbcWS8Vtcj93kxmo5lqzZ8LzRUvWQ0Y4OVqO3q0b1zk5ffZiBrdb55IMv34E7L5/d/+zbygA8bvXEOcf/4A98LtzAZGRLlgAAAABJRU5ErkJggg==");
  */
        background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.83536 1.69555C7.35923 0.0832537 9.6402 0.0832558 10.1641 1.69555L11.2336 4.98735C11.2671 5.09035 11.3631 5.16009 11.4714 5.16009H14.9326C16.6279 5.16009 17.3327 7.32942 15.9612 8.32587L13.161 10.3603C13.0734 10.424 13.0368 10.5368 13.0702 10.6398L14.1398 13.9316C14.6637 15.5439 12.8183 16.8846 11.4468 15.8882L8.64666 13.8537C8.55904 13.7901 8.44039 13.7901 8.35277 13.8537L5.5526 15.8882C4.1811 16.8846 2.33576 15.5439 2.85962 13.9316L3.92919 10.6398C3.96266 10.5368 3.926 10.424 3.83838 10.3603L1.03821 8.32587C-0.333293 7.32942 0.371566 5.16009 2.06683 5.16009H5.52803C5.63634 5.16009 5.73233 5.09035 5.76579 4.98735L6.83536 1.69555ZM8.73748 2.15907C8.66264 1.92875 8.33679 1.92875" fill="%23FFAB00" /></svg>');
    }

    .rating.rating-small {
        height: 11px;
        width: 60px;
        padding: 1px 0;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAArrAAAK6wGCiw1aAAABqElEQVR4nHXQv08TYRwG8JPz1NxgYGlM2sV0qIlL33CMJFwnR4kbClZCWhbCn1BvMVAolGuZwE2rG2kFBgM4GAyUk6PUpFzveu97P9prCRMrw8NmotXhuzxPPsPz5QBwf1+xoMaLBXXsX11fMCJJg18q5c+7O9u7I5L06L9AFEWeEHK/Ut5KtizzymH0ulLemieEPBBFceA3SMhyJCHLzz+VPs5rJ8cF46Jh9noBut0ODKPhVKtH2VLpw2xClscTsvyYS6dTw98O9nTGbARBG5eXAXrdDoLARxC00W57cBjF/t5XI5WaGeUEQbj76uXEix+H323fd+F5FL7vwPMoGLPguhTHR4f+1NTkpCAIAgeAi0ajA/n8SvJXvQZKTVjWBUyzgVbLQP38DMWCOhOLxfg/RitvM091XQNjFmy7CdtuglIT+ukJFCXzpO9LS9nFCctswnXZTb1e69Rquu849Ma2TWSzC8k+kMstv9O0qvt+c2NjNp16Nj39ZkxV8+unPzV3Jbe83gcUJfOakLgUiUSGeJ6/A4ALhUIPCYkPr62tzoXD4XsAuFsNdFcqOpvrDgAAAABJRU5ErkJggg==");
    }

        .rating.rating-small > * {
            height: 11px;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAAsSAAALEgHS3X78AAABkUlEQVR4nH2QzyvDcRzGn+9nM/t+5+t7wpm2UiQpXyOyE7kYLiSEcXHQDtSYA+1GmdYkbLG20BZJ8quU4uIfwMlBttmwkcks7e0gByaH5/I8z+vwPCAi/JZnNEdes4jyX1mGUVOSJV6s5geuPAWBujKV+C+gVIBN9UmtyT0+9H4ohGwmqVWpAPsB6HWc1CxnlxurecNYh9D7upt7ntpn9HHEKHkgnY93Cr0tNbzBqFeX1xZzErxDTI64+NMHnyb47FenEluMkjug913Q2w6jxJY6Fd/QBO89/On2CKtCZRE0xxMYDi8hHPOCnjdALwFQYhP04gc9rYOiKwif2TCs10EDIkJFIZQH4zBF3aBHDyju+1LMC3pYBZ1MYkDWQvljtLkJYmgB6cgyKOoG3btBURfobhE00YbcjJdsbSi5mQPdOpAOOhELzSMWdCJ96wDNdqI0A1jp59qvp1n8clrw27sUPfYuRffFjOC/nmFx3yA6MgC72WByWRssslaVJ/KMy+EZJ2tVecvWRovdXD/w3fsEds8eHEa+5bkAAAAASUVORK5CYII=");
        }

    .review-meta .review-meta-label {
        font-weight: bold;
    }

    .review-meta .review-meta-value + .review-meta-label {
        padding-left: 0.5rem;
    }

.r-art .art-inner {
    display: flex;
    align-items: center;
    box-shadow: none !important;
    border: none !important;
}

@media (max-width:1600px) {
    .r-modal {
        top: 100px !important;
    }
}

.r-modal {
    visibility: hidden;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 10px;
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;*/
    opacity: 0;
}

    .r-modal.open {
        visibility: visible;
        opacity: 1;
        z-index: 999;
        transition: visibility 0s, opacity 0.5s;
    }

    .r-modal #GoogleRecaptchaWidget > div {
        margin: auto;
    }

.r-modal-content {
    max-width: 600px;
    background: #fff;
    width: 100%;
    /*box-shadow: 2px 2px 15px 0 #ddd;*/
}

    .r-modal-content .write-review {
        margin: 0 !important;
        background: #fff;
    }

        .r-modal-content .write-review textarea {
            resize: none;
        }

@media (max-width: 768px) {
    .r-modal-content .write-review {
        padding: 15px;
    }

        .r-modal-content .write-review .form-group {
            margin-bottom: 10px;
        }

    .rating-items .r-art {
        border-bottom: 1px solid #ddd !important;
    }

        .rating-items .r-art .art-inner .art-data-block {
            padding: 0 5px;
            border-left: none;
        }
}

.artlist-actions {
    margin-bottom: 1rem;
}

.artlist-action {
    padding: 0 0.25rem;
}

    .artlist-action label {
        font-size: 0.8125rem;
        margin-bottom: 0.35rem;
    }

    .artlist-action .form-group {
        margin-bottom: 0;
    }

    .artlist-action .btn {
        border-radius: 0;
        transition: none;
    }

    .artlist-action .mf-dropdown {
        display: block;
    }

.artlist-action-group {
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -0.25rem;
}

.artlist-action--pager > * {
    position: relative;
    display: block;
    float: left;
}

    .artlist-action--pager > *:not(:first-child) {
        margin-left: -1px;
    }

.artlist-action--pager .btn-pager-prev {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.artlist-action--pager .btn-pager-next {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.artlist-action--pager .btn-pager-next, .artlist-action--pager .btn-pager-prev {
    height: 42px;
    width: 44px;
}

    .artlist-action--pager .btn-pager-next i, .artlist-action--pager .btn-pager-prev i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.mf-dropdown .btn.btn-artlist-action {
    height: 42px;
}

.artlist-action-group--filtersort .btn > b i {
    margin-top: 11px;
}


@media (max-width: 387px) {
    .artlist-actions--top .artlist-action--pagesize .mf-dropdown {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .btn-artlist-action,
    .btn-artlist-action span {
        font-weight: 400 !important;
    }

    .artlist-action-group--filtersort .btn {
        font-size: 1rem;
        text-align: left;
        border-radius: 0.125rem;
    }

        .artlist-action-group--filtersort .btn > b {
            background: transparent;
        }
}

@media (min-width: 992px) {
    .btn-artlist-action {
        font-weight: 600;
    }
}

.artlist-actions--top {
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
}

    .artlist-actions--top .artlist-action-group {
        width: 100%;
    }

@media (min-width: 992px) {
    .artlist-actions--top {
        flex-wrap: nowrap;
    }

        .artlist-actions--top .artlist-action-group {
            width: auto;
        }

        .artlist-actions--top .artlist-action-group--page {
            margin-left: auto;
        }
}

.artlist {
    position: relative;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.3;
    z-index: 3;
    border-collapse: collapse;
}

.art {
    position: relative;
    min-height: 1px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px;
    border: 1px solid transparent;
    background: transparent;
    margin-top: -1px;
    margin-left: -1px;
    border-collapse: collapse;
}

    .art.active {
        background: #fff;
        border-color: rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
    }

.art-picture-block {
    position: relative;
    margin-bottom: 0.8rem;
    overflow: hidden;
}

.art-picture.no-picture:before {
    display: block;
    content: attr(data-content);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #999;
}

.art-badges {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 10;
}

.art-badge {
    display: block;
    float: left;
    clear: both;
    position: relative;
    font-weight: normal;
    font-size: 0.85rem;
    border-radius: 0 0.85rem 0.85rem 0;
    padding-right: 0.85rem;
    margin-bottom: 0.2rem;
}

.art-data-block,
.art-info-block {
    position: relative;
}

.art-rating {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.25rem;
}

.art-brand {
    font-size: 0.8125rem;
    color: #999;
    text-transform: uppercase;
}

.art-name {
    box-sizing: content-box;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    line-height: 1.3;
}

    .art-name > a {
        color: #666;
        font-weight: normal;
    }

.art-genericname {
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .art-genericname > a {
        color: #222222;
    }

.art-description {
    font-size: 0.8125rem;
    color: #999;
    margin-bottom: 0.4rem;
}

.art-price-block {
    position: relative;
    margin-top: 0.5rem;
}

.art-price {
    display: inline-block;
    font-weight: bold;
    font-size: 1.1rem;
    color: #222222;
}

    .art-price.art-price--offer {
        color: #f44336;
    }

.art-oldprice {
    display: inline-block;
    padding-left: 0.25rem;
    color: #999;
    text-decoration: line-through;
}

.art-pangv {
    font-size: 0.8125rem;
    color: #999;
    padding-top: 0.25rem;
}

.art-shipsurcharge {
    font-size: 0.8125rem;
    color: #f44336;
    padding-top: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.art-legalinfo {
    font-size: 0.75rem;
    color: #999;
}

.art-info-group {
    margin-bottom: 0.5rem;
}

.art-drop {
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.art.active .art-drop {
    opacity: 1;
    visibility: visible;
    z-index: 1059;
}

.art-btn-group {
    margin: 0;
}

    .art-btn-group .art-btn {
        display: block;
        border-radius: 0;
        border: none;
        box-shadow: none;
        transition: none;
        padding: 0.65rem 0;
    }

        .art-btn-group .art-btn.btn-secondary {
            color: #666;
        }

.art-variant-info {
    margin-bottom: 0.75rem;
}

.art-color-opts {
    position: relative;
}

    .art-color-opts::after {
        display: block;
        clear: both;
        content: "";
    }

.art-color-opt {
    float: left;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-right: 2px;
    margin-bottom: 2px;
    text-decoration: none;
}

    .art-color-opt:hover {
        outline: 1px solid rgba(0, 0, 0, 0.3);
    }

.art-more-opts {
    font-size: 0.8125rem;
    color: #999;
}

    .art-more-opts > a {
        font-weight: bold;
    }

.art-variant-info > * + * {
    margin-top: 0.4rem;
}

.art-attrs {
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.8125rem;
}

    .art-attrs td {
        padding: 1px 0;
    }

        .art-attrs td:first-child {
            padding-right: 0.5rem;
            font-weight: 600;
        }

.artlist-lines .art {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom-color: #ddd;
}

.artlist-lines .art-picture-block {
    float: left;
}

.artlist-lines .art-inner {
    width: 100%;
}

.artlist-lines .art-data-block {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 20px;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.artlist-lines .art-picture-block {
    width: 200px;
    max-width: 200px;
}

.artlist-lines .art-actions-block {
    width: 220px;
    padding-left: 20px;
}

.artlist-lines .art-description {
    margin-bottom: 1rem;
}

.artlist-lines .art-info-block {
    display: block;
    position: relative;
    min-height: 1px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.artlist-lines .art-brand,
.artlist-lines .art-rating {
    position: relative;
    margin-bottom: 0;
}

.artlist-lines .art-brand-picture {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 24px;
}

.artlist-lines .floating > .art-brand {
    padding-right: 90px;
    min-height: 20px;
}

.artlist-lines .floating > .art-rating {
    position: absolute;
    top: 0;
    right: 0;
}

.artlist-lines .art-name {
    font-size: 1rem;
    margin-bottom: 0.5em;
}

.artlist-lines .art-price {
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
    margin-bottom: 0.25rem;
}

.artlist-lines .art-price--call {
    font-size: 1rem;
    color: #999;
    font-weight: 400;
}

.artlist-lines .art-variant-info {
    margin-bottom: 1rem;
}

@media (max-width: 1199px) {
    .artlist-lines .art-picture-block {
        max-width: 180px;
    }

    .artlist-lines .art-actions-block {
        width: 200px;
    }
}

@media (max-width: 767px) {
    .artlist-lines .art-actions-block {
        display: block;
        padding-left: 0;
        padding-top: 1rem;
        width: 100%;
        /*position: static;*/
    }

    .artlist-lines .art-info-block {
        flex-basis: initial;
        flex-grow: initial;
    }
}

@media (max-width: 575px) {
    .artlist-lines .art-picture-block {
        max-width: 30%;
    }
}

.artlist-lines .delivery-time {
    white-space: initial;
}

.artlist-grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-left: 0;
    margin-right: 0;
    /*.art-price-block {
        margin-top: 0.5rem;
    }*/
}

    .artlist-grid:not(.artlist-boxed).artlist::after {
        display: none;
        position: relative;
        content: '';
        width: 100%;
        height: 1px;
        background: #ddd;
        bottom: 1px;
    }

    .artlist-grid .art {
        border-bottom-color: #ddd;
    }

    .artlist-grid .art {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .artlist-grid.artlist-boxed .art {
        flex-basis: calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }

    .artlist-grid .art-name,
    .artlist-grid .art-description {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .artlist-grid .art-name {
        height: 2.275rem;
    }

    .artlist-grid .art-description {
        height: 2.1125rem;
    }

    .artlist-grid .art-delivery-info,
    .artlist-grid .art-pangv {
        box-sizing: content-box;
        min-height: 1.1375rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .artlist-grid .art-brand,
    .artlist-grid .art-pangv,
    .artlist-grid .art-shipsurcharge,
    .artlist-grid .art-more-opts {
        box-sizing: content-box;
        min-height: 1.05625rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .artlist-grid .art-oldprice {
        font-size: 0.80938rem;
    }

    .artlist-grid .art-variant-info {
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 576px) {
    .artlist-grid.artlist-4-cols .art, .artlist-grid.artlist-5-cols .art, .artlist-grid.artlist-6-cols .art {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .artlist-grid.artlist-4-cols.artlist-boxed .art, .artlist-grid.artlist-5-cols.artlist-boxed .art, .artlist-grid.artlist-6-cols.artlist-boxed .art {
        flex-basis: calc(33.33333% - 1rem);
        max-width: calc(33.33333% - 1rem);
    }
}

@media (min-width: 768px) {
    .artlist-grid.artlist-5-cols .art {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .artlist-grid.artlist-5-cols.artlist-boxed .art {
        flex-basis: calc(33.33333% - 1rem);
        max-width: calc(33.33333% - 1rem);
    }

    .artlist-grid.artlist-6-cols .art {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .artlist-grid.artlist-6-cols.artlist-boxed .art {
        flex-basis: calc(25% - 1rem);
        max-width: calc(25% - 1rem);
    }
}

@media (min-width: 992px) {
    .artlist-grid.artlist-3-cols .art, .artlist-grid.artlist-4-cols .art {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .artlist-grid.artlist-3-cols.artlist-boxed .art, .artlist-grid.artlist-4-cols.artlist-boxed .art {
        flex-basis: calc(33.33333% - 1rem);
        max-width: calc(33.33333% - 1rem);
    }

    .artlist-grid.artlist-5-cols .art, .artlist-grid.artlist-6-cols .art {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .artlist-grid.artlist-5-cols.artlist-boxed .art, .artlist-grid.artlist-6-cols.artlist-boxed .art {
        flex-basis: calc(25% - 1rem);
        max-width: calc(25% - 1rem);
    }
}

@media (min-width: 1200px) {
    .artlist-grid.artlist-4-cols .art {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .artlist-grid.artlist-4-cols.artlist-boxed .art {
        flex-basis: calc(25% - 1rem);
        max-width: calc(25% - 1rem);
    }

    .artlist-grid.artlist-5-cols .art {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .artlist-grid.artlist-5-cols.artlist-boxed .art {
        flex-basis: calc(20% - 1rem);
        max-width: calc(20% - 1rem);
    }

    .artlist-grid.artlist-6-cols .art {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .artlist-grid.artlist-6-cols.artlist-boxed .art {
        flex-basis: calc(16.66667% - 1rem);
        max-width: calc(16.66667% - 1rem);
    }
}

.artlist-grid.artlist-boxed {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

    .artlist-grid.artlist-boxed .art {
        background: #fff;
        border-color: #ddd;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        margin: 0 0.5rem 1rem 0.5rem;
    }

        .artlist-grid.artlist-boxed .art.brands-stores {
            border: none !important;
            box-shadow: 0 2px 5px 0 #e7e7e7;
        }

            .artlist-grid.artlist-boxed .art.brands-stores:hover {
                box-shadow: 0 2px 7px 0 #ddd;
            }

.artlist-carousel {
    position: relative;
    overflow: hidden;
}

    .artlist-carousel .artlist-grid {
        flex-wrap: nowrap;
    }

    .artlist-carousel .artlist {
        margin-bottom: 0;
    }

    .artlist-carousel .art {
        border-bottom: none;
    }

    .artlist-carousel .art-drop {
        display: none;
    }

.slick-slider.artlist-grid {
    display: block !important;
}

.slick-slider .art {
    display: inline-block !important;
    max-width: none !important;
}

.stores-carousel .art {
    max-height: 162px;
}

.artlist-no-separators .artlist-grid:not(.artlist-boxed) .art {
    border-bottom-width: 0 !important;
}

.artlist-no-separators .artlist-grid:not(.artlist-boxed):after {
    height: 0 !important;
}

.art.show-all-items {
    padding: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

    .art.show-all-items .show-all-items-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 1;
        text-align: center;
        padding: 1rem;
        text-decoration: none !important;
        font-size: 1.25rem;
        font-weight: normal;
        color: inherit !important;
        background: rgba(0, 0, 0, 0.06);
        opacity: 0.5;
    }

        .art.show-all-items .show-all-items-link:hover {
            opacity: 0.75;
        }

        .art.show-all-items .show-all-items-link:active {
            opacity: 1;
        }

@media (max-width: 768px) {
    .artlist-action--pager .btn-pager-next, .artlist-action--pager .btn-pager-prev {
        height: 38px;
        width: 38px;
    }

    .btn.btn-artlist-action {
        height: 38px !important;
    }
}

.artlist-grid {
    padding-bottom: 10px;
}

.slick-slider.artlist-grid {
    display: flex !important;
    align-items: center;
}

.pd-section,
.pd-picture-block,
.pd-info,
.pd-offer {
    position: relative;
}

.pd-section {
    margin-bottom: 2rem;
}

.pd-data-col {
    display: block !important;
}

#pd-gallery-container {
    position: relative;
}

.pd-group {
    margin-bottom: 1rem;
}

    .pd-group > * {
        margin-bottom: 0.125rem;
    }

.pd-description, .pd-bundle-item-description {
    color: #999;
    line-height: 1.3;
}

.pd-tabs {
    margin-bottom: 1rem;
}

.pd-picture {
    display: block;
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 100%;
    text-decoration: none !important;
    outline: none !important;
}

    .pd-picture > img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.pd-name {
    font-size: 1.8rem;
}

.pd-name-sm {
    font-size: 1.2rem;
    font-weight: 600;
}

.pd-info .page-title {
    margin-bottom: 0;
}

.page-title {
    width: 100%;
    min-height: 60px;
    height: fit-content;
}

.pd-brand {
    color: inherit !important;
    text-decoration: none !important;
    font-weight: 600;
}

.pd-brand-picture {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 32px;
}

.pd-attrs td {
    padding: 0.2rem 0;
    vertical-align: middle;
    line-height: 1.3;
}

    .pd-attrs td:first-child {
        padding-right: 1rem;
        font-weight: 700;
    }

.pd-stock.pd-outofstock {
    font-weight: 400;
}

.pd-specs-table tr:first-child td {
    border-top-width: 0;
}

.pd-spec-name {
    font-weight: bold;
    width: 20%;
}

.pd-review-summary {
    line-height: 1.3;
}

    .pd-review-summary > * {
        display: inline-block;
    }

    .pd-review-summary .pd-rating-box .rating {
        vertical-align: sub;
    }

    .pd-review-summary .pd-review-link {
        position: relative;
        font-weight: 600;
    }

        .pd-review-summary .pd-review-link:before {
            content: '|';
            display: inline-block;
            padding: 0 0.5rem;
            color: #999;
        }

.pd-offer {
    line-height: 1.3;
    width: 100%;
}

.row.pd-offer-actions {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    margin-top: auto;
}

    .row.pd-offer-actions > * {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }

    .row.pd-offer-actions .pd-offer-action-qty {
        max-width: 120px;
        min-width: 90px;
    }

@media (max-width: 400px), (min-width: 768px) and (max-width: 1199px) {
    .row.pd-offer-actions .pd-offer-action-qty {
        display: none !important;
    }
}

.pd-offer-price {
    margin-bottom: 1rem;
}

.pd-price-block {
    float: left;
}

    .pd-price-block + .pd-price-block {
        margin-left: 1rem;
    }

        .pd-price-block + .pd-price-block .pd-price {
            text-decoration: line-through;
            font-weight: 400;
        }

.pd-price {
    font-size: 1.8rem;
    font-weight: 500;
    color: #222222;
}

    .pd-price.pd-price-sm {
        font-size: 1.5rem;
    }

    .pd-price.pd-price--call {
        font-size: 1rem;
        color: #999;
        font-weight: 400;
    }

.pd-price-label {
    line-height: 1;
    font-weight: 600;
}

.pd-oldprice {
    display: inline-block;
    padding-left: 0.25rem;
    color: #999;
    text-decoration: line-through;
}

.pd-saving-percent {
    font-weight: bold;
    color: #f44336;
}

.pd-callforprice {
    font-size: 1.2rem;
}

.pd-legalinfo {
    font-size: 0.8125rem;
    color: #a2a2a3;
}

.pd-tierprices .table {
    background-color: #fff;
    margin-bottom: 0;
    font-size: 0.8125rem;
    overflow-x: auto;
}

    .pd-tierprices .table th, .pd-tierprices .table td {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .pd-tierprices .table th {
        font-weight: 600;
    }

    .pd-tierprices .table .pd-tierprice-qty {
        font-weight: bold;
    }

.pd-tag {
    text-decoration: none !important;
    display: inline-block;
    padding: 0.5rem;
    margin: 0 0.2rem 0.4rem 0;
    font-weight: 600;
    color: #222222;
    font-size: 0.875rem;
    line-height: 1;
    background-color: #f7f7f9;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.pd-tag-count {
    color: #999;
    font-weight: 400;
    padding-left: 0.25rem;
}



.pd-variants:not(:last-child) {
    margin-bottom: 1.5rem;
}

.pd-variant {
    position: relative;
    padding: 0.5rem 0;
}

    .pd-variant .pd-name {
        font-size: 1rem !important;
    }

    .pd-variant .pd-offer {
        display: flex;
        flex-direction: column;
    }

.v-slider {
    margin-right: -10px;
}

    .v-slider .v-option a {
        padding: 3px;
    }

        .v-slider .v-option a img {
            max-width: 100% !important;
            height: auto !important;
            width: 100%;
            max-height: 100%;
        }

    .v-slider .slick-arrow {
        height: 70px;
        position: absolute;
        top: 0;
        display: block;
        width: 30px;
        text-align: center;
        cursor: pointer;
        background: none;
        outline: 0;
        border: 0;
        background: #fff;
        padding: 0;
    }

        .v-slider .slick-arrow.slick-prev {
            left: -30px;
        }

        .v-slider .slick-arrow.slick-next {
            right: -20px;
        }

        .v-slider .slick-arrow.slick-disabled svg {
            fill: #ddd;
        }

        .v-slider .slick-arrow svg {
            vertical-align: middle;
            width: 15px;
            line-height: 70px;
            height: 70px;
        }

.variants-slider {
    overflow: hidden;
}

.product-variants-box {
    position: relative;
}

    .product-variants-box .v-slider__new {
        display: flex;
        flex-wrap: wrap;
    }

        .product-variants-box .v-slider__new a {
            width: auto;
            min-width: 55px;
            height: auto;
            text-decoration: none;
            border-color: #e0e0e0;
            margin: 0px 3px 6px;
            padding: 7px;
        }

            .product-variants-box .v-slider__new a.p-outofstock {
                background: #f0f0f0;
                border-color: #f0f0f0;
                color: #7b7b7b;
                position: relative;
            }

                .product-variants-box .v-slider__new a.p-outofstock:before, .product-variants-box .v-slider__new a.p-outofstock:after {
                    content: "";
                    position: absolute;
                    width: 35px;
                    height: 1px;
                    background-color: #999;
                    transform: rotate(45deg);
                }

                .product-variants-box .v-slider__new a.p-outofstock:after {
                    transform: rotate(-45deg);
                }

                .product-variants-box .v-slider__new a.p-outofstock:hover {
                    box-shadow: none;
                }

            .product-variants-box .v-slider__new a:hover {
                box-shadow: inset 0 0 2px #ed8026;
            }

.p-outofstock {
    opacity: 0.4;
}

.table-compare td, .table-compare th {
    width: 20%;
}

.table-compare th {
    font-weight: 600;
}

.table-compare tbody {
    font-size: 0.8125rem;
}

.deliverytime-group .delivery-time {
    vertical-align: top;
    padding-left: 0.25rem;
}

.delivery-time {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    white-space: initial !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .delivery-time .delivery-time-status {
        padding-right: 0.2rem;
        font-size: 0.85em;
    }

.pd-stock, .deliverytime-group {
    color: #777;
}

    .pd-stock strong, .deliverytime-group strong {
        color: initial;
    }

.btn-edit-product {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 130, 0, 0.5);
}

.pd-section-top:hover .btn-edit-product {
    display: inline-block;
}

.btn-add-wishlist {
    min-width: 52px;
}

.product-icons-info svg {
    width: 40px;
    max-height: 40px;
    margin-right: 10px;
    opacity: .15;
}

.product-icons-info .active g, .product-icons-info .active path {
    fill: #f04a23;
}

.product-icons-info .active {
    opacity: 1;
}

/*.product-grid-home-page .art {
    border: 0;
}*/
.product-grid-home-page .artlist-grid:after {
    content: '';
    height: 0 !important;
}

.low-stock-inside-product {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
    top: -3px;
}

    .low-stock-inside-product h1 {
        position: absolute;
        padding-left: 11px;
        color: #fff;
        font-weight: 500;
        top: -1px;
        pointer-events: none;
    }
/*article.art > .art-inner {
    border-right: 1px solid #EAEAEA;
}*/
article.art .art-info-block .art-name span, article.art .art-info-block .art-name h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #2C2C2C;
    text-align: left;
}

article.art .art-picture-block .art-wishlist-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px solid #E2E2E2;
    border-radius: 0.25rem;
    z-index: 50;
}

    article.art .art-picture-block .art-wishlist-button > i {
        color: #F04D24;
    }

    article.art .art-picture-block .art-wishlist-button:hover {
        cursor: pointer;
        border: 1px solid #F04D24;
        outline: none;
    }

article.art .art-inner .art-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.art-labels {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100%;
    text-align: right;
    transition: opacity .3s ease-in;
}

    .art-labels img, .art-labels .hour48.img-icon {
        position: relative;
        max-width: 27px;
        top: auto;
        right: auto;
    }

    .art-labels .redtag.img-icon {
        position: absolute;
        max-width: 27px;
        top: -1px;
        left: 27px;
    }

    .art-labels img,
    .art-labels span {
        display: inline-block;
    }

.art-sale-percentage {
    background: #e85039;
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
}

.gap-2 {
    gap: 0.5rem;
}

.artlist-lines .art-labels {
    left: 0;
    text-align: left;
}

article.art .art-inner .art-oldprice {
    text-decoration: line-through;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #6E6E6E;
}

/*.art-oldprice {
  color: #aaa;
  font-weight: 600;
  position: relative;
  margin-left: 5px;
  font-size: 0.95rem !important;
  text-decoration: none !important; }
  .art-oldprice:after {
    content: '';
    width: 95%;
    height: 2px;
    background: #e85039;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 47%; }*/

.art-price.art-price--offer {
    color: #222 !important;
}

.art-inner .art-price {
    color: #222 !important;
}

.artlist-lines .art-info-group {
    text-align: right;
}

html.no-scroll,
body.no-scroll {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.hint_popup {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.hint_popup-container {
    padding: 20px;
    position: relative;
}

    .hint_popup-container input {
        border: none;
        background-color: #f7f7f7;
    }

        .hint_popup-container input:focus {
            background-color: #f7f7f7 !important;
        }

    .hint_popup-container img {
        max-width: 100%;
        width: auto;
        max-height: 150px;
        margin: auto;
        margin-top: 20px;
        display: block;
    }

.hint_popup-title {
    font-size: 18px;
    font-weight: 400;
}

.hint_name-field {
    font-style: italic;
    text-transform: capitalize;
}

    .hint_name-field.empty-name {
        border-bottom: 1px solid #aaa;
        height: 17px;
        width: 80px;
        display: inline-block;
    }

.hint_text {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

.hint-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    padding: 5px;
    font-size: 14px;
    background: #c00;
    border: none;
    color: #fff !important;
}

    .hint-btn:focus {
        outline: 0 !important;
        box-shadow: none;
        background: #c00 !important;
    }

    .hint-btn:hover {
        background: #c00 !important;
        color: #fff !important;
    }

.hint_close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: none;
    border: none;
    outline: 0;
    padding: 0;
    cursor: pointer;
}

    .hint_close:focus {
        border: none;
        outline: 0;
    }

    .hint_close svg {
        width: 18px;
        height: 18px;
    }

.hint_submit .btn-primary {
    background-color: #c00 !important;
    border-color: #c00 !important;
}

    .hint_submit .btn-primary:focus, .hint_submit .btn.btn-to-primary:focus, .hint_submit .btn.btn-to-primary.focus, .hint_submit .btn-primary:hover, .hint_submit .btn-primary.hover, .hint_submit .btn.btn-to-primary:hover {
        background-color: #c00;
        border-color: #c00;
        box-shadow: none;
    }

@media (min-width: 768px) {
    .hint_text {
        line-height: 24px;
        font-size: 16px;
    }

    .hint_popup-container {
        padding: 20px 40px;
    }

        .hint_popup-container .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .hint_popup-container .row img {
                max-width: 100%;
                margin-top: auto;
                max-height: 200px;
            }
}

@media (max-width: 768px) {
    .oneclick-button__flex {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .hint_popup-container {
        position: relative;
        padding-bottom: 50px;
    }

        .hint_popup-container .col-md-6 {
            position: static;
        }

    .hint_submit {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 0;
    }

    .v-slider {
        overflow-y: scroll !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        white-space: nowrap;
    }

        .v-slider.v-slide-mobile .v-option {
            max-width: 23%;
        }

        .v-slider .v-option {
            padding: 0;
            max-width: 24%;
            display: block;
            padding: 4px;
            display: inline-block;
        }

            .v-slider .v-option a {
                width: 70px;
                height: 90px;
                margin-right: 0px;
            }

            .v-slider .v-option:first-child {
                margin-left: 5px;
            }
}

@media (max-width: 650px) {
    .hint_popup {
        margin-top: 10px !important;
    }
}

.availability-table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #e4e4e4;
    table-layout: fixed;
    width: 100%;
}

.message-alert-popup-delivery {
    background-color: #fdf0ee;
    color: #D94D07;
    fill: #D94D07;
    padding: .92307692em;
}

.message-info-popup-delivery {
    background-color: #e8f3fa;
    color: #20648b;
    fill: #154a69;
    padding: .92307692em;
}

.message-popup-delivery {
    margin-top: 10px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 100%;
    font-size: 13px;
    margin-bottom: 20px;
    outline: none;
    position: relative;
    text-align: left;
}

.page-body__serviset table {
    table-layout: auto;
}

    .page-body__serviset table td {
        padding: 9px 0;
        vertical-align: baseline;
    }

    .page-body__serviset table tr {
        border-bottom: 1px solid #e4e4e4;
    }

.tt-capitalize {
    text-transform: capitalize;
}

.fw-500 {
    font-weight: 500;
}

/*#estimated-deliverytime-modal .modal-dialog {
    max-width: 465px;
}*/

/*#estimated-deliverytime-modal .modal-content, #estimated-deliverytime-modal .modal-body {
  height: auto !important; }*/

@media (max-width: 768px) {
    #popup-content .page-title h3 {
        font-size: 1.4rem;
    }

    #popup-content .page-body__serviset h4 {
        font-size: 1.05rem;
    }
}



/*@media (max-width: 575.98px) {*/
    /*.d-sm-none {
        display: none;
    }*/
    /*#estimated-deliverytime-modal .modal-dialog {
        margin: 20px;
    }

    #estimated-deliverytime-modal .modal-body {
        padding: 0px 5px;
    }
}*/

@media (max-width: 400px) {
    .page-body__serviset table {
        table-layout: fixed;
    }

    .message-popup-delivery {
        flex-direction: column;
    }

        .message-popup-delivery span:first-of-type {
            margin-bottom: 5px;
        }
}

/*@media (max-width: 576px) {
    #estimated-deliverytime-modal #iframe-estimateddeliverytime {
        min-height: 720px;
    }
}*/

/*@media (max-width: 350px) {
    #estimated-deliverytime-modal #iframe-estimateddeliverytime {
        min-height: 820px;
    }
}*/

.gal-box {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.gal {
    position: relative;
}

.gal-item {
    position: relative;
    overflow: hidden;
    margin: 0;
}



.gal-item-content {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}



.gal-nav {
    max-height: 548px;
    opacity: 0;
    text-align: center;
}

    .gal-nav.gal-initialized {
        opacity: 1;
    }

        .gal-nav.gal-initialized .gal-item-content {
            display: block;
        }

    .gal-nav .gal-list {
        position: relative;
        overflow: hidden;
    }

    .gal-nav .gal-track {
        position: relative;
        transition: transform 0.25s ease-in-out;
    }

    .gal-nav .gal-item {
        padding: 4px 1px;
    }

 

    .gal-nav .gal-item-content {
        padding: 3px;
    }

/*.touchevents .gal-nav-cell {
	display: none !important;
}*/
.gal-nav-cell {
    display: table-cell;
    vertical-align: top;
    padding-right: 1.2rem;
    max-height: 100%;
    overflow: hidden;
    width: 4.5rem;
}

.gal-cell {
    display: table-cell;
    vertical-align: top;
}

/*@media (min-width: 992px) {
	.no-touchevents .gal .slick-dots {
		display: none !important;
	}

	.no-touchevents .gal.slick-dotted.slick-slider {
		margin-bottom: 0 !important;
	}
}*/
@media (min-width: 1200px) {
    .gal-nav-cell {
        width: 5.5rem;
    }
}

@media (max-width: 575px) {
    .gal-nav-cell {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .gal .slick-dots {
        display: none !important;
    }

    .gal.slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .gal-nav-cell {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .gal .slick-dots {
        display: none !important;
    }

    .gal.slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }
}

.gal-nav-hidden {
    display: none !important;
}

.label-cart-amount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 9px;
    min-width: 18px;
    height: 18px;
    line-height: 16px;
    padding: 2px;
    position: absolute;
    right: -10px;
    top: -8px;
}

.touchevents .label-cart-amount {
    line-height: 18px;
}

#offcanvas-cart .offcanvas-content {
    display: flex;
    flex-direction: column;
}

#offcanvas-cart .tab-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#offcanvas-cart .tab-pane {
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

    #offcanvas-cart .tab-pane.active {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #offcanvas-cart .tab-pane > * {
        width: 100%;
        z-index: 1;
    }

#offcanvas-cart .price {
    white-space: nowrap;
    font-weight: 600;
}

#offcanvas-cart .throbber {
    background-color: #fff;
}

.offcanvas-cart-content {
    position: relative;
    flex-grow: 1;
}

.offcanvas-cart-body {
    position: relative;
    flex-grow: 1;
    min-height: 100px;
}

    .offcanvas-cart-body .no-items {
        margin: 2rem 1rem;
        text-align: center;
    }

        .offcanvas-cart-body .no-items .no-item-title, .offcanvas-cart-body .no-items .no-item-icon {
            margin-bottom: 1rem;
        }

        .offcanvas-cart-body .no-items .no-item-title {
            font-size: 1.85rem;
            font-weight: 400;
        }

        .offcanvas-cart-body .no-items .no-item-icon {
            color: rgba(0, 0, 0, 0.15);
        }

        .offcanvas-cart-body .no-items .no-item-info {
            color: #999;
        }

            .offcanvas-cart-body .no-items .no-item-info .fa {
                color: #222222;
            }

.offcanvas-cart-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 20px;
}

    .offcanvas-cart-item:last-child {
        border-width: 0;
    }

    .offcanvas-cart-item .col-alpha {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }

    .offcanvas-cart-item .col-data {
        line-height: 1.3;
    }

    .offcanvas-cart-item .img-center-container {
        padding-top: 65%;
    }

    .offcanvas-cart-item .name {
        color: #222222;
    }

    .offcanvas-cart-item .unit-price {
        font-size: 1.05rem;
        line-height: 1.8;
    }

    .offcanvas-cart-item .qty-input .form-control {
        border-color: transparent;
    }

    .offcanvas-cart-item .mb-bundle-pictures a, .offcanvas-cart-item .mb-bundle-pictures .fa {
        padding-right: 3px;
    }

    .offcanvas-cart-item .mb-bundle-pictures .fa {
        font-size: 0.625rem;
    }

    .offcanvas-cart-item .mb-bundle-pictures a:hover {
        text-decoration: none;
    }

    .offcanvas-cart-item .bundle-item {
        border-bottom: 1px solid #f2f2f2;
        min-height: 30px;
    }

        .offcanvas-cart-item .bundle-item:last-of-type {
            border-bottom: none;
        }

    .offcanvas-cart-item .bundle-item__link {
        width: 40px;
    }

        .offcanvas-cart-item .bundle-item__link img {
            max-width: 100%;
        }

@media (max-width: 360px) {
    .offcanvas-cart-item .unit-price {
        font-size: 1rem;
    }
}

.offcanvas-cart-footer-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.1;
    background-color: #f04a23;
    color: #fff;
    padding: 1rem;
}

    .offcanvas-cart-footer-row .sub-total-caption {
        text-transform: uppercase;
        font-size: 0.8rem;
    }

    .offcanvas-cart-footer-row .sub-total {
        font-size: 1.5rem;
    }

.offcanvas-cart-external-checkout {
    background: #fff;
    padding: 0.5rem 1rem;
}

    .offcanvas-cart-external-checkout .external-checkout-button {
        margin: 2px 4px;
        height: 40px;
        display: flex;
        align-items: center;
    }

        .offcanvas-cart-external-checkout .external-checkout-button img {
            cursor: pointer;
            max-height: 40px;
            max-width: 150px;
        }

@media (min-width: 576px) {
    .offcanvas-cart-external-checkout .external-checkout-button img {
        max-width: 170px;
    }
}

.cart-gc-text {
    display: inline-block !important;
    width: 100%;
    background: rgba(234, 28, 13, 0.07);
    font-size: 14px;
    padding: 5px 35px;
    clear: both;
    color: #ea1c0d !important;
    border: 1px solid #ea1c0d;
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: center;
}

.cart {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eceeef;
}

.cart-head {
    display: none;
}

.cart-row {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eceeef;
}

.cart-col {
    padding: 1rem;
    vertical-align: top;
}

.return-reasons {
    width: 200px;
}

.return-actions {
    width: 120px;
}

.cart-col-main {
    width: 100%;
}

    .cart-col-main ~ .cart-col {
        white-space: nowrap;
        width: 33%;
        padding-top: 0;
    }

        .cart-col-main ~ .cart-col:before {
            display: block;
            content: attr(data-caption);
            font-size: 1rem;
            font-weight: 600;
            padding-bottom: 0.4rem;
        }

.cart-col-qty {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.cart-col-subtotal {
    text-align: right;
}

.cart-item-img {
    max-width: 70px;
    text-align: center;
}

@media (max-width: 375px) {
    .cart-item-img {
        flex-basis: auto;
        margin-bottom: 10px;
        max-width: initial;
    }

        .cart-item-img .img-fluid {
            max-height: 100px;
        }
}

.cart-item-link {
    font-weight: 600;
    color: inherit !important;
    font-size: 1rem;
    line-height: 1.2;
}

    .cart-item-link ~ * {
        margin-top: 0.5rem;
    }

.cart-item-sku {
    margin-top: 0;
}

.cart-item-attr {
    margin-top: 2px;
    margin-bottom: 2px;
}

    .cart-item-attr div:first-child {
        font-weight: 600;
    }

.cart-head .cart-row {
    border-top: none;
    border-bottom: 1px solid #eceeef;
}

.cart-head .cart-col {
    font-size: 1rem;
    font-weight: 600;
}

.cart-body .cart-col-subtotal .price {
    font-weight: 600;
}

.cart-row-child {
    font-size: 90%;
    background: #fbfbfb;
    border-top: none;
}

    .cart-row-child .cart-item-img {
        display: none;
    }

    .cart-row-child .cart-col-main ~ .cart-col {
        display: none;
    }

    .cart-row-child .cart-item-link {
        font-size: 0.875rem;
    }

div.cart-row:first-of-type .gjflex-desc {
    display: block;
}

.cart__recommended-products {
    max-height: 0px;
}

    .cart__recommended-products.slick-initialized {
        max-height: initial;
    }

    .cart__recommended-products .slick-arrow {
        background: rgba(255, 255, 255, 0.4) !important;
        border: none;
        background: none;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        opacity: 1;
        border: none;
        box-shadow: none;
        display: block !important;
    }

        .cart__recommended-products .slick-arrow:focus {
            outline: 0;
            border: none;
            box-shadow: none !important;
        }

        .cart__recommended-products .slick-arrow svg {
            width: 30px;
            vertical-align: middle;
            fill: #b4b4b3;
        }

    .cart__recommended-products:hover .slick-arrow {
        opacity: 1;
    }

    .cart__recommended-products .art-inner {
        box-shadow: none !important;
        border: none;
    }

@media (max-width: 1200px) {
    .cart__recommended-button span {
        display: none;
    }
}

@media (min-width: 768px) {
    .cart {
        display: table;
    }

    .cart-head {
        display: table-header-group;
    }

    .cart-body {
        display: table-row-group;
    }

    .cart-row {
        display: table-row;
    }

    .cart-col {
        display: table-cell;
    }

    .cart-col {
        border-top: 1px solid #eceeef;
    }

    .cart-col-main ~ .cart-col {
        width: auto;
        padding-top: 1rem;
    }

        .cart-col-main ~ .cart-col:before {
            display: none;
        }

    .cart-col-qty {
        text-align: left;
    }

    .cart-head .cart-col {
        border-top: none;
        border-bottom: 1px solid #eceeef;
    }

    .cart-row-child {
        /*.cart-col-main { 
            padding-left: 3rem; 
        }*/
    }

        .cart-row-child .cart-col {
            border-top: none;
        }

        .cart-row-child .cart-item-img {
            display: block;
        }

        .cart-row-child .cart-col-main ~ .cart-col {
            display: table-cell;
        }

    .cart-editable .cart-col-price {
        text-align: right;
    }

    .cart-editable .cart-col-qty {
        text-align: center;
        min-width: 100px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cart-editable .cart-col-price:not(.cart-col-subtotal) {
        display: none;
    }

    .footer-links {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .cart-item-img {
        max-width: 100px;
    }

    .cart-editable .cart-col-qty {
        text-align: center;
        min-width: 120px;
    }
}

.cart-footer {
    background-color: #f7f7f9;
    padding: 1rem;
}

    .cart-footer .alert, .cart-footer .validation-summary-valid, .cart-footer
    .validation-summary-errors {
        border: 1px solid rgba(0, 0, 0, 0.08);
    }

.cart-summary {
    width: 100%;
    line-height: 1.3;
}

    .cart-summary td {
        padding: 0.4rem 0;
        vertical-align: top;
    }

    .cart-summary .cart-summary-label {
        padding-right: 0.5rem;
    }

    .cart-summary .cart-summary-value {
        text-align: right;
        white-space: nowrap;
    }

    .cart-summary .cart-summary-pos {
        color: #36B37E;
        font-weight: 500;
    }

    .cart-summary .cart-summary-neg {
        color: #E34850;
    }

    .cart-summary .cart-summary-total {
        font-size: 1rem;
        font-weight: 600;
    }

        .cart-summary .cart-summary-total td {
            padding-top: 0.75rem;
        }

    .cart-summary .cart-summary-giftcard br {
        display: none;
    }
    .cart-summary .cart-summary-voucher br {
        display: none;
    }

.cart-checkout-attributes {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.order-summary-content .selected-checkout-attributes .attr-caption,
.order-details .checkout-attributes .attr-caption {
    font-weight: bold;
    padding-right: 10px;
}

    .order-summary-content .selected-checkout-attributes .attr-caption:after,
    .order-details .checkout-attributes .attr-caption:after {
        content: ': ';
    }

.order-summary-content .selected-checkout-attributes .attr-value,
.order-details .checkout-attributes .attr-value {
    text-align: left;
}

.table-order-products .productpicture,
.table-order-products .remove,
.table-order-products .addtocart {
    text-align: center;
}

.cart-action {
    position: relative;
}

    .cart-action .cart-action-title {
        position: relative;
        cursor: pointer;
        padding: 0.5rem 0;
        margin: 0;
    }

        .cart-action .cart-action-title:after {
            display: inline-block;
            font: normal normal normal 16px/1 'FontAwesome';
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%) rotate(0);
            transition: transform 0.15s linear;
        }

        .cart-action .cart-action-title.collapsed:after {
            transform: translateY(-50%) rotate(180deg);
        }

    .cart-action .cart-action-body .form-group:last-child {
        margin-bottom: 0;
    }

    .cart-action:first-child .cart-action-title {
        padding-top: 0;
    }

.track-order {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem;
    padding: 1.25rem;
    font-weight: 500;
    color: #555;
    margin-bottom: 1rem !important;
}

    .track-order .progress-track-bar {
        width: 100%;
        height: 5px;
        background: #eee;
        display: block;
        border-radius: 4px;
        margin-bottom: 15px;
        position: relative;
    }

        .track-order .progress-track-bar span {
            background: #f04a23;
            height: 100%;
            position: absolute;
            border-radius: inherit;
        }

            .track-order .progress-track-bar span:after {
                content: "";
                position: absolute;
                top: -2px;
                right: -2px;
                background: #f04a23;
                width: 10px;
                height: 10px;
                border-radius: 100%;
            }

.order-cancelled {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem;
    padding: 1.25rem;
    font-weight: 500;
    color: #555;
    margin-bottom: 1rem !important;
}

    .order-cancelled .progress-track-bar {
        width: 100%;
        height: 4px;
        background: #eee;
        display: block;
        border-radius: 4px;
        margin-bottom: 15px;
        position: relative;
    }

        .order-cancelled .progress-track-bar span {
            background: #00b100;
            height: 100%;
            position: absolute;
            border-radius: inherit;
        }

            .order-cancelled .progress-track-bar span:after {
                content: "";
                position: absolute;
                top: -3px;
                right: -4px;
                background: #ea1c0d;
                width: 10px;
                height: 10px;
                border-radius: 100%;
            }

.notePacaktuar {
    background-color: #fceddc;
    border-left: solid 4px #f04d24;
    line-height: 14px;
    mc-auto-number-format: '{b}Informat�: {/b}';
    overflow: hidden;
    padding: 12px;
    margin-bottom: 3px;
}

.noteLiferimi {
    background-color: #fceddc;
    border-left: solid 4px #f04d24;
    line-height: 14px;
    mc-auto-number-format: '{b}Informat�: {/b}';
    overflow: hidden;
    padding: 12px;
    margin-bottom: 3px;
}

.c-red {
    color: red;
}

.processing .progress-track-bar span {
    width: 35%;
}

.shipped .progress-track-bar span {
    width: 67%;
}

.delivered .progress-track-bar span {
    width: 100%;
}

.processing .done span {
    width: 100%;
}

.costeps {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 1rem;
    flex-wrap: nowrap;
}

.costep,
.costep-link,
.costep-icon {
    display: block;
    position: relative;
    z-index: 1;
}

.costep {
    text-align: center;
    z-index: 1;
}

    .costep:before, .costep:after {
        display: block;
        content: ' ';
        position: absolute;
        height: 2px;
        background-color: #f2f2f2;
        z-index: 0;
        top: 5px;
    }

    .costep:before {
        left: 0;
        right: 50%;
    }

    .costep:after {
        left: 50%;
        right: 0;
    }

    .costep:first-child:before, .costep:last-child:after {
        display: none;
    }

.costep-link {
    color: inherit;
    text-decoration: none !important;
}

.costep-icon {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #f2f2f2;
    background-color: #fff;
    color: #ccc;
    margin: 0 auto;
}

.costep-label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 85%;
    display: block;
    padding: 0.5rem 3px 0 3px;
    color: #222222;
}

.costep.visited:before, .costep.visited:after {
    background-color: #f14b23;
}

.costep.visited .costep-icon {
    border-color: #f14b23;
    background-color: #f14b23;
    color: rgba(255, 255, 255, 0.85);
}

.costep.visited .costep-label {
    color: #222222;
}

.costep.active:before {
    background-color: #f14b23;
}

.costep.active .costep-icon {
    border-color: #f14b23;
    background-color: #fff;
    color: #222222;
}

.costep.active .costep-label {
    font-weight: bold;
    color: #222222;
}

@media (min-width: 576px) {
    .costep:before,
    .costep:after {
        top: 24px;
    }

    .costep-icon {
        width: 50px;
        height: 50px;
        line-height: 54px;
        text-align: center;
        vertical-align: middle;
    }

        .costep-icon:before {
            display: inline-block;
            font: normal normal normal 16px/1 'fontastic';
            font-size: 20px;
            speak: none;
            text-transform: none;
            content: "";
            font-size: 26px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%) !important;
            left: 0;
            right: 0;
            margin: auto;
            font-size: 26px;
        }

    [data-step=cart] .costep-icon:before {
        content: "";
    }

    [data-step=address] .costep-icon:before {
        content: "";
    }

    [data-step=shipping] .costep-icon:before {
        content: "";
        transform: translateY(-3px);
    }

    [data-step=payment] .costep-icon:before {
        content: "";
    }

    [data-step=confirm] .costep-icon:before {
        content: "";
    }

    [data-step=complete] .costep-icon:before {
        content: "";
    }

    .costep-label {
        font-size: 90%;
    }
}

.checkout-data .opt-list {
    margin-bottom: 1.5rem;
}

.checkout-data .opt-list-item {
    flex-direction: row-reverse;
    padding: 1.25rem;
}

.checkout-data .opt-data {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.checkout-data .opt-control {
    margin-bottom: 0;
}

    .checkout-data .opt-control .form-check-label {
        cursor: pointer;
        margin-bottom: 0;
    }

    .checkout-data .opt-control .form-check-input {
        margin-top: 0.3rem;
    }

.checkout-data .opt-name {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
}


.checkout-data .opt-info,
.checkout-data .opt-info-item {
    margin-top: 0.75rem;
}

    .checkout-data .opt-info .opt-form {
        margin-top: 1.5rem;
    }

        .checkout-data .opt-info .opt-form .col-form-label {
            font-weight: normal;
        }

    .checkout-data .opt-info .media-object {
        max-width: 25%;
        margin-top: 0.25rem;
    }

    .checkout-data .opt-info .media-body {
        color: #999;
    }

    .checkout-data .opt-info p:empty {
        display: none;
    }

    .checkout-data .opt-info p:last-child {
        margin-bottom: 0;
    }

@media (min-width: 576px) {
    .checkout-data .opt-info .media-object {
        max-width: 120px;
    }
}

@media (min-width: 768px) {
    .checkout-data .opt-name {
        margin-left: 15px;
    }

    .checkout-data .opt-info,
    .checkout-data .opt-info-item {
        margin-left: 1.1rem;
    }

    .shipping-option-description {
        margin-left: 2rem !important;
    }
}

.order-summary-page #content-body {
    margin-top: 0;
}

/* Order Summary
================================================ */
.order-summary-content .productpicture {
    width: 100px;
}

    .order-summary-content .productpicture img {
        max-width: 100%;
    }

/* Checkout Data
================================================ */
.checkout-data .buttons {
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
}

/* Checkout Confirm
================================================ */
.terms-of-service {
    margin: 10px 0;
    transition: box-shadow .2s ease-in-out;
    box-shadow: 1px 1px 3px -5px transparent;
}

    .terms-of-service.highlight-terms {
        box-shadow: 1px 1px 9px 1px rgba(204, 0, 0, 0.7);
    }

    .reward-points.alert a.read, .reward-points.validation-summary-valid a.read,
    .reward-points.validation-summary-errors a.read,
    .terms-of-service.alert a.read, .terms-of-service.validation-summary-valid a.read,
    .terms-of-service.validation-summary-errors a.read {
        font-weight: bold;
    }

        .reward-points.alert a.read:hover, .reward-points.validation-summary-valid a.read:hover,
        .reward-points.validation-summary-errors a.read:hover,
        .terms-of-service.alert a.read:hover, .terms-of-service.validation-summary-valid a.read:hover,
        .terms-of-service.validation-summary-errors a.read:hover {
            cursor: pointer;
        }

#iframe-terms-of-service {
    width: 100%;
    height: 100%;
}

.checkout-data .change-checkout-data {
    padding: 0.25rem 0.5rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .shopping-cart-page .card, .order-summary-content .card {
        display: block !important;
    }
}

.manufacturer-list-title {
    font-weight: bold;
    padding-bottom: 0.5rem;
}

.manufacturer-nav {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2rem;
}

    .manufacturer-nav .navbar {
        padding: 0;
        margin-bottom: .5rem;
    }

        .manufacturer-nav .navbar .nav-item {
            margin: 0 1rem;
        }

        .manufacturer-nav .navbar .nav-link {
            font-size: 1.25rem;
            padding: 0;
        }

.fileupload .fileupload-progress.collapse {
    display: none !important;
    width: 100%;
}

    .fileupload .fileupload-progress.collapse.show {
        display: block !important;
    }

#iframe-backinstocksubsription {
    max-width: 100%;
}

#iframe-estimateddeliverytime {
    height: 100%;
    max-width: 100%;
}

.pm-unread {
    font-weight: bold;
    background: #f7f7f9;
}

.ie11 .pd-offer-actions .col,
.ie11 .offcanvas-cart-footer-row .col {
    width: auto;
    -ms-flex-preferred-size: auto;
}

.ie11 .megamenu-dropdown-container.simple {
    position: static;
}

.edge .offcanvas-cart-footer-col.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
}

a {
    color: #2C2C2C;
}

.max-rows {
    line-height: 21px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    white-space: normal;
}

    .max-rows.mr1 {
        -webkit-line-clamp: 1;
        -moz-line-clamp: 1;
    }

    .max-rows.mr2 {
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
    }

    .max-rows.mr3 {
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
    }

    .max-rows.mr4 {
        -webkit-line-clamp: 4;
        -moz-line-clamp: 4;
    }

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: opacity .4s ease;
    z-index: 2;
    opacity: 0;
    display: none;
}

    .overlay.active {
        opacity: 1;
    }

.line-throught {
    text-decoration: line-through;
}

.hm-box-container {
    display: flex;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    margin-top: -270px;
}

    .hm-box-container .box-lazy {
        background: #fafafa;
        margin: 10px;
        color: #fafafa;
        border-radius: 4px;
    }

    .hm-box-container .box-container {
        flex: 1 0 25%;
        padding: 0 15px;
        display: flex;
        width: 25%;
        max-width: 25%;
        max-height: 395px;
    }

        .hm-box-container .box-container .box-shadow {
            box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.08);
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
            width: 100%;
            height: 100%;
            max-height: 395px;
        }

        .hm-box-container .box-container .cats {
            padding: 2.5px;
        }

            .hm-box-container .box-container .cats img {
                height: 100%;
                width: 100%;
                border-radius: 4px;
            }

        .hm-box-container .box-container .bx-title {
            text-align: center;
            padding: 10px;
            background: #fafafa;
            height: 85px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .hm-box-container .box-container .bx-title p, .hm-box-container .box-container .bx-title h4 {
                margin-bottom: 0;
            }

.box-container-guest {
    flex: 1 0 25%;
    padding: 0 15px;
    display: flex;
    width: 25%;
    max-width: 25%;
    max-height: 395px;
    text-align: center;
    flex-direction: column;
    width: 100%;
    max-width: none;
}

    .box-container-guest .box-shadow-guest {
        box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.08);
        border-radius: 4px;
        border: 8px solid white;
        overflow: hidden;
        width: 100%;
        height: 37%;
        max-height: 395px;
        display: flex;
        background-color: #eee;
        justify-content: center;
        align-items: center;
        height: 100%;
        flex-direction: column;
    }

    .box-container-guest .cats {
        padding: 2.5px;
    }

        .box-container-guest .cats img {
            height: 100%;
            width: 100%;
            border-radius: 4px;
        }

    .box-container-guest .bx-title {
        text-align: center;
    }

        .box-container-guest .bx-title p, .box-container-guest .bx-title h4 {
            margin-bottom: 0;
        }

    .box-container-guest .bx-title, .box-container-guest .bx-undertitle {
        max-width: 90%;
    }

    .box-container-guest .bx-undertitle {
        color: #999;
        font-weight: 400;
        margin-bottom: 1rem;
    }

.box-container-guest__icon-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .box-container-guest__icon-wrapper i {
        font-size: 2.5rem;
        padding: 1rem;
        background-color: white;
        border-radius: 100%;
        width: 70px;
        color: #999;
        box-shadow: 0px 3px 5px #bbb;
    }

.box-container-guest p a {
    border: none;
    transition: .2s ease;
    background-color: #f04b28;
    color: white;
    border-radius: 5px;
    padding: .5rem 2.5rem;
}

    .box-container-guest p a:hover {
        background-color: #dc4323;
        transition: .2s ease;
    }

.box-container-guest-mobile {
    padding: 0 5px;
}

    .box-container-guest-mobile .box-shadow-guest {
        background-color: white;
    }

    .box-container-guest-mobile .box-container-guest__icon-wrapper i {
        font-size: 1.25rem;
        width: 50px;
    }

@media (min-width: 992px) and (max-width: 1024px) {
    .box-container-guest-mobile {
        position: absolute;
        top: 0;
        width: 41%;
        margin-left: 28%;
        margin-right: 28%;
        z-index: 9;
        height: 271px;
    }

        .box-container-guest-mobile .box-shadow-guest {
            margin-top: 0;
        }
}

.pr-mostView-wrapper {
    overflow: hidden;
    height: calc(100% - 85px);
    max-height: 322px;
}

    .pr-mostView-wrapper .prmr-scroll {
        white-space: nowrap;
        transition: transform .4s ease;
        transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
    }

    .pr-mostView-wrapper .pr-view-item {
        white-space: normal;
        flex: 1 0 100%;
        display: inline-flex !important;
    }

        .pr-mostView-wrapper .pr-view-item img {
            display: block;
            margin: auto;
            height: 160px;
            width: 100%;
            object-fit: contain;
        }

    .pr-mostView-wrapper .last-reviewed {
        padding: 4px 0;
        border-radius: 4px;
        color: #777;
        position: relative;
        width: 110px;
        text-align: center;
        font-weight: 600;
        overflow: hidden;
        white-space: nowrap;
    }

        .pr-mostView-wrapper .last-reviewed:before, .pr-mostView-wrapper .last-reviewed:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            transition: opacity .6s ease;
        }

        .pr-mostView-wrapper .last-reviewed:before {
            background: linear-gradient(to right, #eee, white);
            opacity: 1;
        }

        .pr-mostView-wrapper .last-reviewed:after {
            background: linear-gradient(to left, #eee, white);
            opacity: 0;
        }

        .pr-mostView-wrapper .last-reviewed.rightAct:before {
            opacity: 0;
        }

        .pr-mostView-wrapper .last-reviewed.rightAct:after {
            opacity: 1;
        }

        .pr-mostView-wrapper .last-reviewed .lr-slide {
            position: relative;
            z-index: 1;
            font-size: 0;
            transition: transform .4s ease;
        }

        .pr-mostView-wrapper .last-reviewed span {
            width: 100%;
            display: inline-block;
            font-size: .875rem;
        }

    .pr-mostView-wrapper .pr-points span {
        width: 15px;
        height: 15px;
        background: #eee;
        margin-right: 5px;
        display: inline-block;
        border-radius: 100%;
        cursor: pointer;
        transition: background .25s ease;
    }

        .pr-mostView-wrapper .pr-points span:hover {
            background: #bfbfbf;
        }

        .pr-mostView-wrapper .pr-points span.active {
            background: #ef5436;
        }

.box-pr-wrapper.ff-mobile__box-pr-wrapper.cats {
    height: auto;
}

.box-pr-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 85px);
    max-height: 310px;
}

    .box-pr-wrapper .box-pr-item {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .box-pr-wrapper .box-pr-item img {
            height: 95px;
            width: 100%;
            object-fit: contain;
            border-radius: 10px;
        }

        .box-pr-wrapper .box-pr-item.fs-item {
            border: 1px solid #fafafa;
            flex: 1 0 43%;
            border-right: 2px solid #fafafa;
            border-bottom: 2px solid #fafafa;
            border-radius: 4px;
            transition: transform .2s ease-in;
            max-height: 142px;
        }

            .box-pr-wrapper .box-pr-item.fs-item a {
                display: flex;
                max-height: 110px;
            }

            .box-pr-wrapper .box-pr-item.fs-item:hover {
                transform: scale(1.04);
            }

            .box-pr-wrapper .box-pr-item.fs-item h5 {
                background: #fafafa;
                max-height: 30px;
            }

        .box-pr-wrapper .box-pr-item.gift-item .gift-img {
            border: 1px solid #efefef;
            border-radius: 100%;
            width: 120px;
            height: 120px;
        }

        .box-pr-wrapper .box-pr-item.gift-item h5 {
            background: #f1f1f1;
            padding: 2px 8px;
            border-radius: 6px;
            font-weight: 400;
            margin-top: -17px;
        }

    .box-pr-wrapper .cat-box-item {
        width: 50%;
        display: inline-block;
        height: 152px;
        position: relative;
        perspective: 200px;
        cursor: pointer;
        padding: 2.5px;
    }

        .box-pr-wrapper .cat-box-item .cat-img {
            transition: transform .2s ease-in;
        }

        .box-pr-wrapper .cat-box-item:hover .cat-img {
            transform: scale(1.04);
        }

/*@media screen and (min-width:$medium-device-breakpoint) {*/
@media screen and (min-width: 769px) {
    .safari .hm-box-container .box-container .box-shadow {
        max-height: 395px !important;
    }

    .safari .pr-mostView-wrapper {
        max-height: 310px !important;
        /*display: block !important;*/
    }

        .safari .pr-mostView-wrapper .prmr-scroll {
            max-height: 250px !important;
            display: block !important;
        }

        .safari .pr-mostView-wrapper .pr-view-item {
            max-height: 250px !important;
            display: inline-block !important;
        }

            .safari .pr-mostView-wrapper .pr-view-item > a {
                max-height: 160px !important;
            }

    .safari .box-pr-wrapper {
        display: block;
    }

        .safari .box-pr-wrapper .box-pr-item img {
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        .safari .box-pr-wrapper .box-pr-item.fs-item {
            max-height: 142px !important;
            display: inline-block;
            width: 46%;
        }

        .safari .box-pr-wrapper .cat-box-item {
            width: 49%;
        }
}

.megamenu-dropdown-container.simple .inCatTitle {
    margin-left: 15px;
    border-bottom: 1px solid #eee;
}

.megamenu-dropdown-container.simple .inCatImg {
    width: 50px;
    height: 50px;
    flex: none;
}

    .megamenu-dropdown-container.simple .inCatImg img {
        border: 1px solid #ececec;
        border-radius: 100%;
        width: 100%;
        height: 100%;
        padding: 2px;
    }

.megamenu-dropdown-container.simple .dropdown-item {
    padding: 0 15px;
}

.megamenu-dropdown-container.simple .mega-menu-dropdown {
    position: fixed;
    padding: 0;
    left: 0;
    right: 0;
    background: #f5f5f5;
    padding-top: 0.5rem;
    box-shadow: 0 400px 0px 50px rgba(0, 0, 0, 0.58);
}

.megamenu-dropdown-container.simple .dropdown-menu-inner {
    box-shadow: none;
    top: 0;
    min-height: 485px;
}

.megamenu-dropdown-container.simple .menu-category-img {
    width: 500px;
    height: 100%;
    right: 15px;
    max-height: 430px;
    top: 0;
    margin: auto;
}

.megamenu-dropdown-container.simple .catalog-brands-wrapper {
    padding-left: 15px;
}

    .megamenu-dropdown-container.simple .catalog-brands-wrapper .cl-brands {
        width: 85px;
        height: 85px;
        border-radius: 100%;
        background: #fff;
        border: 1px solid #eee;
        margin-bottom: 5px;
        box-shadow: 0 5px 6px -5px rgba(0, 0, 0, 0.2);
    }

        .megamenu-dropdown-container.simple .catalog-brands-wrapper .cl-brands img {
            width: 100%;
            height: 100%;
            border-radius: 10px;
        }

.sub-categories .sub-item {
    padding: 2px 0 0 5px !important;
}

.most-reccced {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    margin-right: -18px;
    margin-left: -18px;
}

    .most-reccced.recced-open {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
        position: relative;
    }

.slick-list {
    padding: 10px 2px !important;
}

.recommend-products .slick-arrow {
    background: #fff !important;
    border: 1px solid #eee !important;
}

    .recommend-products .slick-arrow.slick-prev {
        border-right: 0 !important;
    }

    .recommend-products .slick-arrow.slick-next {
        border-left: 0 !important;
    }

.gjm-recommend-products {
    background: rgba(249, 249, 249, 0.53);
    box-shadow: 0px 8px 7px -7px rgba(0, 0, 0, 0.23) inset, 0px -8px 7px -7px rgba(0, 0, 0, 0.23) inset;
}

    .gjm-recommend-products .art {
        background: #fff;
    }

@media screen and (min-width: 768px) {
    .gjm-homepage-products {
        /*padding: 10px 10px 10px 18px !important;
        background: #fff;
        border-radius: 4px;
        box-shadow: 1px 1px 7px -1px rgba(0,0,0,.08);*/
        padding: 20px 0;
        position: relative;
    }

        .gjm-homepage-products .artlist-grid {
            margin-left: -5px;
            margin-right: -5px;
        }

        .gjm-homepage-products .art {
            border-color: transparent !important;
        }

            .gjm-homepage-products .art .art-inner {
                margin: 5px;
                background: #fff;
                padding: 10px;
                border-radius: 10px;
                border: 1px solid #eee;
            }
}

.slick-list {
    padding: 0 !important;
    border: 0 !important;
}

.homepage-sliders-wrapper {
    border: 0 !important;
    position: relative;
}

    .homepage-sliders-wrapper:after {
        content: "";
        bottom: -20px;
        height: 270px;
        width: 100%;
        left: 0;
        /*background: linear-gradient(to top, #fafafa 1%, transparent);*/
        background: linear-gradient(to top, #fafafa 0, #fafafa 50%,transparent 96%);
        position: absolute;
    }

div#homepage-sliders {
    min-height: 600px !important;
    padding-bottom: 0;
    border: none;
    box-shadow: none !important;
}

    div#homepage-sliders .slick-arrow {
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 100%;
        transform: translateY(-200%);
        z-index: 5;
    }

.megamenu-section {
    /*margin-left: -13px;*/
    /*margin-left:-40px;*/
    /*overflow-x:scroll;*/
}

    .megamenu-section .navbar-nav .nav-item {
        flex-grow: 0 !important;
    }

.free-dev-head {
    /*width: 200px;*/
    margin-right: 210px;
    font-size: 13px;
    display: flex;
    align-items: center;
    font-weight: 400;
    line-height: 19px;
    color: #777;
}

    .free-dev-head i {
        margin-right: 13px;
        font-size: 22px;
    }

    .free-dev-head b {
        font-weight: 600;
        display: block;
    }

.dropdown-toggle::after {
    content: none;
}

.instasearch-term {
    border: none;
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    height: 45px;
}

.search-focused .instasearch-term {
    box-shadow: 0px 6px 5px -2px rgba(0, 0, 0, 0.18);
}

/* touched */
/*.shop-logo {
  opacity: 1 !important;
  transform: translateX(0) !important;
  margin: 0 10px 0 0 !important; }*/

.menubar-link {
    font-weight: 600;
    font-size: inherit !important;
}

    .menubar-link i {
        font-size: 20px;
    }

#infinit-scroll-func {
    margin-top: 20px;
    display: block;
    width: fit-content;
    border: 0;
    border-radius: 0.25rem;
    margin: auto;
    padding: 7px 40px;
}

.gjm-services svg {
    height: 55px;
}

.gjm-services .item {
    background: #fff;
    margin: 10px;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    width: 20%;
    flex: 1 0 20%;
    margin-bottom: 0 !important;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gjm-services .service-txt {
    margin-left: 0 !important;
}

.gjm-services .service-svg {
    position: relative !important;
    margin-bottom: 15px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .gjm-services .item {
        display: block !important;
    }
}

.stores-names {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    color: #777;
    padding: 5px;
}

    .stores-names span {
        max-height: 40px;
        overflow: hidden;
        transition: .2s ease;
    }

.w-75 {
    width: 75% !important;
}

.homepage-sliders-wrapper {
    /*margin-top:135px !important;*/
}

.outerHeader {
    z-index: 1000;
    position: sticky;
    top: 0;
}

#header {
    position: relative;
    top: 0;
    width: 100%;
    /*box-shadow:0 6px 5px -2px rgba(0,0,0,.18);*/
    z-index: 1000;
}

.canvas-slidable {
    transform: none;
}

.megamenu-dropdown-container.simple .dropdown-menu-inner {
    z-index: -1;
}

@media (min-width: 992px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        width: 1070px;
    }
}

@media (min-width: 1200px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        width: 1200px;
    }
}

@media (min-width: 1536px) {
    .megamenu-dropdown-container.simple .dropdown-menu-inner {
        width: 1440px;
    }
}

.sm-coupon-cotainer {
    top: -7px !important;
}

.offcanvas-content {
    overflow: hidden;
}

    .offcanvas-content .offcanvas-scrollable {
        overflow-x: hidden;
        overflow-y: auto;
    }

@media screen and (min-width: 768px) and (max-width: 1800px) {
    /* touched */
    /*  .shopbar-button {
    min-width: unset; }*/
    .shopbar-button .shopbar-button-label {
        display: none;
    }
}

@media screen and (min-width: 991px) and (max-width: 1499px) {
    section.pd-section.pd-section-top {
       /* padding-left: 140px;*/
        margin-left: 5px;
    }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .box-lazy {
        max-height: 100px !important;
    }

    .megamenu-section {
        flex: 1 0 75%;
        width: 75%;
    }

        .megamenu-section .navbar-nav {
            overflow-x: auto !important;
        }

        .megamenu-section .megamenu {
            width: 75% !important;
        }

            .megamenu-section .megamenu .megamenu-nav--next .megamenu-nav-btn {
                background: linear-gradient(to left, #f3f3f3 10%, transparent 200%) !important;
            }

    .shopbar-button .shopbar-button-label {
        display: none !important;
    }

    .megamenu-dropdown-container.simple .menu-category-img {
        width: 350px;
        height: 350px;
    }

    .last-reviewed {
        display: none;
    }

    .box-pr-wrapper {
        height: calc(100% - 70px) !important;
    }

        .box-pr-wrapper .cat-box-item {
            height: 115px;
        }

        .box-pr-wrapper .box-pr-item.fs-item h5 {
            font-size: 13px;
        }

        .box-pr-wrapper .box-pr-item img {
            height: 50px;
        }

    .pr-mostView-wrapper .pr-view-item img {
        max-height: 100px !important;
    }

    .hm-box-container .box-container .bx-title {
        height: 70px;
        font-size: 86%;
    }

        .hm-box-container .box-container .bx-title h4 {
            font-size: 16px;
        }
}

.sm-coupon-cotainer {
    width: 380px;
}

@media screen and (max-width: 1200px) {
    .hm-box-container {
        margin-top: 0;
        margin: 0 -5px;
    }

        .hm-box-container .box-container {
            max-width: 30%;
            width: 30%;
        }
}

@media screen and (max-width: 768px) {
    .dest-cats {
        display: none !important;
    }

    .sm-coupon-cotainer {
        top: auto !important;
        bottom: 0;
        padding: 3px !important;
        border-bottom: 0 !important;
    }

        .sm-coupon-cotainer .sale-coupon-sm {
            padding: 0 !important;
        }

        .sm-coupon-cotainer #close-ftime {
            display: block !important;
            width: 35px;
            height: 35px;
            background: #fff;
            border-radius: 100%;
            position: absolute;
            text-align: center;
            right: 10px;
            top: -21px;
            border: 2px solid #fa551a;
            font-size: 16px;
            color: #fa551a;
        }

            .sm-coupon-cotainer #close-ftime i {
                line-height: 31px;
            }

    .page-main {
        transform: none !important;
        padding-top: 0 !important;
    }

    #header {
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .gjm-homepage-products {
        padding: 0 !important;
        margin: 10px -5px;
        border-radius: 0;
    }

    .art-inner {
        border: 1px solid #eee;
    }

    div#homepage-sliders {
        min-height: unset !important;
    }
    /* touched */
    /*  .shopbar-container {
    width: 100%; }*/
    .shopbar {
        margin: 0 !important;
    }

    .shopbar-col-group-tools {
        padding: 0 !important;
    }
    /*  .shopbar-tools {
    padding: 0 !important;
    justify-content: space-between; }*/
    .shopbar-button {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
    }
    /* touched */
    /*  .shop-logo {
    position: absolute;
    top: 7px;
    left: 40px; }*/
    .shop-logo .brand {
        max-width: 180px;
        width: 100%;
    }

    .shopbar-section {
        border: 0;
        padding: 0 !important;
    }

    .shopbar-search {
        padding: 0;
    }
    /* touched */
    /*  .shopbar-col-group.shopbar-col-group-brand {
    padding: 0 15px 15px; }*/
    .hm-box-container {
        /*margin-top: 0;
        flex-direction: column;
        margin: 0 -5px;*/
        flex-direction: column;
    }

        .hm-box-container .box-container {
            width: 100%;
            flex: 1 0 100%;
            padding: 10px 10px 0;
            max-width: 100%;
            margin: 0;
        }

            .hm-box-container .box-container .box-shadow {
                width: 100%;
            }

            .hm-box-container .box-container .bx-title {
                height: 65px;
                background: #fff;
                border-bottom: 1px solid #f7f7f7;
                text-align: left;
                font-size: 90%;
            }

                .hm-box-container .box-container .bx-title h4 {
                    font-size: 1rem;
                    display: block;
                    justify-content: space-between;
                    margin-bottom: 5px;
                }

                    .hm-box-container .box-container .bx-title h4 a {
                        color: #ef5436;
                        font-size: 13px;
                        font-weight: 400;
                        text-decoration: underline;
                        float: right;
                    }

        .hm-box-container .box-container-guest {
            width: 100%;
            flex: 1 0 100%;
            padding: 10px 10px 0;
            max-width: 100%;
            margin: 0;
        }

            .hm-box-container .box-container-guest .box-shadow {
                width: 100%;
            }

            .hm-box-container .box-container-guest .bx-title h4 {
                font-size: 1rem;
                display: block;
                justify-content: space-between;
                margin-bottom: 5px;
            }

                .hm-box-container .box-container-guest .bx-title h4 a {
                    color: #ef5436;
                    font-size: 13px;
                    font-weight: 400;
                    text-decoration: underline;
                    float: right;
                    border-radius: 5px !important;
                }

    .box-pr-wrapper .box-pr-item.fs-item > a {
        flex: 1;
        align-items: center;
        display: flex;
    }

    .box-pr-wrapper .box-pr-item.fs-item h5 {
        flex-basis: 25px;
        flex-grow: 0;
        font-size: 14px;
    }

    .gifts-wrapper {
        padding: 0 !important;
    }

        .gifts-wrapper .box-pr-item.gift-item {
            width: 25%;
            margin: 10px 0;
        }

            .gifts-wrapper .box-pr-item.gift-item .gift-img {
                width: 78px;
                height: 78px;
                padding: 5px !important;
            }

    .pr-mostView-wrapper {
        height: 320px;
    }

        .pr-mostView-wrapper .pr-view-item {
            margin: 10px 0 0 10px;
            flex: 1 0 80%;
            width: 80%;
            padding: 10px !important;
            background: #fff;
            border-radius: 4px;
            border: 1px solid #eee;
        }

        .pr-mostView-wrapper .prmr-scroll {
            margin-bottom: 15px;
            overflow-y: hidden;
            overflow-x: auto;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
        }

    .homepage-sliders-wrapper:after {
        content: none;
    }
    /* touched */
    /*  .shopbar-button .shopbar-button-icon {
    font-size: 22px;
    color: #222; }*/
    .lazy-mob {
        width: 90%;
    }
}

@-moz-document url-prefix() {
    @media (max-width: 992px) {
        .box-pr-wrapper .box-pr-item.fs-item h5 {
            max-height: 20px;
        }
    }

    @media (min-width: 1200px) {
        .hm-box-container .box-container {
            max-width: 25%;
            width: 25%;
        }
    }
}

@media (min-width: 767.98px) and (max-width: 768.98px) {
    .pr-mostView-wrapper {
        height: auto;
    }

        .pr-mostView-wrapper .pr-view-item {
            flex: 1 0 50%;
        }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .hm-box-container {
        flex-wrap: wrap;
    }

        .hm-box-container .tablet-box-container {
            max-width: 50.1%;
            width: 50.1%;
            margin-bottom: 1rem;
            flex: 1 0 49%;
        }
}

.cat-box-item {
    overflow: hidden;
}

    .cat-box-item .cat-img {
        height: 100%;
    }

@media (max-width: 1023.98px) {
    .hm-box-container .box-container-guest {
        margin-bottom: 15px;
    }
}

.user-return-request .cart-col-main {
    width: auto;
}

.user-return-request__product-img {
    max-height: 70px;
    max-width: 70px;
    margin-right: 10px;
}

.user-return-request .return-reasons, .user-return-request .return-actions {
    width: 100%;
}

@media (max-width: 991.98px) {
    .user-return-request__product-img {
        max-height: 50px;
        max-width: 50px;
    }

    .user-return-request .cart-row {
        display: flex;
        flex-wrap: wrap;
    }

    .user-return-request .cart-col-main {
        padding-left: 15px;
        padding-right: 15px;
    }

    .user-return-request .cart-head {
        display: none;
    }

    .user-return-request .cart-col {
        width: 50%;
    }

    .user-return-request .cart-col-main ~ .cart-col:before {
        display: block;
        content: attr(data-caption);
        font-size: .875rem;
        font-weight: 600;
        padding-bottom: .4rem;
    }
}

@media (max-width: 767.98px) {
    .user-return-request .cart-col {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .user-profile {
        background: #f5f5f5;
        position: absolute;
        top: -175px;
        padding: 20px 15px;
    }

        .user-profile .menubar-icon {
            font-size: 100px;
            color: #b1b1b1;
            margin-right: 25px;
        }
}

.customer-new-icons {
    display: flex;
    justify-content: space-between;
    margin-top: -25px;
}

    .customer-new-icons a {
        z-index: 1;
        padding: 10px;
        padding-bottom: 15px;
        position: relative;
        text-decoration: none;
        color: #777;
        font-weight: 500;
    }

        .customer-new-icons a.active {
            color: #000;
        }

            .customer-new-icons a.active:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                background: #f04d24;
                height: 4px;
            }

/*@import '~/.app/moduleimports.scss';*/
/*
 * jQuery FlexSlider v2.6.4
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: 'flexslider-icon';
    font-display: swap;
    src: url("fonts/flexslider-icon.eot");
    src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
    outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
    margin: 0;
    padding: 0;
    border: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

    .flexslider .slides:after {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
    margin: 0;
    background: #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides img {
            height: auto;
            -moz-user-select: none;
        }

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .flex-direction-nav a:before {
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 30px;
            display: inline-block;
            content: '\f0d9';
            color: rgba(0, 0, 0, 0.8);
            text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        }

        .flex-direction-nav a.flex-next:before {
            content: '\f0da';
        }

    .flex-direction-nav .flex-prev {
        left: -50px;
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
    }

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

    .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1;
    }

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

    .flexslider:hover .flex-direction-nav .flex-next:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: '\f004';
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003';
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 5px;
    right: 5px;
    margin: auto;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 21px;
    height: 4px;
    display: block;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    opacity: .4;
}

    .flex-control-paging li a:hover {
        background: #777;
        background: rgba(0, 0, 0, 0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #f15337;
        opacity: 1;
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        height: auto;
        display: block;
        opacity: .7;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

@media screen and (min-width: 992px) {
    .flex-direction-nav {
        position: absolute;
        right: 0;
        top: 50%;
        width: 68%;
        z-index: 2;
    }
}

t.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block;
}

.resp-sharing-button__link {
    text-decoration: none !important;
    color: #fff;
    color: #fff;
    font-weight: 700;
    vertical-align: top;
}

.resp-sharing-button {
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    color: #fff;
    min-height: 29px;
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    font-size: 15px;
}

.resp-sharing-button span {
    padding-left: 0.4em;
}

.resp-sharing-button__icon {
    stroke: #fff;
    fill: none;
}

.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}

.resp-sharing-button--viber img {
    max-width: 22px;
    top: 4px;
    position: relative;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
}

    .resp-sharing-button--twitter:hover {
        background-color: #2795e9;
    }

.resp-sharing-button--pinterest {
    background-color: #bd081c;
}

    .resp-sharing-button--pinterest:hover {
        background-color: #8c0615;
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
}

    .resp-sharing-button--facebook:hover {
        background-color: #2d4373;
    }

.resp-sharing-button--viber {
    background-color: #8f5db7;
}

    .resp-sharing-button--viber:hover {
        background-color: #59267c;
    }

.resp-sharing-button--email {
    background-color: #777;
}

    .resp-sharing-button--email:hover {
        background-color: #5e5e5e;
    }

.resp-sharing-button--whatsapp {
    background-color: #25D366;
}

    .resp-sharing-button--whatsapp:hover {
        background-color: #1da851;
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

    .resp-sharing-button--facebook:hover,
    .resp-sharing-button--facebook:active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

    .resp-sharing-button--twitter:hover,
    .resp-sharing-button--twitter:active {
        background-color: #2795e9;
        border-color: #2795e9;
    }

.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

    .resp-sharing-button--email:hover,
    .resp-sharing-button--email:active {
        background-color: #5e5e5e;
        border-color: #5e5e5e;
    }

.resp-sharing-button--whatsapp {
    background-color: #25D366;
    border-color: #25D366;
}

    .resp-sharing-button--whatsapp:hover,
    .resp-sharing-button--google:active {
        background-color: #1DA851;
        border-color: #1DA851;
    }

.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block;
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
}

.resp-sharing-button {
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top;
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
}

    .resp-sharing-button--twitter:hover {
        background-color: #2795e9;
    }

.resp-sharing-button--pinterest {
    background-color: #bd081c;
}

    .resp-sharing-button--pinterest:hover {
        background-color: #8c0615;
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
}

    .resp-sharing-button--facebook:hover {
        background-color: #2d4373;
    }

.resp-sharing-button--tumblr {
    background-color: #35465C;
}

    .resp-sharing-button--tumblr:hover {
        background-color: #222d3c;
    }

.resp-sharing-button--reddit {
    background-color: #5f99cf;
}

    .resp-sharing-button--reddit:hover {
        background-color: #3a80c1;
    }

.resp-sharing-button--google {
    background-color: #dd4b39;
}

    .resp-sharing-button--google:hover {
        background-color: #c23321;
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5;
}

    .resp-sharing-button--linkedin:hover {
        background-color: #046293;
    }

.resp-sharing-button--email {
    background-color: #777;
}

    .resp-sharing-button--email:hover {
        background-color: #5e5e5e;
    }

.resp-sharing-button--xing {
    background-color: #1a7576;
}

    .resp-sharing-button--xing:hover {
        background-color: #114c4c;
    }

.resp-sharing-button--whatsapp {
    background-color: #25D366;
}

    .resp-sharing-button--whatsapp:hover {
        background-color: #1da851;
    }

.resp-sharing-button--hackernews {
    background-color: #FF6600;
}

    .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
        background-color: #FB6200;
    }

.resp-sharing-button--vk {
    background-color: #507299;
}

    .resp-sharing-button--vk:hover {
        background-color: #43648c;
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

    .resp-sharing-button--facebook:hover,
    .resp-sharing-button--facebook:active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

    .resp-sharing-button--twitter:hover,
    .resp-sharing-button--twitter:active {
        background-color: #2795e9;
        border-color: #2795e9;
    }

.resp-sharing-button--google {
    background-color: #dd4b39;
    border-color: #dd4b39;
}

    .resp-sharing-button--google:hover,
    .resp-sharing-button--google:active {
        background-color: #c23321;
        border-color: #c23321;
    }

.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

    .resp-sharing-button--email:hover,
    .resp-sharing-button--email:active {
        background-color: #5e5e5e;
        border-color: #5e5e5e;
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
}

    .resp-sharing-button--linkedin:hover,
    .resp-sharing-button--linkedin:active {
        background-color: #046293;
        border-color: #046293;
    }

.resp-sharing-button--whatsapp {
    background-color: #25D366;
    border-color: #25D366;
}

    .resp-sharing-button--whatsapp:hover,
    .resp-sharing-button--whatsapp:active {
        background-color: #1DA851;
        border-color: #1DA851;
    }

.resp-sharing-button__link {
    text-align: center;
}

.hidden {
    display: none;
}

.zopim {
    /*bottom: 30px !important;*/
    /*transform: translateY(-30px);*/
}

.cart-row .gjflex_choose {
    margin-top: 10px;
}

.gjflex-show-content {
    cursor: pointer;
}

.gjflex_choose {
    background: #f3f3f3;
    border-left: 2px solid #e65228;
}

    .gjflex_choose label {
        margin-bottom: 0;
    }

.gjflex-desc {
    font-size: 11px;
    margin-top: 10px;
}

    .gjflex-desc:nth-child(1) {
        display: block;
    }

    .gjflex-desc span {
        display: block;
    }

.sold-out-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/Content/images/soldout.png);
    background-size: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 0;
    pointer-events: none;
}

.sold-out-wrapper-product-page {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/Content/images/soldout.png);
    background-size: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 1;
    pointer-events: none;
}

#pd-gallery-container .sold-out-wrapper-product-page {
    background-size: 210px;
}

#pd-gallery-container .sold-out-wrapper {
    background-size: 210px;
}

.child-sold-out-wrapper {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/Content/images/soldout.png);
    background-size: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 1;
    pointer-events: none;
}

.v-ch {
    position: relative;
}

#pd-gallery-container .child-sold-out-wrapper {
    background-size: 210px;
}

.payment-method-item .form-check {
    position: initial;
    width: 100%;
}

.payment-li {
    display: flex;
}

.payment-icon {
    right: 20px;
    /*max-width: 70px;*/
    top: 0;
    bottom: 0;
}

.pd-icon-list {
    position: absolute;
    right: 7%;
    z-index: 5;
    bottom: 7%;
    background: rgba(255, 255, 255, 0.4);
    outline: 5px solid rgba(255, 255, 255, 0.4);
}

    .pd-icon-list img {
        max-width: 80px;
    }

    .pd-icon-list div {
        display: block;
        margin: 10px 0;
    }

.contact-page .contact-form {
    padding: 30px 0;
}

.low_stock {
    position: relative;
    margin: auto;
    padding-top: 7px;
    width: 75px;
    height: 75px;
    background: #e45227;
    border-radius: 100%;
    text-align: center;
    color: #fff;
}

    .low_stock h1 {
        font-weight: bolder;
        color: #fff;
        font-size: 50px;
        margin-top: -12px;
    }

    .low_stock span {
        display: block;
    }

.hour48.img-icon {
    max-width: 40px;
}

.art {
    padding: 10px;
}

.category_slider .glide--carousel .glide__slide {
    text-align: left;
}

.see-more-btn {
    flex: none;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
}

.art .art-delivery-info {
    display: none;
}


.pd-price {
    font-weight: 700;
    letter-spacing: -1px;
}

#banner-left {
    z-index: 5;
    position: absolute;
    left: -20px;
    top: -6px;
    pointer-events: none;
    height: 100%;
    height: calc(100% + 12px);
}

#banner-shadow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    box-shadow: -11px 0px 20px 8px #fff;
    z-index: 5;
}

div#homepage-sliders {
    position: relative;
    min-height: 250px;
}

#sl_1 {
    float: right;
    width: 100%;
    overflow: hidden;
}

#featured-banners img {
    max-width: 100%;
}

#top-offer-header {
    overflow: hidden;
}

    #top-offer-header img {
        max-width: 100%;
    }

#slider-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 31%;
    height: 100%;
    background: #f05336;
    transition: background .3s ease;
}

table.table.pd-specs-table td {
    vertical-align: middle;
}

.artlist-sub-categories .art {
    box-shadow: none !important;
    border: 0;
    padding: 0 !important;
}

.artlist-sub-categories .art-picture-block {
    display: inherit;
}

    .artlist-sub-categories .art-picture-block .img-center-container {
        padding-top: 100%;
    }

.artlist-sub-categories .art-genericname {
    text-align: center;
}

.artlist-lines .hover-shadow {
    display: none;
}

.artlist-lines .art-name {
    text-align: left;
}

.artlist-lines .img-center-container {
    padding-top: 70%;
}

.artlist-lines .see-more-btn {
    flex: 1;
    border: 0 !important;
}

    .artlist-lines .see-more-btn h6 {
        display: none !important;
    }

.artlist-lines .art-price-block {
    margin-top: 0;
}

.artlist-lines .art-price {
    text-align: right;
}

.artlist-lines .hour48 {
    left: 0;
    right: auto;
    top: 10px;
}

#featured-banners {
    margin: 30px 0 20px 0;
}

    #featured-banners .col-md-6:nth-child(1) {
        padding-left: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.12);
    }

    #featured-banners .col-md-6:nth-child(2) {
        padding-right: 0;
    }

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

    .checkout-terms label {
        cursor: pointer;
        vertical-align: middle;
        margin: 0;
        margin-left: 5px;
        margin-top: -2px;
    }

    .checkout-terms input {
        vertical-align: middle;
    }

.terms-page {
    padding: 10px;
}

    .terms-page .terms-content {
        max-height: 600px;
        overflow: auto;
    }

        .terms-page .terms-content::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
            border-radius: 6px;
            background-color: #F5F5F5;
        }

        .terms-page .terms-content::-webkit-scrollbar {
            width: 10px;
            background-color: #F5F5F5;
        }

        .terms-page .terms-content::-webkit-scrollbar-thumb {
            border-radius: 6px;
            -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
            background-color: #bbb;
        }

        .terms-page .terms-content a {
            color: #222;
        }

@media (max-width: 320px) {
    .payment-icon {
        height: 35px !important;
    }

    .payment-checkout-li:last-child > .payment-img > .payment-icon {
        margin-left: 39px !important;
        right: 20px;
    }

    .payment-checkout-li:nth-last-child(2) > .payment-img > .payment-icon {
        margin-left: 39px !important;
        right: 20px;
    }
}

@media (max-width: 767px) {
    .artlist-sub-categories {
        background: #fff;
    }

        .artlist-sub-categories .art {
            flex-basis: calc(33% - 1rem) !important;
            max-width: calc(33% - 1rem) !important;
            margin: 0 7px !important;
        }

    .footer-main .footer-title {
        margin-bottom: 0;
    }

    .nav-collapsible {
        border-top: 1px solid #e7e7e8;
    }

    .shop-logo .brand {
        padding-left: 0.375rem;
    }
}

@media screen and (min-width: 992px) {
    #banner-left {
        left: 0px;
        top: -8px;
        height: calc(100% + 16px);
    }

    .flexslider .slides img {
        float: right;
        max-width: 930px;
    }
}

@media screen and (min-width: 768px) {
    .megamenu .navbar-nav .nav-item {
        flex-grow: 1;
        text-align: center;
    }

    #donation-text-read-more:hover {
        cursor: pointer;
        user-select: none;
    }

    #donation-text-wrapper {
        text-align: justify;
    }

        #donation-text-wrapper.active {
            text-align: justify;
        }
}

#cart-organization-wrapper {
    display: none;
}

#donation-text-read-more i {
    transition: transform 0.5s linear;
}

#donation-text-read-more.active i {
    transform: rotate(180deg);
}

#donation-text-read-more {
    font-weight: 500;
    color: #6E6E6E;
    text-decoration: underline;
    font-size: 14px;
}

#donation-name {
    color: #6E6E6E;
    font-size: 14px;
}

#donation-text-wrapper {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    color: #8E8E8E;
    font-size: 12px;
    line-height: 15px;
}

    #donation-text-wrapper.active {
        display: block;
        overflow: visible;
    }

@media screen and (min-width: 1200px) {
    #banner-left {
        left: -70px;
        top: -10px;
        height: calc(100% + 20px);
    }

    #homepage-sliders {
        min-height: 340px;
    }

    .flexslider .slides img {
        max-width: 930px;
        float: right;
    }

    .flexslider .slides img {
        max-width: 100%;
    }
}

.no-installments {
    margin-top: 0.5rem;
    color: #777;
    font-weight: 400;
}

    .no-installments strong {
        color: initial;
    }

@media screen and (min-width: 768px) {
    .pd-tabs ul.nav.nav-tabs {
        width: 30%;
        display: inline-block;
        vertical-align: top;
        padding-right: 20px;
        border: 0;
    }

        .pd-tabs ul.nav.nav-tabs .nav-link {
            padding-left: 0;
            text-align: left;
        }

    .pd-tabs .tab-content {
        width: 70%;
        display: inline-block;
        padding-left: 20px;
        margin: 0;
        border-left: 1px solid #ddd;
    }

    .artlist-grid .art {
        border-color: #eee;
        padding: 20px;
    }

    .art-name, .art-price-block {
        text-align: center;
    }

    .art.active {
        z-index: 2;
    }

        .art.active .art-drop {
            box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
        }

    .hover-shadow {
        position: absolute;
        top: -15px;
        left: 0;
        height: 15px;
        width: 100%;
        background: #fff;
        z-index: 2;
    }

    .homepage-sliders-wrapper {
        /*margin: 30px 0;*/
        margin: 0;
        background: #f7f7f9;
        border-top: 1px solid #eee;
    }

        .homepage-sliders-wrapper img {
            margin: auto;
        }

    #add-to-cart-gallery {
        position: fixed;
        right: 3%;
        bottom: 5%;
        z-index: 5;
    }
}

@media screen and (max-width: 768px) {
    .payment-icon {
        position: relative;
        right: 0;
        margin-bottom: 5px;
        object-fit: cover;
        margin-left: 5px;
        height: 50px;
    }

    .payment-checkout-li {
        justify-content: flex-start;
    }

    .payment-img {
        margin-top: 10px;
    }

    .payment-checkout-li:last-child > .payment-img > .payment-icon {
        margin-left: 18px;
    }

    .payment-checkout-li:nth-last-child(2) > .payment-img > .payment-icon {
        margin-left: 18px;
    }

    #payment-icon-10 {
        max-width: 152px;
    }

    #payment-icon-11 {
        max-width: 102px;
    }

    .payment-method-item .checkout-data .opt-control .form-check-input {
        margin-top: 0.6rem;
    }

    .pd-icon-list img {
        max-width: 55px;
    }

    .low_stock {
        width: 50px;
        height: 50px;
        padding-top: 5px;
    }

        .low_stock h1 {
            font-size: 27px;
            margin-top: -7px;
        }

    .hidden-sm-down {
        display: none;
    }

    #homepage-sliders .container, #homepage-sliders .megamenu-dropdown-container.simple .dropdown-menu-inner, .megamenu-dropdown-container.simple #homepage-sliders .dropdown-menu-inner {
        width: 100%;
    }

    .shopbar {
        margin-left: -1.1rem;
    }

    #sl_1, #homepage-sliders {
        min-height: 0 !important;
        max-height: 100%;
    }

    div#pd-gallery {
        margin-bottom: 0.5rem !important;
    }

    .zoom-window-container {
        padding-top: 2.2rem;
        border-top: 1px solid #eee;
    }

    .slick-dots li {
        padding: 0 6px;
    }

        .slick-dots li.slick-active button {
            background: #f15337;
        }

        .slick-dots li button {
            border: 0;
        }

    #pd-gallery .slick-dots {
        text-align: left;
    }

    #pd-gallery li {
        padding-right: 5px;
    }

    #add-to-cart-gallery {
        border-radius: 100%;
        width: 50px;
        height: 50px;
        font-size: 19px;
        position: absolute;
        bottom: -25px;
        right: 25px;
        z-index: 3;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.21);
        padding: 0 !important;
    }

    #featured-banners .col-md-6 {
        padding: 0;
        border-right: 0 !important;
    }

        #featured-banners .col-md-6:nth-child(1) {
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        }

    #homepage-sliders img {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .opt-info-item.payment-method-description {
        padding-right: 15px;
    }
}

#slider-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    height: calc(100% - 3px);
    background: -webkit-gradient(linear, right top, left top, color-stop(-80%, #f05336), to(transparent));
    background: -webkit-linear-gradient(right, #f05336 -80%, transparent);
    background: -o-linear-gradient(right, #f05336 -80%, transparent);
    background: linear-gradient(to left, #f05336 -80%, transparent);
    left: 0;
    top: 4px;
    display: block;
    visibility: visible;
    -webkit-transform: skewX(-11.6deg);
    -ms-transform: skewX(-11.6deg);
    transform: skewX(-11.6deg);
    -webkit-animation: loader 1.5s ease infinite;
    animation: loader 1.5s ease infinite;
    pointer-events: none;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-11.6deg);
        transform: translate3d(-100%, 0, 0) skewX(-11.6deg);
    }

    100% {
        -webkit-transform: translate3d(175%, 0, 0) skewX(-11.6deg);
        transform: translate3d(175%, 0, 0) skewX(-11.6deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-11.6deg);
        transform: translate3d(-100%, 0, 0) skewX(-11.6deg);
    }

    100% {
        -webkit-transform: translate3d(175%, 0, 0) skewX(-11.6deg);
        transform: translate3d(175%, 0, 0) skewX(-11.6deg);
    }
}

#infinit-scroll-func {
    margin-top: 20px;
    display: block;
}

#infinit-scroll-loader {
    overflow: hidden;
    margin: 50px auto;
    display: none;
    text-align: center;
}

.gjflex-option {
    position: relative;
    border: 2px solid transparent;
}

    .gjflex-option:before {
        transition: transform .4s ease, opacity .4s ease;
        -o-transition: transform .4s ease, opacity .4s ease;
        -ms-transition: transform .4s ease, opacity .4s ease;
        -webkit-transition: transform .4s ease, opacity .4s ease;
        -moz-transition: transform .4s ease, opacity .4s ease;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: transparent;
        border: 6px solid #e65228;
        content: "";
        opacity: 0.9;
        filter: blur(1px);
        -webkit-filter: blur(1px);
        visibility: hidden;
        pointer-events: none;
    }

    .gjflex-option.flash:before {
        transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        visibility: visible;
        opacity: 0;
    }

#content-change-loader {
    position: absolute;
    top: 2rem;
    right: 0;
    left: 0;
    bottom: 0;
    background: white;
    z-index: 10;
    padding-top: 10em;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

    #content-change-loader.active {
        opacity: 1;
        pointer-events: all;
    }

.linked-products .linked-products-hovertext {
    color: #777;
    font-size: 84%;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    height: 25px;
    line-height: 2.5;
    vertical-align: bottom;
}

.linked-products td {
    padding: 0;
}

.linked-products a {
    width: 70px;
    height: 70px;
    border: 1px solid #a29d9d;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    margin-right: 10px;
}

    .linked-products a:hover {
        border-color: #f15337;
    }

    .linked-products a img {
        max-width: 100% !important;
        height: auto !important;
    }

    .linked-products a .linked-products_text {
        display: none !important;
    }

.cart-action-custom h5 {
    margin-bottom: 3px;
}

.cart-action-custom .btn {
    color: #5f5f5f;
    background-color: #ececec;
    border: 1px solid rgba(0, 0, 0, 0.15);
    min-width: 175px;
    border-left: 0;
}

    .cart-action-custom .btn:hover {
        background-color: #f05537;
        border-color: #f05537;
        color: #fff;
    }

.heading-center .heading-title {
    padding-left: 1rem;
    width: 100%;
    font-weight: 400;
    margin: 2rem 0 .5rem;
}

.heading-center:before {
    content: none;
}

#top_brands {
    border: 1px solid #eee;
    padding: 1px 0 1px 1px;
    margin: 1.5em 0 4em;
    justify-content: space-between;
}

    #top_brands .brand__item {
        margin-left: -1px;
        margin-top: -1px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 140px;
        background: #fff;
        position: relative;
        border: 1px solid transparent;
        margin-top: -1px;
        margin-left: -1px;
        width: 100%;
        transition: border .23s ease;
    }

        #top_brands .brand__item img {
            max-width: 70px;
            transition: opacity .3s ease;
            transform: translateZ(0);
            opacity: .6;
        }

        #top_brands .brand__item .amount {
            top: 140px;
            right: -1px;
            left: -1px;
            position: absolute;
            transition: opacity .23s ease;
            margin-top: -5px;
            font-size: 13px;
            line-height: 1.35;
            text-align: center;
            opacity: 0;
            border-bottom: 1px solid #f04a23;
            border-left: 1px solid #f04a23;
            border-right: 1px solid #f04a23;
            height: 50px;
            background-color: #fff;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        }

            #top_brands .brand__item .amount b {
                color: #f04a23;
            }

        #top_brands .brand__item:hover {
            z-index: 1;
            border-top-color: #f04a23;
            border-right-color: #f04a23;
            border-left-color: #f04a23;
            border-bottom-color: #f04a23;
            cursor: pointer;
        }

            #top_brands .brand__item:hover img, #top_brands .brand__item:hover .amount {
                opacity: 1;
            }

.heading-center .heading-title {
    padding-left: 1rem;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
    font-weight: 400;
    margin: 2rem 0 .5rem;
    border-bottom: 2px solid #eee;
    color: #ef5436;
    font-size: 22px !important;
}

.subcat-mobile {
    display: block;
    padding: 0px 10px 2px;
    background: #fff;
    margin: 10px 0 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

    .subcat-mobile a {
        text-decoration: none;
    }

        .subcat-mobile a:focus {
            text-decoration: none;
        }

    .subcat-mobile .subcat-list {
        margin-left: -10px;
        margin-right: -10px;
        padding-right: 15px;
        padding-left: 15px;
        overflow-y: scroll !important;
        white-space: nowrap;
    }

    .subcat-mobile .subcat-item {
        padding: 0;
        display: block;
        padding: 10px 5px;
        position: relative;
        display: inline-block;
    }

        .subcat-mobile .subcat-item:after {
            content: '';
            width: 100%;
            height: 2px;
            background: #f04a23;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            display: none;
        }

        .subcat-mobile .subcat-item.active:after {
            display: block;
        }

        .subcat-mobile .subcat-item:last-child {
            margin-right: 5px;
        }

        .subcat-mobile .subcat-item:first-child {
            margin-left: 5px;
        }

    .subcat-mobile .subcat-item-icon {
        width: 55px;
    }

    .subcat-mobile p {
        text-align: center;
        margin-bottom: 0;
        font-weight: 600;
        margin-top: 5px;
        line-height: 14px;
        font-size: 14px;
        color: #333;
        text-decoration: none;
    }

@media all and (min-width: 768px) {
    .subcat-mobile {
        display: none;
    }

    .slick-slider.slick-dotted .slick-list {
        border: 1px solid #eee;
    }

    .slick-slider.artlist-grid {
        padding-bottom: 15px;
    }
}

@media (min-width: 576px) {
    /*.subcat-mobile .subcat-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14%;
        flex: 0 0 14%;
        max-width: 14%;
    }*/
}

/*
    Checkout
*/
.custom-checkout-complete {
    text-align: center;
    max-width: 500px;
    width: 100%;
    padding: 40px 20px 15px;
    position: relative;
    border: 2px solid #eee;
    transition: border .5s ease;
    box-shadow: 0 3px 2px 0 rgba(240, 74, 35, 0.2);
    margin: 5em auto 0;
    border-radius: 3px;
}

    .custom-checkout-complete .circle {
        position: absolute;
        top: -45px;
        right: 0;
        left: 0;
        margin: auto;
        background: #eee;
        width: 90px;
        height: 90px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background .5s ease, opacity 0.2s ease;
        opacity: 0;
    }

        .custom-checkout-complete .circle .check {
            stroke-dasharray: 130px 130px;
            stroke-dashoffset: 130px;
            transition: stroke-dashoffset 0.4s ease-in-out 0.7s;
        }

    .custom-checkout-complete .heading:before {
        content: none;
    }

    .custom-checkout-complete .heading-title {
        background: none;
        padding: 0;
    }

    .custom-checkout-complete .btn-warning {
        background: #f04a23;
        border-color: #f04a23;
    }

    .custom-checkout-complete .order-completed-continue-button {
        margin-left: 20px;
    }

    .custom-checkout-complete.active {
        border-color: #f04a23;
    }

        .custom-checkout-complete.active .circle {
            background-color: #f04a23;
            opacity: 1;
        }

        .custom-checkout-complete.active .check {
            stroke-dashoffset: 0;
        }

.pd-static-banner img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .pd-static-banner {
        max-width: 300px;
        min-height: 200px;
        margin: auto;
        text-align: center;
    }
}

@media (min-width: 991px) {
    .has-banner .pd-static-banner {
        width: 140px;
        position: absolute;
        left: 0;
        top: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .has-banner .pd-static-banner {
        width: 50%;
        margin: 0 auto;
    }
}

@media (min-width: 1500px) {
    .has-banner .pd-section-top {
        padding-left: 0px;
    }

    .has-banner .pd-static-banner {
        left: -191px;
        width: 170px;
    }
}

@media all and (max-width: 768px) {
    .custom-checkout-complete {
        width: 100%;
        display: block;
        margin: 4em 0 0;
        background: #fff;
        padding: 20px 5px;
    }
}

/*
    Product soon
*/
.product_soon {
    position: relative;
}

    .product_soon:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 30%;
        background: url("/Content/Images/cheh.png") left center/contain no-repeat;
        width: 100%;
        height: 90px;
        pointer-events: none;
    }

    .product_soon#pd-gallery-container::after {
        bottom: 10%;
        height: 140px;
    }

.artlist-4-cols .product_soon::after {
    bottom: 25% !important;
}

@media all and (max-width: 768px) {
    .product_soon:after {
        margin: 0 5px;
    }

    .product_soon#pd-gallery-container-inner::after {
        height: 110px;
    }
}

/* Content */
#dailyTopProduct {
    margin: 5em 0;
}

.top-product-wrapper {
    background: #fff;
    border: 2px solid #ebebeb;
    max-width: 900px;
    margin: auto;
}

.top-product-details {
    padding: 15px;
}

    .top-product-details a:not(.btn-primary) {
        padding-top: 1em;
        color: #f14924;
    }

    .top-product-details p {
        margin-bottom: 20px;
    }

    .top-product-details h1 small {
        font-size: 22px;
        position: relative;
    }

        .top-product-details h1 small:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 3px;
            background: #f14924;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
            transform: rotate(-10deg);
        }

    .top-product-details .product-icons-info {
        display: flex;
        align-items: center;
        padding-top: 7px;
        margin: 0 !important;
    }

.top-product-imgwrapper {
    flex: 1.5 0 0;
    position: relative;
}

.top-product-shapes {
    position: absolute;
    background: #e4563f;
    width: 20px;
    height: 15px;
    display: none;
}

    .top-product-shapes.top {
        top: -15px;
        right: -16px;
        clip-path: polygon(20% 0%, 0% 100%, 100% 150%, 20% 0%);
    }

    .top-product-shapes.bottom {
        bottom: -15px;
        right: 33px;
        clip-path: polygon(0 0%, 100% 0%, 88% 0, 0% 100%);
    }

.top-product-image {
    padding: 0;
    margin: -15px 0 -15px -55px;
    transform: translateZ(0) skew(-10deg);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 350px;
    background: #e3553e;
    background: linear-gradient(33deg, #e3553e, #f39c75);
    overflow: hidden;
    text-align: center;
    margin-right: 40px;
}

.top-product-slide {
    transform: translateZ(0) skew(10deg);
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-product-slide_icon {
    position: absolute;
    bottom: 0;
    top: 0;
    background: white;
    width: 35px;
    height: 35px;
    margin: auto;
    border-radius: 50px;
    vertical-align: middle;
    line-height: 2;
    box-shadow: 0px 7px 22px 0px rgba(0, 0, 0, 0.12);
    color: #e4573f;
    align-self: center;
    display: flex !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    font-size: 18px !important;
}

    .top-product-slide_icon.right {
        right: -15px;
    }

    .top-product-slide_icon.left {
        left: -15px;
    }

.top-product-slide ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    list-style: none;
    white-space: nowrap;
    padding: 0;
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin: auto;
    justify-content: space-between;
    z-index: 0;
}

    .top-product-slide ul li {
        display: inline-block;
        float: none;
        flex: 3 0 auto;
        width: 100%;
        transition: transform .3s ease, opacity .2s ease;
        opacity: 0;
    }

        .top-product-slide ul li img {
            max-width: 75%;
        }

        .top-product-slide ul li.active {
            opacity: 1;
        }

.top-product-details {
    flex: 2 0 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.top-product-banner {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #f14924;
    padding: 7px 0 8px;
    width: 135px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}

    .top-product-banner:before {
        content: "";
        position: absolute;
        bottom: -12px;
        -webkit-clip-path: polygon(0 0%, 100% 0%, 88% 0, 0% 100%);
        clip-path: polygon(0 0%, 100% 0%, 88% 0, 0% 100%);
        background: #a82a15;
        width: 16px;
        height: 12px;
        right: -2px;
    }

@supports (-webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%)) or (clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%)) {
    .top-product-image {
        -webkit-clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
        clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
        transform: translateZ(0);
        margin-right: 0;
    }

    .top-product-slide {
        transform: translateZ(0);
    }

    .top-product-shapes {
        display: block;
    }

    @media all and (max-width: 768px) {
        .top-product-wrapper {
            flex-direction: column;
        }

        .top-product-shapes {
            display: none !important;
        }

        .top-product-image {
            margin: 0;
            clip-path: none;
            overflow: unset;
        }
    }
}

@media all and (max-width: 992px) {
    .top-product-shapes.bottom {
        right: 21px;
    }
}

@media all and (max-width: 768px) {
    .search-results {
        margin-top: 0 !important;
    }

    .search-page .page-title {
        padding: 0px 10px 2px;
        background: #fff;
        margin: 5px 0 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    }

    .search-page .artlist-actions.artlist-actions--top {
        background: #fff;
        padding: 5px 5px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 15px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    }

    .top-product {
        padding: 10px 6px;
    }

        .top-product .row.pd-offer-actions .col {
            width: 100%;
            display: block;
            flex: 0 0 auto;
        }

    .top-product-banner {
        top: 10px;
        position: relative;
        overflow: hidden;
        left: 0;
        top: 0;
    }

    .top-product-details {
        flex: auto;
    }

    .top-product-wrapper {
        flex-direction: column;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        border: 0;
    }

    .top-product-shapes {
        display: none !important;
    }

    .top-product-image {
        margin: 0;
        clip-path: none;
        overflow: unset;
        transform: translateZ(0);
        margin-right: 0;
        height: 300px;
    }

    .top-product-slide {
        transform: translateZ(0);
    }
}

/*.pd-also-purchased .artlist-carousel,
#gj-recently-viewed .artlist-carousel {
  overflow: inherit; }*/

.pd-also-purchased .slick-list,
#gj-recently-viewed .slick-list {
    padding: 10px 3px;
}

.pd-also-purchased .slick-arrow,
#gj-recently-viewed .slick-arrow {
    background: transparent;
    border: none;
    background: none;
    /*position: absolute;*/
    /*top: 50%;*/
    /*-webkit-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    cursor: pointer;
    opacity: 1;
    border: none;
    box-shadow: none;
}

    .pd-also-purchased .slick-arrow:focus,
    #gj-recently-viewed .slick-arrow:focus {
        outline: 0;
    }

    .pd-also-purchased .slick-arrow svg,
    #gj-recently-viewed .slick-arrow svg {
        width: 30px;
        vertical-align: middle;
        fill: #b4b4b3;
    }

    .pd-also-purchased .slick-arrow.slick-next,
    #gj-recently-viewed .slick-arrow.slick-next {
        right: -40px;
        left: auto;
    }

    .pd-also-purchased .slick-arrow.slick-prev,
    #gj-recently-viewed .slick-arrow.slick-prev {
        left: -40px;
        right: auto;
    }

    .pd-also-purchased .slick-arrow.slick-disabled svg,
    #gj-recently-viewed .slick-arrow.slick-disabled svg {
        fill: #ddd;
    }

.pd-also-purchased .art-picture-block,
#gj-recently-viewed .art-picture-block {
    padding: 20px;
}

.pd-also-purchased .art-info-block,
#gj-recently-viewed .art-info-block {
    padding: 5px 0;
}

.pd-also-purchased .art-name > a,
#gj-recently-viewed .art-name > a {
    display: inline-block;
    min-height: 40px;
    padding: 0 2px;
}

#related-products .img-center-container {
    padding-top: 80%;
}

.checkout-data .artlist-grid:not(.artlist-boxed).artlist::after {
    display: none;
}

#also-pur .artlist-grid:not(.artlist-boxed).artlist::after {
    display: none;
}

#gj-recently-viewed .artlist-grid:not(.artlist-boxed).artlist::after {
    display: none;
}

#gj-recently-viewed .slick-list {
    flex-grow: 1;
}

.slick-list .draggable {
    flex-grow: 1;
}

.pd-also-purchased .slick-list {
    flex-grow: 1;
}

@media (min-width: 768px) {
    .pd-also-purchased .art, #gj-recently-viewed .art {
        padding: 0 !important;
        border-color: transparent !important;
    }

    #related-products .art {
        padding: 0px;
    }

        #related-products .art .art-inner {
            padding: 10px;
        }

        #related-products .art:hover .art-inner {
            box-shadow: 0 2px 5px 0 #ddd;
        }
}

@media (max-width: 768px) {
    .pd-also-purchased .art-picture-block,
    #gj-recently-viewed .art-picture-block {
        padding: 3px;
        margin-bottom: 0;
    }

    .pd-also-purchased .img-center-container,
    #gj-recently-viewed .img-center-container {
        padding-top: 80%;
    }

    .pd-also-purchased .artlist-carousel,
    #gj-recently-viewed .artlist-carousel {
        overflow: auto;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .small-footer_container .footer-logos_item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/*.catmenu-path-item.expanded:nth-child(2) {padding-left: 1.8rem;}

.catmenu-path-item.expanded:nth-child(3) {padding-left: 2.2rem;}

.catmenu-path-item.expanded:nth-child(4) {padding-left: 2.6rem;}

.catmenu-path-item.expanded:nth-child(5) {padding-left: 3rem;}*/
.menu-skeleton-list {
    list-style: none;
    padding: 0;
    padding-top: 67px;
    background: #ef5436;
}

    .menu-skeleton-list li {
        height: 63px;
        background: #fff;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #ebebeb;
        display: flex;
        align-items: center;
        padding-left: 50px;
    }

        .menu-skeleton-list li span {
            height: 10px;
            width: 100px;
            background: #ddd;
        }

        .menu-skeleton-list li:before {
            background: linear-gradient(to right, transparent, #e4e4e4, transparent);
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            animation: skeleton 2s ease infinite;
        }

@keyframes skeleton {
    0% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(100%, 0, 0);
    }
}

@media (max-width: 991px) {
    [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    /*.row {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }*/
    .page-main {
        background: #EBEBEC;
    }
    /*  .shopbar-tools {
    -moz-transition: box-shadow .3s ease, padding .3s ease;
    -o-transition: box-shadow .3s ease, padding .3s ease;
    -webkit-transition: box-shadow .3s ease, padding .3s ease;
    transition: box-shadow .3s ease, padding .3s ease; }*/
    .shopbar-tools.fixedOnScroll {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        padding: 0.5rem 0 0.5rem 0;
        margin-right: 1.1rem;
    }

        .shopbar-tools.fixedOnScroll a {
            color: #222;
        }

    .fixedElementProductPage .zopim {
        bottom: 80px !important;
    }

    .fixedElementProductPage #footer .footer-bottom {
        padding-bottom: 11em;
    }

    .pd-offer-actions {
        background: #fff;
    }

        .pd-offer-actions.fixedOnScroll {
            box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.24);
            padding: 10px;
            bottom: 0px !important;
        }

            .pd-offer-actions.fixedOnScroll .pd-offer-action-qty {
                display: none !important;
            }

            .pd-offer-actions.fixedOnScroll .show > .dropdown-menu {
                bottom: 50px;
                top: auto;
            }

    #footer .footer-bottom {
        padding-bottom: 7.5em;
    }

    .homepage-cat {
        padding: 0 5px;
        margin-top: 1em;
        display: block !important;
    }

    .homepage-cat_item {
        background: #fff;
        text-align: center;
        flex: 1;
        padding: 0;
        position: relative;
        overflow: hidden;
    }

        .homepage-cat_item:not(:last-child) {
            border-right: 1px solid whitesmoke;
        }

        .homepage-cat_item .homepage-cat_title {
            padding: 0 5px;
        }

        .homepage-cat_item .art-name {
            color: #222;
            font-weight: 400;
            font-size: .8rem;
            width: 100%;
            height: 33px;
            align-items: center;
            display: flex;
            justify-content: center;
        }

    .homepage-cat_wrapper {
        margin: 1em 0 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        padding: 0;
        border-radius: 3px;
    }

    .homepage-cat_image {
        height: 115px;
        background: center center /contain no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .homepage-cat_image i {
            font-size: 40px !important;
        }

    .product-grid {
        overflow: initial;
    }

        .product-grid .slick-slider {
            margin-bottom: 45px !important;
        }

        .product-grid .slick-dots {
            bottom: -35px;
        }

            .product-grid .slick-dots button {
                background: #d0d0d0;
            }

        .product-grid .heading:before {
            content: none;
        }

        .product-grid .heading-title {
            color: #464a4c;
            line-height: 18px;
            background: transparent;
            width: 100%;
            font-weight: 500;
            margin: 25px 0 0;
            text-align: center !important;
        }

    .artlist-lines .art-inner {
        display: flex;
        width: 100%;
    }

        .artlist-lines .art-inner .art-picture-block {
            flex: 1;
            max-width: unset;
            width: auto;
            margin: auto;
        }

        .artlist-lines .art-inner .art-data-block {
            flex: 1.5;
            padding: 0;
            border-left: 1px solid whitesmoke;
        }

        .artlist-lines .art-inner .art-price-block {
            border: 0;
            padding: 0 10px;
        }

        .artlist-lines .art-inner .art-name {
            padding: 0;
        }

        .artlist-lines .art-inner .art-price {
            text-align: left;
        }

        .artlist-lines .art-inner .art-info-block {
            padding: 10px 5px 10px 10px;
            text-align: left;
        }

        .artlist-lines .art-inner .art-actions-block {
            padding: 0;
        }

    .artlist-lines .art {
        border: 0;
    }

    .artlist-lines .hour48.img-icon {
        left: 29%;
    }

    .manufacturer-page .page-title,
    .category-page .page-title {
        padding: 10px 10px 2px;
        background: #Fff;
        margin: 5px 0 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    }

    .manufacturer-page .artlist-actions.artlist-actions--top,
    .category-page .artlist-actions.artlist-actions--top {
        background: #fff;
        padding: 5px 5px 0;
        justify-content: center;
        margin: 0 0 15px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    }

        .manufacturer-page .artlist-actions.artlist-actions--top .artlist-action-group,
        .category-page .artlist-actions.artlist-actions--top .artlist-action-group {
            padding-bottom: 7px;
        }

    #featured-banners {
        margin: 35px 6px 20px;
    }

        #featured-banners img {
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        }

        #featured-banners .col-md-6:nth-child(1) {
            margin-bottom: 5px;
            padding-bottom: 5px;
            border-bottom: none;
        }

    .artlist-carousel {
        margin: 0 -5px;
    }

        .artlist-carousel .artlist-grid {
            overflow-y: scroll !important;
            justify-content: flex-start;
        }

            .artlist-carousel .artlist-grid .art {
                flex: 0 0 33.33333%;
                max-width: 33.33333%;
            }

                .artlist-carousel .artlist-grid .art:first-of-type {
                    margin-left: 5px;
                }

    .artlist-grid {
        justify-content: center;
        margin-bottom: 0.7rem;
    }

        .artlist-grid .art {
            border: 0;
            padding: 5px !important;
            min-height: 229px;
        }

    .art {
        padding: 5px;
    }

    .art-inner {
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        position: relative;
        overflow: hidden;
    }

        .art-inner .img-center-container img {
            padding: 5px;
        }

        .art-inner .art-name {
            padding: 0 5px;
        }

        .art-inner .art-price {
            font-weight: 500;
            font-size: 1.25rem;
            color: rgba(240, 75, 40, 0.78);
        }

        .art-inner .art-price-block {
            border-top: none;
            padding: 5px 5px;
            margin-top: 0;
        }

    .art-data-block {
        text-align: center;
    }

    .hour48.img-icon {
        max-width: 35px;
        right: 12px;
        top: 10px;
    }

    #content-body, #content {
        margin-top: 0 !important;
    }

        #content-body .btn-edit-product {
            display: inline-block;
            top: 0;
            padding: 5px;
            left: 20px;
            right: unset;
            background: #f04b28;
            color: white;
        }

        #content-body .btn-edit-category {
            display: inline-block;
            top: 0;
            padding: 5px;
            left: 20px;
            right: unset;
            background: #f04b28;
            color: white;
        }

    .pd-data-col, .pd-info-col {
        background-color: #fff;
    }

    .pd-info-col {
        padding: 2.2rem 1.5rem 0;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    }

    .pd-section {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: 0;
    }

    .pd-section-bottom {
        /*margin: 0 -10px;*/
        box-shadow: none !important;
    }

    .product-icons-info {
        text-align: center;
        margin: 2rem 0 1.3rem;
    }

    #pd-gallery .slick-dots {
        padding-left: 1rem;
    }

    #pd-tabs .nav-link {
        font-size: 1rem;
    }

    #pd-tabs .nav-item .nav-link {
        padding: 1rem 2.2rem 1rem 1.25rem;
    }

    .zopim {
        z-index: 100 !important;
        /*margin-top: -70px !important;*/
        /*transform: translateY(-55px) !important;*/
        position: fixed !important;
    }

    .linked-products table {
        margin-top: 10px;
    }

    .linked-products a {
        width: 80px;
        height: 80px;
        text-align: center;
    }

        .linked-products a img {
            height: 40px !important;
            width: auto;
        }

        .linked-products a .linked-products_text {
            height: 25px;
            text-align: center;
            font-size: 10px;
            overflow: hidden;
            padding-top: 2px;
            display: block !important;
        }

    #content-change-loader {
        top: 0 !important;
    }

    .mobile-wrapper {
        background: #fff;
        margin: 0;
        padding: 5px 20px;
    }

        .mobile-wrapper .row {
            margin: 0;
        }
    /*.cart-footer {
        padding: 1rem 1.5rem;
    }

    .deliverytime-group {
        margin: 0 -5px;
    }*/
    #cart-items [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .comment-box.card {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    }

    #buynow-popup {
        background-color: white;
    }

        #buynow-popup h5 {
            font-size: 13px;
            margin-bottom: 4px;
            font-weight: 600;
        }

        #buynow-popup img {
            max-height: 100%;
        }

    #top_brands {
        border: none;
        overflow-y: scroll;
        flex-wrap: nowrap !important;
        margin: 1.5em -10px 2em;
        justify-content: flex-start !important;
    }

        #top_brands .brand__item {
            border-color: #eee;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            margin: 0 10px;
            flex: 0 0 45%;
            max-width: 45%;
            margin: 0 4.3px;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
            padding: 0;
            border: 0;
            overflow: hidden;
            border-radius: 3px;
            height: 180px;
        }

            #top_brands .brand__item:first-child {
                margin-left: 15px;
            }

            #top_brands .brand__item img {
                opacity: 1;
            }

            #top_brands .brand__item .amount {
                opacity: 1;
                position: relative;
                height: auto;
                top: auto;
                box-shadow: none;
                line-height: 1.6;
                width: 100%;
                border: 0;
            }

    #offcanvas-menu .category-container .ocm-item .ocm-link {
        width: 75%;
        padding-right: 0;
        padding-left: 15px;
    }

    .heading-center .heading-title {
        color: #ef5436;
        padding-bottom: 10px;
        line-height: 22px;
        background: transparent;
        width: 100%;
        font-weight: 500;
        margin: 25px 0 0;
        text-align: center !important;
    }

    .order-details-top {
        padding: 15px 15px 0;
        position: relative;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: .25rem;
        margin-bottom: 15px;
    }

    .contact-page {
        padding: 0 10px;
    }

        .contact-page .page-title {
            padding: 10px 10px 2px;
            background: #fff;
            margin: 5px 0 0;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: -15px;
        }

        .contact-page .more-less {
            background: #fff;
            padding: 15px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 0 15px;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        }

        .contact-page .btn-text-expander--expand,
        .contact-page .btn-text-expander--collapse {
            padding: 5px;
            text-align: center;
        }

        .contact-page .contact-form {
            padding: 10px 0;
        }
}

@media (max-width: 575px) {
    .artlist-carousel .artlist-grid .art {
        flex: 0 0 46%;
        max-width: 46%;
    }
    .withBackAndPadd {
        background: #f7f7f9;
        padding: 10px 12px 0px 10px;
        border-radius: 6px 6px 0px 0px;
    }

        .withBackAndPadd .pd-offer-price {
            margin-bottom: 0px;
        }

            .withBackAndPadd .pd-offer-price .pd-group:nth-last-of-type(1) {
                margin-bottom: 0px;
            }

                .withBackAndPadd .pd-offer-price .pd-group:nth-last-of-type(1) > * {
                    margin-bottom: 0px;
                }

        .withBackAndPadd + .pd-stock-info-container {
            background: #f7f7f9;
            padding: 10px 12px 1px;
            border-radius: 0px 0px 6px 6px;
        }

    .btnCleaner .col:nth-of-type(1) {
        padding-right: 10px;
    }

    #add-to-cart-gallery.addToChartMobile {
        top: -24px;
        right: 8px;
    }

    .artlist-carousel .artlist-grid .art:first-of-type {
        margin-left: 0px;
    }

    #gj-recently-viewed {
        margin: 0px 5px;
    }

    .moreMobilePadd .pd-brand {
        font-size: 16px;
        margin-bottom: 5px;
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .megamenu-container {
        /*width: 1215px;*/
    }

    a.megamenu-nav-btn.btn.btn-icon {
        display: none;
    }
}

@media (max-width: 1505px) and (min-width: 992px) {
    .megamenu-section .megamenu {
        width: 100% !important;
    }

    .page-main {
        /*padding-top: 155px !important;*/
    }
}

@media (max-width: 1200px) {
    #header .free-dev-head {
        display: none;
    }
}

@media (max-width: 768px) {
    .shopbar-container .shopbar {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .tablet-navbar-show {
        position: static !important;
        visibility: visible !important;
        pointer-events: visible !important;
    }
}

@media (min-width: 1505px) {
    .page-main {
        /*padding-top: 140px !important;*/
    }
}

@media (max-width: 768px) {
    .addToChartMobile {
        display: none !important;
    }

    .page-main {
        /*padding-top:120px !important;*/
    }
    /*.breadcrumb-container{
        padding-top:25px;
    }*/
}

.breadcrumb-container {
    padding-top: 25px;
}

@media (min-width: 850px) and (max-width: 1025px) {
    .breadcrumb-container {
        padding-top: 60px;
    }
}
.zopim {
    position: fixed !important;
}

@media (max-width: 1024px) {
    .homepage-sliders-wrapper:after {
        background: transparent !important;
    }
}

@media (max-width: 768px) {
    /* touched */
    /*  .outerHeader {
    top: -50px; }*/
    /*  #shopbar-cart, #shopbar-menu {
    transition: transform .3s ease .1s; }*/
    /*  .shopbar-search {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    transition: max-width .3s ease; }*/
    /*.scrolled-header {*/
    /*flex-direction: column !important;*/
    /*.shop-logo,
        #shopbar-user {
            display: none !important;
        }*/
    /*.shopbar-search {
            width: 100%;
            margin: 0 auto;
        }

        .shopbar-section {
            flex-grow: 0 !important;
            margin: 0 auto;
            width: 80% !important;
        }

        .shopbar-col-group.shopbar-col-group-brand {
            padding: 9px 15px 0px;
        }*/
    /*.shopbar-tools {
            position: absolute;
            z-index: 999;
            top: 12px;
        }*/ /*}*/
    /* touched */
    /*    .scrolled-header .shopbar-search {
      max-width: 75%; }*/
}

@media (min-width: 992px) and (max-width: 1200px) {
    header#header .shopbar-tool.d-lg-none {
        display: block !important;
    }
    /*  header#header .shopbar-col.shopbar-tools {
    padding-bottom: 20px; }*/
    /* touched */
    /*  header#header.scrolled-header {
    top: 60px !important; }*/
    .product-grid {
        overflow: scroll;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .cart-buttons a.btn, .cart-buttons button.btn {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 767.98px) and (max-width: 991.98px) {
    .has-banner .pd-section-top {
        padding-left: 0;
    }

    .cart-buttons > div {
        flex: 0 0 10%;
    }
}

@-moz-document url-prefix() {
    @media (max-width: 769px) {
        #add-to-cart-gallery {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 992px) {
        .has-banner .pd-section-top {
            padding-left: 0;
        }
    }
}

@media (min-width: 799.98px) and (max-width: 805px) {
    .has-banner .pd-section-top {
        padding-left: 0;
    }

    .cart-buttons > div {
        flex: 0 0 10%;
    }
}

@media (min-width: 1025px) {
    /* touched */
    .ff-mobile__outerHeader {
        /*    max-height: 87px;
    margin-bottom: 66px;*/
        top: 0;
        margin-bottom: 61px;
    }
}

@media (min-width: 1024px) {
    /* touched  */
    /*  .scrolled-header .shopbar-section {
    transform: translateY(70px); }*/
    /*.ff-mobile__outerHeader{
        max-height: 89px;
    }*/
}

@media (min-width: 1024px) and (max-width: 1500px) {
    header#header .megamenu-section {
        overflow: visible;
    }

    header#header .free-dev-head {
        display: none;
    }
}

/* touched */
/*@media (min-width: 1024px) and (max-width: 1300px) {
  header#header .megamenu-section .navbar-nav .nav-item {
    margin-left: 0 !important; } }*/

@media (min-width: 1025px) and (max-width: 1200px) {
    header#header .menubar-section {
        display: none !important;
    }

    header#header .megamenu-nav.megamenu-nav--next {
        display: none !important;
    }

    header#header .shopbar-section {
        border-bottom: none;
    }
    /* touched */
    /*  header#header .shopbar {
    margin-top: -150px; }*/
    header#header #shopbar-menu {
        display: none !important;
    }

    header#header .shopbar-button {
        text-align: center;
    }

        header#header .shopbar-button .shopbar-button-label-sm {
            display: block !important;
        }
    /* touched */
    /*  header#header.scrolled-header {
    top: 0 !important; }*/
    /* touched */
    /*    header#header.scrolled-header .shopbar-section {
      transform: translateY(75px);
      padding-top: 0px !important; }*/
    header#header.scrolled-header .shopbar {
        margin-top: 0px;
    }
}

@media (min-width: 767.98px) and (max-width: 1025px) {
    /* touched */
    /*.outerHeader {
    top: 0; }*/
}

@media (max-width: 1025px) {
    .sm-coupon-cotainer {
        top: auto !important;
        bottom: 0;
        padding: 3px !important;
        border-bottom: 0 !important;
    }

    .page-main {
        padding-top: 0 !important;
    }

    .gjm-cart-items .cart-carousel .cart-items {
        display: flex;
    }

        .gjm-cart-items .cart-carousel .cart-items .cart-item {
            width: 33%;
        }

    header#header {
        padding: 0;
        /*.shopbar-col.shopbar-tools {
            margin-top: -70px;
        }*/
    }

        /*header#header .ff-mobile__tablet-navbar {
            display: none !important;
        }*/

        header#header .menubar-section {
            display: none !important;
        }

        header#header .shopbar-button .shopbar-button-icon {
            font-size: 22px;
        }

        header#header .shopbar-container {
            justify-content: flex-start !important;
            /*min-width:122px;k*/
        }
        /* touched */
        /*    header#header .shopbar {
      position: absolute;
      margin: 0;
      width: 100%;
      justify-content: flex-start;
      top: 10px; }*/
        /* teouched */
        /*    header#header .shop-logo {
      position: absolute;
      top: 18px;
      left: 45px;
      z-index: 9; }*/
        /*    header#header #shopbar-menu .shopbar-button-icon i {
      padding-top: 3px; }*/
        header#header .search-area-mob {
            padding-bottom: 0 !important;
        }
        /* touched */
        /*    header#header .shopbar-col.shopbar-search {
      margin-left: 255px;
      margin-right: 280px; }*/
        header#header .shopbar-col.shopbar-search form {
            z-index: 9;
        }

        header#header .shopbar-tool#shopbar-user {
            transition: .3s ease .1s;
        }

        header#header .shopbar-button .shopbar-button-label-sm {
            display: block !important;
        }
    /* touched */
    /*  header#header.scrolled-header {
    transform: translateY(0px);
    top: 0 !important;
    position: static; }*/
    /* touched */
    /*    header#header.scrolled-header .shopbar-section {
      transform: none; }*/
}

@media (max-width: 992px) {
    .sm-coupon-cotainer #close-ftime {
        display: block !important;
        width: 35px;
        height: 35px;
        background: #fff;
        border-radius: 100%;
        position: absolute;
        text-align: center;
        right: 10px;
        top: -21px;
        border: 2px solid #fa551a;
        font-size: 16px;
        color: #fa551a;
    }

        .sm-coupon-cotainer #close-ftime i {
            line-height: 31px;
        }
}

@media (max-width: 991.98px) {
    /* touched */
    /*  header#header .shopbar-tool#shopbar-compare, header#header .shopbar-tool#shopbar-wishlist {
    display: block !important; }*/
    header#header .shopbar-tool#shopbar-compare .shopbar-button-label-sm, header#header .shopbar-tool#shopbar-wishlist .shopbar-button-label-sm {
        display: none;
    }

    header#header .shopbar-button .shopbar-button-label-sm {
        display: none !important;
    }
    /* touched */
    /*  header#header .shopbar-col.shopbar-search {
    margin-left: 255px;
    margin-right: 190px; }*/
    header#header .shopbar-col-group.shopbar-col-group-tools {
        padding: 0;
    }
    /* touched */
    /*  header#header.scrolled-header {
    transform: translateY(0px); }*/
    header#header.scrolled-header .shopbar-section {
        position: relative;
    }

    footer#global-footer {
        height: auto;
    }
}

@media (max-width: 768.98px) {
    .home-page.isTablet .gjm-cart-items .cart-carousel .cart-items {
        overflow-y: visible !important;
    }
    /*.homepage-sliders-wrapper {
        padding-top: 115px;
    }*/
    header#header .shop-logo.gjirafa-joy-logo {
        padding-left: 0;
    }

        header#header .shop-logo.gjirafa-joy-logo a {
            text-align: left;
        }

        header#header .shop-logo.gjirafa-joy-logo img {
            max-width: 70% !important;
        }
    /* touched */
    /*  header#header .shop-logo {
    position: absolute;
    top: 7px;
    left: 40px; }*/
    header#header .shop-logo .brand {
        padding-left: .375rem;
    }
    /* touched */
    /*  header#header .shopbar-col.shopbar-tools {
    margin-top: -70px; }*/
    /*  header#header .shopbar-col.shopbar-search {
    margin: 0; }*/
    /* touched */
    /*  header#header .shopbar-col.shopbar-tools {
    margin-top: 0px; }*/
    /* touched */
    /*  header#header .shopbar {
    position: static; }*/
    /*header#header.scrolled-header {*/
    /*min-height: 135px;*/
    /*transform: translateY(-40px); }*/
    /*    header#header.scrolled-header .shopbar-tool#shopbar-user {
      transform: translateY(50px);
      transition: .3s ease .1s; }*/
    /* touched */
    /*    header#header.scrolled-header .shopbar-col.shopbar-search {
      margin-left: 35px;
      margin-right: 100px;
      max-width: none; }*/
    /* touched */
    /*    header#header.scrolled-header .shopbar-tool#shopbar-compare, header#header.scrolled-header .shopbar-tool#shopbar-wishlist {
      display: none !important; }*/
    /* touched */
    /*    header#header.scrolled-header #shopbar-cart, header#header.scrolled-header #shopbar-menu {
      transform: translateY(50px); }*/
    /*    header#header.scrolled-header .shopbar-container {
      transform: none; }*/
    /* touched */
    /*    header#header.scrolled-header .shopbar-section {
      transform: translateY(0px); }*/
    footer#footer {
        margin-top: 0;
    }

    a#infinit-scroll-func {
        margin-bottom: 40px;
    }
}

@media (min-width: 767.98px) and (max-width: 768.98px) {
    .gjm-cart-items .gjm-section-title a {
        left: auto !important;
        bottom: auto !important;
        width: auto !important;
    }
}

@media (max-width: 767.98px) {
    .small-footer {
        margin-top: 0 !important;
    }

    .shopbar-go-back-wrapper {
        padding: 0;
        width: 30px;
        height: 30px;
        min-width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0;
    }
}

@media (max-width: 575.98px) {
    /* touched */
    /*  header#header .shopbar-tool#shopbar-compare, header#header .shopbar-tool#shopbar-wishlist {
    display: none !important; }*/
    /*  header#header .shopbar-col.shop-logo {
    opacity: 1 !important;
    transition: .2s ease; }*/
    .recently-viewed-product-grid .art-inner .art-price {
        font-size: 1rem;
    }

    .recently-viewed-product-grid .art-inner .art-oldprice {
        font-size: 0.85rem !important;
    }
}

@media (max-width: 768px) {
    .checkout-h3 {
        margin-left: 1rem;
    }

    .billing-addres-h3 {
        margin-left: 1rem;
    }

    .shipping-option-description {
        margin-left: 1.1rem;
    }

    .compare-products-page {
        padding-top: 15px;
    }

        .compare-products-page .heading:before {
            display: none;
        }

        .compare-products-page .heading .heading-title {
            background-color: transparent;
            font-size: 1.25rem !important;
        }
}

.mallSupport-wrapper {
    width: 100%;
}

@media (max-width: 576px) {
    .container.row, .megamenu-dropdown-container.simple .row.dropdown-menu-inner {
        margin-left: 0;
        margin-right: 0;
    }

    .mallSupport-answers-inner {
        flex-direction: column;
    }

    .payment-checkout-li:last-child,
    .payment-checkout-li:nth-last-child(2) {
        flex-direction: column;
    }
}

/*
.how-to-buy-online {
    display: flex;
    max-width: 100%;
}

.how-to-buy-online-container {
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    background-color: #F7F7F9;
    width: 100%;
}

    .how-to-buy-online-container .how-to-buy-img {
        margin-left: 5px;
    }

    .how-to-buy-online-container .how-to-buy-img {
        margin: 0 10px;
    }

.how-to-buy-online > img {
    object-fit: cover;
    height: 70px;
}

.how-to-buy-img {
    cursor: pointer;
}*/



.how-to-buy-pcb-img {
    border-radius: 10px;
}

    .how-to-buy-pcb-img > img {
        object-fit: contain;
        max-height: 100px;
        max-width: 100%;
        border-radius: 0.25rem;
        transition: all .2s ease-in-out;
    }

@media (hover: hover) and (pointer: fine) {
    .how-to-buy-pcb-img > img:hover {
        transform: scale(1.3);
    }
}



.video-popup-container {
    visibility: hidden;
    display: block;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    opacity: 1;
}

.active-popup {
    visibility: visible !important;
}

#how-to-video-frame {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}



.cursor-pointer {
    cursor: pointer;
}
/*.close-first-div {
    background-color: #fff;
    height: 3px;
    width: 100%;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    transform: rotateX(45deg)
    
}
.close-second-div {
    background-color: #fff;
    height: 3px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

.minitopbanner__inner {
    text-align: center;
    background-color: var(--mall-primary);
}

    .minitopbanner__inner > span {
        display: block;
        width: 100%;
    }

    .minitopbanner__inner span.tt-capitalize.fw-500 {
        font-weight: 700;
        text-decoration: underline;
    }

    .minitopbanner__inner svg {
        width: 20px;
        height: 20px;
        margin-right: 7px;
    }

    .minitopbanner__inner a {
        display: block;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
    }

        .minitopbanner__inner a:hover {
            color: #ddd;
        }

        .minitopbanner__inner a br {
            display: none;
        }

@media (max-width: 575.98px) {
    .minitopbanner__inner {
        text-align: left;
    }

    .minitopbanner svg {
    }

    .minitopbanner a {
        align-items: center;
    }

        .minitopbanner a br {
            display: block;
        }
}

/*GjFeeds Landing*/
.gl-banner img {
    width: 100%;
}

.landing-products {
    max-width: 1480px;
    margin: auto;
}

    .landing-products .artlist-grid:after {
        content: none !important;
    }

.landing-item {
    padding: 7px !important;
    border: 0;
}

    .landing-item .img-center-container {
        padding-top: 75%;
    }

    .landing-item .art-inner {
        background: #fff;
        border-radius: 10px;
        border: 1px solid #eee;
        padding: 10px;
        position: relative;
        transition: box-shadow .4s ease;
    }

        .landing-item .art-inner:hover {
            box-shadow: 0 3px 7px -2px rgba(0, 0, 0, 0.2);
        }

    .landing-item .landing-dicount {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px;
        background: #f04d24;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        color: #fff;
        text-align: center;
        z-index: 1;
        font-weight: 500;
    }

.view-more-button {
    margin-bottom: 40px !important;
}

    .view-more-button button {
        width: 100%;
        background: #f04d24;
        border-radius: 10px;
        padding: 10px;
        border: 0;
        box-shadow: 0;
        outline: 0;
        color: #fff;
        cursor: pointer;
        font-weight: 500;
    }

.landing-categories {
    margin: auto;
    position: relative;
    z-index: 1;
    padding: 5px;
}

    .landing-categories .landing-cat-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #eee;
        justify-content: space-between;
        padding: 10px 15px;
    }

    .landing-categories .gl-cat {
        transition: background .2s ease;
        border-radius: 10px;
        width: 16%;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

        .landing-categories .gl-cat:hover {
            background: rgba(0, 0, 0, 0.06);
        }

        .landing-categories .gl-cat a {
            padding: 10px 15px;
            display: block;
        }

        .landing-categories .gl-cat .glc-img {
            width: 90px;
            height: 90px;
        }

            .landing-categories .gl-cat .glc-img > div {
                width: 100%;
                height: 100%;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                border-radius: 100%;
            }

        .landing-categories .gl-cat .gl-text {
            font-weight: 600;
            text-align: center;
            margin-top: 10px;
            color: #222;
        }

.landing-minibanners {
    margin-top: -150px;
}

.chat-fc-form-outer div.fc-form ul li input {
    padding: 8px 8px !important;
}

.chat-fc-form-outer div.fc-form ul li {
    margin-bottom: 27px !important;
}

div.chat-fc-form-outer {
    right: auto !important;
    left: 20px;
}

.mini-baner {
    height: 250px;
    padding: 5px;
}

    .mini-baner > div {
        height: 100%;
        padding: 5px;
        border-radius: 10px;
        background: #fff;
        border: 1px solid #eee;
    }

        .mini-baner > div div {
            width: 100%;
            border-radius: inherit;
            height: 100%;
            background-position: center center;
            background-size: cover;
        }

.grid-container {
    display: grid;
    row-gap: 0.5rem;
    grid-template-columns: repeat(12, 1fr);
}

.ocb-button {
    grid-column: 1 /span 13;
}


.product-list-goes-with-wishcard-button {
    position: absolute;
    bottom: 20px;
    width: 80%;
    text-align: right;
}

.product-list-goes-with-wishcard-button-background {
    background: #FFFFFF;
    opacity: 0.8;
}

    .product-list-goes-with-wishcard-button-background:hover {
        opacity: 1;
    }

.add-to-cart-button {
    grid-column: 1 /span 6;
}

.wishlist-button {
    grid-column: 7 /span 13;
}

.btn-add-wishlist {
    min-width: 100%;
}

.btn-primary-outline {
    background-color: #fff;
    border: 2px solid #F04A23;
    color: #F04A23;
    fill: #F04A23;
}

    .btn-primary-outline:hover {
        background-color: #F04A23;
        border: 2px solid #F04A23;
        color: #FFF;
        fill: #FFF;
        border-radius: 0.25rem;
    }

.adjust-btn-size {
    max-width: 54px;
}

aside[id="offcanvas-menu"] {
    max-width: 90%;
}

@media (max-width: 767px) {
    .mini-baner {
        height: 190px;
    }

    .landing-categories .gl-cat {
        width: 33%;
    }

    .landing-minibanners {
        margin-top: 10px;
    }

    #cart-action-coupon-body #organisationId {
        width: 100%;
        padding: 0.5rem;
        outline: none;
    }
}

@media (max-width: 575px) {
    .landing-categories .gl-cat {
        width: 50%;
    }

    .grid-container {
        row-gap: 0.2rem;
    }

    .offcanvas.offcanvas-overlay {
        max-width: 90%;
    }
}

@media (max-width: 640px) {
    .chat-fc-form-outer {
        left: 0 !important;
        right: auto !important;
    }
}

@media screen and (max-width: 500px) {
    .subcat-mobile {
        margin-left: 0px !important;
        margin-right: 0px !important;
        overflow-x: hidden;
    }
    /*#content.container.mt-3 {
        padding-right:0;
        padding-left:0;
    }*/
    .page-title {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

.gjirafaMall-logo-product-page-img {
    object-fit: contain;
    margin-bottom: 0.5rem;
    height: 18px;
    margin-left: 0.5rem;
}

.gjirafaJoy-logo-product-page-img {
    object-fit: contain;
    height: 18px;
    margin-left: 0.3rem;
}

header#header .shop-logo.gjirafa-joy-logo img {
    max-width: 100%;
    object-fit: contain;
}

.donation-logo-wrapper {
    background: #fff;
}

.checkout-joy-logo {
    object-fit: contain;
    height: 45px;
    width: 45px;
    border: 1px solid #EAEAEA;
}

#organisationId {
    width: 100%;
    padding: 0.5rem;
}

.list-group-item.payment-li.opt-list-item.payment-checkout-li.checkout-page-payment-li.payment-method-item.active .opt-data .opt-info-item.payment-method-description p:nth-child(2) > span {
    display: block;
}

.list-group-item.payment-li.opt-list-item.payment-checkout-li.checkout-page-payment-li.payment-method-item .opt-data .opt-info-item.payment-method-description p:nth-child(2) > span {
    display: none;
}

#mock-freshchat {
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 2147483600;
    overflow: hidden;
    cursor: pointer;
    border-radius: 34px 8px 34px 34px;
    box-shadow: 0 5px 4px 0 rgb(0 0 0 / 26%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f04d24;
    color: #333333;
    border-color: transparent #f04d24 transparent transparent;
    transition: transform 0.3s linear;
}

#mock-chat-icon {
    border-radius: 6px 6px 6px 2px;
    height: 17px;
    left: 32%;
    position: absolute;
    top: 37%;
    width: 38%;
    background: #333333;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

    #mock-chat-icon:before {
        border-radius: 2px 2px 2px 2px;
        border-top: 5px;
        content: "";
        height: 2px;
        left: 4px;
        position: absolute;
        top: 5px;
        width: 65%;
        background-color: #f04d24 !important
    }

    #mock-chat-icon:after {
        border-radius: 2px 2px 2px 2px;
        border-top: 5px;
        content: "";
        height: 2px;
        left: 4px;
        position: absolute;
        top: 10px;
        width: 44%;
        background-color: #f04d24 !important;
    }

.object-fit-contain {
    object-fit: contain;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-16 {
    font-size: 16px !important;
}

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

.font-size-12 {
    font-size: 12px;
}
/* ================================================================== RESCTRUCTURING ====================================================================================== */
body {
    --black: #2C2C2C;
    --dark-grey: #6E6E6E;
    --white: #FFF;
    --light-grey: #F5F5F5;
    --mall-primary: #F04D24;
    --mall-primary-dark: #E53B10;
    --mall-primary-light: #F26440;
    --joy-primary: #F54300;
    --joy-primary-dark: #D63900;
    --joy-primary-light: #FF5314;
    --joy-blue: #2E7EFF;
    font-family: 'Inter', sans-serif;
}

#page.gjirafamall .bg-primary {
    background-color: var(--mall-primary) !important;
}

    #page.gjirafamall .bg-primary:hover {
        background-color: var(--mall-primary-dark) !important;
    }

#page.gjirafamall .bg-primary-outline {
    border: 2px solid var(--mall-primary);
    background-color: var(--white);
    color: var(--mall-primary) !important;
}

    #page.gjirafamall .bg-primary-outline:hover {
        border: 2px solid var(--mall-primary-dark);
        background-color: var(--white);
        color: var(--mall-primary-dark) !important;
    }

#page.gjirafamalljoy .bg-primary-outline {
    border: 2px solid var(--joy-primary);
    background-color: var(--white);
    color: var(--joy-primary) !important;
}

    #page.gjirafamalljoy .bg-primary-outline:hover {
        border: 2px solid var(--joy-primary-dark);
        background-color: var(--white);
        color: var(--joy-primary-dark) !important;
    }

#page.gjirafamalljoy .bg-primary {
    background-color: var(--joy-primary) !important;
}

    #page.gjirafamalljoy .bg-primary:hover {
        background-color: var(--joy-primary-dark) !important;
    }

#page.gjirafamall .text-primary {
    color: var(--mall-primary) !important;
}

#page.gjirafamalljoy .text-primary {
    color: var(--joy-primary) !important;
}

header#header .navbar-login-text {
    display: none;
}
/*a.bg-primary:focus, a.bg-primary:hover {
    background-color: #d2330e !important;
}*/
/*  xs    */

.service-links {
    height: 33px;
    width: 33px;
}

.shopbar-icon-wrapper {
    width: 33px;
    height: 33px;
}

.header-menubar-account-icon {
    min-width: 33px;
    height: 33px;
}

@media (max-width: 639px) {
    .container {
        width: 100%;
    }
    /*header#header .shopbar-container, header#header .logo-section {
        width: 50%;
    }*/
    /*.outerHeader.ff-mobile__outerHeader.scrolled-active {
        transform: translateY(-41px);
    }*/
    /*header#header.scrolled-header .shopbar-section > div{
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }*/
    /*header#header.scrolled-header .shopbar-section {*/
    /*order: unset;*/
    /*}*/
    /*header#header.scrolled-header #righ-side-icons {
        transform: translateY(49px);
        z-index: 100;
    }*/
    /*header#header.scrolled-header #shopbar-menu {
        z-index: 100;
        transform: translateY(40px);
    }*/

    header#header .first-section {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    header#header.scrolled-header #righ-side-icons .service-links {
        display: none;
    }

    header#header .shopbar-section .shopbar-col-group {
        padding: 0 !important;
    }

    header#header .shopbar-section {
        width: 100%;
        padding-left: 15px !important;
        padding-right: 15px !important;
        bottom: 14%;
    }
}

@media (max-width: 320px) {
    .shopbar-button-icon img {
        /*margin-right: 5px;*/
    }

    #store-logo {
        margin-right: 0 !important;
    }

    .service-links {
        width: 30px !important;
    }


    .service-links, .shopbar-tool {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #righ-side-icons {
        margin-right: 10px;
    }
}


/*@media (min-width: 375px) and (max-width: 639px) {
    .container {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}*/

.header-padding-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

@media (max-width: 1023px) {
    /*header#header .shopbar-section {
        order: 3;
        width: 100%;
    }
    header#header.scrolled-header .shopbar-section {
        order: unset;
        flex-grow: 1;
        max-width: 70%;
    }*/

    header#header {
        height: 113px;
    }
       
        header#header.scrolled-header {
            position: fixed;
            height: unset;
        }

        header#header .first-section {
            height: 100%;
        }

        header#header .shopbar-section {
            position: absolute;
            left: 50%;
            transition: .2s ease-in-out;
            transform: translateX(-50%);
            flex-grow: 1;
        }

        header#header.scrolled-header .shopbar-section {
            left: unset;
            transition: .2s ease-in-out;
            transform: translateX(0);
        }

        header#header.scrolled-header .shopbar-col.shop-logo {
            display: none !important;
            opacity: 0 !important;
        }
    /* header#header {
        height: 115px;
    }

    header#header .first-section {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
    }

    header#header .first-section .shopbar-section {
        position: absolute;
        bottom: 10%;
        width: 92%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0.5rem;
    }
    header#header.scrolled-header .first-section .shopbar-section {
        width: 60%;
        bottom: 20%;
        left: 45%;
    }
    header#header.scrolled-header .dropdown.service-links {
        display: none;
    }
    header#header.scrolled-header .shopbar-button {
        transform: translateX(10px);
    }
    header#header.scrolled-header #righ-side-icons {
        transform: translateX(-10px);
    }
    header#header.scrolled-header #store-logo {
        display: none;
    }*/
}
/*  sm   */

@media (min-width:320px) and (max-width:450px) {
    header#header .logo-section {
        max-width: 190px;
    }
}

@media (min-width:640px) and (max-width:1022px) {
    .top-nav-bar {
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media (min-width:648px) and (max-width:1023px) {
    header#header .logo-section {
        width: 7%;
    }

    .shopbar-section {
        max-width: 100%;
        /*padding:0 15px 0;*/
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }

    header#header .navbar-login-text {
        display: block;
    }

    header#header .shopbar-section {
        width: 97%;
        bottom: 11%;
    }

    /*header#header .shopbar-section {
        order: 3;
        flex-grow: 1;
        width: 100%;
        margin-top: 0.5rem;
    }*/
    /*.outerHeader.ff-mobile__outerHeader.scrolled-active {
        transform: translateY(-41px);
    }*/
    /*header#header.scrolled-header .shopbar-section > div {
        width: 70%;
        order: unset;
    }*/
    /*header#header.scrolled-header #shopbar-menu, header#header.scrolled-header #righ-side-icons {
        transform: translateY(49px);
    }*/
}
/*  md   */
@media (min-width: 768px) {
    .container {
        max-width: 740px;
    }
}
/*  lg   */
@media (min-width: 1025px) {
    .container {
        max-width: 992px;
    }

    .scrolled-header .shopbar-section {
        transform: translateY(55px);
    }

    header#header .shopbar-section {
        width:61%;
        /*flex-grow: 1;*/
    }

        header#header .shopbar-section > div.shopbar-col-group-brand {
            /*margin: 0 auto;*/
            /*width: 80%;*/
        }

    header#header .shopbar-container {
        /*width: 20%;*/
        /*min-width: 20%;*/
        /*background: red;*/
        height: 30px;
    }

    header#header.scrolled-header #righ-side-icons, header#header.scrolled-header .logo-section {
        transform: translateY(55px);
        z-index: 200;
    }

    .outerHeader.ff-mobile__outerHeader.scrolled-active {
        transform: translateY(0px);
    }

    header#header.scrolled-header #shopbar-menu {
        transform: translateY(0);
    }

    header#header.scrolled-header .second-section {
        background-color: var(--white);
        height: 49px;
        transform: translateY(-100%);
        transition: transform ease-in .2s;
    }

    header#header.scrolled-header .first-section{
        position: relative;
        z-index: 1;
    }

    .categories-link-navbar {
        font-size: 14px !important;
        line-height: 18px !important;
        font-weight: 600 !important;
        color: #777;
    }

    #cat-list-navbar > li:first-child {
        margin-left: 0px;
    }

    #cat-list-navbar > li {
        margin-left: 18px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    #cat-list-navbar #gift-card-divider > div {
        border-left: 1px solid #EAEAEA;
        height: 100%;
        width: 1px;
    }

    #cat-list-navbar #gift-card-divider {
        background: #EAEAEA;
    }

    #page.gjirafamall .categories-link-navbar:hover {
        color: #222;
        text-decoration: none;
    }

    #page.gjirafamalljoy .categories-link-navbar:hover {
        color: #222;
        text-decoration: none;
    }

    header#header.scrolled-header {
        /*transition: height .2s ease-in-out;*/
        transform: translateY(0);
        position: fixed;
        height: inherit;
    }
}
/*  xl   */
@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }

    #cat-list-navbar > li {
        margin-left: 24px;
    }

    header#header.scrolled-header .first-section .container {
        transform: translateY(-55px);
    }
}
/*  2xl   */
@media (min-width: 1536px) {
    .container {
        max-width: 1440px;
    }
}
/* Rotated Tablet Devices   */
@media (orientation: landscape) and (max-width: 1280px) {
    .scrolled-header .shopbar-section {
        transform: translateY(0px);
    }

    header#header.scrolled-header #righ-side-icons, header#header.scrolled-header .logo-section {
        transform: translateY(0px);
        z-index: 200;
    }

    header#header.scrolled-header {
        transform: translateY(0);
        height: inherit;
    }
}

header#header .first-section {
    background-color: #F5F5F5 !important;
}

header#header .second-section {
    background-color: var(--white);
}

    header#header .second-section.scrolled-active {
        background-color: var(--light-grey);
    }

header#header .menubar-link {
    font-size: 20px;
}

header#header .shopbar-col.shopbar-tools > div .shopbar-button-icon, header#header .shopbar-col.shopbar-tools > nav .menubar-link {
    color: var(--dark-grey);
}

header#header #login-dropdown-menu, header#header #auth-dropdown {
    background: var(--white);
    width: 240px;
    padding: 1rem;
}
/*header#header #righ-side-icons, header#header .shopbar-section, header#header .logo-section {
    transition: transform .2s linear;
}*/
/*header#header .shopbar-section {
    transition: width .2s linear;
}*/
header#header {
    box-shadow: 0 3px 5px -2px rgb(0 0 0 / 18%);
}
/*header#header.scrolled-header {
    transition: height .2s linear;
}*/
/*======================= LOADER CSS =========================== */
#spinner-loader {
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

    #spinner-loader div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 4px solid #F44336;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #F44336 transparent transparent transparent;
    }

        #spinner-loader div:nth-child(1) {
            animation-delay: -0.45s;
        }

        #spinner-loader div:nth-child(2) {
            animation-delay: -0.3s;
        }

        #spinner-loader div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*============================================================== */


.alert.ui-pnotify-container.alert-success {
    background: #EBF8F3 !important;
    border: 1px solid #AFE1CB !important;
    border-radius: 4px;
}

.alert.ui-pnotify-container.alert-info {
    background: #F6F8F9 !important;
    border: 1px solid #89B3FA !important;
    border-radius: 4px;
}

.alert.ui-pnotify-container.alert-danger {
    background: #FEF6F6 !important;
    border: 1px solid #F4B6B9 !important;
    border-radius: 4px;
}

.alert.ui-pnotify-container.alert-warning {
    background: #FFFAF0 !important;
    border: 1px solid #FFC885 !important;
    border-radius: 4px;
}

.alert-success::before, .alert-danger::before, .alert-info::before, .alert-warning::before {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5px;
    border-radius: 4px;
}



.alert.ui-pnotify-container.alert-success::before {
    background: #EBF8F3 !important;
    content: url('../../../themes/flex/content/icons/check-circle.svg') !important;
}

.alert.ui-pnotify-container.alert-danger::before {
    background: #FEF6F6 !important;
    content: url('../../../themes/flex/content/icons/danger.svg') !important;
}

.alert.ui-pnotify-container.alert-info::before {
    background: #F6F8F9 !important;
    content: url('../../../themes/flex/content/icons/info-circle.svg') !important;
}

.alert.ui-pnotify-container.alert-warning::before {
    background: #FFFAF0 !important;
    content: url('../../../themes/flex/content/icons/warning.svg') !important;
}

.ui-pnotify-icon {
    display: none;
}

.ui-pnotify-sticker {
    display: none;
}

.ui-pnotify-closer {
    visibility: visible !important;
    padding-top: 6px !important;
}

.ui-pnotify-text {
    margin-right: 23px;
    border-right: 1px solid #89B3FA;
}

.alert.ui-pnotify-container {
    padding-left: 48px !important;
}

    .alert.ui-pnotify-container.alert-danger div.ui-pnotify-text {
        margin-right: 23px;
        border-right: 1px solid #F4B6B9;
    }

    .alert.ui-pnotify-container.alert-warning div.ui-pnotify-text {
        margin-right: 23px;
        border-right: 1px solid #FFC885;
    }

    .alert.ui-pnotify-container.alert-info div.ui-pnotify-text, .alert.ui-pnotify-container.alert-success div.ui-pnotify-text {
        margin-right: 23px;
        border-right: 1px solid #AFE1CB;
    }


.art-icons-labels {
    height: 1.15rem;
}


.w-90 {
    width: 90% !important;
}



@media (min-width:1024px) {
    .layout-padding-top-0 {
        padding-top: 0px !important
    }
}


.loading {
    position: fixed;
    z-index: 9999999999999999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,0.7);
    }


@media (min-width:640px) and (max-width:991px) {
    .ipad-responsive-header {
        max-width: 100% !important;
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
        padding-top: 0.75rem !important;
    }

    .shop-logo .brand {
        max-width: 200px;
    }
}


@media (min-width:992px) and (max-width:1023px) {
    .ipad-responsive-header {
        max-width: 100% !important;
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
        padding-top: 1rem !important;
    }

    .shop-logo .brand {
        max-width: 200px;
    }
}


@media (min-width:319px) and (max-width:370px) {

    .shop-logo .brand {
        max-width: 150px !important;
    }
}


.text-align-start {
    text-align: start !important;
}

.cart-items-flex-checkbox {
    color: #f04d24;
    accent-color: currentcolor;
}

.cart-new-justify-end .art .art-inner .art-icons-labels {
    position: absolute;
}


.cart-new-padding-left .art .art-inner .art-icons-labels {
    width: 148px;
    text-align: left;
}

.desktop-cart-new-padding-left .art .art-inner .art-icons-labels {
    width: 200px;
    justify-content: end !important;
}


@media (max-width:768px) {
    .sold-out-wrapper-product-page {
        /*height: 383px;*/
    }

    .outerHeader {
        position: sticky;
        width: 100%;
        height: 113px !important;
    }

    header#header {
        position: absolute;
    }

        header#header .shopbar-section {
            position: absolute;
            left: 50%;
            transition: .2s ease-in-out;
            transform: translateX(-50%);
            flex-grow: 1;
        }

        header#header.scrollable-header .shopbar-section {
            left: 40px;
            width: 62%;
            transition: .2s ease-in-out;
            transform: translateX(0);
        }

        header#header.scrollable-header .shopbar-col.shop-logo {
            display: none !important;
            opacity: 0 !important;
        }
}


#header {
    background: #F5F5F5;
    transform: translateY(0);
}

.product-list-goes-with-wishcard-button:hover svg path {
    fill: #F04D24;
}

@media (min-width: 1280px) and (max-width: 1280px) {
    header#header.scrolled-header .first-section {
        height: initial;
        transform: translateY(60%);
    }
}


/* ----------------- Store name at product cart ----------------- */
.art-store-name {
    color: #2C2C2C;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #2C2C2C;
    text-align: left;
}

@media (max-width: 991px) {
    .art-store-name {
        padding: 0 5px;
    }
}


/* page scrollbar */

body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    border-radius: 20px;
    outline: 1px solid transparent;
}

    body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #f2f2f2;
    }


.full-w-container {
    max-width: 100% !important;
}

.default-button {
    display: flex;
    position: relative;
    outline: none;
    padding: 7px 40px;
    border: 1px solid #f04a23;
    color: #f04a23;
    font-size: 0.875rem;
    cursor: pointer;
    background: white;
    outline: none;
    margin: 0 auto;
}

.default-button:hover {
    background: #FAFAFA;
}

.default-button:focus{
    outline: none;
}


.stores-wrapper .art{
    max-height: 162px;
}