@import url('https://fonts.googleapis.com/css?family=Montserrat');

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../css/fonts/glyphicons-halflings-regular.eot');
    src: url('../css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../css/fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('../css/fonts/glyphicons-halflings-regular.woff') format('woff'),url('../css/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}

/*#region Bootstrap 3 Glyphicons */

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

/*#endregion */

#screen-size {
    position: fixed;
    top: 1%;
    right: 2%;
    font-size: 1em;
    font-weight: bold;
    z-index: 1031;
    color: #333;
    display: none;
    visibility: hidden;
}

body {
   /* font-family: 'Montserrat', sans-serif;*/
    font-size: 15px !important;
    color: #3C3F40 !important;
    border: 0px solid #f5f5f5 !important;
}

.Body {
    background-color: #f5f5f5 !important;
    /*padding-bottom: 2%;*/
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
}

.shop h1, .h1 {
    font-size: 22px !important;
}

.shop h2, .h2 {
    font-size: 15px;
}

.shop h3, .h3 {
    font-size: 20px !important;
}

.shop h4, .h4 {
    font-size: 16px !important;
}

.shop p, .p {
    font-size: 13px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.shop {
    background-color: #f5f5f5;
    padding: 20px 0;
}

.border-box {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    height: 100%;
}

.modal-loading-icon {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

ContentPlaceHolder1_ucCategories_UpdateProgress1 {
    margin-left: -12px;
}

/*#region .top-bar */

.top-bar {
    background-color: #4F8DCA;
    position: relative;
    padding-bottom: 40px;
    display: table;
    width: 100%;
    text-align: center;
}

    .top-bar .container {
        height: 0;
        max-width: 100%;
        will-change: height;
        transition: .4s height;
        overflow: hidden;
    }

    .top-bar .top-bar-left {
        float: none;
        margin-top: 20px;
    }

    .top-bar .top-bar-right {
        float: none;
        margin-top: 10px;
    }

    .top-bar.top-bar-show .container {
        height: 81px;
    }
/* Desktop */
@media (min-width: 992px) {
    .top-bar {
        padding: 0;
        text-align: left;
    }

        .top-bar > .container {
            min-height: 45px;
        }

        .top-bar .container > div {
            height: 100%;
            display: table;
        }

        .top-bar .top-bar-left {
            float: left;
            margin-top: 0;
        }

        .top-bar .top-bar-left,
        .top-bar .top-bar-right {
            border-right: 1px solid rgba(0, 0, 0, 0.05);
            border-left: 1px solid rgba(0, 0, 0, 0.05);
            padding-left: 25px;
            padding-right: 25px;
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

        .top-bar .top-bar-right {
            float: right;
            padding-top: 0;
            margin-top: 0;
        }

            .top-bar .top-bar-left div,
            .top-bar .top-bar-right div {
                display: inline-block;
                vertical-align: middle;
            }

        .top-bar .socialize li,
        .top-bar .textwidgit li {
            line-height: 45px;
        }

        .top-bar .top-bar-close {
            display: none;
        }
}
/*@media (max-width: 991px) {
    .top-bar {
    }
    .top-bar .top-bar-left {
        margin-top: 20px;
    }
}*/
.top-bar .socialize,
.top-bar .textwidgit {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .top-bar .socialize li,
    .top-bar .textwidgit li {
        display: inline-block;
        list-style: none;
    }

    .top-bar .socialize a,
    .top-bar .textwidgit a {
        display: inline-block;
        margin: 0 2px;
        padding: 0 10px;
        font-size: 14px;
        color: #FFFFFF;
        text-decoration: none;
    }
        /*.top-bar .socialize a:hover,
.top-bar .socialize a:active,
.top-bar .socialize a:focus,*/
        .top-bar .textwidgit a:hover,
        .top-bar .textwidgit a:active,
        .top-bar .textwidgit a:focus {
            color: #242f8b;
        }

    .top-bar .socialize li:first-child a,
    .top-bar .textwidgit li:first-child a {
        margin-left: 0;
        padding-left: 0;
    }

    .top-bar .socialize li:last-child a,
    .top-bar .textwidgit li:last-child a {
        margin-right: 0;
        padding-right: 0;
    }

.top-bar.top-bar-show .top-bar-close {
    transform: translateX(-50%) rotate(180deg);
}

.top-bar .top-bar-close {
    background: none;
    border: none;
    bottom: 0;
    left: 50%;
    padding: 7px 20px;
    position: absolute;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: .4s transform;
}
/*#endregion */

/*#region .Menu */

.shop-nav li {
    margin-right: 0px !important;
}

.Menu .navbar .container {
    height: 100%;
    max-height: inherit;
    position: relative;
}

.Menu .navbar-header a {
    padding: 0;
    margin: 0;
}

.Menu .navbar-brand img {
    height: auto;
    width: auto;
    transition: .3s all;
    max-height: inherit;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    padding-bottom: 1px;
}


.Menu .navbar button.navbar-toggle {
    background-color: #363636;
}

    .Menu .navbar button.navbar-toggle:hover,
    .Menu .navbar button.navbar-toggle:active,
    .Menu .navbar button.navbar-toggle:focus {
        background-color: #464eb8;
    }

.Menu .navbar .navbar-toggle .icon-bar {
    background: #FFFFFF none repeat scroll 0 0;
}

.Menu .navbar .navbar-toggle .cart {
    background-color: #0b79bf;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 5px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 10px 5px 10px 0;
}

    .Menu .navbar .navbar-toggle .cart span.amount {
        padding-left: 10px;
    }

.Menu .navbar .navbar-toggle.search {
    margin-right: 5px;
    padding: 5px 10px;
}

.Menu .navbar-collapse div nav {
    display: inline-block;
    text-transform: uppercase;
    margin-right: -10px;
}

.Menu .navbar-text {
    color: #363636;
}

.Menu .nav.navbar-nav ul {
    margin: 0;
    padding: 0px;
}

.Menu .nav.navbar-nav li:first-child {
    margin-left: 0;
}

.Menu .nav.navbar-nav li .btn {
    background: none;
    padding-top: 10px;
}

.Menu .nav.navbar-nav a {
    color: #363636;
    font-size: 13px;
    padding: 10px;
    display: inline-block;
    position: relative;
    font-weight: 500;
}

    .Menu .nav.navbar-nav a.active {
        color: #464eb8
    }

    .Menu .nav.navbar-nav a:hover, .Menu .nav.navbar-nav a:focus, .Menu .nav.navbar-nav a:active {
        color: #464eb8
    }

    .Menu .nav.navbar-nav a i,
    .Menu .nav.navbar-nav button span {
        color: #363636;
        padding-right: 5px;
        font-size: 16px;
    }

        .Menu .nav.navbar-nav a i.fa.fa-shopping-basket {
            font-size: 14px;
        }

.Menu .nav.navbar-nav li a .cart {
    background-color: #0B79BF;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 5px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: -5px 0;
}

    .Menu .nav.navbar-nav li a .cart span.amount {
        padding-left: 10px;
    }
/*#region .Menu .DeviceFixes */
.Menu .navbar {
    height: 75px;
    margin: 0;
}

.Menu .navbar-brand img {
    max-height: 75px;
}

.Menu .seach-collapse {
    position: absolute;
    bottom: -38px;
    right: 30px;
    z-index: 999999;
}

/* Extra Small Devices, Phones */
.Menu .navbar-collapse.collapse.in,
.Menu .navbar-collapse.collapsing {
    background-color: #FFFFFF;
    z-index: 999;
    position: absolute;
    width: 100%;
    margin-top: 20px;
}

    .Menu .navbar-collapse.collapse.in nav,
    .Menu .navbar-collapse.collapsing nav {
        width: 100%;
    }

        .Menu .navbar-collapse.collapse.in nav li,
        .Menu .navbar-collapse.collapsing nav li {
            position: relative;
            text-align: center;
            border-top: 1px solid #333333;
            border-left: 1px solid #333333;
            border-right: 1px solid #333333;
        }

            .Menu .navbar-collapse.collapse.in nav li a,
            .Menu .navbar-collapse.collapsing nav li a {
                font-size: 15px;
                font-weight: bold;
            }

.navbar-header .navbar-toggle {
    background-color: var(--main-color);
    border-radius: 5px;
    padding: .35rem 0.6rem;
    border: none;
    margin-left: 10px;
    margin-right: 5px;
}

    .navbar-header .navbar-toggle .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }


.navbar-nav li a {
    display: inherit;
    color: #3c3f40;
}

.navbar .input-box {
    border: 1px solid #535859;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    height: 50px;
    padding-left: 15px;
    width: 100%;
    color: #222222;
    font-size: 14px;
    margin-bottom: 10px;
}

    .navbar .input-box.placeholder {
        color: #d3dadf;
    }

    .navbar .input-box:-moz-placeholder {
        color: #d3dadf;
    }

    .navbar .input-box::-webkit-input-placeholder {
        color: #d3dadf;
    }

.btn-search {
    font: 700 18px/50px "Roboto", sans-serif;
    width: 100%;
    text-align: center;
    background: var(--main-color);
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 1px var(--main-color) solid;
    color: white;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    text-decoration: none !important;
    cursor: pointer;
    margin-bottom: 10px;
    transition: all 300ms linear 0s;
}

    .btn-search:hover, .btn-search .active {
        color: #212529 !important;
        border-color: #1a1a1c;
        background-color: white;
    }

/* Supper Small Devices, Phones */
@media only screen and (max-width : 395px) {
}
/* Small Devices, That strange size:Mobile L */
@media only screen and (min-width : 425px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .Menu .navbar {
        background-color: #FFFFFF;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
        margin: 0;
        height: 100px;
        max-height: 100px;
        transition: height .3s ease-out;
        position: relative;
        border-radius: 0;
    }

    .Menu .navbar-header {
        display: table;
        left: 15px;
        height: 100%;
        position: absolute;
        top: 0;
        max-height: inherit;
    }

    .Menu .navbar-brand {
        float: none;
        padding: 0;
        font-size: inherit;
        line-height: inherit;
        height: auto;
        display: table-cell;
        vertical-align: middle;
        max-height: inherit;
    }

    .Menu .navbar-collapse.collapse {
        display: table !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        right: 15px;
    }

    .Menu .navbar-collapse div {
        display: table-cell;
        vertical-align: middle;
    }

    .Menu .nav.navbar-nav li {
        margin-left: 20px;
        display: inline-block;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/*#endregion */
/*#endregion */

/*#region .BannerHolder */
.BannerHolder {
    background-color: #FFFFFF;
    padding-top: 3px;
}

    .BannerHolder a.item.active {
        display: block;
    }

    .BannerHolder img {
        display: block;
        margin: 0 auto;
        max-height: 300px;
    }

    .BannerHolder .carousel-control.right, .BannerHolder .carousel-control.left {
        background-image: none;
    }

.ucSideBannerHolder .carousel-inner .item img {
    margin: 0 auto;
}
/*.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}*/
/*#endregion */

/*#region .Footer */
.Footer {
    background: rgba(204, 204,204, 1.0) none repeat scroll 0 0;
    padding-bottom: 25px;
    color: #363636;
    padding: 15px 0;
}

    .Footer .col-12.col-lg-12 {
        margin: 0 auto !important;
        float: none !important;
    }

    .Footer .space {
        margin: 0 -8px
    }

    .Footer .line {
        margin: 0 -1px
    }

    .Footer .Policy {
    }

        .Footer .Policy h1 {
            font-size: 23px;
        }

    .Footer .Social {
    }

        .Footer .Social a {
            display: inline-block;
            margin-right: 5px;
            color: #363636;
        }

            .Footer .Social a:hover, .Footer .Social a:focus, .Footer .Social a:active {
                color: #FFFFFF;
            }

        .Footer .Social .fa {
            background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
            border-bottom: medium none;
            border-radius: 50%;
            font-size: 22px;
            height: 42px;
            line-height: 42px;
            margin: 5px 5px 0 0;
            text-align: center;
            width: 42px;
        }

            .Footer .Social .fa.fa-facebook:hover, .fa-facebook:focus, .fa-facebook:active {
                background: #3b5998 none repeat scroll 0 0
            }

            .Footer .Social .fa.fa-twitter:hover, .fa-twitter:focus, .fa-twitter:active {
                background: #3a92c8 none repeat scroll 0 0;
            }

            .Footer .Social .fa.fa-google-plus:hover, .fa-google-plus:focus, .fa-google-plus:active {
                background: #dd4b39 none repeat scroll 0 0;
            }

            .Footer .Social .fa.fa-youtube:hover, .fa-youtube:focus, .fa-youtube:active {
                background: #bb0000 none repeat scroll 0 0;
            }

    .Footer .Subscribe {
    }

        .Footer .Subscribe input {
            color: rgba(76, 76, 76, 1);
        }

    .Footer .Payments {
    }

        .Footer .Payments a {
        }

            .Footer .Payments a img {
                max-width: 35%;
                float: left;
            }

    .Footer #back-top {
        bottom: 45px;
        margin: 0;
        opacity: 0;
        position: fixed;
        right: 50px;
        z-index: 99999;
    }

        .Footer #back-top.show {
            opacity: 1;
        }

        .Footer #back-top a {
            background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            display: table;
            height: 45px;
            text-decoration: none;
            /*width: 65px;*/
            color: #fff;
            font-weight: bold;
            padding: 10px;
            line-height: 26px;
        }

            .Footer #back-top a:hover, .Footer #back-top a:focus, .Footer #back-top a:active {
                background-color: rgba(53, 53, 53, 1);
            }

            .Footer #back-top a i {
                color: #fff;
                display: table-cell;
                font-size: 1.6em;
                margin: 0 auto;
                text-align: center;
                vertical-align: middle;
            }
