/*!
USER INTERFACE STYLE
*/

/*********************************/
/**********  MARGIN  *************/
.m-auto {
    margin: auto;
}

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

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-60 {
    margin: 60px !important;
}

/****  Margin Top  ****/
.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 15px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-50 {
    margin-top: 40px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

.m-t-80 {
    margin-top: 80px !important;
}

.m-t-90 {
    margin-top: 90px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.m-t-120 {
    margin-top: 120px !important;
}

.m-t-140 {
    margin-top: 140px !important;
}

.m-t-150 {
    margin-top: 150px !important;
}

.m-t-200 {
    margin-top: 200px !important;
}


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

/****  Margin Bottom  ****/
.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 10px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.m-b-70 {
    margin-bottom: 70px !important;
}

.m-b-80 {
    margin-bottom: 80px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}


.m-b-140 {
    margin-bottom: 140px !important;
}
/****  Margin Left  ****/
.m-l-0 {
    margin-left: 0 !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.m-l-80 {
    margin-left: 80px !important;
}

.m-l--10 {
    margin-left: -10px !important;
}

/****  Margin Right  ****/
.m-r-0 {
    margin-right: 0 !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.m-r-80 {
    margin-right: 80px !important;
}

@media (max-width: 992px) {
    .m-r-xs-0 {
        margin-right: 0 !important;
    }
}

/****  Padding  ****/
.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-60 {
    padding: 60px !important;
}

.p-70 {
    padding: 70px !important;
}

.p-100 {
    padding: 100px !important;
}

/****  Padding Top  ****/
.p-t-0 {
    padding-top: 0 !important;
}

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

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.p-t-70 {
    padding-top: 70px !important;
}

.p-t-80 {
    padding-top: 80px !important;
}

.p-t-100 {
    padding-top: 100px !important;
}

.p-t-120 {
    padding-top: 120px !important;
}

.p-t-150 {
    padding-top: 150px !important;
}

/****  Padding Bottom  ****/
.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}


.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.p-b-80 {
    padding-bottom: 80px !important;
}

.p-b-100 {
    padding-bottom: 100px !important;
}

.p-b-120 {
    padding-bottom: 120px !important;
}

.p-b-150 {
    padding-bottom: 150px !important;
}

/****  Padding Left  ****/
.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}
.p-l-30 {
    padding-left: 30px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-60 {
    padding-left: 60px;
}

.p-l-100 {
    padding-left: 100px !important;
}

/* Padding Right  ****/
.p-r-0 {
    padding-right: 0;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-25 {
    padding-right: 25px;
}
.p-r-30 {
    padding-right: 30px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-r-60 {
    padding-right: 60px;
}

.p-r-100 {
    padding-right: 100px;
}

.t-s-18 {
    font-size: 18px;
}

@media (max-width: 543px) {
    .hidden-xs-down {
        display: none !important;
    }
}

/*********************************/
/********  TYPOGRAPHY  ***********/
.font-open {
    font-family: 'Open Sans',arial;
}

.font-sumana, .font-sumana .title {
    font-family: 'Sumana',arial;
}

.font-montserrat {
    font-family: 'Montserrat',arial;
}

.font-raleway {
    font-family: 'Raleway',arial;
}

.font-bangers, .font-bangers .title {
    font-family: 'Bangers',arial;
    letter-spacing: 1px;
}

    .font-bangers p {
        font-size: 1.3rem;
    }

    .font-bangers .title h1, .font-bangers .title h2, .font-bangers .title h3, .font-bangers .title h4, .font-bangers .title h5 {
        letter-spacing: 3px;
    }

.font-handwriting, .font-handwriting .title {
    font-family: 'Satisfy','Open Sans', arial !important;
}

.handwriting-title {
    font-family: 'Satisfy','Open Sans', arial;
    text-transform: none !important;
    font-weight: 300 !important;
}

h3.handwriting-title {
    font-size: 1.6rem !important;
}

.title .subtitle.font-handwriting {
    font-size: 1.25rem;
    margin-top: 0.5rem;
}

.handwritting-element {
    font-family: 'Satisfy','Open Sans', arial !important;
}

    .handwritting-element p {
        font-size: 1.1rem;
    }

.font-handwriting p {
    font-size: 1.5rem;
}

.font-handwriting .title h1, .font-handwriting .title h2, .font-handwriting .title h3, .font-handwriting .title h4, .font-handwriting .title h5 {
    text-transform: none;
}

.line-through {
    text-decoration: line-through;
}

.t-ellipsis {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

address {
    padding-left: 15px;
}

.t-important {
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: 'Montserrat',arial;
}

.t-dark, .t-dark h1, .t-dark h2, .t-dark h3, .t-dark h4, .t-dark h5, .t-dark a, i.t-dark {
    color: #262626 !important;
}

.t-light, .t-light h1, .t-light h2, .t-light h3, .t-light h4, .t-light h5, .t-light a, .t-light i {
    color: #fff !important;
}

    .t-light p {
        color: rgba(255,255,255,0.8);
    }

.justify {
    text-align: justify;
}

.bg-bottom {
    background-position: bottom;
    background-repeat: no-repeat;
}

.bg-white {
    background: #fff !important;
}

.bg-indigo {
    background: #7986cb !important;
}

.bg-gray-light {
    background-color: #efefef !important;
}

.border-left-grey {
    border-left: 1px solid #d0d0d0;
}

.bg-green {
    background-color: #489c4c !important;

}
.bg-red {
    background-color:#B71C1C !important;

}
.bg-orange {
    background-color:#EF6C00 !important;

}


@media (min-width: 850px) and (max-width: 991px) {
    .container {
        max-width: 830px;
    }
}

/* Dropcap */
.dropcap {
    float: left;
    font-size: 85px;
    font-weight: 600;
    line-height: 5rem;
    margin-right: 5px;
    margin-left: -10px;
    color: #303030;
}

    .dropcap.dropcap-bg {
        font-size: 3.5rem;
        font-weight: normal;
        width: 4.7rem;
        height: 4.7rem;
        line-height: 4.7rem;
        text-align: center;
        border-radius: 2px;
    }

    .dropcap.dropcap-line {
        border: 1px solid rgba(0,0,0,0.1);
        width: 4.7rem;
        height: 4.7rem;
        line-height: 4.6rem;
        font-size: 3.2rem;
        text-align: center;
    }

    .dropcap.dropcap-circle {
        border-radius: 50%;
        width: 4.7rem;
        height: 4.7rem;
        font-size: 3.2rem;
        text-align: center;
    }

/* Tabs */
.nav-tabs {
    border-bottom: 2px solid #ddd;
}

    .nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }

    .nav-tabs > li {
        margin-bottom: -2px !important;
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover {
            border: 2px solid #ddd;
            border-bottom-color: transparent;
        }

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    border: 2px solid transparent;
    border-radius: 0;
    color: rgba(0,0,0,0.4);
    line-height: 1rem;
    font-weight: 600;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    font-size: 12px;
}

.nav-tabs > li > a i {
    font-size: 1.2rem;
    padding-right: 0.2rem;
}

.nav-tabs > li > a:hover {
    color: #1E1E1E;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
    border: 2px solid transparent;
}

.tab-content {
    padding-top: 2rem;
}

.panel-group .panel-default {
    border: 2px solid rgba(0,0,0,0.1);
    margin-bottom: 1rem;
}

    .panel-group .panel-default > .panel-heading {
        background: none;
    }

        .panel-group .panel-default > .panel-heading .panel-title {
            margin-bottom: 0;
        }

.panel-group .panel-body {
    padding: 1rem 1.5rem;
}

.nav-tabs.tab-buttons {
    border-bottom: none;
}

    .nav-tabs.tab-buttons > li {
        margin-right: 1rem;
    }

        .nav-tabs.tab-buttons > li > a {
            line-height: 1rem;
            background: rgba(0,0,0,0.07);
        }

            .nav-tabs.tab-buttons > li > a.active, .nav-tabs.tab-buttons > li > a.active:focus, .nav-tabs.tab-buttons > li > a.active:hover {
                color: #fff;
                background: #373737;
                border: 2px solid transparent;
                border-radius: 0;
            }

            .nav-tabs.tab-buttons > li > a:hover {
                background: rgba(0,0,0,0.12);
            }

.tab-bordered .tab-content {
    padding: 1rem;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

    .tab-bordered .tab-content > .tab-pane {
        padding-bottom: 0;
    }

.tab-line-bottom .nav > li > a {
    border: none;
    border-bottom: 2px solid transparent;
}

.tab-line-bottom .nav-tabs > li > a.active, .tab-line-bottom .nav-tabs > li > a.active:focus, .tab-line-bottom .nav-tabs > li > a.active:hover {
    border: none;
    border-bottom: 2px solid #E2785D;
}

.tab-line-bottom .nav-tabs > li {
    margin-bottom: -2px;
}

.tab-left::before, .tab-left::after {
    content: "";
    display: table;
    clear: both;
}

.tab-left > .nav-tabs {
    border-bottom: none;
    float: left;
    width: 25%;
}

    .tab-left > .nav-tabs > li {
        float: none;
        margin-right: -2px;
        border-radius: 4px;
    }

.tab-left .nav-tabs > li a.active {
    border-right: none;
}

.tab-left > .nav-tabs > li a {
    padding: 10px 45px;
}

.tab-left > .nav-tabs > li > a {
    border-radius: 0;
}

.tab-left .nav-tabs > li > a.active, .tab-left .nav-tabs > li > a.active:focus, .tab-left .nav-tabs > li > a.active:hover {
    border-radius: 4px;
    border: 2px solid #ddd;
    border-right-color: transparent;
}

.tab-left .tab-content {
    padding-top: 1.2rem;
    padding-left: 2rem;
    float: left;
    width: 75%;
    border-left: 2px solid #ddd;
    margin-left: -2px;
}

    .tab-left .tab-content > .tab-pane {
        padding-bottom: 0;
    }

.tab-left.tab-bordered .tab-content {
    border-top: 2px solid #ddd;
}

.tab-left.tab-buttons .nav-tabs > li > a {
    line-height: 1rem;
    background: rgba(0,0,0,0.07);
    margin-bottom: 0.6rem;
}

    .tab-left.tab-buttons .nav-tabs > li > a.active, .tab-left.tab-buttons .nav-tabs > li > a.active:focus, .tab-left.tab-buttons .nav-tabs > li > a.active:hover {
        color: #fff;
        background: #373737;
        border: 2px solid transparent;
        border-radius: 0;
    }

    .tab-left.tab-buttons .nav-tabs > li > a:hover {
        background: rgba(0,0,0,0.12);
    }

.tab-left.tab-buttons .tab-content {
    border-left: none;
}

@media (max-width: 992px) {
    .tab-left > .nav-tabs > li a {
        padding: 10px 10px;
    }
}

@media (max-width: 767px) {
    .tab-left > .nav-tabs > li a {
        padding: 10px 5px;
    }
}

@media (max-width: 600px) {
    .tab-left .tab-content, .tab-left > .nav-tabs, .nav-tabs > li, .nav-tabs.tab-buttons > li {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 0.8rem;
    }

        .tab-left .nav-tabs > li > a.active, .tab-left .nav-tabs > li > a.active:focus, .tab-left .nav-tabs > li > a.active:hover, .tab-line-bottom .nav-tabs > li > a.active, .tab-line-bottom .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active, .tab-line-bottom .nav-tabs > li > a.active:hover {
            border: none;
            background: #373737;
            color: #fff;
        }

    .tab-content, .tab-left .tab-content {
        padding-top: 0;
    }

    .nav-tabs > li > a {
        line-height: 1rem;
        background: rgba(0,0,0,0.07);
    }

        .nav-tabsli > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover {
            color: #fff !important;
            background: #373737;
            border: none;
            border-radius: 0;
        }

        .nav-tabs > li > a:hover {
            background: rgba(0,0,0,0.12);
        }

        .tab-bordered .tab-content, .tab-left.tab-bordered .tab-content, .nav-tabs, .tab-line-bottom .nav > li > a, .nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover {
            border: none;
        }

    .tab-line-bottom .nav-tabs > li {
        margin-bottom: 0;
    }

    .nav-tabs > li {
        margin-bottom: 0.8rem !important;
    }
}

/* Accordion */
.panel-accordion .panel-default {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 10px !important;
}

.panel-accordion h4 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: normal;
    width: 100%;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.panel-accordion .panel-default .panel-heading {
    background-color: #fff;
    border-color: #fff;
    padding: 0;
}

    .panel-accordion .panel-default .panel-heading a {
        color: #414141;
        font-family: "Montserrat",arial;
        font-size: 12px;
        border: 2px solid #EDEDED;
        display: block;
        text-decoration: none !important;
    }

        .panel-accordion .panel-default .panel-heading a.collapsed {
            color: #818181;
            border: 2px solid #EDEDED;
        }

            .panel-accordion .panel-default .panel-heading a.collapsed:hover {
                color: #414141;
                border: 2px solid #DCDCDC;
            }

.panel-accordion .panel {
    border-top: none;
    border: 2px solid #DFDFDF;
    border: none;
    box-shadow: none;
    margin-bottom: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .panel-accordion .panel h4 > a:not(.collapsed) {
        border: 2px solid #404040;
    }

.panel-accordion .panel-collapse .panel-body {
    padding: 0px 15px 0px 0px;
    border: 2px solid #404040;
    border-top: none !important;
    background: #fff;
}

.panel-accordion .panel-heading a {
    background-color: #fff;
    color: #121212;
    display: inline-block;
    padding: 15px;
    width: 100%;
}

    .panel-accordion .panel-heading a:hover {
        text-decoration: none;
    }

    .panel-accordion .panel-heading a.collapsed {
        background-color: #fff;
        color: #121212;
    }

.panel-accordion .collapse.in {
    margin-top: 0px;
}

.panel-heading a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.panel-accordion.dark-accordion .panel-heading a {
    background-color: #fff;
    color: #121212;
}

    .panel-accordion.dark-accordion .panel-heading a.collapsed {
        background-color: #2B2E33;
        border: 2px solid #2B2E33;
        color: #fff;
    }

        .panel-accordion.dark-accordion .panel-heading a.collapsed:hover {
            color: #FFFFFF;
            border: 2px solid #2B2E33;
        }

.panel-accordion.dark-accordion .panel-heading .panel-title > a.collapsed:after {
    color: #767B80;
}

.panel-accordion.panel-button .panel h4 > a:not(.collapsed), .panel-accordion.panel-button .panel-default .panel-heading a.collapsed, .panel-accordion.panel-button .panel-collapse .panel-body {
    border: none;
}

.panel-accordion.dark-accordion.panel-button .panel-heading a.collapsed {
    background: none;
}

.panel-accordion.panel-button .panel-heading h4 > a {
    padding-left: 0px;
    position: relative;
}

    .panel-accordion.panel-button .panel-heading h4 > a:after {
        color: #404040;
        border: 2px solid #404040;
        content: "\e705";
        font-family: 'Nucleo Outline';
        padding-top: 12px;
        position: absolute;
        top: 7px;
        right: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 1rem;
        margin-top: -1px;
    }

    .panel-accordion.panel-button .panel-heading h4 > a.collapsed:after {
        color: #B3B3B3;
        content: "\e704";
        padding-top: 8px;
        position: absolute;
        top: 7px;
        right: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 18px;
    }

.panel-accordion.dark-accordion.panel-button .panel-heading a.collapsed {
    color: #818181;
}

    .panel-accordion.dark-accordion.panel-button .panel-heading a.collapsed:hover {
        color: #000;
    }

.panel-accordion.dark-accordion.panel-button .panel-heading h4 > a:after {
    color: #fff;
    border: 2px solid #656565;
    background: #656565;
}

.panel-accordion.dark-accordion.panel-button .panel-heading h4 > a.collapsed:after {
    color: #656565;
    border: 2px solid #EBEBEB;
    background: #EBEBEB;
}

/* Blockquotes */
blockquote {
    font-style: italic;
    position: relative;
    border-left: none;
}

    blockquote.blockquote-border {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee;
    }

    blockquote .fa-quote-right {
        color: rgba(0,0,0,0.2);
    }

    blockquote p {
        font-size: 1.2rem;
        font-family: 'Sumana', serif;
        margin-bottom: 0.2rem;
        opacity: 0.8;
    }

    blockquote::before {
        content: "\f10d";
        position: absolute;
        left: 0;
        top: 0;
        font-family: 'FontAwesome';
        font-size: 2rem;
        opacity: 0.1;
    }

    blockquote .quote-author {
        text-align: left;
        font-style: normal;
        font-size: 1rem;
    }

        blockquote .quote-author:before {
            content: "-";
            font-family: 'Nucleo Glyph';
            padding-right: 0.2rem;
            opacity: 0.3;
        }

    blockquote.blockquote-bg {
        padding: 0.6rem 1.5rem;
    }

        blockquote.blockquote-bg::before {
            left: 0.5rem;
        }

    blockquote.blockquote-lg p {
        font-size: 2rem;
    }

    blockquote.blockquote-lg::before {
        font-size: 3rem;
    }

    blockquote.blockquote-lg .quote-author {
        font-size: 1.2rem;
    }

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

        blockquote.blockquote-right::before {
            content: "\f10e";
            left: auto;
            right: 0;
        }

        blockquote.blockquote-right .quote-author {
            text-align: right;
        }

/* List */
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

/* Medias */
.media-left, .media > .pull-left {
    padding-right: 15px;
}

/* Text Overlay */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.t-overlay {
    position: absolute;
    top: auto;
    bottom: 0;
    height: auto;
    width: 100%;
    padding: 30px 15px 15px;
    opacity: .8;
    color: #fff;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.overlay:hover .t-overlay {
    opacity: 1;
}

.t-overlay > div, .t-overlay h2, .t-overlay h3, .t-overlay span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* Font Size */
.bigger-110 {
    font-size: 110% !important;
}

.bigger-120 {
    font-size: 120% !important;
}

.f-5 {
    font-size: 5px !important;
}

.f-6 {
    font-size: 6px !important;
}

.f-7 {
    font-size: 7px !important;
}

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

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

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

.f-11 {
    font-size: 11px !important;
}

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

.f-13 {
    font-size: 13px !important;
    letter-spacing: 0.5px;
}

.f-14 {
    font-size: 14px !important;
    letter-spacing: 0.5px;
}

.f-15 {
    font-size: 15px !important;
    letter-spacing: 0.5px;
}

.f-16 {
    font-size: 16px;
}

.f-17 {
    font-size: 17px !important;
}

.f-18 {
    font-size: 18px !important;
}

.f-19 {
    font-size: 19px !important;
}

.f-20 {
    font-size: 20px !important;
}

.f-22 {
    font-size: 22px !important;
}

.f-24 {
    font-size: 24px !important;
}

.f-26 {
    font-size: 26px !important;
}

.f-28 {
    font-size: 28px !important;
}

.f-30 {
    font-size: 30px !important;
}

.f-32 {
    font-size: 32px !important;
}

.f-34 {
    font-size: 34px !important;
}

.f-36 {
    font-size: 36px !important;
}

.f-38 {
    font-size: 38px !important;
}

.f-40 {
    font-size: 40px !important;
}

.f-60 {
    font-size: 60px !important;
}

.f-65 {
    font-size: 65px !important;
}

.f-80 {
    font-size: 80px !important;
}

.f-150 {
    font-size: 150px !important;
}

.text-sm {
    font-size: .8em;
}

.text-2x {
    font-size: 2em;
}

.text-3x {
    font-size: 3em;
}

.text-4x {
    font-size: 4em;
}

.text-white {
    color: white !important;
}

/* Font Alignement */
.t-center {
    text-align: center !important;
}

.t-left {
    text-align: left !important;
}

.t-right {
    text-align: right !important;
}

/* Font Weight */
.bold {
    font-weight: 600 !important;
}

.w-100 {
    font-weight: 100 !important;
}

.w-300 {
    font-weight: 300 !important;
}

.w-500 {
    font-weight: 500 !important;
}

.w-600 {
    font-weight: 600 !important;
}

.w-700 {
    font-weight: 700 !important;
}

/****  Font Color  ****/
.c-primary, .text-primary {
    color: #E2785D !important;
}

.c-red {
    color: #cd6a6a;
}

.c-blue {
    color: #00A2D9;
}

.c-purple {
    color: #B57EE0;
}

.c-brown {
    color: #9E7B2E;
}

.c-orange {
    color: #ec8521;
}

.c-yellow {
    color: #F3D261;
}

.c-green {
    color: #18A689;
}

.c-gray {
    color: #9C9C9C !important;
}

.c-gray-light {
    color: #dadada;
}

.c-gray, [class*="bg-"]:not(.bg-gray-light) .title.c-gray {
    color: #8F8F8F;
}

.c-dark {
    color: #343434 !important;
}

.c-white {
    color: #fff !important;
}

.c-light, .text-light {
    color: #B3B3B3;
}

.c-teal, .text-teal, .t-teal {
    color: #899e9e;
}

.c-light h1, .c-light h2, .c-light h3, .c-light h4, .c-light h5, .c-light h6, .c-light .h1, .c-light .h2, .c-light .h3, .c-light .h4, .c-light .h5, .c-light .h6,
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .h1, .text-light .h2, .text-light .h3, .text-light .h4, .text-light .h5, .text-light .h6 {
    color: #fff;
}

.c-transparent-light {
    color: rgba(0, 0, 0, 0.2);
}

.c-transparent-dark {
    color: rgba(255, 255, 255, 0.2);
}

/* EXTEND RESPONSIVE BOOTSTRAP BEHAVIOUR */
.col-hg-1, .col-hg-2, .col-hg-3, .col-hg-4, .col-hg-5, .col-hg-6, .col-hg-7, .col-hg-8, .col-hg-9, .col-hg-10, .col-hg-11, .col-hg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1600px) {
    .col-hg-1, .col-hg-2, .col-hg-3, .col-hg-4, .col-hg-5, .col-hg-6, .col-hg-7, .col-hg-8, .col-hg-9, .col-hg-10, .col-hg-11, .col-hg-12 {
        float: left;
    }

    .col-hg-12, .rtl .col-hg-12 {
        width: 100%;
    }

    .col-hg-11, .rtl .col-hg-11 {
        width: 91.66666667%;
    }

    .col-hg-10, .rtl .col-hg-10 {
        width: 83.33333333%;
    }

    .col-hg-9, .rtl .col-hg-9 {
        width: 75%;
    }

    .col-hg-8, .rtl .col-hg-8 {
        width: 66.66666667%;
    }

    .col-hg-7, .rtl .col-hg-7 {
        width: 58.33333333%;
    }

    .col-hg-6, .rtl .col-hg-6 {
        width: 50%;
    }

    .col-hg-5, .rtl .col-hg-5 {
        width: 41.66666667%;
    }

    .col-hg-4, .rtl .col-hg-4 {
        width: 33.33333333%;
    }

    .col-hg-3, .rtl .col-hg-3 {
        width: 25%;
    }

    .col-hg-2, .rtl .col-hg-2 {
        width: 16.66666667%;
    }

    .col-hg-1, .rtl .col-hg-1 {
        width: 8.33333333%;
    }

    .col-hg-pull-12 {
        right: 100%;
    }

    .col-hg-pull-11 {
        right: 91.66666667%;
    }

    .col-hg-pull-10 {
        right: 83.33333333%;
    }

    .col-hg-pull-9 {
        right: 75%;
    }

    .col-hg-pull-8 {
        right: 66.66666667%;
    }

    .col-hg-pull-7 {
        right: 58.33333333%;
    }

    .col-hg-pull-6 {
        right: 50%;
    }

    .col-hg-pull-5 {
        right: 41.66666667%;
    }

    .col-hg-pull-4 {
        right: 33.33333333%;
    }

    .col-hg-pull-3 {
        right: 25%;
    }

    .col-hg-pull-2 {
        right: 16.66666667%;
    }

    .col-hg-pull-1 {
        right: 8.33333333%;
    }

    .col-hg-pull-0 {
        right: auto;
    }

    .col-hg-push-12 {
        left: 100%;
    }

    .col-hg-push-11 {
        left: 91.66666667%;
    }

    .col-hg-push-10 {
        left: 83.33333333%;
    }

    .col-hg-push-9 {
        left: 75%;
    }

    .col-hg-push-8 {
        left: 66.66666667%;
    }

    .col-hg-push-7 {
        left: 58.33333333%;
    }

    .col-hg-push-6 {
        left: 50%;
    }

    .col-hg-push-5 {
        left: 41.66666667%;
    }

    .col-hg-push-4 {
        left: 33.33333333%;
    }

    .col-hg-push-3 {
        left: 25%;
    }

    .col-hg-push-2 {
        left: 16.66666667%;
    }

    .col-hg-push-1 {
        left: 8.33333333%;
    }

    .col-hg-push-0 {
        left: auto;
    }

    .col-hg-offset-12 {
        margin-left: 100%;
    }

    .col-hg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-hg-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-hg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-hg-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-hg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-hg-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-hg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-hg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-hg-offset-0 {
        margin-left: 0;
    }
}

@media (max-width: 1599px) {
    .hidden-hg-down {
        display: none !important;
    }
}


/*********************************/
/**********  BORDER  *************/
.border-bottom {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.bd-0 {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.bd-3 {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

.bd-6 {
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}

.bd-9 {
    -moz-border-radius: 9px !important;
    -webkit-border-radius: 9px !important;
    border-radius: 9px !important;
}

.bd-full {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}

.bd-50p {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}

.no-border {
    border: none !important;
    box-shadow: none;
}

.no-bd {
    border: none !important;
    box-shadow: none;
}

.border {
    border: 1px solid #efefef !important;
}

.border-primary {
    border-color: #319DB5;
}

.border-gray {
    border: 1px solid #efefef;
}

.border-bottom {
    border-bottom: 1px solid #efefef !important;
}

.border-top {
    border-top: 1px solid #efefef !important;
}

    .border-top.bg-gray-light {
        border-top: 1px solid #fff !important;
    }

.border-right {
    border-right: 1px solid #efefef !important;
}

.border-left {
    border-left: 1px solid #efefef !important;
}

.border-hor {
    border-bottom: 1px solid #efefef !important;
    border-top: 1px solid #efefef !important;
}

.border-ver {
    border-left: 1px solid #efefef !important;
    border-right: 1px solid #efefef !important;
}

.bd-white {
    border-color: #fff !important;
}

.bd-green {
    border-left: 3px solid #18a689;
}

.bd-red {
    border-left: 3px solid #c9625f;
}

.bd-blue {
    border-left: 3px solid #319DB5;
}

.bd-t-red {
    border-top: 4px solid #c9625f;
}

.bd-t-green {
    border-top: 4px solid #5FB675;
}

.bd-t-blue {
    border-top: 4px solid #0090D9;
}

.bd-t-dark {
    border-top: 4px solid #2B2E33;
}

.bd-t-purple {
    border-top: 4px solid #A58BD3;
}

.bd-l-red {
    border-left: 4px solid #c9625f;
}

.bd-l-green {
    border-left: 4px solid #18a689;
}

.bd-l-blue {
    border-left: 4px solid #1D86A9;
}

.bd-l-dark {
    border-left: 4px solid #2B2E33;
}

.bd-l-purple {
    border-left: 4px solid #A58BD3;
}

.bd-b-red {
    border-bottom: 4px solid #c9625f;
}

.bd-b-green {
    border-bottom: 4px solid #18a689;
}

.bd-b-blue {
    border-bottom: 4px solid #319DB5;
}

.bd-b-dark {
    border-bottom: 4px solid #2B2E33;
}

.bd-b-purple {
    border-bottom: 4px solid #A58BD3;
}

/*********************************/
/********  BACKGROUND  ***********/
.red.lighten-5 {
    background-color: #FFEBEE !important;
}

.red.lighten-4 {
    background-color: #FFCDD2 !important;
}

.red.lighten-3 {
    background-color: #EF9A9A !important;
}

.red.lighten-2 {
    background-color: #E57373 !important;
}

.red.lighten-1 {
    background-color: #EF5350 !important;
}

.red {
    background-color: #F44336 !important;
}

    .red.darken-1 {
        background-color: #E53935 !important;
    }

    .red.darken-2 {
        background-color: #D32F2F !important;
    }

    .red.darken-3 {
        background-color: #C62828 !important;
    }

    .red.darken-4 {
        background-color: #B71C1C !important;
    }

    .red.accent-1 {
        background-color: #FF8A80 !important;
    }

    .red.accent-2 {
        background-color: #FF5252 !important;
    }

    .red.accent-3 {
        background-color: #FF1744 !important;
    }

    .red.accent-4 {
        background-color: #D50000 !important;
    }

.pink.lighten-5 {
    background-color: #fce4ec !important;
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important;
}

.pink.lighten-3 {
    background-color: #f48fb1 !important;
}

.pink.lighten-2 {
    background-color: #f06292 !important;
}

.pink.lighten-1 {
    background-color: #ec407a !important;
}

.pink {
    background-color: #e91e63 !important;
}

    .pink.darken-1 {
        background-color: #d81b60 !important;
    }

    .pink.darken-2 {
        background-color: #c2185b !important;
    }

    .pink.darken-3 {
        background-color: #ad1457 !important;
    }

    .pink.darken-4 {
        background-color: #880e4f !important;
    }

    .pink.accent-1 {
        background-color: #ff80ab !important;
    }

    .pink.accent-2 {
        background-color: #ff4081 !important;
    }

    .pink.accent-3 {
        background-color: #f50057 !important;
    }

    .pink.accent-4 {
        background-color: #c51162 !important;
    }

.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}

.purple.lighten-4 {
    background-color: #e1bee7 !important;
}

.purple.lighten-3 {
    background-color: #ce93d8 !important;
}

.purple.lighten-2 {
    background-color: #ba68c8 !important;
}

.purple.lighten-1 {
    background-color: #ab47bc !important;
}

.purple {
    background-color: #9c27b0 !important;
}

    .purple.darken-1 {
        background-color: #8e24aa !important;
    }

    .purple.darken-2 {
        background-color: #7b1fa2 !important;
    }

    .purple.darken-3 {
        background-color: #6a1b9a !important;
    }

    .purple.darken-4 {
        background-color: #4a148c !important;
    }

    .purple.accent-1 {
        background-color: #ea80fc !important;
    }

    .purple.accent-2 {
        background-color: #e040fb !important;
    }

    .purple.accent-3 {
        background-color: #d500f9 !important;
    }

    .purple.accent-4 {
        background-color: #a0f !important;
    }

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important;
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important;
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important;
}

.deep-purple {
    background-color: #673ab7 !important;
}

    .deep-purple.darken-1 {
        background-color: #5e35b1 !important;
    }

    .deep-purple.darken-2 {
        background-color: #512da8 !important;
    }

    .deep-purple.darken-3 {
        background-color: #4527a0 !important;
    }

    .deep-purple.darken-4 {
        background-color: #311b92 !important;
    }

    .deep-purple.accent-1 {
        background-color: #b388ff !important;
    }

    .deep-purple.accent-2 {
        background-color: #7c4dff !important;
    }

    .deep-purple.accent-3 {
        background-color: #651fff !important;
    }

    .deep-purple.accent-4 {
        background-color: #6200ea !important;
    }

.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}

.indigo.lighten-3 {
    background-color: #9fa8da !important;
}

.indigo.lighten-2 {
    background-color: #7986cb !important;
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}

.indigo {
    background-color: #3f51b5 !important;
}

    .indigo.darken-1 {
        background-color: #3949ab !important;
    }

    .indigo.darken-2 {
        background-color: #303f9f !important;
    }

    .indigo.darken-3 {
        background-color: #283593 !important;
    }

    .indigo.darken-4 {
        background-color: #1a237e !important;
    }

    .indigo.accent-1 {
        background-color: #8c9eff !important;
    }

    .indigo.accent-2 {
        background-color: #536dfe !important;
    }

    .indigo.accent-3 {
        background-color: #3d5afe !important;
    }

    .indigo.accent-4 {
        background-color: #304ffe !important;
    }

.blue.lighten-5 {
    background-color: #e3f2fd !important;
    border: 1px solid #acc5d8;
}

.blue.lighten-4 {
    background-color: #BBDEFB !important;
    border: 1px solid #b1cfe4;
}

.blue.lighten-3 {
    background-color: #90CAF9 !important;
    border: 1px solid #b1cfe4;
}

.blue.lighten-2 {
    background-color: #62a8ea !important;
    border: 1px solid #428bd0;
}

.blue.lighten-1 {
    background-color: #42A5F5 !important;
}

.blue {
    background-color: #2196F3 !important;
}



    .blue.darken-1 {
        background-color: #1E88E5 !important;
    }

    .blue.darken-2 {
        background-color: #1976D2 !important;
    }

    .blue.darken-3 {
        background-color: #1565C0 !important;
    }

    .blue.darken-4 {
        background-color: #0D47A1 !important;
    }

    .blue.darken-6  {
    background-color: #b9d9f3 !important;
    border: 1px solid #84a4bf;
}

    .blue.accent-1 {
        background-color: #82B1FF !important;
    }

    .blue.accent-2 {
        background-color: #448AFF !important;
    }

    .blue.accent-3 {
        background-color: #2979FF !important;
    }

    .blue.accent-4 {
        background-color: #2962FF !important;
    }

.light-blue.lighten-5 {
    background-color: #e1f5fe !important;
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important;
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important;
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important;
}

.light-blue {
    background-color: #03a9f4 !important;
}

    .light-blue.darken-1 {
        background-color: #039be5 !important;
    }

    .light-blue.darken-2 {
        background-color: #0288d1 !important;
    }

    .light-blue.darken-3 {
        background-color: #0277bd !important;
    }

    .light-blue.darken-4 {
        background-color: #01579b !important;
    }

    .light-blue.accent-1 {
        background-color: #80d8ff !important;
    }

    .light-blue.accent-2 {
        background-color: #40c4ff !important;
    }

    .light-blue.accent-3 {
        background-color: #00b0ff !important;
    }

    .light-blue.accent-4 {
        background-color: #0091ea !important;
    }

.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}

.cyan.lighten-3 {
    background-color: #80deea !important;
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}

.cyan.lighten-1 {
    background-color: #26c6da !important;
}

.cyan {
    background-color: #00bcd4 !important;
}

    .cyan.darken-1 {
        background-color: #00acc1 !important;
    }

    .cyan.darken-2 {
        background-color: #0097a7 !important;
    }

    .cyan.darken-3 {
        background-color: #00838f !important;
    }

    .cyan.darken-4 {
        background-color: #006064 !important;
    }

    .cyan.accent-1 {
        background-color: #84ffff !important;
    }

    .cyan.accent-2 {
        background-color: #18ffff !important;
    }

    .cyan.accent-3 {
        background-color: #00e5ff !important;
    }

    .cyan.accent-4 {
        background-color: #00b8d4 !important;
    }

.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}

.teal.lighten-4 {
    background-color: #b2dfdb !important;
}

.teal.lighten-3 {
    background-color: #80cbc4 !important;
}

.teal.lighten-2 {
    background-color: #4db6ac !important;
}

.teal.lighten-1 {
    background-color: #26a69a !important;
}

.teal {
    background-color: #009688 !important;
}

    .teal.darken-1 {
        background-color: #00897b !important;
    }

    .teal.darken-2 {
        background-color: #00796b !important;
    }

    .teal.darken-3 {
        background-color: #00695c !important;
    }

    .teal.darken-4 {
        background-color: #004d40 !important;
    }

    .teal.accent-1 {
        background-color: #a7ffeb !important;
    }

    .teal.accent-2 {
        background-color: #64ffda !important;
    }

    .teal.accent-3 {
        background-color: #1de9b6 !important;
    }

    .teal.accent-4 {
        background-color: #00bfa5 !important;
    }

.green.lighten-5 {
    background-color: #E8F5E9 !important;
}

.green.lighten-4 {
    background-color: #C8E6C9 !important;
}

.green.lighten-3 {
    background-color: #A5D6A7 !important;
}

.green.lighten-2 {
    background-color: #81C784 !important;
}

.green.lighten-1 {
    background-color: #66BB6A !important;
}

.green {
    background-color: #4CAF50 !important;
}

    .green.darken-1 {
        background-color: #43A047 !important;
    }

    .green.darken-2 {
        background-color: #388E3C !important;
    }

    .green.darken-3 {
        background-color: #2E7D32 !important;
    }

    .green.darken-4 {
        background-color: #1B5E20 !important;
    }

    .green.accent-1 {
        background-color: #B9F6CA !important;
    }

    .green.accent-2 {
        background-color: #69F0AE !important;
    }

    .green.accent-3 {
        background-color: #00E676 !important;
    }

    .green.accent-4 {
        background-color: #00C853 !important;
    }

.light-green.lighten-5 {
    background-color: #f1f8e9 !important;
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important;
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important;
}

.light-green.lighten-2 {
    background-color: #aed581 !important;
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important;
}

.light-green {
    background-color: #8bc34a !important;
}

    .light-green.darken-1 {
        background-color: #7cb342 !important;
    }

    .light-green.darken-2 {
        background-color: #98b578 !important;
        border: 1px solid #63843f;
    }

    .light-green.darken-3 {
        background-color: #558b2f !important;
    }

    .light-green.darken-4 {
        background-color: #33691e !important;
    }

    .light-green.accent-1 {
        background-color: #ccff90 !important;
    }

    .light-green.accent-2 {
        background-color: #b2ff59 !important;
    }

    .light-green.accent-3 {
        background-color: #76ff03 !important;
    }

    .light-green.accent-4 {
        background-color: #64dd17 !important;
    }

.lime.lighten-5 {
    background-color: #f9fbe7 !important;
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important;
    border: 1px solid #dce775;
}

.lime.lighten-3 {
    background-color: #e6ee9c !important;
}

.lime.lighten-2 {
    background-color: #dce775 !important;
}

.lime.lighten-1 {
    background-color: #d4e157 !important;
}

.lime {
    background-color: #cddc39 !important;
}

    .lime.darken-1 {
        background-color: #c0ca33 !important;
    }

    .lime.darken-2 {
        background-color: #afb42b !important;
    }

    .lime.darken-3 {
        background-color: #9e9d24 !important;
    }

    .lime.darken-4 {
        background-color: #827717 !important;
    }

    .lime.accent-1 {
        background-color: #f4ff81 !important;
    }

    .lime.accent-2 {
        background-color: #eeff41 !important;
    }

    .lime.accent-3 {
        background-color: #c6ff00 !important;
    }

    .lime.accent-4 {
        background-color: #aeea00 !important;
    }

.yellow.lighten-5 {
    background-color: #fffde7 !important;
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}

.yellow.lighten-3 {
    background-color: #fff59d !important;
}

.yellow.lighten-2 {
    background-color: #fff176 !important;
}

.yellow.lighten-1 {
    background-color: #ffee58 !important;
}

.yellow {
    background-color: #ffeb3b !important;
}

    .yellow.darken-1 {
        background-color: #fdd835 !important;
    }

    .yellow.darken-2 {
        background-color: #fbc02d !important;
    }

    .yellow.darken-3 {
        background-color: #f9a825 !important;
    }

    .yellow.darken-4 {
        background-color: #f57f17 !important;
    }

    .yellow.accent-1 {
        background-color: #ffff8d !important;
    }

    .yellow.accent-2 {
        background-color: #ff0 !important;
    }

    .yellow.accent-3 {
        background-color: #ffea00 !important;
    }

    .yellow.accent-4 {
        background-color: #ffd600 !important;
    }

.amber.lighten-5 {
    background-color: #fff8e1 !important;
}

.amber.lighten-4 {
    background-color: #e8e4e1 !important;
    border: 1px solid #cac5c2;
}

.amber.lighten-3 {
    background-color: #ffe082 !important;
}

.amber.lighten-2 {
    background-color: #ffd54f !important;
}

.amber.lighten-1 {
    background-color: #ffca28 !important;
}

.amber {
    background-color: #ffc107 !important;
}

    .amber.darken-1 {
        background-color: #ffb300 !important;
    }

    .amber.darken-2 {
        background-color: #ffa000 !important;
    }

    .amber.darken-3 {
        background-color: #ff8f00 !important;
    }

    .amber.darken-4 {
        background-color: #ff6f00 !important;
    }

    .amber.accent-1 {
        background-color: #ffe57f !important;
    }

    .amber.accent-2 {
        background-color: #ffd740 !important;
    }

    .amber.accent-3 {
        background-color: #ffc400 !important;
    }

    .amber.accent-4 {
        background-color: #ffab00 !important;
    }

.orange.lighten-5 {
    background-color: #fff3e0 !important;
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}

.orange.lighten-3 {
    background-color: #ffcc80 !important;
}

.orange.lighten-2 {
    background-color: #ffb74d !important;
}

.orange.lighten-1 {
    background-color: #ffa726 !important;
}

.orange {
    background-color: #ff9800 !important;
}

    .orange.darken-1 {
        background-color: #fb8c00 !important;
    }

    .orange.darken-2 {
        background-color: #f57c00 !important;
    }

    .orange.darken-3 {
        background-color: #ef6c00 !important;
    }

    .orange.darken-4 {
        background-color: #e65100 !important;
    }

    .orange.accent-1 {
        background-color: #ffd180 !important;
    }

    .orange.accent-2 {
        background-color: #ffab40 !important;
    }

    .orange.accent-3 {
        background-color: #ff9100 !important;
    }

    .orange.accent-4 {
        background-color: #ff6d00 !important;
    }

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important;
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important;
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important;
}

.deep-orange {
    background-color: #ff5722 !important;
}

    .deep-orange.darken-1 {
        background-color: #f4511e !important;
    }

    .deep-orange.darken-2 {
        background-color: #e64a19 !important;
    }

    .deep-orange.darken-3 {
        background-color: #d84315 !important;
    }

    .deep-orange.darken-4 {
        background-color: #bf360c !important;
    }

    .deep-orange.accent-1 {
        background-color: #ff9e80 !important;
    }

    .deep-orange.accent-2 {
        background-color: #ff6e40 !important;
    }

    .deep-orange.accent-3 {
        background-color: #ff3d00 !important;
    }

    .deep-orange.accent-4 {
        background-color: #dd2c00 !important;
    }

.brown.lighten-5 {
    background-color: #efebe9 !important;
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}

.brown.lighten-2 {
    background-color: #a1887f !important;
}

.brown.lighten-1 {
    background-color: #8d6e63 !important;
}

.brown {
    background-color: #795548 !important;
}

    .brown.darken-1 {
        background-color: #6d4c41 !important;
    }

    .brown.darken-2 {
        background-color: #5d4037 !important;
    }

    .brown.darken-3 {
        background-color: #4e342e !important;
    }

    .brown.darken-4 {
        background-color: #3e2723 !important;
    }

.blue-grey.lighten-5 {
    background-color: #eceff1 !important;
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important;
}

.blue-grey.lighten-1 {
    background-color: #78909c !important;
}

.blue-grey {
    background-color: #607d8b !important;
}

    .blue-grey.darken-1 {
        background-color: #546e7a !important;
    }

    .blue-grey.darken-2 {
        background-color: #455a64 !important;
    }

    .blue-grey.darken-3 {
        background-color: #37474f !important;
    }

    .blue-grey.darken-4 {
        background-color: #263238 !important;
    }

.bg-black {
    background-color: #000 !important;
}

.grey.lighten-5 {
    background-color: #f1f1f1 !important;
}

.grey.lighten-4 {
    background-color: #fff !important;
}

.grey.lighten-3 {
    background-color: #eee !important;
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}

.grey.lighten-1 {
    background-color: #bdbdbd !important;
}

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

    .grey.darken-1 {
        background-color: #757575 !important;
    }

    .grey.darken-2 {
        background-color: #616161 !important;
    }

    .grey.darken-3 {
        background-color: #424242 !important;
    }

    .grey.darken-4 {
        background-color: #212121 !important;
    }

.shades.black {
    background-color: #000 !important;
}

.shades.white {
    background-color: #FFF !important;
}

.shades.transparent {
    background-color: transparent !important;
}

.bg-lightgrey {
    background-color: #f5f5f5;
    border: 1px solid #d0d0d0;
}

.color-red {
    color: #e00f00;
    letter-spacing: 0.5px;
}

.color-green {
    color: #489c4c;
}

.color-yellow {
    color: #FFEB3B;
}


.color-white {
    color: #fff !important;
}

.color-dark {
    color: #252525;
}

/*********************************/
/********  GENERAL UI  ***********/

/* Height */
.h-0 {
    height: 0 !important;
    overflow: hidden !important;
}

.h-20 {
    height: 20px !important;
    overflow: hidden !important;
}

.h-30 {
    height: 30px !important;
    overflow: hidden !important;
}

.h-40 {
    height: 40px !important;
    overflow: hidden !important;
}

.h-50 {
    height: 50px !important;
    overflow: hidden !important;
}


.h-65 {
    height: 65px !important;
    overflow: hidden !important;
}
.h-70 {
    height: 70px !important;
    overflow: hidden !important;
}

.h-90 {
    height: 90px !important;
    overflow: hidden !important;
}

.h-100 {
    height: 100px !important;
    overflow: hidden !important;
}

.h-150 {
    height: 150px !important;
    overflow: hidden !important;
}

.h-220 {
    height: 220px !important;
    overflow: hidden !important;
}

.h-250 {
    height: 250px !important;
    overflow: hidden !important;
}

.h-280 {
    height: 280px !important;
    overflow: hidden !important;
}

.h-300 {
    height: 300px !important;
    overflow: hidden !important;
}

/* Width */
.width-0 {
    width: 0 !important;
}

.width-40 {
    width: 40px !important;
}

.width-200 {
    width: 200px !important;
}

.width-100 {
    width: 100% !important;
}

.width-300 {
    width: 300px !important;
}

.min-width-40 {
    min-width: 40px;
}

.width-16p {
    width: 16.6666% !important;
}

.width-20p {
    width: 20% !important;
}

.width-30p {
    width: 30% !important;
}

.width-40p {
    width: 40% !important;
}

.width-50p {
    width: 50% !important;
}

.width-60p {
    width: 60% !important;
}

.width-70p {
    width: 70% !important;
}

.width-80p {
    width: 80% !important;
}

.width-90p {
    width: 90% !important;
}

.width-100p {
    width: 100% !important;
}

.m-w-200 {
    max-width: 200px;
}

.border-left {
    border-left: 1px solid #dadada;
}
.border-grey {
    border: 1px solid #d0d0d0;
}

@media (max-width: 768px) {
    .width-16p, .width-20p, .width-30p, .width-40p, .width-50p, .width-60p, .width-70p, .width-80p, .width-90p, .width-100p {
        width: 100% !important;
    }
}


/* Element Position */
.pos-rel {
    position: relative;
}

.pos-fixed, .is-fixed {
    position: fixed;
    top: 0;
}

.pos-abs {
    position: absolute;
}

.dis-inline {
    display: inline;
}

.dis-table {
    display: table;
    width: 100%;
    height: 100%;
}

.dis-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.dis-inline-b {
    display: inline-block;
}

.dis-block {
    display: block !important;
}

.dis-none {
    display: none;
}

.f-left {
    float: left !important;
}

.f-right {
    float: right !important;
}

.v-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-wrapper {
    display: table !important;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

    .table-wrapper > div {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        float: none;
    }

.one-fifth {
    width: 20%;
    display: table-cell;
}

/* Images */
.img-sm {
    height: 35px;
    width: 35px;
}

.img-md {
    height: 65px;
    width: 65px;
}

.img-lg {
    height: 120px;
    width: 120px;
}

.img-border {
    border: 2px solid rgba(0,0,0,0.1);
}

.img-shadow {
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=134, Strength=5);
}

.img-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-right {
    position: absolute;
    right: 15%;
    max-width: 40%;
}

.img-cover img {
    width: 100%;
}

.img-bottom {
    position: absolute;
    bottom: 0;
    right: 6rem;
}

@media (max-width: 1600px) {
    .img-right {
        right: 0%;
    }
}

@media (max-width: 1200px) {
    .img-cover.skrollable {
        background-position: center 0 !important;
    }
}

@media (max-width: 992px) {
    .img-cover {
        background-position: center 0 !important;
    }

    .extended-product .img-cover {
        background-position: center center !important;
    }

    .item-wrapper.img-cover {
        min-height: 0;
    }
}

@media (max-width: 768px) {
    .img-right {
        display: none;
    }

    .img-cover:not(.header-md):not(.header-lg) {
        min-height: 550px !important;
    }

    .same-height {
        height: auto !important;
    }
}


/* Opacity */
.op-0, .op-0 p {
    opacity: 0;
}

.op-10, .op-10 p {
    opacity: .1;
}

.op-20, .op-20 p {
    opacity: .2;
}

.op-30, .op-30 p {
    opacity: .3;
}

.op-40, .op-40 p {
    opacity: .4;
}

.op-50, .op-50 p {
    opacity: .5;
}

.op-60, .op-60 p {
    opacity: .6;
}

.op-70, .op-70 p {
    opacity: .7;
}

.op-80, .op-80 p {
    opacity: .8;
}

.op-90, .op-90 p {
    opacity: .9;
}

/* Z Index */
.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-50 {
    z-index: 50;
}

.z-100 {
    z-index: 100;
}

.z-200 {
    z-index: 200;
}

.z-500 {
    z-index: 500;
}

/* UI Slider */
.slider-container {
    height: 3rem;
    padding-top: 1rem;
}

.ui-widget-content {
    border: 3px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #333;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: 400;
        color: #454545;
    }

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-range, .ui-slider .ui-slider-handle {
        background: #E2785D;
    }

    .ui-slider .ui-slider-handle {
        border: 3px solid #E2785D;
        margin-top: -.3rem;
        cursor: pointer;
        margin-left: -5px;
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        -ms-touch-action: none;
        touch-action: none;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

html .price-slider.ui-slider .ui-slider-handle {
    background: #fff !important;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    margin-top: .7rem;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 6px;
        top: -3px;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

/* Select Filters */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 8px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .dropdown-menu > li > a {
        display: block;
        padding: 6px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

.select-filters select {
    display: none;
}

.select-filter {
    height: 31px;
    margin: 0;
    width: 100%;
}

    .select-filter .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        border: none;
        border-radius: 0;
        -moz-transition: opacity 250ms ease-in-out;
        -o-transition: opacity 250ms ease-in-out;
        -webkit-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out;
    }

    .select-filter.open > .dropdown-menu, .select-filter .open > .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    .select-filter ul li a {
        font-size: 12px;
        letter-spacing: 1px;
        color: #000;
        font-weight: 400;
        display: block;
    }

        .select-filter ul li a:hover {
            color: #000 !important;
        }

        .select-filter ul li a:before {
            display: inline-block;
            width: 9px;
            height: 9px;
            margin: 3px 8px 0 -10px;
            border: 1px solid #ddd;
            content: " ";
        }

    .select-filter ul li:hover a:before, .select-filter ul li.selected a:before {
        background: #E2785D;
    }

    .select-filter button {
        border: 1px solid rgba(0,0,0,0.15);
        font-size: 0.8rem;
        line-height: normal;
        display: block;
        color: #000;
        text-decoration: none;
        background: #fff;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .select-filter .btn-default:focus {
        border: 1px solid rgba(0,0,0,0.15);
        background: #fff;
    }

    .select-filter .dropdown-toggle::after {
        display: none;
    }

    .select-filter.open button, .select-filter button:hover {
        background-color: #E6E6E6;
        border-radius: 0;
        outline: none !important;
        border: 1px solid #E6E6E6;
    }

    .select-filter .no-option {
        display: none;
    }

    .select-filter > .btn {
        width: 100%;
        padding-right: 35px;
        line-height: 30px;
    }

    .select-filter.btn-group .btn .caret {
        border: none;
        padding-left: 20px;
        ;
    }

        .select-filter.btn-group .btn .caret:before {
            content: "\f107";
            color: rgba(0,0,0,0.4);
            font-size: 1.1rem;
            font-family: FontAwesome;
            position: absolute;
            top: 10px;
            right: 16px;
            margin-top: -9px;
            vertical-align: middle;
        }

    .select-filter.btn-group.open .btn .caret:before {
        content: "\f106";
    }

    .select-filter .caret {
        border: none;
    }

    .select-filter.btn-group .dropdown-menu {
        min-width: 100%;
        z-index: 2000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .select-filter.btn-group .dropdown-menu.inner {
            display: none;
            background: #F3F4F5;
            position: static;
            border: 0;
            padding: 0;
            margin: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .select-filter.btn-group.open .dropdown-menu.inner {
        display: block;
    }

    .select-filter.btn-group .dropdown-menu li {
        position: relative;
        background: #FFF;
        padding-left: 0px;
    }

        .select-filter.btn-group .dropdown-menu li > a {
            cursor: pointer;
        }

.select-picker .filter-option {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 15px;
}

.select-picker .open > .dropdown-toggle.btn-default {
    background: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.select-picker .btn.active, .select-picker .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select-filter.btn-group.open .dropdown-toggle {
    margin-bottom: 0;
    background-color: #E6E6E6;
    border: 1px solid rgba(0,0,0,0);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Magnific Popup Animation */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

    .mfp-fade.mfp-bg.mfp-ready {
        opacity: .8;
    }

    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/* Rating */
.rating {
    font-size: 0.9rem;
}

    .rating .fa-star, .rating .fa-star-half-o {
        color: #E2785D;
    }

/* Demo Purpose, can be removed in your project */
.dynamic-color .red, .dynamic-color .pink, .dynamic-color .purple, .dynamic-color .deep-purple, .dynamic-color .indigo, .dynamic-color .blue, .dynamic-color .light-blue, .dynamic-color .cyan, .dynamic-color .teal, .dynamic-color .green, .dynamic-color .light-green, .dynamic-color .lime, .dynamic-color .yellow, .dynamic-color .amber, .dynamic-color .orange, .dynamic-color .deep-orange, .dynamic-color .brown, .dynamic-color .grey, .dynamic-color .blue-grey, .dynamic-color .black, .dynamic-color .white, .dynamic-color .transparent {
    height: 55px;
    width: 100%;
    padding: 0 15px;
    line-height: 55px;
    font-weight: 600;
    font-size: 0.8rem;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.8);
}

.dynamic-color .col-lg-4 {
    margin-bottom: 55px;
}

.shortcode-description {
    font-size: 1.15rem;
    line-height: 2.2rem;
    padding-top: 2rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    color: rgba(0,0,0,0.8);
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

.shortcode-question span {
    text-transform: uppercase;
    padding-left: 5px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #E2785D;
    margin-bottom: 1.5rem;
    display: inline-block;
}

.shortcode-question i, .shortcode-question:hover i {
    color: #121212 !important;
}

.shortcode-buttons .col-md-3 {
    margin-top: 30px;
}

.shortcode-answer {
    display: none;
}

#icons-wrapper ul {
    padding-left: 0;
}

    #icons-wrapper ul li {
        list-style: none;
        display: inline-block;
        font-size: 32px;
        padding: 18px 24px;
    }

        #icons-wrapper ul li p {
            display: none;
        }

        #icons-wrapper ul li .tooltip-inner p {
            display: block;
            margin-bottom: 0;
        }

#icons-wrapper h2 {
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 1.5rem;
}

#icons-wrapper ul li i {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#icons-wrapper ul li:hover i {
    color: #E2785D;
}

.portfolio-builder {
    float: right;
    margin-top: 8px;
}

    .portfolio-builder .switcher {
        float: left;
        margin-left: 1rem;
    }

.responsive-demo i {
    font-size: 10rem;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.responsive-demo p {
    text-align: center;
    margin-top: 0.8rem;
    margin-bottom: 3rem;
    font-size: 1.2rem;
}

.section-preloader .loader-wrapper {
    background: transparent;
    z-index: 1;
}

.section-preloader .loader-wrapper {
    margin-bottom: 4rem;
    text-align: center;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
}

    .section-preloader .loader-wrapper .loader-cube {
        position: relative;
        top: auto;
        left: auto;
        margin: auto;
        margin-top: 0;
    }

    .section-preloader .loader-wrapper .loader-ball {
        height: 100px;
    }

        .section-preloader .loader-wrapper .loader-ball span:nth-child(1) {
            margin-top: 0;
            position: relative;
            top: auto;
        }

.section-preloader .loader-crossing-circle {
    height: 30px;
}

.section-preloader .loader-wrapper .loader-circle, .section-preloader .loader-wrapper .loader-crossing-circle span:nth-child(1), .section-preloader .loader-wrapper .loader-crossing-circle span:nth-child(2) {
    position: absolute;
    margin-top: 0;
    top: auto;
    margin-left: -60px;
}

.section-preloader .loader-wrapper .loader-rotating-plane {
    position: relative;
    top: auto;
    left: auto;
    margin: auto;
    margin-top: 0;
}

.section-preloader .loader-wrapper .loader-rectangle-bounce {
    position: relative;
    top: auto;
    left: auto;
    margin: auto;
    margin-top: 0;
}

.section-preloader .loader-wrapper .loader-three-bounce {
    position: relative;
    top: auto;
    left: auto;
    margin: auto;
    margin-top: 0;
}

@media (max-width: 992px) {
    #secondary-nav .container {
        position: relative;
    }

    #secondary-nav .nav-title {
        display: none;
    }

    .portfolio-builder {
        position: absolute;
        left: 0;
    }
}

@media (max-width: 1600px) {
    .hidden-hg-bg-image {
        background-image: none !important;
    }

    .left-bg-image {
        background-position-x: -200px !important;
    }
}

@media (max-width: 1200px) {
    .left-bg-image {
        background-position-x: -400px !important;
    }
}

@media (max-width:992px) {
    .hidden-lg-bg-image {
        background-image: none !important;
    }
}

@media (max-width:768px) {
    .hidden-md-bg-image {
        background-image: none !important;
    }
}

@media (max-width: 544px) {
    .hidden-sm-bg-image {
        background-image: none !important;
    }
}