/*
Theme Name: Botanical - HTML5 Ecommerce Template
Author: Htmlbeans
Author URI: https://themeforest.net/user/htmlbeans
Version: 1
Description: Base theme for HTML5
Text Domain: base
Tags: one-column, two-columns, three-columns
Theme URI: http://www.htmlbeans.com/html/botanical/
*/

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("/fonts/fa/webfonts/fa-regular-400.eot");
    src: url("/fonts/fa/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa/webfonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa/webfonts/fa-regular-400.woff") format("woff"), url("/fonts/fa/webfonts/fa-regular-400.ttf") format("truetype"), url("/fonts/fa/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}


.btnTheme {
    background-color: #364a8a;
}

.btnTheme2 {
    background-color: #b4865f;
}

.btnTheme3 {
    background-color: red;
}

a[disabled="disabled"] {
    pointer-events: none;
    background-color: red;
}

/* ---------------------------------------------------------
	 
1	 pageWrapper
2	 bgCover
3	 headingII
4	 headingIII
5	 headingIV
6	 headingV
7	 headingVI
8	 headingVII
9	 mainHeader
10	 introBlock
11	 bannerBlockHolder
12	 heroBlockHolder
13	 introBannerHolder
14	 breadCrumbs
15	 chooseUs-sec
16	 chooseList
17	 featureCol
18	 contactListColumn
19	 comming-timer
20	 dealSlider
21	 subscribeSecBlock
22	 quotationBlock
23	 masonryHolder
24	 itemCol
25	 testimonailSlider
26	 newsPostColumn
27	 newsBlogColumn
28	 discoverSecHolder
29	 partnerSlider
30	 widget
31	 show-head
32	 pagination
33	 productTextHolder
34	 tabSetList
35	 socialNetworkList
36	 commentsBlock
37	 commentform
38	 cartHolder
39	 footerHolder
40	 copyRightHolder
39	 abtSecHolder
40	 progressCounter
41	 accordionList
42	 teamBlock
43	 stepCol
44	 contactListHolder
45	 mapHolder
46	 contactForm

---------------------------------------------------------*/
html {
    background-color: #343a40;
}

body {
    -ms-overlfow-style: scrollbar;
    min-width: 320px;
}

/* ---------------------------------------------------------
1	 pageWrapper
---------------------------------------------------------*/
#pageWrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

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

a {
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

/* ---------------------------------------------------------
2	 bgCover
--------------------------------------------------------*/
.bgCover {
    background-size: cover;
    background-position: 50% 50%;
}

.playfair {
    /*    font-family: "Playfair Display", serif;*/
    font-family: "Montserrat", serif;
}

.fwEbold {
    font-weight: bold;
}

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

    .btn .fas {
        font-size: 14px;
    }

    .btn:hover {
        opacity: 0.7;
    }

    .btn.btnShop {
        min-width: 140px;
    }

    .btn.btnCart {
        min-width: 200px;
    }

.md-round {
    border-radius: 40px;
}

.sm-round {
    border-radius: 10px;
}

.bg-lightGray {
    background: #f6f6f6;
}

.bg-dark {
    background: #313538;
}

.bgCover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ---------------------------------------------------------
3	 headingII
---------------------------------------------------------*/
.headingII {
    font-size: 25px;
    line-height: 27px;
    color: #333333;
}

    .headingII:before {
        content: '';
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
    }

    .headingII:before {
        width: 60px;
        height: 3px;
        background: #5c59d2;
    }

/* ---------------------------------------------------------
4	 headingIII
---------------------------------------------------------*/
.headingIII {
    font-size: 20px;
    line-height: 22px;
    color: #444444;
}

/* ---------------------------------------------------------
5	 headingIV
---------------------------------------------------------*/
.headingIV {
    font-size: 25px;
    line-height: 27px;
    color: #333333;
}

/* ---------------------------------------------------------
6	 headingV
---------------------------------------------------------*/
.headingV {
    font-size: 15px;
    line-height: 18px;
    color: #444444;
}

/* ---------------------------------------------------------
7	 headingVI
---------------------------------------------------------*/
.headingVI {
    font-size: 16px;
    line-height: 18px;
    color: #444444;
    letter-spacing: 1px;
}

/* ---------------------------------------------------------
8	 headingVII
---------------------------------------------------------*/
.headingVII {
    font-size: 15px;
    line-height: 17px;
    color: #444444;
    letter-spacing: 1px;
}

/* ---------------------------------------------------------
9	 mainHeader
---------------------------------------------------------*/
.mainHeader .headerBorder {
    min-width: 100%;
}

    .mainHeader .headerBorder .img-bdr {
        width: 270px;
    }

/* ---------------------------------------------------------
10	 introBlock
---------------------------------------------------------*/
.introBlock {
    font-size: 16px;
    line-height: 20px;
    color: #6e6e6e;
}

    .introBlock .align {
        min-height: 390px;
    }

    .introBlock .holder {
        z-index: 2;
    }

    .introBlock h1 {
        font-size: 25px;
        line-height: 30px;
        color: #333333;
        /*        font-family: "Playfair Display", serif;*/
        font-family: "Montserrat", serif;
    }

        .introBlock h1:before {
            content: '';
            position: absolute;
            top: auto;
            right: auto;
            bottom: 0;
            left: 0;
        }

        .introBlock h1:before {
            width: 100px;
            height: 5px;
            background: #333333;
        }

    .introBlock h2 {
        font-size: 25px;
        line-height: 30px;
        color: #333333;
        /*        font-family: "Playfair Display", serif;*/
        font-family: "Montserrat", serif;
    }

    .introBlock .title {
        font-size: 14px;
        line-height: 16px;
        color: #555555;
        letter-spacing: 2px;
    }

        .introBlock .title:before {
            content: '';
            position: absolute;
            top: 2px;
            right: auto;
            bottom: auto;
            left: 0;
        }

        .introBlock .title:before {
            width: 5px;
            height: 12px;
        }

    .introBlock br {
        display: none;
    }

    .introBlock .slick-prev,
    .introBlock .slick-next {
        font-size: 17px;
        line-height: 22px;
        color: #444444;
    }

    .introBlock .slick-next {
        margin-left: 109px;
    }

    .introBlock .slickNavigatorsWrap,
    .introBlock .slickNums {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        display: none;
        margin-left: auto;
        margin-right: auto;
    }

    .introBlock .slickNums {
        font-size: 20px;
        line-height: 28px;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        pointer-events: none;
        counter-reset: item;
    }

        .introBlock .slickNums li {
            pointer-events: auto;
            text-indent: -99999px;
            position: relative;
        }

            .introBlock .slickNums li:first-child {
                margin-left: 58px;
            }

            .introBlock .slickNums li:last-child {
                display: block;
                padding-left: 22px;
                text-indent: 0;
            }

            .introBlock .slickNums li:before {
                position: absolute;
                left: 0;
                opacity: 0;
                visibility: hidden;
                text-indent: 0;
                counter-increment: item;
                content: counters(item, ". ", decimal) "/";
            }

            .introBlock .slickNums li.slick-active:before {
                opacity: 1;
                visibility: visible;
            }

        .introBlock .slickNums button {
            padding: 0;
            background-color: transparent;
            border: 0;
        }

/* ---------------------------------------------------------
11	 bannerBlockHolder
---------------------------------------------------------*/
.bannerBlockHolder {
    font-size: 16px;
    line-height: 20px;
    color: #6e6e6e;
}

    .bannerBlockHolder .align {
        min-height: 380px;
    }

    .bannerBlockHolder .holder {
        z-index: 2;
    }

    .bannerBlockHolder h1 {
        font-size: 30px;
        line-height: 35px;
        color: #333333;
        /*        font-family: "Playfair Display", serif;*/
        font-family: "Montserrat", serif;
    }

    .bannerBlockHolder .title {
        font-size: 16px;
        line-height: 20px;
        color: #555555;
        letter-spacing: 2px;
    }

        .bannerBlockHolder .title:before {
            content: '';
            position: absolute;
            top: 2px;
            right: auto;
            bottom: auto;
            left: 0;
        }

        .bannerBlockHolder .title:before {
            width: 5px;
            height: 16px;
        }

    .bannerBlockHolder .year {
        font-size: 40px;
        line-height: 45px;
        color: #555555;
    }

    .bannerBlockHolder .sub-title {
        font-size: 20px;
        line-height: 24px;
        color: #444444;
        letter-spacing: 2px;
        font-weight: 500;
    }

    .bannerBlockHolder br {
        display: block;
    }

    .bannerBlockHolder .slick-prev,
    .bannerBlockHolder .slick-next {
        font-size: 17px;
        line-height: 22px;
        color: #444444;
    }

    .bannerBlockHolder .slick-next {
        margin-left: 109px;
    }

    .bannerBlockHolder .slickNavigatorsWrap,
    .bannerBlockHolder .slickNums {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        display: none;
        margin-left: auto;
        margin-right: auto;
    }

    .bannerBlockHolder .slickNums {
        font-size: 20px;
        line-height: 28px;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        pointer-events: none;
        counter-reset: item;
    }

        .bannerBlockHolder .slickNums li {
            pointer-events: auto;
            text-indent: -99999px;
            position: relative;
        }

            .bannerBlockHolder .slickNums li:first-child {
                margin-left: 58px;
            }

            .bannerBlockHolder .slickNums li:last-child {
                display: block;
                padding-left: 22px;
                text-indent: 0;
            }

            .bannerBlockHolder .slickNums li:before {
                position: absolute;
                left: 0;
                opacity: 0;
                visibility: hidden;
                text-indent: 0;
                counter-increment: item;
                content: counters(item, ". ", decimal) "/";
            }

            .bannerBlockHolder .slickNums li.slick-active:before {
                opacity: 1;
                visibility: visible;
            }

        .bannerBlockHolder .slickNums button {
            padding: 0;
            background-color: transparent;
            border: 0;
        }

/* ---------------------------------------------------------
12	 heroBlockHolder
---------------------------------------------------------*/
.heroBlockHolder .containerHolder {
    max-width: 1390px;
}

    .heroBlockHolder .containerHolder .coll-6 {
        width: 100%;
    }

        .heroBlockHolder .containerHolder .coll-6:first-child {
            width: 45%;
            z-index: 2;
            padding: 0;
            display: none;
        }

.heroBlockHolder .title {
    font-size: 16px;
    line-height: 21px;
    color: #444444;
}

    .heroBlockHolder .title:before {
        content: '';
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
    }

    .heroBlockHolder .title:before {
        width: 100px;
        height: 3px;
    }

.heroBlockHolder .txtwrap {
    z-index: 1;
}

.heroBlockHolder .subTitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #666666;
}

.heroBlockHolder h1 {
    font-size: 35px;
    line-height: 40px;
    color: #333333;
}

.heroBlockHolder .slick-prev,
.heroBlockHolder .slick-next {
    font-size: 17px;
    line-height: 22px;
    color: #444444;
}

.heroBlockHolder .slick-next {
    margin-left: 109px;
}

.heroBlockHolder .slickNavigatorsWrap,
.heroBlockHolder .slickNums {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: none !important;
    margin-left: auto;
}

.heroBlockHolder .slickNums {
    font-size: 20px;
    line-height: 28px;
    list-style: none;
    margin: 0 0 0 auto;
    padding: 0;
    pointer-events: none;
    counter-reset: item;
}

    .heroBlockHolder .slickNums li {
        pointer-events: auto;
        text-indent: -99999px;
        position: relative;
    }

        .heroBlockHolder .slickNums li:first-child {
            margin-left: 58px;
        }

        .heroBlockHolder .slickNums li:last-child {
            display: block;
            padding-left: 22px;
            text-indent: 0;
        }

        .heroBlockHolder .slickNums li:before {
            position: absolute;
            left: 0;
            opacity: 0;
            visibility: hidden;
            text-indent: 0;
            counter-increment: item;
            content: counters(item, ". ", decimal) "/";
        }

        .heroBlockHolder .slickNums li.slick-active:before {
            opacity: 1;
            visibility: visible;
        }

    .heroBlockHolder .slickNums button {
        padding: 0;
        background-color: transparent;
        border: 0;
    }

/* ---------------------------------------------------------
13	 introBannerHolder
---------------------------------------------------------*/
.introBannerHolder {
    min-height: 130px;
}

/* ---------------------------------------------------------
14	 breadCrumbs
---------------------------------------------------------*/
.breadCrumbs {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}

    .breadCrumbs a {
        color: #707070;
        display: block;
    }

/* ---------------------------------------------------------
15	 chooseUs-sec
---------------------------------------------------------*/
.chooseUs-sec .btnMore {
    color: #5c59d2;
}

/* ---------------------------------------------------------
16	 chooseList
---------------------------------------------------------*/
.chooseList {
    color: #838383;
    margin: 0 0 0 -10px;
}

    .chooseList .icon {
        font-size: 70px;
        line-height: 75px;
        color: #5c59d2;
    }

/* ---------------------------------------------------------
17	 featureCol
---------------------------------------------------------*/
.featureCol {
    width: 100%;
}

    .featureCol:hover .postHoverLinskList {
        bottom: 20px;
    }

    .featureCol .title {
        font-size: 13px;
    }

        .featureCol .title a {
            color: #707070;
            -webkit-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

    .featureCol .price {
        font-size: 16px;
        line-height: 18px;
        font-weight: 900;
        color: #444444;
    }

        .featureCol .price del {
            font-size: 14px;
            line-height: 16px;
            color: #bebebe;
            font-weight: 400;
            margin: 0 10px 0 0;
        }

    .featureCol .hotOffer {
        font-size: 14px;
        line-height: 16px;
        top: 11px;
        left: 4px;
        min-width: 50px;
        padding: 4px 5px 7px 2px;
        border-radius: 0 15px 15px 0;
        background: #f9861f;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .featureCol .hotOffer.green {
            background: #5c59d2;
        }

    .featureCol .postHoverLinskList {
        font-size: 16px;
        line-height: 20px;
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

        .featureCol .postHoverLinskList li {
            -webkit-box-shadow: 0 1px 19px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 19px 6px rgba(0, 0, 0, 0.1);
        }

            .featureCol .postHoverLinskList li:first-child {
                border-radius: 20px 0 0 20px;
            }

            .featureCol .postHoverLinskList li:last-child {
                border-radius: 0 20px 20px 0;
            }

        .featureCol .postHoverLinskList a {
            padding: 8px;
            color: #444444;
            background: #fff;
            -webkit-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

            .featureCol .postHoverLinskList a:hover {
                color: #fff;
            }

/* ---------------------------------------------------------
18	 contactListColumn
---------------------------------------------------------*/
.contactListColumn {
    border-radius: 50px;
}

    .contactListColumn .icon {
        font-size: 30px;
        line-height: 40px;
        color: #5c59d2;
    }

/* ---------------------------------------------------------
19	 comming-timer
---------------------------------------------------------*/
.comming-timer .countdown-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .comming-timer .countdown-row .countdown-section {
        min-width: 30px;
        margin: 0 20px 0 0;
        position: relative;
    }

        .comming-timer .countdown-row .countdown-section:before {
            content: '';
            position: absolute;
            top: 0;
            right: -14px;
            bottom: auto;
            left: auto;
        }

        .comming-timer .countdown-row .countdown-section:before {
            content: ":";
            font-size: 30px;
            line-height: 35px;
            color: #5c59d2;
        }

        .comming-timer .countdown-row .countdown-section:last-child:before {
            display: none;
        }

        .comming-timer .countdown-row .countdown-section .countdown-amount {
            font-size: 25px;
            line-height: 27px;
            color: #5c59d2;
            font-weight: 700;
            background: none;
            border-top: none;
            display: block;
            padding: 0;
            border-bottom: none;
        }

            .comming-timer .countdown-row .countdown-section .countdown-amount:before {
                display: none;
            }

        .comming-timer .countdown-row .countdown-section .countdown-period {
            font-size: 12px;
            line-height: 14px;
            color: #b2b2b2;
        }

/* ---------------------------------------------------------
20	 dealSlider
---------------------------------------------------------*/
.dealSlider .slick-dots {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .dealSlider .slick-dots li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 13px 0 0;
    }

    .dealSlider .slick-dots .slick-active button:before {
        opacity: 1;
        visibility: visible;
    }

    .dealSlider .slick-dots button {
        background: none;
        border-radius: 100%;
        outline: none;
        text-indent: -9999px;
        width: 10px;
        height: 10px;
        padding: 5px;
        position: relative;
        display: block;
        background: #d1d1d1;
        border: none;
    }

        .dealSlider .slick-dots button:before {
            content: '';
            position: absolute;
            top: -5px;
            right: auto;
            bottom: auto;
            left: -5px;
        }

        .dealSlider .slick-dots button:before {
            width: 20px;
            height: 20px;
            border-width: 1px;
            border-style: solid;
            border-color: #5c59d2;
            padding: 5px;
            border-radius: 100%;
            opacity: 0;
            visibility: hidden;
        }

/* ---------------------------------------------------------
21	 subscribeSecBlock
---------------------------------------------------------*/
.subscribeSecBlock {
    min-height: 330px;
}

    .subscribeSecBlock .emailForm1 {
        width: 100%;
        font-size: 14px;
        line-height: 16px;
        color: #bebebe;
    }

        .subscribeSecBlock .emailForm1 .form-control {
            width: 100%;
            height: 50px;
            background: #fff;
            margin: 0 0 20px;
            border-radius: 40px;
        }

            .subscribeSecBlock .emailForm1 .form-control::-webkit-input-placeholder {
                color: #bebebe;
            }

            .subscribeSecBlock .emailForm1 .form-control::-moz-placeholder {
                opacity: 1;
                color: #bebebe;
            }

            .subscribeSecBlock .emailForm1 .form-control:-moz-placeholder {
                color: #bebebe;
            }

            .subscribeSecBlock .emailForm1 .form-control:-ms-input-placeholder {
                color: #bebebe;
            }

            .subscribeSecBlock .emailForm1 .form-control.placeholder {
                color: #bebebe;
            }

        .subscribeSecBlock .emailForm1 .btn {
            border-radius: 40px !important;
        }

/* ---------------------------------------------------------
22	 quotationBlock
---------------------------------------------------------*/
.quotationBlock {
    font-size: 16px;
    line-height: 26px;
    color: #707070;
}

    .quotationBlock q {
        padding: 0 20px;
        font-style: italic;
    }

        .quotationBlock q:after, .quotationBlock q:before {
            display: none;
        }

    .quotationBlock cite {
        font-style: normal;
    }

        .quotationBlock cite strong {
            font-size: 20px;
            line-height: 22px;
            color: #444444;
        }

        .quotationBlock cite span {
            font-size: 14px;
            line-height: 16px;
            color: #707070;
        }

/* ---------------------------------------------------------
23	 masonryHolder
---------------------------------------------------------*/
.masonryHolder .grid-item {
    width: 100%;
    float: left;
}

    .masonryHolder .grid-item.grid-item2 {
        width: 100%;
    }

/* ---------------------------------------------------------
24	 itemCol
---------------------------------------------------------*/
.itemCol .hoverTextBlock {
    left: 20px;
    top: 20px;
}

    .itemCol .hoverTextBlock .txt {
        font-size: 16px;
        line-height: 18px;
        color: #707070;
        word-spacing: 1px;
    }

.itemCol .headingIV {
    font-size: 25px;
    line-height: 30px;
    color: #353535;
}

    .itemCol .headingIV a {
        color: #353535;
    }

/* ---------------------------------------------------------
25	 testimonailSlider
---------------------------------------------------------*/
.testimonailSlider.slick2 .slick-dots {
    display: none !important;
}

.testimonailSlider .slide {
    padding: 0 20px;
}

.testimonailSlider .icon-qoute {
    font-size: 20px;
    line-height: 22px;
    color: #707070;
}

.testimonailSlider .title {
    font-size: 20px;
    line-height: 22px;
    color: #666666;
}

.testimonailSlider .desnation {
    font-size: 14px;
    line-height: 16px;
    color: #9f9f9f;
}

.testimonailSlider .slick-dots {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .testimonailSlider .slick-dots li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 13px 0 0;
    }

    .testimonailSlider .slick-dots .slick-active button:before {
        opacity: 1;
        visibility: visible;
    }

    .testimonailSlider .slick-dots button {
        background: none;
        border-radius: 100%;
        outline: none;
        text-indent: -9999px;
        width: 10px;
        height: 10px;
        padding: 5px;
        position: relative;
        display: block;
        background: #d1d1d1;
        border: none;
    }

        .testimonailSlider .slick-dots button:before {
            content: '';
            position: absolute;
            top: -5px;
            right: auto;
            bottom: auto;
            left: -5px;
        }

        .testimonailSlider .slick-dots button:before {
            width: 20px;
            height: 20px;
            border-width: 1px;
            border-style: solid;
            border-color: #5c59d2;
            padding: 5px;
            border-radius: 100%;
            opacity: 0;
            visibility: hidden;
        }

/* ---------------------------------------------------------
26	 newsPostColumn
---------------------------------------------------------*/
.newsPostColumn {
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

    .newsPostColumn:hover {
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
    }

    .newsPostColumn .imgHolder {
        margin: 0 -10px;
    }

        .newsPostColumn .imgHolder .time {
            width: 50px;
            height: 50px;
            font-size: 12px;
            line-height: 14px;
            color: #fff;
            left: 10px;
            top: 11px;
        }

            .newsPostColumn .imgHolder .time strong {
                font-size: 16px;
                line-height: 18px;
            }

    .newsPostColumn .postBy {
        font-size: 12px;
        line-height: 14px;
        color: #afafaf;
        word-spacing: 2px;
    }

        .newsPostColumn .postBy a {
            color: #afafaf;
        }

    .newsPostColumn .headingV a {
        color: #444444;
    }

/* ---------------------------------------------------------
27	 newsBlogColumn
---------------------------------------------------------*/
.newsBlogColumn .time {
    width: 110px;
    height: 50px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
}

    .newsBlogColumn .time strong {
        font-size: 16px;
        line-height: 18px;
    }

.newsBlogColumn .postBy {
    font-size: 12px;
    line-height: 14px;
    color: #afafaf;
    word-spacing: 2px;
    border-bottom: 1px solid #ebebeb;
}

    .newsBlogColumn .postBy a {
        color: #afafaf;
    }

.newsBlogColumn .headingV a {
    color: #444444;
}

/* ---------------------------------------------------------
28	 discoverSecHolder
---------------------------------------------------------*/
.discoverSecHolder .rightAlign .title:before {
    right: auto;
    left: 0;
}

.discoverSecHolder .rightAlign .imgHolder .bdr {
    left: -40px;
    top: -30px;
}

.discoverSecHolder .title {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #555555;
    letter-spacing: 1px;
}

    .discoverSecHolder .title:before {
        content: '';
        position: absolute;
        top: auto;
        right: 0;
        bottom: 2px;
        left: auto;
    }

    .discoverSecHolder .title:before {
        width: 30px;
        height: 1px;
    }

.discoverSecHolder .headingIV {
    color: #444444;
}

.discoverSecHolder .btn {
    border: 1px solid;
}

    .discoverSecHolder .btn:hover {
        color: #fff;
    }

.discoverSecHolder .imgHolder {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
    z-index: 1;
}

    .discoverSecHolder .imgHolder .bdr {
        right: -40px;
        top: -30px;
        z-index: -1;
    }

/* ---------------------------------------------------------
29	 partnerSlider
---------------------------------------------------------*/
.partnerSlider .logoColumn {
    width: 155px;
}

/* ---------------------------------------------------------
30	 widget
---------------------------------------------------------*/
.widget .searchForm {
    width: 100%;
    height: 40px;
}

    .widget .searchForm .form-control {
        font-size: 14px;
        line-height: 16px;
        color: #b3b3b3;
        height: 40px;
        background: none;
        border-radius: 0;
        padding: 0 40px 5px 11px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #ebebeb;
    }

        .widget .searchForm .form-control::-webkit-input-placeholder {
            color: #b3b3b3;
        }

        .widget .searchForm .form-control::-moz-placeholder {
            opacity: 1;
            color: #b3b3b3;
        }

        .widget .searchForm .form-control:-moz-placeholder {
            color: #b3b3b3;
        }

        .widget .searchForm .form-control:-ms-input-placeholder {
            color: #b3b3b3;
        }

        .widget .searchForm .form-control.placeholder {
            color: #b3b3b3;
        }

    .widget .searchForm button {
        font-size: 18px;
        line-height: 20px;
        color: #656565;
        right: 1px;
        top: 10px;
        background: none;
        border: none;
    }

.widget .categoryList {
    line-height: 20px;
}

    .widget .categoryList a {
        color: #707070;
    }

    .widget .categoryList .num {
        border-radius: 5px;
        padding: 0 13px;
    }

.widget .filter-ranger-form .get-results-wrap {
    padding-top: 24px;
}

.widget .filter-ranger-form #demo {
    font-size: 12px;
    line-height: 1.33333;
}

.widget .filter-ranger-form .btn {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    letter-spacing: 1px;
    vertical-align: top;
    min-width: 100px;
}

.widget .filter-ranger-form #amount {
    font-size: 14px;
    line-height: 16px;
    color: #707070;
}

.widget .recentListHolder .alignleft {
    width: 27%;
}

.widget .recentListHolder .description-wrap {
    width: 73%;
}

.widget .recentListHolder .headingVII {
    font-weight: 400;
}

    .widget .recentListHolder .headingVII a {
        color: #707070;
        display: block;
    }

.widget .recentListHolder .price {
    font-size: 15px;
    line-height: 17px;
    color: #27272f;
}

.widget .tagNavList {
    font-size: 14px;
    line-height: 16px;
}

    .widget .tagNavList li {
        margin: 0 8px 10px 0;
    }

    .widget .tagNavList a {
        color: #707070;
        letter-spacing: 1px;
        padding: 7px 14px 9px 17px;
        border: 1px solid #ebebeb;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

        .widget .tagNavList a:hover {
            color: #fff;
        }

.widget .recentPostList a {
    color: #707070;
    letter-spacing: 1px;
    border-bottom: 1px solid #ebebeb;
}

.widget .archiveList a {
    color: #707070;
    letter-spacing: 1px;
}

/* ---------------------------------------------------------
31	 show-head
---------------------------------------------------------*/
.show-head .viewFilterLinks {
    font-size: 15px;
    line-height: 17px;
    color: #707070;
    width: 100%;
}

    .show-head .viewFilterLinks li {
        letter-spacing: 1px;
    }

    .show-head .viewFilterLinks a {
        width: 40px;
        height: 40px;
        color: #707070;
        display: block;
        padding: 8px;
        border: 1px solid #ebebeb;
    }

        .show-head .viewFilterLinks a:hover {
            color: #fff;
        }

    .show-head .viewFilterLinks .fas {
        font-size: 20px;
        line-height: 22px;
    }

.show-head .groupTitle {
    font-size: 14px;
    line-height: 17px;
    color: #b3b3b3;
}

.show-head .dropdown {
    width: 170px;
    height: 40px;
}

    .show-head .dropdown .dropdown-toggle {
        font-size: 14px;
        line-height: 16px;
        color: #707070;
        width: 100%;
        height: 40px;
        text-align: left;
        border: 1px solid #ebebeb;
        padding: 0 0 3px 8px;
        letter-spacing: 1px;
        background: none;
    }

        .show-head .dropdown .dropdown-toggle:after {
            margin: 8px 8px 0 0;
            float: right;
        }

    .show-head .dropdown .dropdown-menu {
        margin: 0 0 0 -10px;
        padding: 0;
        width: 100%;
    }

        .show-head .dropdown .dropdown-menu a {
            padding: 5px 8px;
            color: #707070;
            display: block;
        }

            .show-head .dropdown .dropdown-menu a:hover {
                color: #fff;
            }

/* ---------------------------------------------------------
32	 pagination
---------------------------------------------------------*/
.pagination {
    font-size: 16px;
    line-height: 18px;
    color: #808086;
}

    .pagination li {
        margin: 0 10px 0 0;
        font-weight: 700;
    }

    .pagination .active a {
        color: #fff;
    }

    .pagination a {
        border: 1px solid #ebebeb;
        display: block;
        border-radius: 5px;
        padding: 5px 9px;
        color: #808086;
    }

        .pagination a:hover {
            color: #fff;
        }

/* ---------------------------------------------------------
33	 productTextHolder
---------------------------------------------------------*/
.productTextHolder h2 {
    font-size: 30px;
    line-height: 33px;
    color: #333333;
    letter-spacing: 2px;
}

.productTextHolder .ratingList {
    font-size: 15px;
    line-height: 17px;
    color: #808086;
    letter-spacing: 1px;
}

    .productTextHolder .ratingList a {
        color: #f9861f;
        display: block;
    }

.productTextHolder .price {
    font-size: 28px;
    line-height: 30px;
}

.productTextHolder .productInfoDetail {
    font-size: 14px;
    line-height: 16px;
    color: #707070;
    letter-spacing: 1px;
}

    .productTextHolder .productInfoDetail span {
        font-weight: 600;
        color: #1d1d1d;
    }

    .productTextHolder .productInfoDetail a {
        color: #707070;
        word-spacing: -3px;
    }

.productTextHolder .sizeList {
    font-size: 15px;
    line-height: 17px;
    color: #444444;
    font-weight: 600;
    letter-spacing: 1px;
}

    .productTextHolder .sizeList [type="checkbox"] {
        position: fixed;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: -1;
    }

    .productTextHolder .sizeList .fake-label {
        font-size: 14px;
        line-height: 16px;
    }

    .productTextHolder .sizeList .fake-input,
    .productTextHolder .sizeList label {
        display: inline-block;
        vertical-align: middle;
    }

    .productTextHolder .sizeList label {
        padding-right: 5px;
    }

    .productTextHolder .sizeList .fake-input {
        width: 20px;
        height: 20px;
        background: #e4e4e4;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 1px;
        border-radius: 100%;
    }

    .productTextHolder .sizeList [type="checkbox"] + .fake-input:before {
        content: '';
        width: 10px;
        height: 6px;
        position: absolute;
        top: 50%;
        left: 50%;
        border: 3px solid #fff;
        border-width: 0 0 3px 3px;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: -4px 0 0 -5px;
    }

    .productTextHolder .sizeList [type="checkbox"]:checked + .fake-input:before {
        opacity: 1;
    }

    .productTextHolder .sizeList input:disabled + .fake-input,
    .productTextHolder .sizeList input:disabled ~ .fake-label {
        opacity: .5;
    }

.productTextHolder .colorList {
    font-size: 15px;
    line-height: 17px;
    color: #444444;
    font-weight: 600;
    letter-spacing: 1px;
}

    .productTextHolder .colorList a {
        width: 20px;
        height: 20px;
        display: block;
    }

    .productTextHolder .colorList .red {
        background: #ec2026;
    }

    .productTextHolder .colorList .yellow {
        background: #fdc135;
    }

    .productTextHolder .colorList .purple {
        background: #9a2f81;
    }

.productTextHolder .jcf-number {
    overflow: hidden;
    width: 100%;
    height: 50px;
    margin: 0 0 20px;
}

    .productTextHolder .jcf-number input {
        font-size: 18px;
        line-height: 20px;
        color: #707070;
        text-align: center;
        padding: 0;
        width: 100%;
        border-radius: 40px;
        border: 1px solid #5c59d2;
    }

    .productTextHolder .jcf-number .jcf-btn-inc,
    .productTextHolder .jcf-number .jcf-btn-dec {
        width: 50px;
        height: 50px;
        background: none;
        top: 0;
        font-size: 10px;
        line-height: 12px;
        text-indent: -9999px;
    }

        .productTextHolder .jcf-number .jcf-btn-inc:before,
        .productTextHolder .jcf-number .jcf-btn-dec:before {
            top: 18px;
            left: 19px;
            background: none;
            border: none;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            margin: 0;
            text-indent: 0;
        }

    .productTextHolder .jcf-number .jcf-btn-dec {
        left: 0;
        border-right: 1px solid #5c59d2;
    }

        .productTextHolder .jcf-number .jcf-btn-dec:before {
            content: "\f068";
            display: block;
        }

    .productTextHolder .jcf-number .jcf-btn-inc {
        right: 0;
        border-left: 1px solid #5c59d2;
    }

        .productTextHolder .jcf-number .jcf-btn-inc:before {
            content: "\f067";
            display: block;
        }

.productTextHolder .socialNetwork {
    font-size: 14px;
    line-height: 16px;
    color: #707070;
    letter-spacing: 1px;
}

    .productTextHolder .socialNetwork a {
        font-size: 16px;
        line-height: 18px;
        color: #707070;
    }

/* ---------------------------------------------------------
34	 tabSetList
---------------------------------------------------------*/
.tabSetList {
    font-size: 20px;
    line-height: 25px;
    color: #444454;
}

    .tabSetList a {
        color: #444454;
        position: relative;
    }

        .tabSetList a:after {
            content: '';
            position: absolute;
            top: auto;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .tabSetList a:after {
            -webkit-transition: all 0.25s linear;
            -o-transition: all 0.25s linear;
            transition: all 0.25s linear;
            border-bottom: 2px solid;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 50% 100% 0;
            -ms-transform-origin: 50% 100% 0;
            transform-origin: 50% 100% 0;
        }

        .tabSetList a:hover:after {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
        }

        .tabSetList a.active:after {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
        }

/* ---------------------------------------------------------
35	 socialNetworkList
---------------------------------------------------------*/
.socialNetworkList {
    font-size: 14px;
    line-height: 16px;
    color: #707070;
    letter-spacing: 1px;
}

    .socialNetworkList a {
        font-size: 16px;
        line-height: 18px;
        color: #707070;
    }

/* ---------------------------------------------------------
36	 commentsBlock
---------------------------------------------------------*/
.commentsBlock .commentArea .img {
    width: 23%;
}

.commentsBlock .commentArea .txtHolder {
    width: 77%;
}

.commentsBlock .commentArea .commentDate {
    color: #b8b8b8;
    word-spacing: 2px;
}

    .commentsBlock .commentArea .commentDate a {
        color: #444444;
    }

/* ---------------------------------------------------------
37	 commentform
---------------------------------------------------------*/
.commentform .row1 {
    margin: 0 -15px;
}

.commentform .coll {
    width: 100%;
    padding: 0 15px;
}

.commentform .form-control {
    width: 100%;
    height: 50px;
    font-size: 15px;
    line-height: 17px;
    color: #b8b8b8;
    background: #f5f5f5;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 9px 7px;
}

.commentform textarea {
    resize: none;
}

    .commentform textarea.form-control {
        width: 100%;
        height: 200px;
    }

/* ---------------------------------------------------------
38	 cartHolder
---------------------------------------------------------*/
.cartHolder .cartTable {
    min-width: 930px;
}

    .cartHolder .cartTable th {
        font-size: 15px;
        line-height: 17px;
        color: #444444;
        padding: 10px 0;
        letter-spacing: 1px;
    }

    .cartHolder .cartTable td {
        vertical-align: middle;
        letter-spacing: 1px;
    }

    .cartHolder .cartTable .jcf-number {
        overflow: hidden;
        height: 50px;
        margin: 0 20px 0 0;
    }

        .cartHolder .cartTable .jcf-number input {
            font-size: 20px;
            line-height: 22px;
            color: #707070;
            text-align: center;
            padding: 0;
            width: 150px;
            border: 1px solid #e1e1e1;
        }

        .cartHolder .cartTable .jcf-number .jcf-btn-inc,
        .cartHolder .cartTable .jcf-number .jcf-btn-dec {
            width: 50px;
            height: 50px;
            background: none;
            top: 0;
            font-size: 10px;
            line-height: 12px;
            text-indent: -9999px;
        }

            .cartHolder .cartTable .jcf-number .jcf-btn-inc:before,
            .cartHolder .cartTable .jcf-number .jcf-btn-dec:before {
                top: 18px;
                left: 19px;
                background: none;
                border: none;
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                margin: 0;
                text-indent: 0;
            }

        .cartHolder .cartTable .jcf-number .jcf-btn-dec {
            left: 0;
            border-right: 1px solid #e1e1e1;
        }

            .cartHolder .cartTable .jcf-number .jcf-btn-dec:before {
                content: "\f068";
                display: block;
            }

            .cartHolder .cartTable .jcf-number .jcf-btn-dec:hover:before {
                color: #fff;
            }

        .cartHolder .cartTable .jcf-number .jcf-btn-inc {
            right: 0;
            border-left: 1px solid #e1e1e1;
        }

            .cartHolder .cartTable .jcf-number .jcf-btn-inc:before {
                content: "\f067";
                display: block;
            }

            .cartHolder .cartTable .jcf-number .jcf-btn-inc:hover:before {
                color: #fff;
            }

    .cartHolder .cartTable .imgHolder {
        width: 70px;
    }

    .cartHolder .cartTable .title a {
        color: #707070;
    }

    .cartHolder .cartTable .fas {
        color: #666666;
    }

.cartHolder .cartForm label {
    color: #444444;
    letter-spacing: 1px;
}

.cartHolder .cartForm .form-control {
    width: 100%;
    height: 200px;
    color: #707070;
    border: 1px solid #ebebeb;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.cartHolder .couponForm .mt-holder {
    width: 100%;
}

.cartHolder .couponForm label {
    color: #444444;
    letter-spacing: 1px;
}

.cartHolder .couponForm .form-control {
    width: 100%;
    height: 50px;
    color: #707070;
    border: 1px solid #ebebeb;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

/* ---------------------------------------------------------
39	 abtSecHolder
---------------------------------------------------------*/
.abtSecHolder h2 {
    font-size: 30px;
    line-height: 30px;
    color: #333333;
}

    .abtSecHolder h2:before {
        content: '';
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
    }

    .abtSecHolder h2:before {
        width: 70px;
        height: 1px;
        background: #5c59d2;
    }

/* ---------------------------------------------------------
40	 progressCounter
---------------------------------------------------------*/
.progressCounter li {
    min-width: 100%;
}

.progressCounter .counter {
    font-size: 50px;
    line-height: 52px;
    color: #333333;
}

.progressCounter .txtWrap {
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    font-weight: 500;
    letter-spacing: 1px;
}

/* ---------------------------------------------------------
41	 accordionList
---------------------------------------------------------*/
.accordionList .card {
    border: 1px solid #dddddd;
}

.accordionList .card-header {
    border: none;
    background: #fff;
    border-radius: 0;
}

.accordionList .btn-link {
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

/* ---------------------------------------------------------
42	 teamBlock
---------------------------------------------------------*/
.teamBlock:hover .imgWrap:before,
.teamBlock:hover .socialNetworks {
    opacity: 1;
    visibility: visible;
}

.teamBlock .imgWrap:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.teamBlock .imgWrap:before {
    opacity: 0;
    visibility: hidden;
    background: rgba(51, 51, 51, 0.8);
    -webkit-transition: opacity 0.35s linear, visibility 0.35s linear;
    -o-transition: opacity 0.35s linear, visibility 0.35s linear;
    transition: opacity 0.35s linear, visibility 0.35s linear;
}

.teamBlock .socialNetworks {
    font-size: 14px;
    line-height: 26px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.35s linear, visibility 0.35s linear, -webkit-transform 0.35s linear;
    transition: opacity 0.35s linear, visibility 0.35s linear, -webkit-transform 0.35s linear;
    -o-transition: opacity 0.35s linear, visibility 0.35s linear, transform 0.35s linear;
    transition: opacity 0.35s linear, visibility 0.35s linear, transform 0.35s linear;
    transition: opacity 0.35s linear, visibility 0.35s linear, transform 0.35s linear, -webkit-transform 0.35s linear;
}

    .teamBlock .socialNetworks li {
        margin-right: 17px;
        margin-left: 17px;
    }

    .teamBlock .socialNetworks a {
        color: #fff;
        -webkit-transition: color 0.35s ease;
        -o-transition: color 0.35s ease;
        transition: color 0.35s ease;
    }

        .teamBlock .socialNetworks a:hover {
            color: #5c59d2;
        }

.teamBlock .name {
    font-size: 15px;
    line-height: 17px;
    color: #333333;
}

    .teamBlock .name a {
        color: #333333;
        -webkit-transition: color 0.35s ease;
        -o-transition: color 0.35s ease;
        transition: color 0.35s ease;
    }

        .teamBlock .name a:hover {
            color: #5c59d2;
        }

.teamBlock .desination {
    font-size: 14px;
    line-height: 16px;
    color: #707070;
    font-weight: 400;
}

/* ---------------------------------------------------------
43	 stepCol
---------------------------------------------------------*/
.stepCol {
    width: 100%;
}

    .stepCol .mainTitle {
        font-size: 14px;
        line-height: 19px;
        color: #fff;
        max-width: 109px;
        background: #5c59d2;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    }

/* ---------------------------------------------------------
44	 contactListHolder
---------------------------------------------------------*/
.contactListHolder {
    font-size: 14px;
    line-height: 23px;
    color: #707070;
}

    .contactListHolder li {
        min-width: 100%;
    }

    .contactListHolder a {
        color: #707070;
    }

    .contactListHolder .icon {
        font-size: 20px;
        line-height: 22px;
        color: #333333;
        width: 70px;
        height: 70px;
        border-radius: 100%;
        border: 1px solid #eaeaea;
    }

    .contactListHolder .title {
        font-size: 14px;
        line-height: 16px;
        color: #333333;
    }

/* ---------------------------------------------------------
45	 mapHolder
---------------------------------------------------------*/
.mapHolder {
    height: 260px;
}

@media (min-width: 576px) {
    .mapHolder {
        height: 320px;
    }
}

@media (min-width: 768px) {
    .mapHolder {
        height: 370px;
    }
}

@media (min-width: 992px) {
    .mapHolder {
        height: 420px;
    }
}

@media (min-width: 1170px) {
    .mapHolder {
        height: 500px;
    }
}

.mapHolder iframe {
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------------------
46	 contactForm
---------------------------------------------------------*/
.contactForm .row1 {
    margin: 0 -15px;
}

.contactForm .coll {
    width: 100%;
    padding: 0 15px;
}

.contactForm .form-control {
    width: 100%;
    height: 50px;
    font-size: 13px;
    line-height: 15px;
    color: #c8c8c8;
    background: none;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 9px 14px;
}

.contactForm textarea {
    resize: none;
}

    .contactForm textarea.form-control {
        width: 100%;
        height: 227px;
        padding: 17px 14px;
    }

#header {
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
}

    #header .headerHolderCol {
        background: #313538;
    }

        #header .headerHolderCol .tel {
            font-size: 13px;
            line-height: 15px;
            color: #fff;
            font-weight: 500;
        }

            #header .headerHolderCol .tel .icon-call {
                font-size: 15px;
                line-height: 17px;
            }

        #header .headerHolderCol .txt {
            font-size: 13px;
            line-height: 15px;
            color: #fff;
        }

    #header .headerHolder .logo {
        width: 125px;
    }

    #header .mainHolder .logo {
        width: 115px;
    }

    #header .h-logo {
        width: 100px;
    }

.static-block {
    position: static;
}

.langList {
    font-size: 13px;
    line-height: 1.14286;
}

    .langList > li {
        margin: 0 0 0 13px;
    }

        .langList > li:first-child {
            margin: 0;
        }

        .langList > li > a {
            color: #333333;
            border: none;
            padding: 0;
            -webkit-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

            .langList > li > a:after {
                font-size: 15px;
                margin: 0 -2px 2px 3px;
                vertical-align: bottom;
                -webkit-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }

            .langList > li > a:hover {
                border: none;
            }

    .langList .icon-menu {
        font-size: 18px;
        line-height: 1.11111;
    }

    .langList .dropdown-menu {
        min-width: 120px;
        top: 30px !important;
        border-radius: 0;
        padding: 0;
        -webkit-box-shadow: -4px 1px 18px 3px rgba(0, 0, 0, 0.2);
        box-shadow: -4px 1px 18px 3px rgba(0, 0, 0, 0.2);
    }

        .langList .dropdown-menu .dropdown-item {
            font-size: 12px;
            line-height: 1.16667;
            color: #444444;
            font-weight: 400;
            padding: 8px 0;
            /*border-bottom: 1px solid #ebebeb;*/
            background: none !important;
            -webkit-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
            border-radius: 0 !important;
            -webkit-box-shadow: 0px 0px !important;
            box-shadow: 0px 0px !important;
        }



            .langList .dropdown-menu .dropdown-item a {
                color: #444444;
            }

        .langList .dropdown-menu .dropdown-toggle:after {
            display: none;
        }

.langListII {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    color: #fff;
}

    .langListII li {
        margin: 0 16px 0 0;
    }

        .langListII li.show a {
            background: none;
            border: none;
        }

    .langListII a {
        color: #fff;
        border: none;
        padding: 0;
        font-weight: 700;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

        .langListII a:after {
            font-size: 13px;
            margin: 0 0 2px 5px;
            vertical-align: bottom;
            -webkit-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

        .langListII a:hover {
            border: none;
        }

    .langListII .dropdown-menu {
        min-width: 120px;
        top: 10px !important;
        border-radius: 0;
        padding: 0;
        -webkit-box-shadow: -4px 1px 18px 3px rgba(0, 0, 0, 0.2);
        box-shadow: -4px 1px 18px 3px rgba(0, 0, 0, 0.2);
    }

        .langListII .dropdown-menu .dropdown-item {
            font-size: 12px;
            line-height: 1.16667;
            color: #444444;
            font-weight: 400;
            padding: 8px 0;
            border-bottom: 1px solid #ebebeb;
            background: none;
            -webkit-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

.pageNav1 {
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    font-weight: 700;
    float: left;
}

    .pageNav1 .navbar-nav li.dropdown.show > .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    .pageNav1 .navbar-nav .nLogo {
        display: none;
    }

    .pageNav1 .navbar-nav a {
        color: #333333;
        padding: 10px 15px;
        background: none;
        cursor: pointer;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

        .pageNav1 .navbar-nav a:after {
            display: none;
        }

    .pageNav1 .navbar-nav .dropdown-menu {
        font-size: 16px;
        line-height: 18px;
        opacity: 0;
        visibility: hidden;
        left: 0;
        top: 100%;
        min-width: 234px;
        font-weight: 600;
        border-radius: 0;
        border-top: 2px solid #5c59d2;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
    }

        .pageNav1 .navbar-nav .dropdown-menu a {
            color: #444444;
            display: block;
            padding: 10px 15px;
            margin: 0;
        }

            .pageNav1 .navbar-nav .dropdown-menu a:hover {
                color: #fff;
            }

    .pageNav1 .navbar-toggle {
        padding: 8px;
        background: none;
        border: 1px solid #333333;
        border-radius: 0;
        margin: 15px 0 0;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

        .pageNav1 .navbar-toggle:focus {
            outline: 0;
        }

        .pageNav1 .navbar-toggle:hover .icon-bar {
            background: #fff;
        }

        .pageNav1 .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            background: #333333;
            border-radius: 1px;
        }

            .pageNav1 .navbar-toggle .icon-bar + .icon-bar {
                margin-top: 4px;
            }

    .pageNav1 .navbar-collapse {
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        background: #fff;
    }

.pageNav2 {
    font-size: 14px;
    line-height: 0.875;
    color: #333333;
    font-weight: 700;
    float: right;
}

    .pageNav2 .navbar-nav li.dropdown.show > .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    .pageNav2 .navbar-nav .dropdown-menu {
        font-size: 16px;
        line-height: 18px;
        opacity: 0;
        visibility: hidden;
        left: 0;
        top: 100%;
        min-width: 234px;
        font-weight: 600;
        margin: 0;
        border-radius: 0;
        border-top: 2px solid #5c59d2;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
    }

        .pageNav2 .navbar-nav .dropdown-menu a {
            color: #444444;
            display: block;
            padding: 10px 15px;
            margin: 0;
        }

            .pageNav2 .navbar-nav .dropdown-menu a:after {
                display: none;
            }

            .pageNav2 .navbar-nav .dropdown-menu a:hover {
                color: #fff;
            }

    .pageNav2 .navbar-nav .active > a:after {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }

    .pageNav2 .navbar-nav a {
        color: #333333;
        padding: 10px 15px;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
        position: relative;
        cursor: pointer;
    }

        .pageNav2 .navbar-nav a:after {
            content: '';
            position: absolute;
            top: auto;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .pageNav2 .navbar-nav a:after {
            -webkit-transition: all 0.25s linear;
            -o-transition: all 0.25s linear;
            transition: all 0.25s linear;
            border: none;
            border-bottom: 2px solid;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 50% 100% 0;
            -ms-transform-origin: 50% 100% 0;
            transform-origin: 50% 100% 0;
        }

        .pageNav2 .navbar-nav a:hover:after {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
        }

    .pageNav2 .navbar-toggle {
        padding: 8px;
        background: none;
        border: 1px solid #333333;
        border-radius: 0;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

        .pageNav2 .navbar-toggle:focus {
            outline: 0;
        }

        .pageNav2 .navbar-toggle:hover .icon-bar {
            background: #fff;
        }

        .pageNav2 .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            background: #333333;
            border-radius: 1px;
        }

            .pageNav2 .navbar-toggle .icon-bar + .icon-bar {
                margin-top: 4px;
            }

    .pageNav2 .navbar-collapse {
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        background: #fff;
    }

.wishList {
    font-size: 18px;
    line-height: 1.11111;
    padding: 0 15px 0 0;
}

    .wishList li {
        margin: 0 0 0 20px;
    }

        .wishList li:first-child {
            margin: 0;
        }

    .wishList a {
        color: #333333;
        border: none !important;
        padding: 0;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

        .wishList a .num {
            position: absolute;
            top: -6px;
            right: -15px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            line-height: 0.75px;
            color: #fff;
            background: #4556dc;
            padding: 7px 0 0 5px;
        }

    .wishList .dropdown-menu {
        min-width: 120px;
        top: 10px !important;
        border-radius: 0;
        padding: 0;
        -webkit-box-shadow: -4px 1px 18px 3px rgba(0, 0, 0, 0.2);
        box-shadow: -4px 1px 18px 3px rgba(0, 0, 0, 0.2);
    }

        .wishList .dropdown-menu .dropdown-item {
            font-size: 12px;
            line-height: 1.16667;
            color: #444444;
            font-weight: 400;
            padding: 8px 0;
            border-bottom: 1px solid #ebebeb;
        }

.wishListII {
    font-size: 19px;
    line-height: 21px;
}

    .wishListII li {
        margin: 0 0 0 21px;
    }

    .wishListII a {
        color: #333333;
        border: none !important;
        padding: 0;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

        .wishListII a .num {
            position: absolute;
            top: -6px;
            right: -15px;
            width: 15px;
            height: 15px;
            font-size: 12px;
            line-height: 0.75px;
            color: #fff;
            background: #5c59d2;
            padding: 7px 0 0 5px;
        }

    .wishListII .dropdown-menu {
        min-width: 120px;
        top: 10px !important;
        border-radius: 0;
        padding: 0;
        -webkit-box-shadow: -4px 1px 18px 3px rgba(0, 0, 0, 0.2);
        box-shadow: -4px 1px 18px 3px rgba(0, 0, 0, 0.2);
    }

        .wishListII .dropdown-menu .dropdown-item {
            font-size: 12px;
            line-height: 1.16667;
            color: #444444;
            font-weight: 400;
            padding: 8px 0;
            border-bottom: 1px solid #ebebeb;
        }

/* ---------------------------------------------------------
39	 footerHolder
---------------------------------------------------------*/
.footerHolder .coll-1 {
    width: 100%;
}

.footerHolder .coll-2 {
    width: 100%;
}

.footerHolder .coll-3 {
    width: 100%;
}

.footerHolder .coll-4 {
    width: 100%;
}

.footerHolder .footerContactList {
    font-size: 15px;
    line-height: 17px;
    color: #707070;
}

    .footerHolder .footerContactList .pr30 {
        padding-right: 0;
    }

    .footerHolder .footerContactList address {
        color: #444444;
    }

    .footerHolder .footerContactList a {
        color: #707070;
    }

    .footerHolder .footerContactList .icon {
        color: #444444;
    }

    .footerHolder .footerContactList .email .icon {
        font-size: 12px;
    }

.footerHolder .followSocailNetwork {
    font-size: 15px;
    line-height: 18px;
    color: #444444;
}

    .footerHolder .followSocailNetwork a {
        color: #808080;
    }

.footerHolder .footerNavList a {
    color: #707070;
}

.footerHolder .tagNavList {
    font-size: 14px;
    line-height: 16px;
}

    .footerHolder .tagNavList li.mr2 {
        margin: 0 2px 0 0;
    }

    .footerHolder .tagNavList a {
        color: #666666;
        min-width: 100px;
        border: 1px solid #e0e0e0;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

        .footerHolder .tagNavList a:hover {
            color: #fff;
        }

/* ---------------------------------------------------------
40	 copyRightHolder
---------------------------------------------------------*/
.copyRightHolder {
    border-top: 1px solid #d1d1d1;
}

    .copyRightHolder.v-II {
        color: #fff;
        border-top: none;
    }

        .copyRightHolder.v-II p a {
            color: #fff;
        }


/* module-search  */
.module__search-container,
.module__sidenav-container {
    position: fixed;
    z-index: 2300;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(27, 26, 26, 0.98);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .module__search-container .close-search {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 35px;
        height: 35px;
        line-height: 33px;
        font-size: 20px;
        color: #ffffff;
        cursor: pointer;
    }

    .module__search-container .module__search-form {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 550px;
        margin: -40px auto 0;
        -webkit-transform: translateY(-50%) scaleX(0);
        -moz-transform: translateY(-50%) scaleX(0);
        -ms-transform: translateY(-50%) scaleX(0);
        -o-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        transition-delay: 0.5s;
    }

    .module__search-container .module__search-options {
        position: absolute;
        top: 65%;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 550px;
        margin: -40px auto 0;
        -webkit-transform: translateY(-50%) scaleX(0);
        -moz-transform: translateY(-50%) scaleX(0);
        -ms-transform: translateY(-50%) scaleX(0);
        -o-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        transition-delay: 0.5s;
    }

    .module__search-container .module__search-btn {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 80px;
        text-align: center;
        font-size: 28px;
        cursor: pointer;
        transition: 0.3s ease;
        color: #ffffff !important;
        background-color: transparent;
        border: 0;
    }

    /*.module__search-container .module__search-btn:hover {
            color: #e6ae48;
        }*/

    .module__search-container .search__input {
        z-index: 1;
        height: 80px;
        padding: 0 40px 0 0;
        background: transparent;
        border: none;
        width: 100%;
        color: #ffffff;
        font-size: 45px;
        font-weight: 700;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .module__search-container .search__input:focus {
            border: 0 !important;
        }


        .module__search-container .search__input::-webkit-input-placeholder {
            color: #ffffff;
        }

        .module__search-container .search__input:-moz-placeholder {
            color: #ffffff;
        }

        .module__search-container .search__input::-moz-placeholder {
            color: #ffffff;
        }

        .module__search-container .search__input:-ms-input-placeholder {
            color: #ffffff;
        }

        .module__search-container .search__input::placeholder {
            color: #ffffff;
        }

    .module__search-container.active,
    .module__sidenav-container.active {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .module__search-container.inActive,
    .module__sidenav-container.inActive {
        opacity: 0;
        transition-delay: 0.5s;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .module__search-container.active .module__search-form {
        -webkit-transform: translateY(-50%) scaleX(1);
        -moz-transform: translateY(-50%) scaleX(1);
        -ms-transform: translateY(-50%) scaleX(1);
        -o-transform: translateY(-50%) scaleX(1);
        transform: translateY(-50%) scaleX(1);
    }

    .module__search-container.inActive .module__search-form {
        transition-delay: 0ms;
        -webkit-transform: translateY(-50%) scaleX(0);
        -moz-transform: translateY(-50%) scaleX(0);
        -ms-transform: translateY(-50%) scaleX(0);
        -o-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
    }

    .module__search-container.active .module__search-options {
        -webkit-transform: translateY(-50%) scaleX(1);
        -moz-transform: translateY(-50%) scaleX(1);
        -ms-transform: translateY(-50%) scaleX(1);
        -o-transform: translateY(-50%) scaleX(1);
        transform: translateY(-50%) scaleX(1);
    }

    .module__search-container.inActive .module__search-options {
        transition-delay: 0ms;
        -webkit-transform: translateY(-50%) scaleX(0);
        -moz-transform: translateY(-50%) scaleX(0);
        -ms-transform: translateY(-50%) scaleX(0);
        -o-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
    }



/* module-advanced search  */
.module__adv-search-container,
.module__adv-sidenav-container {
    position: fixed;
    z-index: 2300;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.98);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .module__adv-search-container .close-adv-search {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 35px;
        height: 35px;
        line-height: 33px;
        font-size: 20px;
        color: #000;
        cursor: pointer;
    }

    .module__adv-search-container .module__adv-search-form {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 550px;
        margin: -40px auto 0;
        -webkit-transform: translateY(-50%) scaleX(0);
        -moz-transform: translateY(-50%) scaleX(0);
        -ms-transform: translateY(-50%) scaleX(0);
        -o-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        transition-delay: 0.5s;
    }

    .module__adv-search-container .module__adv-search-btn {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 80px;
        text-align: center;
        font-size: 28px;
        cursor: pointer;
        transition: 0.3s ease;
        color: #ffffff !important;
        background-color: transparent;
        border: 0;
    }

        .module__adv-search-container .module__adv-search-btn:hover {
            color: #e6ae48;
        }

    .module__adv-search-container .search__input {
        z-index: 1;
        height: 80px;
        padding: 0 40px 0 0;
        background: transparent;
        border: none;
        width: 100%;
        color: #ffffff;
        font-size: 45px;
        font-weight: 700;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .module__adv-search-container .search__input::-webkit-input-placeholder {
            color: #ffffff;
        }

        .module__adv-search-container .search__input:-moz-placeholder {
            color: #ffffff;
        }

        .module__adv-search-container .search__input::-moz-placeholder {
            color: #ffffff;
        }

        .module__adv-search-container .search__input:-ms-input-placeholder {
            color: #ffffff;
        }

        .module__adv-search-container .search__input::placeholder {
            color: #ffffff;
        }

    .module__adv-search-container.active,
    .module__adv-sidenav-container.active {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .module__adv-search-container.inActive,
    .module__adv-sidenav-container.inActive {
        opacity: 0;
        transition-delay: 0.5s;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .module__adv-search-container.active .module__adv-search-form {
        -webkit-transform: translateY(-50%) scaleX(1);
        -moz-transform: translateY(-50%) scaleX(1);
        -ms-transform: translateY(-50%) scaleX(1);
        -o-transform: translateY(-50%) scaleX(1);
        transform: translateY(-50%) scaleX(1);
    }

    .module__adv-search-container.inActive .module__adv-search-form {
        transition-delay: 0ms;
        -webkit-transform: translateY(-50%) scaleX(0);
        -moz-transform: translateY(-50%) scaleX(0);
        -ms-transform: translateY(-50%) scaleX(0);
        -o-transform: translateY(-50%) scaleX(0);
        transform: translateY(-50%) scaleX(0);
    }


.breadcrumb-ptb-1 {
    padding: 75px 0 85px;

    @media # {
        $xs-layout
    }

{
    padding: 45px 0 55px;
}

}

.breadcrumb-ptb-2 {
    padding: 0px 0 23px;
}

.breadcrumb-content {
    position: relative;
    z-index: 9;
    .breadcrumb-title

{
    h2

{
    font-size: 46px;
    color: #343434;
    margin: 0;
    line-height: 1;

    @media # {
        $md-layout
    }

{
    font-size: 35px;
}

@media # {
    $xs-layout
}

{
    font-size: 30px;
}

}
}

ul {
    li

{
    display: inline-block;
    margin: 0 2px;
    text-transform: capitalize;
    color: #737373;
    span

{
    margin-right: 4px;
    display: inline-block;
    margin: 6px 4px 0 0;
    line-height: 1;
    position: relative;
    top: 1px;
}

a {
    text-transform: capitalize;
    color: #181818;
    &:hover

{
    color: $theme-color-yellow;
}

}
}
}
}




.bg-gray {
    background-color: #f9f9f9;
}


.grey-text {
    color: #9e9e9e !important;
}


.dark-grey-text {
    color: #4f4f4f !important;
}

.md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

    .md-form .prefix {
        position: absolute;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
    }

    .md-form .prefix {
        top: .25rem;
        font-size: 1.75rem;
    }



        .md-form .prefix ~ label {
            margin-left: 2.5rem;
        }



    .md-form > label {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .md-form label {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1rem;
        color: #757575;
        cursor: text;
        -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
        transition: color .2s ease-out, -webkit-transform .2s ease-out;
        transition: transform .2s ease-out, color .2s ease-out;
        transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }

    .md-form label {
        font-size: 1rem;
    }

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


    .md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="phone"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
        transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    }


    .md-form .prefix ~ input, .md-form .prefix ~ textarea {
        width: calc(100% - 2.5rem);
        margin-left: 2.5rem;
    }


    .md-form .form-control2 {
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }


    .md-form .form-control2 {
        height: auto;
        padding: .6rem 0 .4rem 0;
        margin: 0 0 .5rem 0;
        background-color: transparent;
        border-radius: 0;
    }


.card .md-form label {
    font-weight: 300;
}

.form-control2 {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}




/*!
 * # Semantic UI 2.4.2 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */ i.flag:not(.icon) {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    vertical-align: baseline;
    margin: 0 .5em 0 0;
    text-decoration: inherit;
    speak: none;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    i.flag:not(.icon):before {
        display: inline-block;
        content: '';
        background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px;
        width: 16px;
        height: 11px
    }

i.flag.ad:before, i.flag.andorra:before {
    background-position: 0 0
}

i.flag.ae:before, i.flag.uae:before, i.flag.united.arab.emirates:before {
    background-position: 0 -26px
}

i.flag.af:before, i.flag.afghanistan:before {
    background-position: 0 -52px
}

i.flag.ag:before, i.flag.antigua:before {
    background-position: 0 -78px
}

i.flag.ai:before, i.flag.anguilla:before {
    background-position: 0 -104px
}

i.flag.al:before, i.flag.albania:before {
    background-position: 0 -130px
}

i.flag.am:before, i.flag.armenia:before {
    background-position: 0 -156px
}

i.flag.an:before, i.flag.netherlands.antilles:before {
    background-position: 0 -182px
}

i.flag.angola:before, i.flag.ao:before {
    background-position: 0 -208px
}

i.flag.ar:before, i.flag.argentina:before {
    background-position: 0 -234px
}

i.flag.american.samoa:before, i.flag.as:before {
    background-position: 0 -260px
}

i.flag.at:before, i.flag.austria:before {
    background-position: 0 -286px
}

i.flag.au:before, i.flag.australia:before {
    background-position: 0 -312px
}

i.flag.aruba:before, i.flag.aw:before {
    background-position: 0 -338px
}

i.flag.aland.islands:before, i.flag.ax:before {
    background-position: 0 -364px
}

i.flag.az:before, i.flag.azerbaijan:before {
    background-position: 0 -390px
}

i.flag.ba:before, i.flag.bosnia:before {
    background-position: 0 -416px
}

i.flag.barbados:before, i.flag.bb:before {
    background-position: 0 -442px
}

i.flag.bangladesh:before, i.flag.bd:before {
    background-position: 0 -468px
}

i.flag.be:before, i.flag.belgium:before {
    background-position: 0 -494px
}

i.flag.bf:before, i.flag.burkina.faso:before {
    background-position: 0 -520px
}

i.flag.bg:before, i.flag.bulgaria:before {
    background-position: 0 -546px
}

i.flag.bahrain:before, i.flag.bh:before {
    background-position: 0 -572px
}

i.flag.bi:before, i.flag.burundi:before {
    background-position: 0 -598px
}

i.flag.benin:before, i.flag.bj:before {
    background-position: 0 -624px
}

i.flag.bermuda:before, i.flag.bm:before {
    background-position: 0 -650px
}

i.flag.bn:before, i.flag.brunei:before {
    background-position: 0 -676px
}

i.flag.bo:before, i.flag.bolivia:before {
    background-position: 0 -702px
}

i.flag.br:before, i.flag.brazil:before {
    background-position: 0 -728px
}

i.flag.bahamas:before, i.flag.bs:before {
    background-position: 0 -754px
}

i.flag.bhutan:before, i.flag.bt:before {
    background-position: 0 -780px
}

i.flag.bouvet.island:before, i.flag.bv:before {
    background-position: 0 -806px
}

i.flag.botswana:before, i.flag.bw:before {
    background-position: 0 -832px
}

i.flag.belarus:before, i.flag.by:before {
    background-position: 0 -858px
}

i.flag.belize:before, i.flag.bz:before {
    background-position: 0 -884px
}

i.flag.ca:before, i.flag.canada:before {
    background-position: 0 -910px
}

i.flag.cc:before, i.flag.cocos.islands:before {
    background-position: 0 -962px
}

i.flag.cd:before, i.flag.congo:before {
    background-position: 0 -988px
}

i.flag.central.african.republic:before, i.flag.cf:before {
    background-position: 0 -1014px
}

i.flag.cg:before, i.flag.congo.brazzaville:before {
    background-position: 0 -1040px
}

i.flag.ch:before, i.flag.switzerland:before {
    background-position: 0 -1066px
}

i.flag.ci:before, i.flag.cote.divoire:before {
    background-position: 0 -1092px
}

i.flag.ck:before, i.flag.cook.islands:before {
    background-position: 0 -1118px
}

i.flag.chile:before, i.flag.cl:before {
    background-position: 0 -1144px
}

i.flag.cameroon:before, i.flag.cm:before {
    background-position: 0 -1170px
}

i.flag.china:before, i.flag.cn:before {
    background-position: 0 -1196px
}

i.flag.co:before, i.flag.colombia:before {
    background-position: 0 -1222px
}

i.flag.costa.rica:before, i.flag.cr:before {
    background-position: 0 -1248px
}

i.flag.cs:before, i.flag.serbia:before {
    background-position: 0 -1274px
}

i.flag.cu:before, i.flag.cuba:before {
    background-position: 0 -1300px
}

i.flag.cape.verde:before, i.flag.cv:before {
    background-position: 0 -1326px
}

i.flag.christmas.island:before, i.flag.cx:before {
    background-position: 0 -1352px
}

i.flag.cy:before, i.flag.cyprus:before {
    background-position: 0 -1378px
}

i.flag.cz:before, i.flag.czech.republic:before {
    background-position: 0 -1404px
}

i.flag.de:before, i.flag.germany:before {
    background-position: 0 -1430px
}

i.flag.dj:before, i.flag.djibouti:before {
    background-position: 0 -1456px
}

i.flag.denmark:before, i.flag.dk:before {
    background-position: 0 -1482px
}

i.flag.dm:before, i.flag.dominica:before {
    background-position: 0 -1508px
}

i.flag.do:before, i.flag.dominican.republic:before {
    background-position: 0 -1534px
}

i.flag.algeria:before, i.flag.dz:before {
    background-position: 0 -1560px
}

i.flag.ec:before, i.flag.ecuador:before {
    background-position: 0 -1586px
}

i.flag.ee:before, i.flag.estonia:before {
    background-position: 0 -1612px
}

i.flag.eg:before, i.flag.egypt:before {
    background-position: 0 -1638px
}

i.flag.eh:before, i.flag.western.sahara:before {
    background-position: 0 -1664px
}

i.flag.england:before, i.flag.gb.eng:before {
    background-position: 0 -1690px
}

i.flag.er:before, i.flag.eritrea:before {
    background-position: 0 -1716px
}

i.flag.es:before, i.flag.spain:before {
    background-position: 0 -1742px
}

i.flag.et:before, i.flag.ethiopia:before {
    background-position: 0 -1768px
}

i.flag.eu:before, i.flag.european.union:before {
    background-position: 0 -1794px
}

i.flag.fi:before, i.flag.finland:before {
    background-position: 0 -1846px
}

i.flag.fiji:before, i.flag.fj:before {
    background-position: 0 -1872px
}

i.flag.falkland.islands:before, i.flag.fk:before {
    background-position: 0 -1898px
}

i.flag.fm:before, i.flag.micronesia:before {
    background-position: 0 -1924px
}

i.flag.faroe.islands:before, i.flag.fo:before {
    background-position: 0 -1950px
}

i.flag.fr:before, i.flag.france:before {
    background-position: 0 -1976px
}

i.flag.ga:before, i.flag.gabon:before {
    background-position: -36px 0
}

i.flag.gb:before, i.flag.uk:before, i.flag.united.kingdom:before {
    background-position: -36px -26px
}

i.flag.gd:before, i.flag.grenada:before {
    background-position: -36px -52px
}

i.flag.ge:before, i.flag.georgia:before {
    background-position: -36px -78px
}

i.flag.french.guiana:before, i.flag.gf:before {
    background-position: -36px -104px
}

i.flag.gh:before, i.flag.ghana:before {
    background-position: -36px -130px
}

i.flag.gi:before, i.flag.gibraltar:before {
    background-position: -36px -156px
}

i.flag.gl:before, i.flag.greenland:before {
    background-position: -36px -182px
}

i.flag.gambia:before, i.flag.gm:before {
    background-position: -36px -208px
}

i.flag.gn:before, i.flag.guinea:before {
    background-position: -36px -234px
}

i.flag.gp:before, i.flag.guadeloupe:before {
    background-position: -36px -260px
}

i.flag.equatorial.guinea:before, i.flag.gq:before {
    background-position: -36px -286px
}

i.flag.gr:before, i.flag.greece:before {
    background-position: -36px -312px
}

i.flag.gs:before, i.flag.sandwich.islands:before {
    background-position: -36px -338px
}

i.flag.gt:before, i.flag.guatemala:before {
    background-position: -36px -364px
}

i.flag.gu:before, i.flag.guam:before {
    background-position: -36px -390px
}

i.flag.guinea-bissau:before, i.flag.gw:before {
    background-position: -36px -416px
}

i.flag.guyana:before, i.flag.gy:before {
    background-position: -36px -442px
}

i.flag.hk:before, i.flag.hong.kong:before {
    background-position: -36px -468px
}

i.flag.heard.island:before, i.flag.hm:before {
    background-position: -36px -494px
}

i.flag.hn:before, i.flag.honduras:before {
    background-position: -36px -520px
}

i.flag.croatia:before, i.flag.hr:before {
    background-position: -36px -546px
}

i.flag.haiti:before, i.flag.ht:before {
    background-position: -36px -572px
}

i.flag.hu:before, i.flag.hungary:before {
    background-position: -36px -598px
}

i.flag.id:before, i.flag.indonesia:before {
    background-position: -36px -624px
}

i.flag.ie:before, i.flag.ireland:before {
    background-position: -36px -650px
}

i.flag.il:before, i.flag.israel:before {
    background-position: -36px -676px
}

i.flag.in:before, i.flag.india:before {
    background-position: -36px -702px
}

i.flag.indian.ocean.territory:before, i.flag.io:before {
    background-position: -36px -728px
}

i.flag.iq:before, i.flag.iraq:before {
    background-position: -36px -754px
}

i.flag.ir:before, i.flag.iran:before {
    background-position: -36px -780px
}

i.flag.iceland:before, i.flag.is:before {
    background-position: -36px -806px
}

i.flag.it:before, i.flag.italy:before {
    background-position: -36px -832px
}

i.flag.jamaica:before, i.flag.jm:before {
    background-position: -36px -858px
}

i.flag.jo:before, i.flag.jordan:before {
    background-position: -36px -884px
}

i.flag.japan:before, i.flag.jp:before {
    background-position: -36px -910px
}

i.flag.ke:before, i.flag.kenya:before {
    background-position: -36px -936px
}

i.flag.kg:before, i.flag.kyrgyzstan:before {
    background-position: -36px -962px
}

i.flag.cambodia:before, i.flag.kh:before {
    background-position: -36px -988px
}

i.flag.ki:before, i.flag.kiribati:before {
    background-position: -36px -1014px
}

i.flag.comoros:before, i.flag.km:before {
    background-position: -36px -1040px
}

i.flag.kn:before, i.flag.saint.kitts.and.nevis:before {
    background-position: -36px -1066px
}

i.flag.kp:before, i.flag.north.korea:before {
    background-position: -36px -1092px
}

i.flag.kr:before, i.flag.south.korea:before {
    background-position: -36px -1118px
}

i.flag.kuwait:before, i.flag.kw:before {
    background-position: -36px -1144px
}

i.flag.cayman.islands:before, i.flag.ky:before {
    background-position: -36px -1170px
}

i.flag.kazakhstan:before, i.flag.kz:before {
    background-position: -36px -1196px
}

i.flag.la:before, i.flag.laos:before {
    background-position: -36px -1222px
}

i.flag.lb:before, i.flag.lebanon:before {
    background-position: -36px -1248px
}

i.flag.lc:before, i.flag.saint.lucia:before {
    background-position: -36px -1274px
}

i.flag.li:before, i.flag.liechtenstein:before {
    background-position: -36px -1300px
}

i.flag.lk:before, i.flag.sri.lanka:before {
    background-position: -36px -1326px
}

i.flag.liberia:before, i.flag.lr:before {
    background-position: -36px -1352px
}

i.flag.lesotho:before, i.flag.ls:before {
    background-position: -36px -1378px
}

i.flag.lithuania:before, i.flag.lt:before {
    background-position: -36px -1404px
}

i.flag.lu:before, i.flag.luxembourg:before {
    background-position: -36px -1430px
}

i.flag.latvia:before, i.flag.lv:before {
    background-position: -36px -1456px
}

i.flag.libya:before, i.flag.ly:before {
    background-position: -36px -1482px
}

i.flag.ma:before, i.flag.morocco:before {
    background-position: -36px -1508px
}

i.flag.mc:before, i.flag.monaco:before {
    background-position: -36px -1534px
}

i.flag.md:before, i.flag.moldova:before {
    background-position: -36px -1560px
}

i.flag.me:before, i.flag.montenegro:before {
    background-position: -36px -1586px
}

i.flag.madagascar:before, i.flag.mg:before {
    background-position: -36px -1613px
}

i.flag.marshall.islands:before, i.flag.mh:before {
    background-position: -36px -1639px
}

i.flag.macedonia:before, i.flag.mk:before {
    background-position: -36px -1665px
}

i.flag.mali:before, i.flag.ml:before {
    background-position: -36px -1691px
}

i.flag.burma:before, i.flag.mm:before, i.flag.myanmar:before {
    background-position: -73px -1821px
}

i.flag.mn:before, i.flag.mongolia:before {
    background-position: -36px -1743px
}

i.flag.macau:before, i.flag.mo:before {
    background-position: -36px -1769px
}

i.flag.mp:before, i.flag.northern.mariana.islands:before {
    background-position: -36px -1795px
}

i.flag.martinique:before, i.flag.mq:before {
    background-position: -36px -1821px
}

i.flag.mauritania:before, i.flag.mr:before {
    background-position: -36px -1847px
}

i.flag.montserrat:before, i.flag.ms:before {
    background-position: -36px -1873px
}

i.flag.malta:before, i.flag.mt:before {
    background-position: -36px -1899px
}

i.flag.mauritius:before, i.flag.mu:before {
    background-position: -36px -1925px
}

i.flag.maldives:before, i.flag.mv:before {
    background-position: -36px -1951px
}

i.flag.malawi:before, i.flag.mw:before {
    background-position: -36px -1977px
}

i.flag.mexico:before, i.flag.mx:before {
    background-position: -72px 0
}

i.flag.malaysia:before, i.flag.my:before {
    background-position: -72px -26px
}

i.flag.mozambique:before, i.flag.mz:before {
    background-position: -72px -52px
}

i.flag.na:before, i.flag.namibia:before {
    background-position: -72px -78px
}

i.flag.nc:before, i.flag.new.caledonia:before {
    background-position: -72px -104px
}

i.flag.ne:before, i.flag.niger:before {
    background-position: -72px -130px
}

i.flag.nf:before, i.flag.norfolk.island:before {
    background-position: -72px -156px
}

i.flag.ng:before, i.flag.nigeria:before {
    background-position: -72px -182px
}

i.flag.ni:before, i.flag.nicaragua:before {
    background-position: -72px -208px
}

i.flag.netherlands:before, i.flag.nl:before {
    background-position: -72px -234px
}

i.flag.no:before, i.flag.norway:before {
    background-position: -72px -260px
}

i.flag.nepal:before, i.flag.np:before {
    background-position: -72px -286px
}

i.flag.nauru:before, i.flag.nr:before {
    background-position: -72px -312px
}

i.flag.niue:before, i.flag.nu:before {
    background-position: -72px -338px
}

i.flag.new.zealand:before, i.flag.nz:before {
    background-position: -72px -364px
}

i.flag.om:before, i.flag.oman:before {
    background-position: -72px -390px
}

i.flag.pa:before, i.flag.panama:before {
    background-position: -72px -416px
}

i.flag.pe:before, i.flag.peru:before {
    background-position: -72px -442px
}

i.flag.french.polynesia:before, i.flag.pf:before {
    background-position: -72px -468px
}

i.flag.new.guinea:before, i.flag.pg:before {
    background-position: -72px -494px
}

i.flag.ph:before, i.flag.philippines:before {
    background-position: -72px -520px
}

i.flag.pakistan:before, i.flag.pk:before {
    background-position: -72px -546px
}

i.flag.pl:before, i.flag.poland:before {
    background-position: -72px -572px
}

i.flag.pm:before, i.flag.saint.pierre:before {
    background-position: -72px -598px
}

i.flag.pitcairn.islands:before, i.flag.pn:before {
    background-position: -72px -624px
}

i.flag.pr:before, i.flag.puerto.rico:before {
    background-position: -72px -650px
}

i.flag.palestine:before, i.flag.ps:before {
    background-position: -72px -676px
}

i.flag.portugal:before, i.flag.pt:before {
    background-position: -72px -702px
}

i.flag.palau:before, i.flag.pw:before {
    background-position: -72px -728px
}

i.flag.paraguay:before, i.flag.py:before {
    background-position: -72px -754px
}

i.flag.qa:before, i.flag.qatar:before {
    background-position: -72px -780px
}

i.flag.re:before, i.flag.reunion:before {
    background-position: -72px -806px
}

i.flag.ro:before, i.flag.romania:before {
    background-position: -72px -832px
}

i.flag.rs:before, i.flag.serbia:before {
    background-position: -72px -858px
}

i.flag.ru:before, i.flag.russia:before {
    background-position: -72px -884px
}

i.flag.rw:before, i.flag.rwanda:before {
    background-position: -72px -910px
}

i.flag.sa:before, i.flag.saudi.arabia:before {
    background-position: -72px -936px
}

i.flag.sb:before, i.flag.solomon.islands:before {
    background-position: -72px -962px
}

i.flag.sc:before, i.flag.seychelles:before {
    background-position: -72px -988px
}

i.flag.gb.sct:before, i.flag.scotland:before {
    background-position: -72px -1014px
}

i.flag.sd:before, i.flag.sudan:before {
    background-position: -72px -1040px
}

i.flag.se:before, i.flag.sweden:before {
    background-position: -72px -1066px
}

i.flag.sg:before, i.flag.singapore:before {
    background-position: -72px -1092px
}

i.flag.saint.helena:before, i.flag.sh:before {
    background-position: -72px -1118px
}

i.flag.si:before, i.flag.slovenia:before {
    background-position: -72px -1144px
}

i.flag.jan.mayen:before, i.flag.sj:before, i.flag.svalbard:before {
    background-position: -72px -1170px
}

i.flag.sk:before, i.flag.slovakia:before {
    background-position: -72px -1196px
}

i.flag.sierra.leone:before, i.flag.sl:before {
    background-position: -72px -1222px
}

i.flag.san.marino:before, i.flag.sm:before {
    background-position: -72px -1248px
}

i.flag.senegal:before, i.flag.sn:before {
    background-position: -72px -1274px
}

i.flag.so:before, i.flag.somalia:before {
    background-position: -72px -1300px
}

i.flag.sr:before, i.flag.suriname:before {
    background-position: -72px -1326px
}

i.flag.sao.tome:before, i.flag.st:before {
    background-position: -72px -1352px
}

i.flag.el.salvador:before, i.flag.sv:before {
    background-position: -72px -1378px
}

i.flag.sy:before, i.flag.syria:before {
    background-position: -72px -1404px
}

i.flag.swaziland:before, i.flag.sz:before {
    background-position: -72px -1430px
}

i.flag.caicos.islands:before, i.flag.tc:before {
    background-position: -72px -1456px
}

i.flag.chad:before, i.flag.td:before {
    background-position: -72px -1482px
}

i.flag.french.territories:before, i.flag.tf:before {
    background-position: -72px -1508px
}

i.flag.tg:before, i.flag.togo:before {
    background-position: -72px -1534px
}

i.flag.th:before, i.flag.thailand:before {
    background-position: -72px -1560px
}

i.flag.tajikistan:before, i.flag.tj:before {
    background-position: -72px -1586px
}

i.flag.tk:before, i.flag.tokelau:before {
    background-position: -72px -1612px
}

i.flag.timorleste:before, i.flag.tl:before {
    background-position: -72px -1638px
}

i.flag.tm:before, i.flag.turkmenistan:before {
    background-position: -72px -1664px
}

i.flag.tn:before, i.flag.tunisia:before {
    background-position: -72px -1690px
}

i.flag.to:before, i.flag.tonga:before {
    background-position: -72px -1716px
}

i.flag.tr:before, i.flag.turkey:before {
    background-position: -72px -1742px
}

i.flag.trinidad:before, i.flag.tt:before {
    background-position: -72px -1768px
}

i.flag.tuvalu:before, i.flag.tv:before {
    background-position: -72px -1794px
}

i.flag.taiwan:before, i.flag.tw:before {
    background-position: -72px -1820px
}

i.flag.tanzania:before, i.flag.tz:before {
    background-position: -72px -1846px
}

i.flag.ua:before, i.flag.ukraine:before {
    background-position: -72px -1872px
}

i.flag.ug:before, i.flag.uganda:before {
    background-position: -72px -1898px
}

i.flag.um:before, i.flag.us.minor.islands:before {
    background-position: -72px -1924px
}

i.flag.america:before, i.flag.united.states:before, i.flag.us:before {
    background-position: -72px -1950px
}

i.flag.uruguay:before, i.flag.uy:before {
    background-position: -72px -1976px
}

i.flag.uz:before, i.flag.uzbekistan:before {
    background-position: -108px 0
}

i.flag.va:before, i.flag.vatican.city:before {
    background-position: -108px -26px
}

i.flag.saint.vincent:before, i.flag.vc:before {
    background-position: -108px -52px
}

i.flag.ve:before, i.flag.venezuela:before {
    background-position: -108px -78px
}

i.flag.british.virgin.islands:before, i.flag.vg:before {
    background-position: -108px -104px
}

i.flag.us.virgin.islands:before, i.flag.vi:before {
    background-position: -108px -130px
}

i.flag.vietnam:before, i.flag.vn:before {
    background-position: -108px -156px
}

i.flag.vanuatu:before, i.flag.vu:before {
    background-position: -108px -182px
}

i.flag.gb.wls:before, i.flag.wales:before {
    background-position: -108px -208px
}

i.flag.wallis.and.futuna:before, i.flag.wf:before {
    background-position: -108px -234px
}

i.flag.samoa:before, i.flag.ws:before {
    background-position: -108px -260px
}

i.flag.ye:before, i.flag.yemen:before {
    background-position: -108px -286px
}

i.flag.mayotte:before, i.flag.yt:before {
    background-position: -108px -312px
}

i.flag.south.africa:before, i.flag.za:before {
    background-position: -108px -338px
}

i.flag.zambia:before, i.flag.zm:before {
    background-position: -108px -364px
}

i.flag.zimbabwe:before, i.flag.zw:before {
    background-position: -108px -390px
}























































/* GLOBAL VARIABLES */
:root {
    /*--font: "Roboto", sans-serif;*/
    --fontOrigin: 1rem; /* 16px */
    --fontSmall: 0.625em; /* 10px */
    --fontMedium: 0.875em; /* 14px */
    --fontNormal: 1em; /* 16px */
    --fontLarge: 1.375em; /* 22px */
    --fontLight: 200;
    --fontRegular: 400;
    --fontBold: 600;
    --speed: 0.65s;
}

@keyframes zoom {
    from {
        object-position: 0 50%;
    }

    to {
        object-position: 100% 50%;
    }
}

@keyframes blur {
    from {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(2, 2);
    }
}

* {
    border: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /*font-family: var(--font);
    font-weight: var(--fontOrigin);
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0.005rem;*/
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
}

.wrapper_prd {
    display: flex;
    grid-template-columns: repeat( auto-fit, 1fr );
    grid-template-rows: auto;
    grid-template-areas: "menu menu menu" ". card_prd .";
    width: 100vw;
    /*min-height: 100vh;*/
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
}


/*.card_prd {
    position: relative;
    grid-area: card_prd;
    align-self: center;
    justify-self: center;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 250px;
    height: 400px;
    font-size: var(--fontOrigin);
    border-radius: 8px;
    box-shadow: 0 16px 60px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
    margin-left: 20px;
}*/

/*.card_prd {
    position: relative;
    grid-area: card_prd;
    align-self: center;
    justify-self: center;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 200px;
    font-size: var(--fontOrigin);
    border-radius: 8px;
    box-shadow: 0 16px 60px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
    margin-bottom:20px;
}*/


.card_prd {
    position: relative;
    grid-area: card_prd;
    align-self: center;
    justify-self: center;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 250px;
    font-size: var(--fontOrigin);
    border-radius: 8px;
    box-shadow: 0 16px 60px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
    margin-bottom: 20px;
    background-position-x: 50%;
    animation-delay: 0s;
    animation-duration: 70s;
    animation-name: panoramic;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: both;
    will-change: background-position-x;
}

.card_prd_noanimation {
    position: relative;
    grid-area: card_prd;
    align-self: center;
    justify-self: center;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 250px;
    font-size: var(--fontOrigin);
    border-radius: 8px;
    box-shadow: 0 16px 60px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
    margin-bottom: 20px;
    background-position-x: 50%;
    will-change: background-position-x;
}

@keyframes panoramic {
    0% {
        background-position-x: 0%;
    }

    50% {
        background-position-x: 100%;
    }

    100% {
        background-position-x: 0%;
    }
}

.card_prd_noanimation:hover {
    box-shadow: 0 40px 130px rgba(0, 0, 0, 0.6);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.card_prd:hover {
    box-shadow: 0 40px 130px rgba(0, 0, 0, 0.6);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.card_prd__save {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 35px;
    height: 35px;
    background: transparent;
    border: 0;
    opacity: 0;
    border-radius: 3px;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
}

    .card_prd__save:focus {
        outline: 0;
        background-color: rgba(255, 255, 255, 0);
    }

.card_prd:hover .card_prd__save {
    opacity: 0.6;
}

.card_prd__save i {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
}

.card_prd__save:hover i {
    color: rgba(255, 255, 255, 0.8);
}

.card_prd__save:active,
.card_prd__save.active {
    opacity: 1 !important;
}

    .card_prd__save:active i,
    .card_prd__save.active i {
        color: white;
    }

/*.card_prd__image {
    position: absolute;
    top: 0;
    left: 0;*/
/*z-index: -1;*/
/*overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5));
}

    .card_prd__image img {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.4;
        -webkit-transition: all var(--speed) ease;
        transition: all var(--speed) ease;
        animation-name: zoom;
        animation-duration: 30s;
        animation-direction: alternate;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }*/

.card_prd:hover .card_prd__image img {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0.7;
}

.card_prd__header {
    display: grid;
    width: 100%;
    height: 180px;
}

.card_prd__profile {
    align-self: center;
    justify-self: center;
    display: block;
    overflow: hidden;
    width: 10vmax;
    height: 10vmax;
    max-width: 100px;
    max-height: 100px;
    border-radius: 50%;
}

    .card_prd__profile img {
        -webkit-transform: scale(1.5, 1.5) translateZ(0);
        transform: scale(1.5, 1.5) translateZ(0);
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        -webkit-filter: grayscale(50%) contrast(75%) brightness(1.3);
        filter: grayscale(50%) contrast(75%) brightness(1.3);
        -webkit-transition: all var(--speed) ease;
        transition: all var(--speed) ease;
        mix-blend-mode: normal;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.card_prd:hover .card_prd__profile img {
    -webkit-transform: scale(1, 1) translateZ(0);
    transform: scale(1, 1) translateZ(0);
}

.card_prd__body {
    display: grid;
    text-align: center;
    padding-top: 115px;
}

.card_prd__name {
    align-self: center;
    justify-self: center;
    margin-bottom: 2px;
    z-index: 999;
    color: white;
    font-size: var(--fontLarge);
    font-weight: var(--fontRegular);
    letter-spacing: 0.1rem;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    background: -webkit-linear-gradient(white, #a1a1a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
}

.card_prd:hover .card_prd__name {
    background: -webkit-linear-gradient(white, #c1c1c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card_prd__job {
    align-self: center;
    justify-self: center;
    display: inline-block;
    font-size: var(--fontSmall);
    font-weight: var(--fontLight);
    text-align: center;
    letter-spacing: 0.35rem;
    color: rgba(100, 130, 200, 0.45);
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
}

.card_prd:hover .card_prd__job {
    color: rgba(100, 130, 200, 1);
}



.card_prd__bio {
    position: relative;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    display: block;
    margin: 22px 0 16px 0;
    font-size: var(--fontMedium);
    font-weight: var(--fontLight);
    /*text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.35);*/
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
}

.card_prd:hover .card_prd__bio {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.card_prd_noanimation:hover .card_prd__bio {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.card_prd__footer {
    position: relative;
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "date category";
    padding: 10px 20px;
    opacity: 0;
    -webkit-transition: all var(--speed) ease;
    transition: all var(--speed) ease;
}

.card_prd:hover .card_prd__footer {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.card_prd__date {
    grid-area: date;
    display: inline-block;
    align-self: left;
    justify-self: left;
    font-size: var(--fontSmall);
    font-weight: var(--fontBold);
    text-transform: uppercase;
    text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.45);
    color: rgba(250, 250, 250, 0.7);
}

/* MODIFIERS */
.card_prd[data-effect="blur"]:hover .card_prd__image img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.card_prd[data-effect="blur"] .card_prd__image img {
    animation-name: blur;
}

.card_prd[data-effect="color"]:hover {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    box-shadow: 0 40px 260px rgba(255, 0, 0, 0.1), 0 40px 130px rgba(250, 100, 100, 0.2), -80px -40px 230px rgba(0, 200, 250, 0.15), 80px 40px 230px rgba(120, 120, 255, 0.15);
}

.card_prd[data-effect="color"] .card_prd__image {
    background: linear-gradient(to bottom, rgba(20, 20, 100, 1), rgba(255, 100, 100, 0.5))
}

.card_prd[data-effect="color"]:hover .card_prd__image img {
    opacity: 0.8;
}

.card_prd[data-effect="color"]:hover .card_prd__profile img {
    -webkit-filter: grayscale(50%) contrast(80%) brightness(1.6);
    filter: grayscale(50%) contrast(80%) brightness(1.6);
    mix-blend-mode: normal;
}


.fs-8 {
    font-size: 10px !important;
}

.fs-9 {
    font-size: 10px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}


table.colorPalleteGrouped tr:hover td {
    opacity: 0.8;
    cursor: pointer;
}

table.colorPalleteGrouped td {
    padding: 20px;
    border: 1px solid white;
}

table.colorPallete td {
    width: 40px;
    height: 40px;
    border: 1px solid white;
}

    table.colorPallete td.active:after {
        content: "\2713";
        padding-left: 15px;
    }

    table.colorPallete td:hover {
        border: 1px solid white;
        opacity: 0.75;
        cursor: pointer;
    }



.pointer {
    cursor: pointer;
}




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

.searchItem.active {
}

    .searchItem.active:after {
        padding-left: 10px;
        top: 0;
        left: -5px;
        content: "\2713";
        color: red;
        font-weight: bold;
    }


.searchSectionTitle {
    cursor: pointer;
}

    .searchSectionTitle.inActive:after {
        content: " [+]";
        text-align: right;
        color: #364a8a;
    }

    .searchSectionTitle.active:after {
        content: " [-]";
        text-align: right;
        color: #364a8a;
    }

.searchSection {
    display: none;
}



.HighlightRow {
    background-color: #e6f9ff;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 2px #028bb1;
    font-weight: bold;
    height: 30px;
}


.offcanvas {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1032;
}

body.offcanvas-expanded {
    overflow: hidden;
}

.offcanvas:first-child {
    left: 0;
    right: auto;
}

.offcanvas-pane {
    position: absolute;
    top: 0;
    bottom: 0;
    min-width: 8px;
    background-color: #ffffff;
    overflow: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-transform 0.33s ease-in;
    -moz-transition: -moz-transform 0.33s ease-in;
    -o-transition: -o-transform 0.33s ease-in;
    transition: transform 0.33s ease-in;
}

    .offcanvas-pane.active {
        display: block;
        -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
        box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        -moz-transition: -moz-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        -o-transition: -o-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
        transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
    }

.offcanvas:first-child .offcanvas-pane {
    right: 0;
}

.offcanvas-body {
    padding: 16px;
}

.offcanvas-head {
    position: relative;
    padding: 4px 16px;
}

    .offcanvas-head header {
        font-size: 20px;
    }

    .offcanvas-head .offcanvas-tools {
        position: absolute;
        left: 4px;
        right: 4px;
        top: 4px;
    }


.offcanvas-pane .style-default,
.offcanvas-pane.style-default {
    background-color: #e5e6e6;
    border-color: #e5e6e6;
    color: #313534;
}

    .offcanvas-pane .style-default .btn-icon-toggle:hover,
    .offcanvas-pane.style-default .btn-icon-toggle:hover,
    .offcanvas-pane .style-default .btn-flat:hover,
    .offcanvas-pane.style-default .btn-flat:hover {
        background-color: rgba(49, 53, 52, 0.3);
    }


/*#containerAuto {
    display: block;
    position: relative;
}

#containerAutoBrand {
    display: block;
    position: relative;
}

#containerClientSelect {
    display: block;
    position: relative;
}*/


.containerAutoComplete {
    display: block;
    position: relative;
}

#divData {
    display: flex;
}

#txtClientName {
    width: 60%;
    float: left;
}

#divClients span {
    width: 40%;
    float: right;
}






div.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.5);
    z-index: 999999;
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.uil-ring-css {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 200px;
}

    .uil-ring-css > div {
        position: absolute;
        display: block;
        width: 160px;
        height: 160px;
        top: 20px;
        left: 20px;
        border-radius: 80px;
        box-shadow: 0 6px 0 0 #ffffff;
        -ms-animation: uil-ring-anim 1s linear infinite;
        -moz-animation: uil-ring-anim 1s linear infinite;
        -webkit-animation: uil-ring-anim 1s linear infinite;
        -o-animation: uil-ring-anim 1s linear infinite;
        animation: uil-ring-anim 1s linear infinite;
    }


*.hidden {
    display: none !important;
}

#activeClientDescription {
    color: red;
    text-decoration: underline;
    font-weight: bold;
}

.padding-1r {
    padding: 1rem;
}

#manage {
    display: none;
}

.note-editor .note-editable {
    line-height: 0.8;
}


.list-wrapper {
    float: right;
    margin-right: 10px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}



.widget .tagSearchOptions {
    font-size: 14px;
    line-height: 16px;
}

    .widget .tagSearchOptions li {
        margin: 0 8px 10px 0;
    }

    .widget .tagSearchOptions a {
        color: #707070;
        letter-spacing: 1px;
        padding: 7px 14px 9px 17px;
        border: 1px solid #ebebeb;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

        .widget .tagSearchOptions a:hover {
            color: #fff;
        }

.optionActive {
    background: #5c59d2;
    color: white !important;
}

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



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


.t-plus-minus {
    text-align: center;
    /*border: 1px solid #6C757D;*/
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

    input[type="number"] {
        
    }

.t-plus-minus::-webkit-inner-spin-button,
.t-plus-minus::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.t-plus-minus-wrapper {
    border: 2px #dcd3d3 solid;
    width: 40vw;
    height: 50px;
    padding: 10px;
    display: flex;
    border-radius: 15px;
}

.plusminus {
    height: 100%;
    width: 30%;
    background: white;
    border: none;
    font-size: 20px;
    color: #5f5fce;
    margin-top:-3px;
}

.num {
    height: 100%;
    width: 39%;
    border: none;
}


@media screen and (max-width: 1299px) {
    .vw100 {
        width: 100vw;
    }
    
    .vw60 {
        width: 100vw;
    }

    .vw60 {
        width: 100vw;
    }
}

@media screen and (min-width: 1300px) {
    .vw100 {
        width: 100vw;
    }
    
    .vw60 {
        width: 60vw;
    }

    .vw40 {
        width: 40vw;
    }
}