/*#endregion */

/*#region .Search */
.Search {
    margin-bottom: 10px;
}

    .Search .SearchCompletionList {
        background-color: #FFFFFF;
        border: 1px solid #C0C0C0;
        padding: 2px;
        list-style-type: none;
        width: auto;
        float: left;
        z-index: 9999999999 !important;
    }

    .Search .SearchCompletionListItem {
        padding: 2px;
        color: #666666;
        cursor: pointer;
        list-style-type: none;
    }

    .Search .SearchCompletionListItemHover {
        color: #333333;
        cursor: pointer;
        padding: 2px 2px 2px 4px;
        list-style-type: none;
    }
/*#endregion */

/*#region ContentPages */
.Home, .AboutUs, .ContactUs {
    color: #FFFFFF;
    margin: 0 auto 0 !important;
}

    .Home .Content {
        background-color: #333333;
    }

        .Home .Content h1 {
            margin-bottom: 15px;
        }

        .Home .Content p {
            margin-bottom: 15px;
        }

.AboutUs {
    color: #FFFFFF;
}

    .AboutUs .Content {
        background-color: #333333;
    }

.ContactUs {
    color: #333333;
    padding-bottom: 15px;
}
/*#endregion */

/*#region .Nav */

.Nav {
    margin-bottom: 15px;
}

    .Nav .navbar.navbar-default {
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 10px;
        border-radius: 0px;
        top: 0;
        box-shadow: none;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

        .Nav .navbar.navbar-default .navbar-header {
            background-color: #3c3f40;
            width: 100%;
        }

        .Nav .navbar.navbar-default .navbar-brand {
            color: #FFFFFF;
            margin: 0;
            font-size: 14px;
            top: 0;
            position: relative;
            padding: 14px 15px;
        }

        /*.Nav .navbar.navbar-default .navbar-brand:hover, .Nav .navbar.navbar-default .navbar-brand:active, .Nav .navbar.navbar-default .navbar-brand:focus {
                background-color: #3c3f40;
                border: 1px solid #353534;
                color: #FFFFFF;
            }*/

        .Nav .navbar.navbar-default .breadcrumb {
            background-color: #3c3f40;
            -moz-border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
            -khtml-border-radius: 0 0 4px 4px;
        }

.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc;
}

.breadcrumb > li {
    display: inline-block;
}

.Nav .navbar.navbar-default .breadcrumb li a {
    color: #FFFFFF;
}

.Nav .nav > li > a {
    padding: 3px 10px;
}

    .Nav .nav > li > a i {
        padding-top: 4px;
    }

.Nav .nav li.dropdown a.parent > span {
    position: absolute;
    right: 2px;
    top: 15%;
}

.Nav .nav.navbar-nav li a:hover, .Nav .nav.navbar-nav li a:active, .Nav .nav.navbar-nav li a:focus {
    background-color: #3c3f40;
    color: #FFFFFF;
}

.Nav .nav.navbar-nav .active a {
    background-color: #3c3f40;
    color: #FFFFFF !important;
}

.Nav .nav li.hover > ul {
    border: medium none;
    box-shadow: none;
    display: block;
    left: 0;
    position: relative;
    width: 100%;
    top: 0;
}

.Nav .form-group {
    margin: 0;
}



/*#endregion */

/*#region .ProductHolder */

.notifyEmail-label {
    font: 400 13px "Roboto", sans-serif;
}

.notifyEmail-textbox
{
    font-size:12px;
}

.notifyPanel
{
    padding:0 15px;
}

.breadcrumb {
    margin-bottom: 15px;
    background-color: white !important;
    border-radius: 0px !important;
    padding: 15px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bold;
}

    .breadcrumb li a {
        color: var(--main-color);
    }

        .breadcrumb li a:hover {
            color: #9e9e9e;
            text-decoration: underline;
        }

.Product {
    background-color: whitesmoke;
}

.ProductRelated {
    background-color: whitesmoke;
}

    .ProductRelated .grid {
        background-color: white;
    }

/* Normal Screen 18 Inch - 19 Inch ( (Resolution 1366x768 ) 1349px and up) */
@media (min-width: 1349px) {

    .ProductRelated .grid {
        max-width: 15.489%;
        padding: 10px 15px 20px 15px;
    }
}

/*Adelia laptop small screen size high resolution ( (Resolution 1920x1080), 1500px and up) */
@media (min-width: 1500px) {

    .ProductRelated .grid {
        max-width: 15.31%;
        padding: 10px 20px 30px 20px;
    }
}

/*Extra Large Screen 23 Inch ( (Resolution 1920x1080 ) 1800px and up) */
@media (min-width: 1800px) {

    .ProductRelated .grid {
        max-width: 15.34%;
        padding: 10px 30px 30px 30px;
    }
}

.ProductsConainer.Darken #inner-box {
    background: #3C3F40;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    padding: 0;
    transition: opacity .2s;
    z-index: 100;
}

.ProductsConainer #inner-box p {
    /*color: #fff;
line-height: 150px;
font-family: 'arial';
text-align: center;*/
}
/*.ProductsConainer.Darken:hover #inner-box {*/
.ProductsConainer.Darken #inner-box {
    opacity: .7;
    transition: opacity .2s;
}

.ProductsConainer .ProductHolder {
    background-color: white;
    color: #000000;
    padding: 15px !important;
}

.ProductsConainer .ProductHolderSingle {
    color: #000000;
}

.ProductHolder {
    background-color: #f5f5f5;
    padding: 70px 0 50px 0;
    color: #000000;
}

    .ProductHolder h4 {
        font-family: 'Roboto', sans-serif !important;
        margin-bottom: 11px;
        color: rgb(0, 0, 0);
    }

    .ProductHolder .Product {
        margin: 0 -20px !important;
        padding-top: 10px;
    }

        .ProductHolder .Product.Last {
            border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        }

        .ProductHolder .Product div {
            /*padding-top: 5px;*/
        }

        .ProductHolder .Product .grid {
            position: relative;
            background-color: white;
            background-clip: content-box;
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
        }

.ml-20px {
    margin-left: 0px;
}

.mb-20px {
    margin-bottom: 20px;
}

.ml-25px {
    margin-left: 0px;
}


.mb-25px {
    margin-bottom: 25px;
}

.mt-20px {
    margin-top: 20px;
}

.ProductSingle-LeftBlock {
    background-color: white;
    margin-bottom: 0px;
    padding: 0;
    background-clip: content-box;
}


.Related-Products {
    font: 600 24px "Roboto", sans-serif !important;
    color: #333333;
    margin-top: 0;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.ProductSingle-RightBlock {
    background-color: white;
    margin-bottom: 30px;
    background-clip: content-box;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.ProductSingle-RightBlock-Contact {
    background-color: white;
    margin-bottom: 20px;
    padding: 0 15px 10px !important;
}

    .ProductSingle-RightBlock-Contact input:first-child {
        margin-top: 0 !important;
    }

    .ProductSingle-RightBlock-Contact input {
        border: 1px solid #dfe3e4;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        height: 50px;
        padding-left: 15px;
        width: 100%;
        color: #222222;
        margin-top: 20px;
        font-size: 14px;
    }

    .ProductSingle-RightBlock-Contact textarea {
        border: 1px solid #dfe3e4;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        height: 150px;
        padding-left: 15px;
        width: 100%;
        color: #222222;
        margin-top: 20px;
        font-size: 14px;
    }

.ProductSingle-LeftBlock .col-2 {
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 15px;
    max-width: 12.84%;
    padding-left: 30px;
    float: left;
}

.ProductSingle-LeftBlock .Image {
    margin: 15px 15px 0px 15px;
}

    .ProductSingle-LeftBlock .Image .img-thumbnail {
        max-width: 29.55%;
    }

.ProductSingle-LeftBlock .col-2 img {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 15px;
    cursor: pointer;
}

    .ProductSingle-LeftBlock .col-2 img:hover {
        border: 1px solid #0088f1 !important;
    }

.ProductSingle-LeftBlock .col-4 {
    padding-top: 30px;
    max-width: 35%;
    padding-bottom: 30px;
    float: left;
}

    .ProductSingle-LeftBlock .col-4 img {
        width: 100%;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        cursor: pointer;
        transition: all .2s ease-in-out;
        padding: 10px;
        border-radius: 3px;
    }

        .ProductSingle-LeftBlock .col-4 img:hover {
            border: 1px solid #0088f1 !important;
        }

.ProductSingle-LeftBlock .DescriptionHolder {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    padding: 0 15px;
}



.ProductHolder .Product .Image {
    display: flex;
    text-align: center;
    min-height: 130px;
    padding-left: 0px;
    padding-right: 0px;
}

    .ProductHolder .Product .Image img {
        margin: 0 auto;
        vertical-align: middle;
        transition: all 250ms ease-in-out 0s;
        cursor: pointer;
        color: #484848;
        max-height: 130px;
    }

        .ProductHolder .Product .Image img:hover {
            opacity: 0.7;
        }

.ProductHolderSingle .ProductRelated .Image {
    display: flex;
    text-align: center;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
}

    .ProductHolderSingle .ProductRelated .Image img {
        margin: 0 auto;
        vertical-align: middle;
        transition: all 250ms ease-in-out 0s;
        cursor: pointer;
        color: #484848;
    }

        .ProductHolderSingle .ProductRelated .Image img:hover {
            opacity: 0.7;
        }

.ProductHolder .Product .Heading {
    text-align: center;
    background: white;
    width: 100%;
}

.ProductHolder .Product p {
    margin-bottom: 0px;
}

.ProductHolder .Product .Heading h2 {
    color: #2a2e36;
    margin: 5px 0 5px 0;
    font: 400 14px "Roboto", sans-serif;
    height: 68px;
    overflow: hidden;
}

.ProductHolderSingle .Product .Heading {
    padding-right: 15px;
    float: left;
}

    .ProductHolderSingle .Product .Heading h2 {
        color: #2a2e36;
        font: 400 22px "Roboto", sans-serif !important;
        margin: 15px 0 20px 0;
        padding: 0 15px;
    }

.ProductHolderSingle .ProductRelated .HeadingRelated {
    text-align: center;
}

    .ProductHolderSingle .ProductRelated .HeadingRelated p {
        color: #006600;
        font: 600 14px "Roboto", sans-serif;
    }

    .ProductHolderSingle .ProductRelated .HeadingRelated h2 {
        color: #2a2e36;
        margin: 5px 0 5px 0;
        font: 400 15px "Roboto", sans-serif;
        min-height: 45px;
    }

.ProductHolderSingle .ProductRelated .Related-Products .Image img:hover {
    opacity: 0.7;
}

.ProductHolderSingle .Product .Heading p {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 15px;
}

.ProductHolder .Product .Heading .Stock.Red {
    color: red;
    font: 600 13px "Roboto", sans-serif;
}

.ProductHolderSingle .Product .Heading .Stock.Red {
    color: red;
    font: 600 16px "Roboto", sans-serif;
}

.ProductHolderSingle .ProductRelated .HeadingRelated .Stock.Red {
    color: red;
}

.ProductHolder .Product .Heading .Stock.Green {
    color: #006600;
    font: 600 13px "Roboto", sans-serif;
}

.ProductHolderSingle .Product .Heading .Stock.Green {
    color: #006600;
    font: 600 16px "Roboto", sans-serif;
}

.ProductHolder .Product .DescriptionHolder {
    color: #353534;
    font-size: small;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.ProductHolder .Product .PriceHolder {
    color: #006600;
    font-weight: bold;
}

.ProductHolderSingle .PriceHolder {
    color: #006600;
    font: 600 36px "Roboto", sans-serif;
    padding: 15px;
}

    .ProductHolderSingle .PriceHolder .PriceSaved {
        color: #c93d3e;
        display: flex;
        font-size: 22px;
    }

.ProductHolder .Product .PriceHolder .Price, .ProductHolder .Product .PriceHolder .PriceSaved {
    display: block;
    font: 400 16px "Roboto", sans-serif;
    text-align: center;
}

.ProductHolder .Product .PriceHolder .PriceSaved {
    color: #c93d3e;
}

.ProductHolderSingle .ProductRelated .PriceHolder {
    padding: 0;
    padding-bottom: 5px;
    font: 400 1.2em "Roboto", sans-serif;
    text-align: center;
}

.ProductHolder .Product .QtyHolder {
    padding-top: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.ProductHolderSingle .Product .QtyHolder {
    padding: 0px 15px 15px 15px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

    .ProductHolderSingle .Product .QtyHolder .input-group {
        width: 75%;
    }

.ProductSingle-LeftBlock .singleBigPic {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    padding: 10px;
    border-radius: 3px;
    max-height: 300px;
}

/* Normal Screen 18 Inch - 19 Inch ( (Resolution 1366x768 ) 1349px and up) */
@media (min-width: 1349px) {

    .ProductHolderSingle .Product .QtyHolder {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*Adelia laptop small screen size high resolution ( (Resolution 1920x1080), 1500px and up) */
@media (min-width: 1500px) {

    .ProductHolderSingle .Product .QtyHolder {
        flex: 0 0 72%;
        max-width: 72%;
    }
}

/* Large Screen 20 Inch - 22 Inch ( (Resolution 1600x900 ) 1583px and up) */
@media (min-width: 1583px) {

    .ProductHolderSingle .Product .QtyHolder {
        flex: 0 0 74%;
        max-width: 74%;
    }
}

.ProductHolderSingle .ProductRelated .QtyHolder {
    width: 100% !important;
    padding: 0 !important;
}

    .ProductHolderSingle .ProductRelated .QtyHolder .input-group-btn .qty-minus {
        height: 38px;
    }

    .ProductHolderSingle .ProductRelated .QtyHolder .input-group-btn .qty-plus {
        height: 38px;
    }

.ProductHolder .Product .QtyHolder input {
    height: 38px;
    text-align: center;
    font-weight: bold;
    border-left: none;
    border-right: none;
}

.ProductHolderSingle .Product .QtyHolder input {
    height: 38px;
    text-align: center;
    font-weight: bold;
    border-left: none;
    border-right: none;
}

.ProductHolderSingle .ProductRelated .QtyHolder input {
    height: 38px;
    text-align: center;
    font-weight: bold;
    border-left: none;
    border-right: none;
}

.ProductHolder .Product .ButtonHolder {
}

.ProductRelated .ButtonHolder {
    margin-bottom: 15px;
}

.ButtonHolder .disabled, .ButtonHolderRelated .disabled {
    pointer-events: none;
    opacity: 0.6;
}

.ProductHolder .Product .ButtonHolder .CartButton {
    position: relative;
    background-color: white;
    border: 1px solid #1c8644;
    border-radius: 2px;
    width: 100%;
    padding: 8px;
    color: #1c8644;
    text-decoration: none;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: all 300ms linear 0s;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 14px;
}

    .ProductHolder .Product .ButtonHolder .CartButton:hover, .ProductHolder .Product .ButtonHolder .CartButton:focus, .ProductHolder .Product .ButtonHolder .CartButton:active {
        background-color: #1c8644;
        color: white;
    }

    .ProductHolder .Product .ButtonHolder .CartButton .glyphicon {
        color: #1c8644;
    }

    .ProductHolder .Product .ButtonHolder .CartButton:hover .glyphicon, .ProductHolder .Product .ButtonHolder .CartButton:focus .glyphicon, .ProductHolder .Product .ButtonHolder .CartButton:active .glyphicon {
        color: white;
    }

    .ProductHolder .Product .ButtonHolder .CartButton .glyphicon.glyphicon-plus {
        font-size: 9px;
        left: 0.7%;
        position: relative;
        top: 35%;
    }

    .ProductHolder .Product .ButtonHolder .CartButton .text {
        padding: 0 0 0 0%;
    }

.ProductHolderSingle .ButtonRow {
    padding: 20px 30px 30px;
}

.ProductHolderSingle .Product .ButtonHolder {
    padding: 0px 15px 15px 15px;
}

    .ProductHolderSingle .Product .ButtonHolder .CartButton {
        position: relative;
        background-color: #1c8644;
        border: 1px solid #1c8644;
        border-radius: 2px;
        width: 100%;
        padding: 7px;
        color: white;
        text-decoration: none;
        display: block;
        text-align: center;
        font-weight: normal;
        transition: all 300ms linear 0s;
        line-height: 32px;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
    }

        .ProductHolderSingle .Product .ButtonHolder .CartButton:hover, .ProductHolderSingle .Product .ButtonHolder .CartButton:focus, .ProductHolderSingle .Product .ButtonHolder .CartButton:active {
            background-color: white;
            color: #1c8644;
        }

        .ProductHolderSingle .Product .ButtonHolder .CartButton .glyphicon {
            color: white;
        }

        .ProductHolderSingle .Product .ButtonHolder .CartButton:hover .glyphicon, .ProductHolderSingle .Product .ButtonHolder .CartButton:focus .glyphicon, .ProductHolderSingle .Product .ButtonHolder .CartButton:active .glyphicon {
            color: #1c8644;
        }

        .ProductHolderSingle .Product .ButtonHolder .CartButton .glyphicon.glyphicon-plus {
            font-size: 9px;
            left: 0.7%;
            position: relative;
            top: 35%;
        }

        .ProductHolderSingle .Product .ButtonHolder .CartButton .text {
            padding: 0 0 0 3%;
        }

.ProductHolderSingle .ProductRelated .ButtonHolder .CartButton {
    position: relative;
    background-color: #1c8644;
    border: 1px solid #1c8644;
    border-radius: 2px;
    width: 100%;
    padding: 7px;
    color: white;
    text-decoration: none;
    display: block;
    text-align: center;
    font-weight: normal;
    transition: all 300ms linear 0s;
    line-height: 32px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

    .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton:hover, .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton:focus, .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton:active {
        background-color: white;
        color: #1c8644;
    }

    .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton .glyphicon {
        color: white;
    }

    .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton:hover .glyphicon, .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton:focus .glyphicon, .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton:active .glyphicon {
        color: #1c8644;
    }

    .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton .glyphicon.glyphicon-plus {
        font-size: 9px;
        left: 0.7%;
        position: relative;
        top: 35%;
    }

    .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton .text {
        padding: 0 0 0 3%;
    }

.ProductHolderSingle .EmailButton {
    position: relative;
    background-color: #0b79bf;
    border: 1px solid #0b79bf;
    border-radius: 2px;
    width: 100%;
    padding: 7px;
    color: white;
    text-decoration: none;
    display: block;
    text-align: center;
    font-weight: normal;
    transition: all 300ms linear 0s;
    line-height: 32px;
    margin-top: 20px;
}

    .ProductHolderSingle .EmailButton:hover, .ProductHolderSingle .EmailButton:focus, .ProductHolderSingle .EmailButton:active {
        background-color: white;
        color: #0b79bf;
    }

    .ProductHolderSingle .EmailButton .glyphicon {
        color: white;
    }

    .ProductHolderSingle .EmailButton:hover .glyphicon, .ProductHolderSingle .EmailButton:focus .glyphicon, .ProductHolderSingle .EmailButton:active .glyphicon {
        color: #0b79bf;
    }

.ProductHolderSingle .Product .ButtonHolder .EmailButton .text {
    padding: 0 0 0 3%;
}

.ProductHolder .Product .bottom {
    /*border-bottom: 1px dotted #353534;*/
    /*padding: 5px;*/
    width: 95%;
    /*margin: 0 auto;*/
}

.ProductHolder .Product .spacing {
    padding: 10px;
}

.ProductHolder .Product .form-control::-webkit-input-placeholder {
    text-align: center;
    font-weight: normal
}

.ProductHolder .Product .form-control:-moz-placeholder { /* older Firefox*/
    text-align: center;
    font-weight: normal
}

.ProductHolder .Product .form-control::-moz-placeholder { /* Firefox 19+ */
    text-align: center;
    font-weight: normal
}

.ProductHolder .Product .form-control:-ms-input-placeholder {
    text-align: center;
    font-weight: normal
}

#ctl00_ContentPlaceHolder1_pan_home_products .grid {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 15.2%;
    min-height: 241px;
}

.products-related-flex-row {
    margin: 0 -5px !important;
}

    .products-related-flex-row .col-12 {
        padding: 0 5px;
    }

.ProductHolderSingle .Product .grid {
    position: relative;
    background-color: white;
    background-clip: content-box;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.ProductHolderSingle .Product .border-box .Image {
    align-items: center;
    display: flex;
    min-height: 130px;
    justify-content: center;
}

    .ProductHolderSingle .Product .border-box .Image img {
        margin: 0 auto;
        max-height: 130px;
        transition: all 250ms ease-in-out 0s;
    }

.ProductHolderSingle .Product .HeadingRelated {
    text-align: center;
    background: white;
    min-height: 83px;
}

    .ProductHolderSingle .Product .HeadingRelated h2 {
        color: #2a2e36;
        margin: 5px 0 5px 0;
        font: 400 14px "Roboto", sans-serif !important;
        height: 68px;
    }

    .ProductHolderSingle .Product .HeadingRelated p {
        margin-bottom: 0px;
    }

    .ProductHolderSingle .Product .HeadingRelated .Stock.Green {
        color: #006600;
        font: 600 13px "Roboto", sans-serif;
    }

    .ProductHolderSingle .Product .HeadingRelated .Stock.Red {
        color: red;
        font: 600 13px "Roboto", sans-serif;
    }

.ProductHolderSingle .Product .PriceHolderRelated {
    color: #006600;
    font-weight: bold;
}

    .ProductHolderSingle .Product .PriceHolderRelated .Price {
        display: block;
        font: 400 16px "Roboto", sans-serif;
        text-align: center;
    }

.ProductHolderSingle .Product .QtyHolderRelated {
    padding-top: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

    .ProductHolderSingle .Product .QtyHolderRelated input {
        height: 38px;
        text-align: center;
        font-weight: bold;
        border-left: none;
        border-right: none;
    }

.ProductHolderSingle .Product .ButtonHolderRelated .CartButton {
    position: relative;
    background-color: white;
    border: 1px solid #1c8644;
    border-radius: 2px;
    width: 100%;
    padding: 8px;
    color: #1c8644;
    text-decoration: none;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: all 300ms linear 0s;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 14px;
}

    .ProductHolderSingle .Product .ButtonHolderRelated .CartButton .glyphicon.glyphicon-plus {
        font-size: 9px;
        left: 0.7%;
        position: relative;
        top: 35%;
    }

/*No Products*/
.ProductHolder .Product .NoProducts {
}

    .ProductHolder .Product .NoProducts .Heading {
        text-align: left;
    }

    .ProductHolder .Product .NoProducts h2 {
        color: #0088f1;
        font-weight: bold;
    }

.ProductHolder .ProductPreview {
    margin: 30px 0;
}

    .ProductHolder .ProductPreview a {
        text-decoration: none;
    }

    .ProductHolder .ProductPreview .Image {
        /*min-height:225px;
max-height:225px;*/
        width: 100%;
        /*height: 225px;*/
        display: block;
        overflow: hidden;
    }

        .ProductHolder .ProductPreview .Image img {
            /*border: 2px solid #fe6502;*/
            /*max-width:65%;*/
            margin: 0 auto;
            width: 100%;
            /*height: 225px;*/
            object-fit: contain;
            transition: all .25s ease;
        }

    .ProductHolder .ProductPreview .Description {
    }

        .ProductHolder .ProductPreview .Description h2 {
            color: #0088f1;
            font-size: 13px !important;
            margin: 5px 0 10px 0;
        }

        .ProductHolder .ProductPreview .Description p {
            color: #353534;
            font-size: 10px !important;
            margin: 0;
        }

    .ProductHolder .ProductPreview .Price {
        color: #006600;
        text-align: left;
        font-weight: bold;
    }

        .ProductHolder .ProductPreview .Price span {
            font-size: small;
        }

        .ProductHolder .ProductPreview .Price a {
            font-size: small;
            color: #fe6502;
            text-decoration: underline;
        }

            .ProductHolder .ProductPreview .Price a:hover, .ProductHolder .ProductPreview .Price a:active, .ProductHolder .ProductPreview .Price a:focus {
                color: #353534;
            }

    .ProductHolder .ProductPreview .bottom {
        padding: 5px;
    }

.ProductHolder .Product .PriceHolder .PriceSaved {
    height: 19px;
}

/*#endregion */

/*#region .Pagination */

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}

.Pagination {
    padding-top: 15px;
    background-color: white;
    font-family: 'Roboto', sans-serif !important;
    color: rgb(0, 0, 0);
}

.Pagination-Top {
    padding-top: 0 !important;
    padding-bottom: 15px !important;
}

.Pagination .Items select, .Pagination .Items select option {
    color: #353534;
}

.Pagination .Show {
    text-align: left;
    font-size: 12px;
}

.Pagination .Items {
    font-size: 12px;
}

.Pagination .Sort {
    text-align: left;
    padding-top: 5px;
    font-size: 12px;
}

    .Pagination .Sort select, .Pagination .Sort select option {
        color: #353534;
    }

.Pagination .Page {
    text-align: left;
}

    .Pagination .Page nav {
        display: inline-block;
    }

    .Pagination .Page .pagination {
        margin: 10px 0;
    }

        .Pagination .Page .pagination a {
            padding: 6px 12px;
        }

.show-dropDown {
    padding: .3rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-left: 8px;
}

.sort-dropDown {
    padding: .375rem .75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/* md */
@media screen and (min-width: 992px) {
    .Pagination .Sort {
        text-align: right;
        padding-top: 0;
    }

    .Pagination .Page .pagination a {
        padding: 3px 9px;
    }
}
/*#endregion */

.Check {
    margin: 0 auto 15px !important;
    float: none !important;
}

/*#region .Checkout */
.Checkout {
    /*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
background-color:#FFFFFF;
border:1px solid #3c3f40;*/
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    margin: 10px 0 10px 0;
    padding: 5px;
    font-size: small;
    color: #000000;
}

    .Checkout div {
        padding-top: 5px;
    }

    .Checkout .Image {
    }

    .Checkout .Description {
    }

        .Checkout .Description h2 {
            color: #0088f1;
            font-weight: bold;
            font-size: medium;
            margin: 5px 0 10px 0;
        }

        .Checkout .Description p {
            font-size: small;
        }

    .Checkout .Qty {
    }

        .Checkout .Qty a {
            color: #353534;
        }

            .Checkout .Qty a span {
                font-size: 15px;
            }

                .Checkout .Qty a span.glyphicon.glyphicon-plus {
                    color: #006600;
                }

                .Checkout .Qty a span.glyphicon.glyphicon-minus {
                    color: #ff0000;
                }

    .Checkout .UnitPrice {
        text-align: left;
    }

        .Checkout .UnitPrice .col1 {
            width: 61px;
            display: inline-block;
            padding: 0;
        }

        .Checkout .UnitPrice .col2 {
            display: inline-block;
            color: #006600;
            font-weight: bold;
            padding: 0;
        }

    .Checkout .TotalPrice {
        text-align: left;
        position: relative;
    }

        .Checkout .TotalPrice .col1 {
            width: 61px;
            display: inline-block;
            padding: 0;
        }

        .Checkout .TotalPrice .col2 {
            display: inline-block;
            color: #006600;
            text-align: left;
            font-weight: bold;
            padding: 0;
        }
/* lg */
@media screen and (min-width: 992px) {
    .Checkout .UnitPrice {
        text-align: right;
    }

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

.Checkout .TotalPrice .CartButton {
    position: absolute;
    background-color: #FFF;
    border: 1px solid #cccccc;
    border-radius: 10px;
    width: 100%;
    padding: 7px;
    font-size: small;
    color: #1c8644;
    text-decoration: none;
    display: block;
    text-align: center;
    bottom: 0;
    right: 0
}

    .Checkout .TotalPrice .CartButton:hover, .Checkout .TotalPrice .CartButton:focus, .Checkout .TotalPrice .CartButton:active {
        background-color: #3c3f40;
        color: #FFF;
    }

    .Checkout .TotalPrice .CartButton .glyphicon {
        color: #1c8644;
    }

    .Checkout .TotalPrice .CartButton:hover .glyphicon, .Checkout .TotalPrice .CartButton:focus .glyphicon, .Checkout .TotalPrice .CartButton:active .glyphicon {
        color: #FFF;
    }

    .Checkout .TotalPrice .CartButton .glyphicon.glyphicon-minus {
        /*font-size: 9px;
left: 0;
position: absolute;
top: 37%;*/
        font-size: 9px;
        left: 0.7%;
        position: relative;
        top: 35%;
    }

    .Checkout .TotalPrice .CartButton .text {
        /*padding:0 0 0 10%;*/
    }


.Checkout .bottom {
    border-bottom: 1px dotted #353534;
    padding: 5px;
    margin: 0 auto 10px;
}

.Checkout .spacing {
    padding: 10px;
}

.Checkout .FinaliseOrder {
    border-top: 1px solid #3c3f40;
    margin: 10px -5px 0;
    padding: 10px 0 0;
}
    /*.Checkout .FinaliseOrder a {
color:#3c3f40;
font-size:large;
}*/
    .Checkout .FinaliseOrder .Transparent {
        color: #f5f5f5;
    }

    .Checkout .FinaliseOrder .FinaliseButton {
        padding: 5px;
    }

    .Checkout .FinaliseOrder .Red {
        /*color: #ff0000;*/
        color: #ff0000;
        font-weight: bold;
    }

    .Checkout .FinaliseOrder .Green {
        /*color: #006600;*/
        color: #006600;
        font-weight: bold;
    }
/*#endregion */

/*#region .Register */
.Register {
    /*background-color: #ffffff;
border:1px solid #3c3f40;*/
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    margin: 15px auto 15px !important;
    float: none !important;
    color: #000000;
}

    .Register .panel {
        box-shadow: none !important;
        background-color: transparent;
    }

    .Register .panel-body h2 {
        color: #000000;
        margin-top: 0;
    }

    .Register .panel-body input {
        color: rgba(76, 76, 76, 1);
    }

    .Register .ForgotPassword ol {
        padding: 0 0 0 15px;
    }

.btn.One {
    /*width:100%;*/
    background-color: #3c3f40;
    border-color: darken(#3c3f40, 4%);
    color: #FFFFFF !important;
}

    .btn.One:hover, .btn.One:active, .btn.One:focus {
        background-color: #353534;
        color: #FFFFFF;
    }

.btn.Two {
    /*width:100%;*/
    background-color: #353534;
    border-color: darken(#353534, 4%);
    color: #FFFFFF;
}

    .btn.Two:hover, .btn.Two:active, .btn.Two:focus {
        background-color: #3c3f40;
        color: #FFFFFF;
    }

.btn.Cart {
    background-color: white;
    border-color: #d5d6d6;
    color: #3c3f40;
    border-radius: 0;
}

    .btn.Cart:hover, .btn.Cart:active, .btn.Cart:focus {
        background-color: #3c3f40;
        color: white;
    }

.invalid-feedback {
    clear: both;
    color: #f00;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    margin: 3px 0 0;
    min-height: 13px;
    display: none;
}
/*#endregion */

/*#region .PaymentOptions */
.PaymentOptions {
    margin: 10px auto 10px auto !important;
    float: none !important;
    padding: 5px;
    font-size: small;
    color: #000000;
}

    .PaymentOptions .Payment {
        margin: 0 auto 15px !important;
        float: none !important;
    }

    .PaymentOptions .Welcome {
        margin: 0;
    }

        .PaymentOptions .Welcome .Price {
            text-align: left;
        }

    .PaymentOptions .Order svg, .PaymentOptions .Order i {
        width: 2.1rem;
        margin-bottom: 0px;
        height: 50px;
        background-color: white;
        border: 1px solid #dfe3e4;
        border-right: 0;
        padding-left: 10px;
    }


/* md */
@media screen and (min-width: 992px) {
    .PaymentOptions .Welcome .Price {
        text-align: right;
    }
}
/*.PaymentOptions .User {
}*/
.PaymentOptions h1 {
    display: inline-block;
}

.PaymentOptions h2 {
    display: inline-block;
}

.PaymentOptions h3 {
    display: inline-block;
    padding-left: 20px;
}
/*.PaymentOptions .Order {
}*/
.PaymentOptions .Order span.glyphicon.glyphicon-road.form-control-feedback {
    right: 20px;
}
/*.PaymentOptions .Details {
margin:0;
}
.PaymentOptions .Details .btn {
margin:0.2% 0;
}*/
.PaymentOptions .btn {
    float: none !important;
}

.PaymentOptions input,
.PaymentOptions select,
.PaymentOptions option {
    color: rgba(76, 76, 76, 1);
}

.PaymentOptions .Payment input {
    color: rgba(76, 76, 76, 1);
}

.PaymentOptions .custom-control-label:before {
    top: 0.10rem;
}

/*#endregion */

/*#region .ucAddress */
.ucAddress {
}

    .ucAddress .AddressHolder {
    }

        .ucAddress .AddressHolder .modal {
            border-radius: 10px;
            display: block;
            position: absolute;
            z-index: 999;
            height: 106%;
            width: 100%;
            top: 0;
            background-color: rgba(0,0,0,0.2);
            margin: -10px;
            left: 1.5%;
        }

        .ucAddress .AddressHolder .center {
            z-index: 1000;
            margin: 5% auto;
            padding: 10px;
            width: 240px;
            background-color: White;
            border-radius: 10px;
            color: #333333;
            text-align: center;
        }

    .ucAddress span.radio {
        padding: 0;
    }

        .ucAddress span.radio span {
            margin-left: 20px;
        }

            .ucAddress span.radio span.aspNetDisabled {
                display: inline-block;
                color: #999999;
                margin-bottom: -10px;
            }

                .ucAddress span.radio span.aspNetDisabled input[type="radio"]:hover,
                .ucAddress span.radio span > label:hover {
                    cursor: not-allowed;
                }

            .ucAddress span.radio span.radio.disabled {
                display: inline-block;
                color: #999999;
                margin-bottom: -10px;
            }

        .ucAddress span.radio > input[type="radio"] {
            height: 20px;
        }

        .ucAddress span.radio > label {
            padding: 0 5px 0 8px;
            vertical-align: top;
        }

        .ucAddress span.radio span > label {
            padding: 0 5px 0 0px;
        }

        .ucAddress span.radio > label.lbl {
            padding: 0 5px 0 5px;
        }

        .ucAddress span.radio > label a {
            z-index: 200;
        }

    .ucAddress .AddressModal .btn.right {
        float: right !important;
    }

    .ucAddress .AddressModal .modal {
        border-radius: 10px;
        display: block;
        position: absolute;
        z-index: 999;
        height: 127%;
        width: 100%;
        top: -50px;
        left: 10px;
        background-color: rgba(0,0,0,0.2);
        margin: -10px;
    }

        .ucAddress .AddressModal .modal .center {
            z-index: 1000;
            margin: 25% auto;
            padding: 10px;
            width: 240px;
            background-color: White;
            border-radius: 10px;
            color: #333333;
            text-align: center;
        }
/*#endregion */

/*#region .ShippingHolder */
.ShippingHolder {
    position: relative;
}

    .ShippingHolder .FinalOrderHolder {
        padding-bottom: 20px;
        color: #000000;
    }


    .ShippingHolder .modal {
        border-radius: 10px;
        display: block;
        position: absolute;
        z-index: 999;
        height: 105%;
        width: 103%;
        top: 0;
        background-color: Black;
        filter: alpha(opacity=20);
        opacity: 0.2;
        -moz-opacity: 0.2;
        margin: -10px;
    }

    .ShippingHolder .center {
        z-index: 1000;
        margin: 10% auto;
        padding: 10px;
        width: 70px;
        background-color: White;
        border-radius: 10px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }

        .ShippingHolder .center img {
            /*height: 128px;
width: 128px;*/
        }

    .ShippingHolder .Insurance label {
        font-weight: normal;
        margin: 0;
    }
/*.ShippingHolder .text-right {
text-align:left;
}
/* md /
@media screen and (min-width: 992px) {
.ShippingHolder .text-right {
text-align:right;
}
}*/
/*#endregion */

/*#region .Order */
.Order {
    margin: 0 auto 15px !important;
    float: none !important;
}

    .Order h1 {
        font: 400 34px "Oswald", sans-serif;
        color: #222222;
        padding-bottom: 10px;
        position: relative;
        text-transform: uppercase;
        padding-top: 25px;
        margin-bottom: 1.5rem;
        text-align: left;
    }

        .Order h1:after {
            content: "";
            position: absolute;
            height: 5px;
            width: 80px;
            background: var(--main-color);
            left: 0;
            bottom: 0;
        }

    .Order h4 {
        font: 400 30px "Oswald", sans-serif;
        color: #222222;
        padding-bottom: 10px;
        position: relative;
        text-transform: uppercase;
        padding-top: 25px;
        margin-bottom: 1.5rem;
        text-align: left;
    }

        .Order h4:after {
            content: "";
            position: absolute;
            height: 5px;
            width: 80px;
            background: var(--main-color);
            left: 0;
            bottom: 0;
        }

    .Order .OrderHistory {
        margin-bottom: 10px;
    }

        .Order .OrderHistory h4 {
            margin: 20px 0;
        }

.order-shop-btn {
    font: 700 20px/60px "Roboto", sans-serif;
    width: 250px;
    text-align: center;
    background: var(--main-color);
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: absolute !important;
    bottom: 20px;
    left: 45%;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
}

    .order-shop-btn:hover {
        border: 1px #1a1a1c solid;
        color: #222222 !important;
    }

#ContentPlaceHolder1_pan_success {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/*#endregion */

/*#region .OrderHistory */
.OrderHistory {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #000000;
}

    .OrderHistory h1 {
        font: 400 24px "Oswald", sans-serif;
        color: #222222;
        padding-bottom: 10px;
        position: relative;
        text-transform: uppercase;
        padding-top: 40px;
        margin-bottom: 1.5rem;
        text-align: center;
    }

        .OrderHistory h1:after {
            content: "";
            position: absolute;
            height: 5px;
            width: 80px;
            background: var(--main-color);
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
        }

.table-hover tbody tr th {
    border: none;
}

.table-hover tbody tr:hover th {
    background-color: #343a40;
    color: white;
}

.tHeader-Background {
    background-color: #343a40;
    color: white;
    border: 1px solid #343a40;
}

.OrderHistory .table a {
    color: #212529;
}

    .OrderHistory .table a:hover {
        color: var(--main-color);
    }

.no-history {
    text-align: center;
    font-size: 26px;
}

.btn-repeat {
    font: 700 16px/40px "Roboto", sans-serif;
    text-align: center;
    background: var(--main-color);
    background-color: rgb(0, 146, 63);
    display: block;
    outline: none !important;
    color: white;
    padding: 0 15px;
    border-radius: 0;
    border: 1px solid var(--main-color);
    text-decoration: none !important;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-left: auto;
}

    .btn-repeat:hover {
        background-color: white;
        color: var(--main-color);
        border: 1px solid var(--main-color);
    }

/*#endregion */

/*#region .UserDetails */

.UserDetails {
    color: #000000;
    margin: auto;
}

    .UserDetails h2 {
        font: 400 24px "Oswald", sans-serif;
        color: #222222;
        padding-bottom: 10px;
        position: relative;
        text-transform: uppercase;
        padding-top: 40px;
        margin-bottom: 1.5rem;
    }

        .UserDetails h2:after {
            content: "";
            position: absolute;
            height: 5px;
            width: 80px;
            background: var(--main-color);
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
        }

    .UserDetails .form-group.Holder {
        padding: 15px 15px 30px 15px;
    }

    .UserDetails .Holder .input-box {
        border: 1px solid #dfe3e4;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        height: 50px;
        padding-left: 15px;
        width: 100%;
        color: #222222;
        margin-top: 20px;
        font-size: 14px;
    }

        .UserDetails .Holder .input-box.placeholder {
            color: #d3dadf;
        }

        .UserDetails .Holder .input-box:-moz-placeholder {
            color: #d3dadf;
        }

        .UserDetails .Holder .input-box::-webkit-input-placeholder {
            color: #d3dadf;
        }

.details-update-btn {
    font: 700 18px/50px "Roboto", sans-serif;
    width: 100%;
    text-align: center;
    background: #353534;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .details-update-btn:hover {
        background: var(--main-color);
    }

.link {
    color: var(--main-color);
}

    .link:hover {
        color: var(--main-color);
    }

/*#endregion */

/*#region Cart */

.cart {
    background-color: white;
    font-family: "Roboto", sans-serif;
}

    .cart .container {
        max-width: 1400px;
    }

    .cart h2 {
        font: 400 24px "Oswald", sans-serif;
        color: #222222;
        padding-bottom: 10px;
        position: relative;
        text-transform: uppercase;
        padding-top: 40px;
        margin-bottom: 2rem;
    }

        .cart h2:after {
            content: "";
            position: absolute;
            height: 5px;
            width: 80px;
            background: var(--main-color);
            left: 0;
            bottom: 0;
        }

.cart-row {
    padding-bottom: 40px;
}

    .cart-row .table {
        width: 800px
    }

        .cart-row .table tbody tr th {
            background-color: #f5f5f5;
        }

        .cart-row .table td, .table th {
            padding: 1.5rem .75rem;
        }

        .cart-row .table tbody tr {
            border-bottom: 1px solid #f2f2f2;
        }

            .cart-row .table tbody tr .flex-column {
                height: 30vh;
            }

    .cart-row h4 {
        font: 400 24px "Roboto", sans-serif;
        color: #222222;
        margin: 3rem 0;
    }

.shop-btn {
    font: 700 20px/60px "Roboto", sans-serif;
    width: 180px;
    text-align: center;
    background: var(--main-color);
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0 auto;
    border-radius: 0;
    cursor: pointer;
}

    .shop-btn:hover {
        color: #222222 !important;
    }

.cart .shutter-out-vertical-white::before {
    border: 1px solid;
}

.cart-item-heading {
    font: 600 20px "Roboto", sans-serif;
    display: block;
    color: #0b79bf;
}

.cart-item-description {
    display: block;
    color: #707070;
    margin: .5rem 0px;
}

.cart-item-inStock {
    display: block;
    color: #006600;
    font-weight: 600;
}

.cart-item-outOfStock {
    display: block;
    color: red;
    font-weight: 600;
}

.cart-summary {
    background-color: #f5f5f5;
    padding: 15px 0px;
}

    .cart-summary h2, .cart-summary span {
        padding-left: 15px;
        padding-right: 15px;
    }

        .cart-summary h2:after {
            left: 15px;
        }

.checkout-btn {
    font: 700 18px/40px "Roboto", sans-serif;
    width: 90.5%;
    text-align: center;
    background: #1c8644;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    margin: 1rem 15px 0 15px;
}

.remove-cart-btn {
    font: 700 16px/35px "Roboto", sans-serif;
    width: 165px;
    text-align: center;
    background: #dc3545;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    margin-top: auto;
    margin-left: auto;
}

.continue-shopping-btn {
    font: 700 18px/40px "Roboto", sans-serif;
    width: 90.5%;
    text-align: center;
    background: #353534;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    margin: 1rem 15px 0 15px;
}

.table-price-height {
    line-height: 36px;
}

.unit-price-headerColumn {
    width: 95px;
}

.product-name-headerColumn {
    width: 385px;
}

.alert-primary {
    color: #222;
    border-radius: 0;
    margin-top: 1rem;
}

/*#endregion */

/*#region Login Register */

.btn-login {
    font: 700 15px/50px "Roboto", sans-serif;
    width: 170px;
    text-align: center;
    background: #fafafa;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 1px #1a1a1c solid;
    color: #212529;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    text-decoration: none !important;
    cursor: pointer;
}

    .btn-login:hover, .btn-login .active {
        color: white !important;
        border-color: #de0303;
    }

    .btn-login i {
        color: #f782ac;
        transition: all 300ms linear 0s;
        margin-right: 6px;
    }

    .btn-login svg {
        color: #f782ac;
        transition: all 300ms linear 0s;
        margin-right: 6px;
    }

    .btn-login:hover svg {
        color: white !important;
    }

    .btn-login:hover i {
        color: white !important;
    }

.login-register {
    font-family: "Roboto", sans-serif;
    padding: 40px 0;
    background-color: #f5f5f5;
}

    .login-register h2 {
        font: 400 24px "Oswald", sans-serif !important;
        color: #222222;
        padding-bottom: 20px;
        position: relative;
        text-transform: uppercase;
        margin-bottom: 2.8rem;
        text-align: center;
    }

        .login-register h2:after {
            content: "";
            position: absolute;
            height: 5px;
            width: 80px;
            background: var(--main-color);
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
        }

    .login-register .input-box {
        border: 1px solid #dfe3e4;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        height: 50px;
        padding-left: 15px;
        width: 100%;
        color: #222222;
        margin-top: 20px;
        font-size: 14px;
    }

        .login-register .input-box.placeholder {
            color: #bfc5c9;
        }

        .login-register .input-box:-moz-placeholder {
            color: #bfc5c9;
        }

        .login-register .input-box::-webkit-input-placeholder {
            color: #bfc5c9;
        }

.newPass {
    margin-top: 10px !important;
}

#ContentPlaceHolder1_login_Form .btn-group {
    width: 100%;
}

#ContentPlaceHolder1_login_Form .btn-login {
    width: 50%;
    transition: all 300ms linear 0s;
    padding: 0;
}

    #ContentPlaceHolder1_login_Form .btn-login:hover {
        border-color: #353534;
        background-color: #353534;
    }

.btn-forgot {
    font: 700 15px/50px "Roboto", sans-serif;
    text-align: center;
    background: #fafafa;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 1px #1a1a1c solid;
    color: #212529;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    text-decoration: none !important;
    cursor: pointer;
    width: 50%;
    transition: all 300ms linear 0s;
}

    .btn-forgot:hover {
        color: white !important;
        border-color: var(--main-color);
        background-color: var(--main-color);
    }

    .btn-forgot svg, .btn-forgot i {
        color: var(--main-color);
        transition: all 300ms linear 0s;
    }

    .btn-forgot:hover svg, .btn-forgot:hover i {
        color: white !important;
    }

.btn-register {
    font: 700 15px/50px "Roboto", sans-serif;
    text-align: center;
    background: #fafafa;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 1px #1a1a1c solid;
    color: #212529;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-bottom: 1rem;
}

    .btn-register:hover {
        color: white !important;
        border-color: #353534;
        background-color: #353534;
    }

    .btn-register svg, .btn-register i {
        color: #353534;
        transition: all 300ms linear 0s;
        margin-right: 6px;
    }

    .btn-register:hover svg, .btn-register:hover i {
        color: white !important;
    }

.register-forget-btn {
    font: 700 18px/50px "Roboto", sans-serif;
    width: 150px;
    text-align: center;
    background: var(--main-color);
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    color: white;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    border: 1px solid var(--main-color);
    text-decoration: none !important;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-bottom: 1rem;
}

    .register-forget-btn:hover {
        background-color: white;
        color: var(--main-color);
        border: 1px solid var(--main-color);
    }

.register-create-btn {
    font: 700 18px/50px "Roboto", sans-serif;
    width: 190px;
    text-align: center;
    background: var(--main-color);
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    color: white;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    border: 1px solid var(--main-color);
    text-decoration: none !important;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-bottom: 1rem;
}

    .register-create-btn:hover {
        background-color: white;
        color: var(--main-color);
        border: 1px solid var(--main-color);
    }

.login-display-btn {
    font: 700 18px/50px "Roboto", sans-serif;
    width: 150px;
    text-align: center;
    background: #353534;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 1px solid #353534;
    color: white;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    transition: all 300ms linear 0s;
    margin-bottom: 3rem;
}

    .login-display-btn:hover {
        background-color: white;
        color: #353534;
        border: 1px solid #353534;
    }

.login-register .checkbox {
    font-size: 16px;
}

    .login-register .checkbox input {
        position: relative;
        top: 1px;
    }

    .login-register .checkbox a {
        color: var(--main-color);
    }

.login-register p {
    color: #222222;
}

.login-register .Mail p {
    font: 400 17px "Roboto", sans-serif !important;
    color: #222222;
}

#ContentPlaceHolder1_forgot_Password_Form ol {
    padding-left: 15px;
}

.register-display-btn {
    font: 700 18px/50px "Roboto", sans-serif;
    width: 240px;
    text-align: center;
    background: #353534;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 1px solid #353534;
    color: white;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    transition: all 300ms linear 0s;
    margin-bottom: 1rem;
}

    .register-display-btn:hover {
        background-color: white;
        color: #353534;
        border: 1px solid #353534;
    }

.reset-login-btn {
    font: 700 18px/50px "Roboto", sans-serif;
    width: 340px;
    text-align: center;
    background: #353534;
    background-color: rgb(53, 53, 52);
    background-color: rgb(53, 53, 52);
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 1px solid #353534;
    color: white;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    transition: all 300ms linear 0s;
    margin-bottom: 1rem;
}

    .reset-login-btn:hover {
        background-color: white;
        color: #353534;
        border: 1px solid #353534;
    }

/*#endregion */

/*#region Payment Options */

.payment-options {
    background-color: #f5f5f5;
}

    .payment-options h1 {
        font: 400 24px "Oswald", sans-serif;
        color: #222222;
        padding-bottom: 10px;
        position: relative;
        text-transform: uppercase;
        padding-top: 40px;
        margin-bottom: 1.5rem;
    }

        .payment-options h1:after {
            content: "";
            position: absolute;
            height: 5px;
            width: 80px;
            background: var(--main-color);
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
        }

    .payment-options .sub-headings {
        font: 400 24px "Oswald", sans-serif;
        color: #222222;
        padding-bottom: 10px;
        position: relative;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
        justify-content: left;
    }

        .payment-options .sub-headings:after {
            content: "";
            position: absolute;
            height: 5px;
            width: 80px;
            background: var(--main-color);
            bottom: 0;
            left: 0;
        }

    .payment-options .Order .input-box {
        border: 1px solid #dfe3e4;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        height: 50px;
        padding-left: 15px;
        width: 100%;
        color: #222222;
        margin-bottom: 20px;
        font-size: 14px;
    }

        .payment-options .Order .input-box.placeholder {
            color: #d3dadf;
        }

        .payment-options .Order .input-box:-moz-placeholder {
            color: #d3dadf;
        }

        .payment-options .Order .input-box::-webkit-input-placeholder {
            color: #d3dadf;
        }

    .payment-options .Order textarea {
        height: 120px !important;
        resize: none;
    }

#ContentPlaceHolder1_txt_delivery_date {
    cursor: pointer;
    width: 90.5%;
    border-left: 0;
    margin-bottom: 0;
}

.address-add-btn {
    font: 700 18px/40px "Roboto", sans-serif;
    width: 150px;
    text-align: center;
    background: #353534;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-bottom: 20px;
}

    .address-add-btn:hover {
        background: var(--main-color);
    }

.address-save-btn {
    font: 700 18px/40px "Roboto", sans-serif;
    width: 150px;
    text-align: center;
    background: #353534;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-bottom: 20px;
}

    .address-save-btn:hover {
        background: var(--main-color);
    }

.modal-body .input-box {
    margin-top: 0px !important;
    margin-bottom: 20px;
}

#AddressModalLabel {
    font: 400 24px "Oswald", sans-serif;
    color: #222222;
    position: relative;
    text-transform: uppercase;
}

.modal-footer .btn-secondary {
    font: 700 18px/25px "Roboto", sans-serif;
}

.complete-purchase-btn {
    font: 700 18px/40px "Roboto", sans-serif;
    text-align: center;
    background: var(--main-color);
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-bottom: 20px;
}

    .complete-purchase-btn:hover {
        background: #353534;
    }

.checkout-grey-btn {
    font: 700 18px/40px "Roboto", sans-serif;
    text-align: center;
    background: #353534;
    display: block;
    text-shadow: none;
    outline: none !important;
    box-shadow: none;
    border: 0;
    color: white !important;
    position: relative;
    z-index: 2;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    transition: all 300ms linear 0s;
    margin-bottom: 20px;
}

    .checkout-grey-btn:hover {
        background: var(--main-color);
    }

.address-manage-btn {
    width: 180px;
}

.Insurance .form-check {
    justify-content: start;
    margin-bottom: 20px;
}

.Insurance .form-check-input {
    top: 2px;
}

/*#endregion */


/*#region Payment Options */

.img-zoom-container {
    position: relative;
    padding: 15px;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 80px;
    height: 80px;
}

.img-zoom-result {
    border: 1px solid #d4d4d4;
    /*set the size of the result div:*/
    width: 250px;
    height: 250px;
    position: absolute;
    top: 65px;
    left: 100%;
    z-index: 1000;
}

/*#endregion */

/*RESPONSIVE STYLES PER BREAK POINT*/

/* SM Breakpoint (tablets, 600px and up) */
@media (min-width: 600px) {

    .ml-20px {
        margin-left: 15px;
    }

    .mb-20px {
        margin-bottom: 15px;
    }

    .mt-20px {
        margin-top: 15px;
    }

    .ml-sm-none {
        margin-left: 0px !important;
    }

    .ProductSingle-LeftBlock .Image {
        margin: 15px 0px 0px 15px;
    }

        .ProductSingle-LeftBlock .Image .img-thumbnail {
            max-width: 100%;
        }

    .Pagination .Page {
        text-align: center;
    }

    .Pagination .Sort {
        padding-top: 0px;
    }

    .Pagination .Page .pagination {
        margin: 25px 0 10px 0;
    }

    .breadcrumb {
        font-size: 16px;
    }

    .ProductHolder .Product .Image {
        min-height: 160px;
    }

        .ProductHolder .Product .Image img {
            max-height: 160px;
        }

    .ProductHolderSingle .Product .QtyHolder .input-group {
        width: 45%;
    }

    .ProductHolderSingle .Product .border-box .Image {
        min-height: 160px;
    }

        .ProductHolderSingle .Product .border-box .Image img {
            max-height: 160px;
        }

    .ProductHolder .Product .Heading h2 {
        height: 51px;
    }

    .ProductHolderSingle .Product .HeadingRelated h2 {
        height: 51px;
    }

    .cart-row .table tbody tr .flex-column {
        height: 25vh;
    }

    .checkout-btn {
        width: 95%;
    }

    .continue-shopping-btn {
        width: 95%;
    }
}

/* MD Breakpoint (tablets, 768px and up) */
@media (min-width: 768px) {

    .login-register {
        padding: 50px 0;
    }

    .btn-forgot {
        font: 700 18px/50px "Roboto", sans-serif;
    }


    .btn-group .btn-login {
        font: 700 18px/50px "Roboto", sans-serif;
    }

    .btn-register {
        font: 700 18px/50px "Roboto", sans-serif;
    }

    .ProductHolder .Product .Heading h2 {
        font-size: 15px;
    }

    .ProductHolder .Product {
        margin: 0 -30px !important;
        padding-top: 30px;
    }

        .ProductHolder .Product .grid {
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 30px;
        }

        .ProductHolder .Product .Heading h2 {
            height: 57px;
        }

    .products-related-flex-row {
        margin: 0 -15px !important;
    }

        .products-related-flex-row .col-12 {
            padding: 0 15px;
        }

    .ProductHolderSingle .Product .grid {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .cart-row .table {
        width: 744px
    }

    .cart-row .table tbody tr .flex-column {
        height: 17.2vh;
    }

    .checkout-btn {
        width: 96%;
    }

    .continue-shopping-btn {
        width: 96%;
    }
}

/* LG Breakpoint (tablets, 992px and up) */
@media (min-width: 992px) {

    /*sm & xs screen*/
    .Nav .navbar.navbar-default {
        background-color: #FFFFFF;
        border: 1px solid #3c3f40;
        margin: 0;
        padding: 5px;
    }

        .Nav .navbar.navbar-default .navbar-brand {
            background-color: #3c3f40;
            border: 1px solid #353534;
            color: #FFFFFF;
            margin: 0;
            width: 100%;
            font-size: 14px;
            text-transform: uppercase;
            line-height: 22px;
            height: 50px;
            padding: 14px 15px;
        }

            .Nav .navbar.navbar-default .navbar-brand:hover, .Nav .navbar.navbar-default .navbar-brand:active, .Nav .navbar.navbar-default .navbar-brand:focus {
                background-color: #3c3f40;
                border: 1px solid #353534;
                color: #FFFFFF;
            }

        .Nav .navbar.navbar-default .navbar-collapse {
            height: auto;
            border-top: 0;
            box-shadow: none;
            max-height: none;
            padding-left: 0;
            padding-right: 0;
        }

            .Nav .navbar.navbar-default .navbar-collapse.collapse {
                display: block !important;
                width: auto !important;
                padding-bottom: 0;
                overflow: visible !important;
            }

            .Nav .navbar.navbar-default .navbar-collapse.in {
                overflow-x: visible;
            }

    .Nav .nav > li > a {
        padding: 3px 7px;
        font-size: 10px !important;
        color: #777;
        line-height: 22px;
        display: block;
    }

    #ContentPlaceHolder1_ucCategories_ul_nav .dropdown a svg {
        height: 22px;
    }

    #ContentPlaceHolder1_ucCategories_ul_nav .dropdown .dropdown-menu {
        padding: 0;
        margin-top: 0;
        border-radius: 0;
    }

        #ContentPlaceHolder1_ucCategories_ul_nav .dropdown .dropdown-menu li a {
            padding: 5px;
            background: white;
            color: #777 !important;
            font-size: 10px;
        }

            #ContentPlaceHolder1_ucCategories_ul_nav .dropdown .dropdown-menu li a:hover {
                background-color: #3c3f40;
                color: #FFFFFF !important;
            }


    .Nav .nav.navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .Nav .nav.navbar-nav .dropdown .dropdown-menu {
        top: 0;
        left: 100%;
    }

    .Nav .navbar.navbar-default .navbar {
        max-width: 300px;
        margin-right: 0;
        margin-left: 0;
    }

    .Nav .navbar.navbar-default .navbar-nav,
    .Nav .navbar.navbar-default .navbar-nav > li,
    .Nav .navbar.navbar-default .navbar-left,
    .Nav .navbar.navbar-default .navbar-right,
    .Nav .navbar.navbar-default .navbar-header {
        float: none !important;
    }

    .ProductHolderSingle .Product .Heading h2 {
        padding: 0;
    }

    .ProductHolderSingle .Product .Heading p {
        padding: 15px 0;
    }

    .ProductSingle-LeftBlock .DescriptionHolder {
        padding: 0;
    }

    .ProductSingle-RightBlock {
        margin-bottom: 0px;
    }

    .ProductHolderSingle .Product .QtyHolder .input-group {
        width: 100%;
    }

    .single-item-row {
        padding-bottom: 15px;
    }

    .Related-Products {
        margin-top: 15px;
    }

    .shop {
        padding-bottom: 0px;
    }

    .checkout-btn {
        width: 88%;
    }

    .continue-shopping-btn {
        width: 88%;
    }
}

/* Square Screen ( (Resolution 1280x800 ) 1260px and up) */
@media (min-width: 1007px) {

    .ml-20px {
        margin-left: 15px;
    }

    .ProductHolder .Product .ButtonHolder .CartButton {
        padding: 7px 5px 7px 5px;
    }

        .ProductHolder .Product .ButtonHolder .CartButton .text {
            padding: 0px 0 0 0%;
        }

    .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton {
        padding: 7px 4px 7px 4px;
    }

        .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton .text {
            padding: 0px 0 0 0%;
        }

    .ml-25px {
        margin-left: 15px;
    }

    #ContentPlaceHolder1_txt_delivery_date {
        width: 93.2%;
    }

    .ProductHolderSingle .PriceHolder {
        font: 600 28px "Roboto", sans-serif;
    }
}

/*All media queries below qualify as XL Breakpoint*/

/* Square Screen ( (Resolution 1280x800 ) 1260px and up) */
@media (min-width: 1260px) {

    .ml-20px {
        margin-left: 15px;
    }

    .ProductHolder .Product .ButtonHolder .CartButton {
        padding: 7px 5px 7px 5px;
    }

        .ProductHolder .Product .ButtonHolder .CartButton .text {
            padding: 0px 0 0 0%;
        }

    .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton {
        padding: 7px 4px 7px 4px;
    }

        .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton .text {
            padding: 0px 0 0 0%;
        }

    .ml-25px {
        margin-left: 15px;
    }

    #ContentPlaceHolder1_txt_delivery_date {
        width: 93.2%;
    }

    .ProductHolder .Product .Heading h2 {
        height: 54px;
    }

    .cart .container {
        max-width: 1140px;
    }

    .cart-row .table {
        width: 100%;
    }

    .product-name-headerColumn {
        width: 447px;
    }

    .unit-price-headerColumn {
        width: 110px;
    }
}

/* Normal Screen 18 Inch - 19 Inch ( (Resolution 1366x768 ) 1349px and up) */
@media (min-width: 1349px) {

    .Nav .navbar.navbar-default .navbar-brand {
        padding: 14px 7px;
    }

    .promotion-row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .product-block {
        padding: 15px !important;
    }

    .ProductHolder .Product {
        margin: 0 -25px !important;
        padding-top: 20px;
    }

        .ProductHolder .Product .grid {
            padding-left: 10px;
            padding-right: 10px;
            margin-bottom: 20px;
        }

        .ProductHolder .Product .ButtonHolder .CartButton {
            padding: 7px;
        }

            .ProductHolder .Product .ButtonHolder .CartButton .text {
                padding: 0px 0 0 6%;
            }

    .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton {
        padding: 7px;
    }

        .ProductHolderSingle .ProductRelated .ButtonHolder .CartButton .text {
            padding: 0px 0 0 6%;
        }

    /*#region Payment Options */

    #ContentPlaceHolder1_txt_delivery_date {
        width: 93.6%;
    }

    .ProductHolder .Product .ButtonHolder .CartButton .text {
        padding: 0 0 0 6%;
    }

    /*#endregion */  


    .ProductSingle-LeftBlock .singleBigPic {
        max-height: 242px;
    }

    .single-item-row {
        padding-bottom: 0px;
    }

    .products-related-flex-row {
        margin: 0 -10px !important;
    }

        .products-related-flex-row .col-12 {
            padding: 0 10px;
        }

    .Related-Products {
        font-size: 22px !important;
    }

    .ProductHolderSingle .Product .grid {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }

    .cart-row .table tbody tr .flex-column {
        height: 23vh;
    }

    .checkout-btn {
        width: 89%;
    }

    .continue-shopping-btn {
        width: 89%;
    }
}

/* Large Screen 20 Inch - 22 Inch ( (Resolution 1440x900 ) 1583px and up) */
@media (min-width: 1423px) {


    .ProductHolder .Product .Image img {
        max-height: 168px;
    }

    .ProductHolderSingle .ProductRelated .Image {
        max-height: 168px;
        min-height: 168px;
    }

        .ProductHolderSingle .ProductRelated .Image img {
            max-height: 168px;
        }

    .cart-row .table tbody tr .flex-column {
        height: 27vh;
    }

    .ProductHolderSingle .PriceHolder {
        font: 600 36px "Roboto", sans-serif;
    }

    /*#region Payment Options */

    #ContentPlaceHolder1_txt_delivery_date {
        width: 94.6%;
    }

    /*#endregion */

}

/*Adelia laptop small screen size high resolution ( (Resolution 1920x1080), 1500px and up) */
@media (min-width: 1500px) {

    .Nav .nav > li > a {
        font-size: 11px !important;
    }

    #ContentPlaceHolder1_ucCategories_ul_nav .dropdown .dropdown-menu li a {
        font-size: 11px !important;
    }

    .ml-25px {
        margin-left: 25px;
    }

    .ml-20px {
        margin-left: 20px;
    }

    .table-responsive {
        display: table;
    }

    .cart-row .table {
        width: 100%;
    }

    .product-name-headerColumn {
        width: 663px;
    }

    .Pagination .Items {
        font-size: 13px;
    }

    .ProductHolder h4 {
        font-size: 18px !important;
    }

    .show-dropDown {
        padding: 0.4rem;
    }

    .ProductHolder .Product .Image {
        max-height: 180px;
        min-height: 180px;
    }

        .ProductHolder .Product .Image img {
            max-height: 180px;
        }

    .ProductHolderSingle .Product .border-box .Image {
        min-height: 180px;
        max-height: 180px;
    }

        .ProductHolderSingle .Product .border-box .Image img {
            max-height: 180px;
        }

    .ProductHolderSingle .PriceHolder {
        font: 600 34px "Roboto", sans-serif;
    }

    .ProductHolderSingle .Product .HeadingRelated h2 {
        height: 54px;
    }

    .ProductHolder .Product .ButtonHolder .CartButton {
        font-size: 16px;
    }

    .ProductHolderSingle .Product .ButtonHolderRelated .CartButton {
        font-size: 16px;
    }

    .cart-row .table tbody tr .flex-column {
        height: 16vh;
    }

    .ProductSingle-LeftBlock .singleBigPic {
        max-height: 272px;
    }

    /*#region Payment Options */
    #ContentPlaceHolder1_txt_delivery_date {
        width: 94.38%;
    }

    /*#endregion */

}

/* Large Screen 20 Inch - 22 Inch ( (Resolution 1600x900 ) 1583px and up) */
@media (min-width: 1583px) {

    .ml-25px {
        margin-left: 25px;
    }

    .Nav .nav > li > a {
        font-size: 12px !important;
    }

    #ContentPlaceHolder1_ucCategories_ul_nav .dropdown .dropdown-menu li a {
        font-size: 12px !important;
    }

    .ProductHolder .Product .Image img {
        max-height: 168px;
    }

    .ProductHolderSingle .ProductRelated .Image {
        max-height: 168px;
        min-height: 168px;
    }

        .ProductHolderSingle .ProductRelated .Image img {
            max-height: 168px;
        }

    .ProductHolder .Product .Heading h2 {
        min-height: 54px;
    }

    .ProductHolderSingle .ProductRelated .HeadingRelated h2 {
        min-height: 54px;
    }

    .cart-row .table tbody tr .flex-column {
        height: 24.5vh;
    }

    .ProductHolderSingle .PriceHolder {
        font: 600 36px "Roboto", sans-serif;
    }

    /*#region Payment Options */

    #ContentPlaceHolder1_txt_delivery_date {
        width: 94.6%;
    }

    /*#endregion */

}

/*Extra Large Screen 23 Inch ( (Resolution 1920x1080 ) 1800px and up) */
@media (min-width: 1800px) {

    .Nav .nav > li > a {
        font-size: 14px !important;
    }

    .ProductHolder .Product .ButtonHolder .CartButton .text {
        padding: 0 0 0 10%;
    }

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

    .ProductSingle-LeftBlock .Image {
        margin: 15px 0px 5px 15px;
    }

        .ProductSingle-LeftBlock .Image .img-thumbnail {
            max-width: 100%;
            margin-bottom: 10px;
        }

    .ProductHolderSingle .Product .Heading h2 {
        font: 400 26px "Roboto", sans-serif !important;
    }

    .ProductHolderSingle .PriceHolder {
        font: 600 40px "Roboto", sans-serif;
    }

    .remove-cart-btn {
        width: 186px;
    }

    .ProductHolder .Product .Image {
        max-height: 200px;
        min-height: 200px;
    }

        .ProductHolder .Product .Image img {
            max-height: 200px;
        }

    .ProductHolderSingle .Product .border-box .Image {
        max-height: 200px;
        min-height: 200px;
    }

        .ProductHolderSingle .Product .border-box .Image img {
            max-height: 200px;
        }

    .ProductHolderSingle .ProductRelated .HeadingRelated h2 {
        min-height: 54px;
    }

    .ProductHolder .Product .Heading h2 {
        min-height: 57px;
        font-size: 16px;
    }

    .ProductSingle-LeftBlock .singleBigPic {
        max-height: 360px;
    }

    /*#region Payment Options */


    #ContentPlaceHolder1_txt_delivery_date {
        width: 82.5%;
    }

    /*#endregion */

    #ContentPlaceHolder1_ucCategories_ul_nav .dropdown a svg {
        height: 22px;
    }

    #ContentPlaceHolder1_ucCategories_ul_nav .dropdown .dropdown-menu {
        padding: 0;
        margin-top: 0;
        margin-bottom: 15px;
    }

        #ContentPlaceHolder1_ucCategories_ul_nav .dropdown .dropdown-menu li a {
            padding: 5px;
            background: white;
            color: #777 !important;
            padding: 3px 18px;
            font-size: 14px !important;
        }

            #ContentPlaceHolder1_ucCategories_ul_nav .dropdown .dropdown-menu li a:hover {
                background-color: #3c3f40;
                color: #FFFFFF !important;
            }

    .checkout-btn {
        width: 92%;
    }

    .continue-shopping-btn {
        width: 92%;
    }
}



/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ @font-face {
    font-family: 'FontAwesome';
    src: url('../css/fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('../css/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../css/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../css/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../css/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../css/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}





/*!
 *  FooTable - Awesome Responsive Tables - http://themergency.com/footable - @FooTable
 */
.footable .Qty {
    text-align: center;
}

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

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

.footable > thead > tr > th, .footable > thead > tr > td { /*position:relative*/
}

.footable {
    border-spacing: 0;
    width: 100%;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-family: 'trebuchet MS','Lucida sans',Arial;
    font-size: 14px;
    color: #444
}

    .footable.breakpoint > tbody > tr > td.expand {
        background: url(img/plus.png) no-repeat 5px center;
        padding-left: 40px
    }

    .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
        background: url(img/minus.png) no-repeat 5px center
    }

    .footable.breakpoint > tbody > tr.footable-row-detail {
        background: #eee
    }

    .footable > tbody > tr:hover {
        background: #fbf8e9
    }

    .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
        cursor: pointer
    }

    .footable > tbody > tr > td, .footable > thead > tr > th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 10px 2px 10px 2px;
        text-align: left;
    }

    .footable > thead > tr > th, .footable > thead > tr > td {
        background-color: #dce9f9;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));
        background-image: -webkit-linear-gradient(top,#ebf3fc,#dce9f9);
        background-image: -moz-linear-gradient(top,#ebf3fc,#dce9f9);
        background-image: -ms-linear-gradient(top,#ebf3fc,#dce9f9);
        background-image: -o-linear-gradient(top,#ebf3fc,#dce9f9);
        background-image: linear-gradient(to bottom,#ebf3fc,#dce9f9);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: 0;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        border: none;
    }

        .footable > thead > tr > th:first-child, .footable > thead > tr > td:first-child {
            -moz-border-radius: 6px 0 0;
            -webkit-border-radius: 6px 0 0;
            border-radius: 6px 0 0
        }

        .footable > thead > tr > th:last-child, .footable > thead > tr > td:last-child {
            -moz-border-radius: 0 6px 0 0;
            -webkit-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0
        }

        .footable > thead > tr > th:only-child, .footable > thead > tr > td:only-child {
            -moz-border-radius: 6px 6px 0 0;
            -webkit-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0
        }

    .footable > tbody > tr:last-child > td:first-child {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px
    }

    .footable > tbody > tr:last-child > td:last-child {
        -moz-border-radius: 0 0 6px;
        -webkit-border-radius: 0 0 6px;
        border-radius: 0 0 6px
    }

    .footable > tbody img {
        vertical-align: middle
    }