#header .header-column.header-column-valign-top,
.ib {
    vertical-align: top
}

.panel-group .panel-heading a:focus,
.panel-group .panel-heading a:hover,
ul.nav-list li a,
ul.nav-list li a:hover {
    text-decoration: none
}

.cur-pointer,
.toggle>input,
.toggle>label {
    cursor: pointer
}

html {
    direction: ltr;
    overflow-x: hidden;
    box-shadow: none!important
}

body {
    background-color: #ebebeb;
    color: #777;
    font-family: "Open Sans",Arial, sans-serif;
    margin: 0
}

body a {
    outline: 0!important
}

li {
    line-height: 24px
}

@media (max-width:479px) {
    body {
        font-size: 13px
    }
}

#header {
    position: relative;
    z-index: 100
}

#header .header-body {
    background: #FFF;
    -webkit-transition: min-height .3s ease;
    -moz-transition: min-height .3s ease;
    transition: min-height .3s ease;
    width: 100%;
    z-index: 100
}

#header.header-no-min-height .header-body {
    min-height: 0!important
}

#header .container {
    position: relative
}

#header .header-container {
    position: relative;
    display: table
}

#header .header-top {
    position: relative;
    z-index: 4
}

#header .header-top::after {
    clear: both;
    content: "";
    display: table
}

#header .header-top p {
    padding: 0
}

#header .header-top p .fa,
#header .header-top p .icons {
    position: relative;
    top: 1px
}

#header .header-top .header-search {
    float: right;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 0
}

#header .header-top .header-nav-top {
    float: left;
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px
}

#header .header-top .header-social-icons {
    margin-top: 3px
}

#header .header-top.header-top-colored {
    margin-top: -13px;
    border-top: 5px solid #CCC;
    border-bottom: 0;
    color: #FFF
}

#header .header-top.header-top-colored a,
#header .header-top.header-top-colored p,
#header .header-top.header-top-colored span {
    color: #FFF
}

#header .header-top.header-top-colored .form-control {
    border: 0
}

#header .header-top.header-top-style-2 {
    background: #f6f6f6;
    margin-top: -16px
}

#header .header-top.header-top-style-3 {
    margin-top: -16px;
    margin-bottom: 10px
}

#header .header-top.header-top-style-4 {
    background: #E4E6ED;
    margin-top: -16px;
    margin-bottom: 10px;
    border-bottom: 0
}

#header .header-row {
    display: table-row;
    clear: both
}

#header .header-column {
    display: table-cell;
	vertical-align:middle;
}

#header .header-column .row {
    margin: 0
}

#header .header-column .header-row {
    display: block;
    clear: right
}

#header .header-column .header-extra-info {
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
    float: right
}

#header .header-column .header-extra-info li {
    display: inline-block;
    margin-left: 25px
}

#header .header-column .header-extra-info li .feature-box small {
    position: relative;
    top: -4px
}

#header .header-column.header-column-valign-bottom {
    vertical-align: bottom
}

#header .header-column.header-column-center {
    text-align: center
}

#header .header-column.header-column-center .header-logo {
    width: 100%!important;
    padding: 9px 0
}

#header .header-logo {
    float: left;
    position: relative
}

#header .header-logo img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    top: 0
}

#header .header-nav-top {
    float: right;
    margin-top: 10px;
    margin-left: 10px
}

#header .header-nav-top .nav>li>a,
#header .header-nav-top .nav>li>span {
    color: #999;
    font-size: .9em;
    padding: 6px 10px;
    display: inline-block
}

#header .header-nav-top .nav>li>a .fa,
#header .header-nav-top .nav>li>a .icons,
#header .header-nav-top .nav>li>span .fa,
#header .header-nav-top .nav>li>span .icons {
    margin-right: 3px;
    position: relative;
    top: 1px
}

#header .header-nav-top .nav>li>a a:focus,
#header .header-nav-top .nav>li>a:hover {
    background: #EEE
}

#header .header-nav-top .nav>li.open>.dropdown-menu-toggle {
    border-radius: 4px 4px 0 0
}

#header .header-nav-top .dropdown-menu {
    border-color: #EEE;
    margin-top: -2px;
    border-radius: 4px 0 4px 4px;
    padding: 0
}

#header .header-nav-top .dropdown-menu a {
    color: #999;
    padding: 6px 12px;
    font-size: .9em
}

#header .header-nav-top .flag {
    margin-right: 2px
}

#header .header-search {
    margin-top: 10px;
    margin-left: 10px
}

#header .header-search .form-control {
    border-radius: 20px;
    font-size: .9em;
    height: 34px;
    margin: 0;
    padding: 6px 12px;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    width: 170px
}

#header .header-search .btn-default {
    background: 0 0;
    border: 0;
    color: #CCC;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

#header .header-search .btn-default:hover {
    color: #000
}

#header .header-social-icons {
    float: right;
    margin: 15px 0 0 10px
}

#header .header-btn-collapse-nav {
    color: #FFF;
    display: none;
    float: right;
    margin: 12px 0 8px 15px
}

#header.header-no-border-bottom .header-body {
    padding-bottom: 0!important;
    border-bottom: 0!important
}

html:not(.boxed) #header.header-full-width .header-container {
    width: 100%
}

html #header.header-transparent {
    min-height: 0!important;
    width: 100%;
    position: absolute
}

html #header.header-transparent .header-body {
    position: relative;
    top: 0;
    background: 0 0;
    border-top: 0;
    border-bottom: 0;
    box-shadow: none
}

html #header.header-transparent .header-body:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #FFF;
    opacity: 0;
    border-bottom: 1px solid #f1f1f1;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media (min-width:992px) {
    #header .header-nav-main {
        float: right;
        margin: 12px 0 0;
        min-height: 45px
    }
    #header .header-nav-main nav>ul>li>a {
        display: inline-block;
        border-radius: 4px;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        padding: 10px 13px;
        text-transform: uppercase
    }
    #header .header-nav-main nav>ul>li>a.dropdown-toggle .fa-caret-down {
        display: none
    }

    #header .header-nav-main nav>ul>li.open>a,
    #header .header-nav-main nav>ul>li:hover>a {
        background: #CCC;
        color: #FFF
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        top: -10000px;
        display: block;
        opacity: 0;
        left: auto;
        border-radius: 0 4px 4px;
        border: 0;

        box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
        margin: -3px 0 0;
        min-width: 200px;
        padding: 5px;
        text-align: left
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
        border-bottom: 1px solid #f4f4f4;
        color: #777;
        font-size: .9em;
        font-weight: 500;
        padding: 8px 20px 8px 8px;
        position: relative;
        text-transform: none
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu {
        position: relative
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a .fa-caret-down {
        display: none
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
        border-color: transparent transparent transparent #CCC;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        content: " ";
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu {
        left: 100%;
        display: block;
        margin-top: -8px;
        margin-left: -1px;
        border-radius: 4px;
        opacity: 0
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu {
        top: 0;
        opacity: 1
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:last-child a {
        border-bottom: 0
    }

    #header .header-nav-main nav>ul>li.dropdown.open>.dropdown-menu.active,
    #header .header-nav-main nav>ul>li.dropdown:hover>.dropdown-menu.dropdown-menu.active {
        top: auto;
        display: block;
        opacity: 1
    }
    #header .header-nav-main nav>ul>li.dropdown-mega {
        position: static
    }
    #header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu {
        border-radius: 4px;
        left: 15px;
        right: 15px;
        width: auto
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-content {
        padding: 20px 30px
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-title {
        color: #333;
        display: block;
        font-size: 1em;
        font-weight: 600;
        margin-top: 20px;
        padding-bottom: 5px;
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-title:first-child {
        margin-top: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav {
        list-style: none;
        padding: 0;
        margin: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav>li>a {
        border: 0;
        border-radius: 4px;
        color: #777;
        display: block;
        font-size: .9em;
        font-weight: 400;
        margin: 0 0 0 -8px;
        padding: 3px 8px;
        text-shadow: none;
        text-transform: none;
        text-decoration: none
    }
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu,
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown-mega .dropdown-mega-sub-nav>li>a,
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown-mega>.dropdown-menu,
    #header .header-nav-main.header-nav-main-square nav>ul>li>a {
        border-radius: 0
    }
    #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav>li:hover>a {
        background: #f4f4f4
    }
    #header .header-nav-main.header-nav-main-no-arrows nav>ul>li a.dropdown-toggle {
        padding-left: 16px!important;
        padding-right: 16px!important
    }
    #header .header-nav-main.header-nav-main-no-arrows nav>ul>li a.dropdown-toggle:after {
        display: none
    }
    #header .header-nav-main.header-nav-main-square {
        margin-bottom: -9px
    }
    #header .header-nav-main.header-nav-main-square nav>ul>li.dropdown .dropdown-menu {
        margin-top: -1px;
        border-radius: 0
    }
    #header .header-nav-main a>.thumb-info-preview {
        position: absolute;
        display: block;
        left: 100%;
        opacity: 0;
        border: 0;
        padding-left: 10px;
        background: 0 0;
        overflow: visible;
        margin-top: 15px;
        top: -10000px;
        -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
        -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
        transition: transform .2s ease-out, opacity .2s ease-out;
        transform: translate3d(-20px, 0, 0)
    }
    #header .header-nav-main a>.thumb-info-preview .thumb-info-wrapper {
        background: #FFF;
        display: block;
        border-radius: 4px;
        border: 0;
        box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
        margin: 0;
        padding: 4px;
        text-align: left;
        width: 190px
    }
    #header .header-nav.header-nav-dark-dropdown nav>ul>li>a.dropdown-toggle:after,
    #header .header-nav.header-nav-stripe nav>ul>li>a.dropdown-toggle:after,
    #header .header-nav.header-nav-top-line nav>ul>li>a.dropdown-toggle:after {
        border-color: #444 transparent transparent
    }
    #header .header-nav-main a>.thumb-info-preview .thumb-info-image {
        transition: all 6s linear 0s;
        width: 182px;
        height: 136px;
        min-height: 0
    }
    #header .header-nav-main a:hover>.thumb-info-preview {
        transform: translate3d(0, 0, 0);
        top: 0;
        opacity: 1;
        margin-top: -5px
    }
    #header .header-nav-main .dropdown-reverse a>.thumb-info-preview {
        transform: translate3d(20px, 0, 0);
        right: 100%;
        left: auto;
        padding-left: 0;
        margin-right: 10px
    }
    #header .header-nav-main .dropdown-reverse a:hover>.thumb-info-preview {
        transform: translate3d(0, 0, 0)
    }
    #header .header-nav {
        display: block;
        z-index: 105
    }
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a,
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        background: 0 0;
        padding: 35px 13px;
        margin: 0
    }
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        color: #444
    }
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a {
        color: #FFF
    }
    #header .header-nav.header-nav-dark-dropdown nav>ul>li:hover>a,
    #header .header-nav.header-nav-dark-dropdown nav>ul>li>a,
    #header .header-nav.header-nav-top-line nav>ul>li:hover>a,
    #header .header-nav.header-nav-top-line nav>ul>li>a {
        background: 0 0;
        color: #444;
        padding: 35px 13px;
        margin: 0
    }
    #header .header-nav.header-nav-top-line nav>ul>li:hover>a:before,
    #header .header-nav.header-nav-top-line nav>ul>li>a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        top: -2px;
        left: 0;
        opacity: 0
    }
    #header .header-nav.header-nav-top-line nav>ul>li.active>a:before,
    #header .header-nav.header-nav-top-line nav>ul>li:hover>a:before {
        opacity: 1
    }
    #header .header-nav.header-nav-dark-dropdown nav>ul>li.dropdown li a {
        border-bottom-color: #2a2a2a
    }
    #header .header-nav.header-nav-dark-dropdown nav>ul>li.dropdown .dropdown-menu {
        background: #1e1e1e
    }
    #header .header-nav.header-nav-dark-dropdown nav>ul>li.dropdown .dropdown-menu>li>a:focus,
    #header .header-nav.header-nav-dark-dropdown nav>ul>li.dropdown .dropdown-menu>li>a:hover,
    #header .header-nav.header-nav-dark-dropdown nav>ul>li.dropdown.dropdown-mega .dropdown-mega-sub-nav>li:hover>a {
        background: #282828
    }
    #header .header-nav.header-nav-dark-dropdown nav>ul>li.dropdown .dropdown-menu>li>a {
        color: #969696
    }
    #header .header-nav.header-nav-dark-dropdown nav>ul>li.dropdown.dropdown-mega .dropdown-mega-sub-title {
        color: #ababab
    }
    #header .header-nav.header-nav-dark-dropdown .header-social-icons {
        margin-top: 27px
    }
    #header .header-nav.header-nav-center .header-nav-main {
        float: none;
        margin: 0
    }
    #header .header-nav.header-nav-center .header-nav-main>nav {
        width: 100%;
        text-align: center
    }
    #header .header-nav.header-nav-center .header-nav-main>nav>ul>li {
        display: inline-block;
        float: none;
        text-align: left
    }
    #header .header-nav-main {
        display: block!important;
        height: auto!important
    }
    #header .header-nav-bar {
        background: #F4F4F4;
        padding: 0 10px 5px;
        margin-bottom: 0
    }
    #header .header-nav-bar .header-nav-main {
        float: left;
        margin-bottom: 0
    }
}

@media (max-width:991px) {
    #header .header-nav-main {
        background: 0 0;
        clear: both;
        float: none
    }
    #header .header-nav-main nav {
        margin: 0 0 6px
    }
    #header .header-nav-main nav>ul li {
        border-bottom: 1px solid #e8e8e8;
        clear: both;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        position: relative
    }
    #header .header-nav-main nav>ul li a {
        font-size: 13px;
        font-style: normal;
        line-height: 20px;
        padding: 7px 8px;
        margin: 1px 0;
        border-radius: 4px
    }
    #header .header-nav-main nav>ul li a .fa-caret-down {
        line-height: 35px;
        min-height: 38px;
        min-width: 30px;
        position: absolute;
        right: 5px;
        text-align: center;
        top: 0
    }
    #header .header-nav-main nav>ul li.dropdown .dropdown-menu {
        background: 0 0;
        padding: 0;
        margin: 0;
        font-size: 13px;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        clear: both;
        display: none;
        float: none;
        position: static
    }
    #header .header-nav-main nav>ul li.dropdown .dropdown-menu li.dropdown-submenu.opened>.dropdown-menu,
    #header .header-nav-main nav>ul li.dropdown.opened>.dropdown-menu {
        display: block;
        margin-left: 20px
    }
    #header .header-nav-main nav>ul li.dropdown-mega .dropdown-mega-sub-title {
        margin-top: 10px;
        display: block
    }
    #header .header-nav-main nav>ul li.dropdown-mega .dropdown-mega-sub-nav {
        margin: 0 0 0 20px;
        padding: 0;
        list-style: none
    }
    #header .header-nav-main nav>ul li.dropdown-mega .dropdown-mega-sub-nav>li>a {
        display: block;
        text-decoration: none
    }
    #header .header-nav-main nav>ul li:last-child {
        border-bottom: 0
    }
    #header .header-nav-main nav>ul>li>a {
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 1px;
        margin-bottom: 1px
    }
    #header .header-nav-main nav>ul>li.active>a,
    #header .header-nav-main nav>ul>li.active>a:focus,
    #header .header-nav-main nav>ul>li.active>a:hover {
        color: #FFF
    }
    #header .header-nav-main nav .not-included {
        margin: 0
    }
    #header .header-nav-main a>.thumb-info-preview {
        display: none!important
    }
    #header .header-btn-collapse-nav {
        outline: 0;
        display: block;
        position: relative;
        z-index: 1
    }
    #header .header-nav-bar {
        margin: 0 auto
    }
    #header .header-nav-bar .header-btn-collapse-nav {
        margin-top: 14px
    }
    #header.header-semi-transparent .header-nav-main,
    #header.header-semi-transparent-light .header-nav-main,
    #header.header-transparent .header-nav-main {
        padding: 10px;
        margin-bottom: 10px;
        background: #FFF;
        border-radius: 4px
    }
    html.sticky-header-enabled #header .header-nav-main {
        max-height: 350px;
        overflow-x: hidden;
        overflow-y: auto
    }
    html.sticky-header-enabled #header .header-nav-main.collapsing {
        overflow: hidden
    }
}

.captcha,
html.ie .forcefullwidth_wrapper_tp_banner {
    overflow: hidden
}

@media (min-width:992px) {
    html #header.header-semi-transparent .header-nav-main nav>ul>li:not(.active)>a,
    html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav>ul>li:not(.active)>a,
    html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a {
        color: #FFF
    }
    html #header.header-semi-transparent .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after,
    html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after,
    html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after {
        border-color: #FFF transparent transparent
    }
    html:not(.ie) #header.header-flex .header-container {
        display: flex;
        height: 100%
    }
    html:not(.ie) #header.header-flex .header-row {
        display: flex;
        flex-flow: row wrap;
        flex: 1
    }
    html:not(.ie) #header.header-flex .header-column {
        display: flex;
        flex-flow: column
    }
    html:not(.ie) #header.header-flex .header-column:nth-child(1) {
        flex: 1
    }
    html:not(.ie) #header.header-flex .header-column:nth-child(2) {
        flex: 8;
        align-items: flex-end
    }
    html:not(.ie) #header.header-flex .header-logo {
        display: flex;
        flex-basis: 100%;
        align-items: center
    }
    html.ie #header.header-flex .header-top {
        margin-bottom: -10px!important;
        margin-top: -4px!important
    }
    html.ie #header.header-flex .header-body {
        padding: 0
    }
    html.ie #header.header-flex .header-container {
        height: 100%
    }
    html.ie #header.header-flex .header-row {
        display: table;
        width: 100%;
        height: 100%
    }
    html.ie #header.header-flex .header-logo {
        margin: 8px 0!important
    }
    html.ie #header.header-flex .header-nav {
        height: 100%;
        margin: 0
    }
    html.ie #header.header-flex .header-nav-main {
        margin: 0
    }
    html.ie #header.header-flex .header-nav-main nav>ul>li>a {
        margin-bottom: -1px
    }
    html.ie9 #header.header-flex .header-nav-main nav>ul>li:hover>a,
    html.ie9 #header.header-flex .header-nav-main nav>ul>li>a {
        position: relative
    }
    html.ie9 #header.header-flex .header-nav-main nav>ul>li:hover>a.dropdown-toggle,
    html.ie9 #header.header-flex .header-nav-main nav>ul>li>a.dropdown-toggle {
        padding-right: 25px
    }
    html.ie9 #header.header-flex .header-nav-main nav>ul>li:hover>a.dropdown-toggle:after,
    html.ie9 #header.header-flex .header-nav-main nav>ul>li>a.dropdown-toggle:after {
        position: absolute;
        top: 50%!important;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    html #header.header-flex .header-top {
        margin-bottom: -2px
    }
    html #header.header-flex .header-body {
        padding: 8px 0 0
    }
    html #header.header-flex:not(.header-transparent-bottom-border) .header-body {
        border-bottom: 0!important
    }
    html #header.header-flex .header-logo {
        margin: 0 0 8px
    }
    html #header.header-flex .header-nav-main,
    html #header.header-flex .header-nav-main nav,
    html #header.header-flex .header-nav-main nav>ul,
    html #header.header-flex .header-nav-main nav>ul>li {
        height: 100%!important
    }
    html #header.header-flex .header-nav.header-nav-dark-dropdown nav>ul>li>a,
    html #header.header-flex .header-nav.header-nav-stripe nav>ul>li>a,
    html #header.header-flex .header-nav.header-nav-top-line nav>ul>li>a {
        display: flex;
        align-items: center;
        height: 100%
    }
    html #header.header-flex .header-nav.header-nav-dark-dropdown nav>ul>li>a.dropdown-toggle,
    html #header.header-flex .header-nav.header-nav-stripe nav>ul>li>a.dropdown-toggle,
    html #header.header-flex .header-nav.header-nav-top-line nav>ul>li>a.dropdown-toggle {
        height: calc(100% + 1px)
    }
    html #header.header-flex .header-nav-main-effect-1 nav>ul>li.dropdown:hover>.dropdown-menu,
    html #header.header-flex .header-nav-main-effect-2 nav>ul>li.dropdown:hover>.dropdown-menu,
    html #header.header-flex .header-nav-main-effect-3 nav>ul>li.dropdown:hover>.dropdown-menu {
        top: calc(100% + 1px)
    }
    html #header.header-flex .header-nav {
        margin-top: -9px;
        display: flex!important;
        align-items: center;
        justify-content: flex-end
    }
    html #header.header-flex .header-nav .header-social-icons {
        margin: 0 0 0 10px;
        order: 2
    }
    html #header.header-flex .header-nav .header-social-icons li {
        margin: -1px 1px 0 0
    }
    html #header.header-flex .header-nav-main {
        margin: 0!important
    }
    html #header.header-flex .header-nav-main nav>ul>li>a.dropdown-toggle:after {
        margin-top: 3px
    }
    html #header.header-flex .header-nav-main.header-nav-main-square {
        margin-bottom: 0
    }
    html #header.header-flex.header-semi-transparent .header-nav.header-nav-top-line nav>ul>li:hover,
    html #header.header-flex.header-semi-transparent .header-nav.header-nav-top-line nav>ul>li>a:before,
    html #header.header-flex.header-semi-transparent-light .header-nav.header-nav-top-line nav>ul>li:hover,
    html #header.header-flex.header-semi-transparent-light .header-nav.header-nav-top-line nav>ul>li>a:before {
        top: 0
    }
    html.boxed #header.header-flex .header-nav.header-nav-dark-dropdown,
    html.boxed #header.header-flex .header-nav.header-nav-stripe {
        margin-top: -12px
    }
    html.boxed.ie9 #header.header-flex .header-nav.header-nav-dark-dropdown,
    html.boxed.ie9 #header.header-flex .header-nav.header-nav-stripe {
        margin-top: 0!important
    }
}

@media (max-width:991px) {
    #header .header-column .header-row,
    #header .header-container,
    #header .header-row {
        display: block
    }
    #header.header-mobile-nav-only .header-logo {
        float: none
    }
    #header.header-mobile-nav-only .header-nav {
        margin-top: -35px
    }
    html.sticky-header-negative.sticky-header-active #header .header-logo {
        padding-top: 7px
    }
}

@media (max-height:768px) {
    html.side-header #header .header-nav-main nav>ul>li.dropdown.open>.dropdown-menu,
    html.side-header #header .header-nav-main nav>ul>li.dropdown:hover>.dropdown-menu {
        bottom: 0;
        top: auto
    }
}

html[dir=rtl] #header .header-search .btn-default {
    right: -35px
}

.page-header {
    margin: 0 0 35px;
    position: relative;
    text-align: left
}

.page-header .breadcrumb {
    background: 0 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.page-header .breadcrumb>li {
    display: inline-block;
    text-shadow: none
}


.page-header .breadcrumb li a {
	color:#646464;
	font-weight:700;

}

.page-header .breadcrumb>li+li:before {
    font-family: FontAwesome;
    padding: 0 7px 0 5px
}

.page-header .breadcrumb.breadcrumb-valign-mid {
    position: absolute;
    top: 36%;
    right: 20px
}

.page-header h1,
.page-header.custom-product .row {
    position: relative
}

.page-header h1 {
    border-bottom: 5px solid #CCC;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    font-weight: 200;
    line-height: 32px;
    margin: 0 0 -25px;
    padding: 0 0 25px
}

.page-header h1 span {
    color: #999da3;
    display: block;
    font-size: .6em;
    font-weight: 300;
    line-height: 1.3em;
    margin: 7px 0 0
}

.page-header-no-title-border h1 {
    border: 0
}

.page-header-color,
.page-header-light {
    background-color: #F7F7F7;
    border-top: none
}

.page-header-color {
    border-bottom: 5px solid #F4F4F4
}

.page-header-color h1 {
    border-bottom: none;
    color: #1d2127;
    font-size: 2.3em;
    padding: 0;
    margin: 0
}

.page-header-color .breadcrumb>.active,
.page-header-color h1 span {
    opacity: .65
}

.page-header-more-padding {
    padding: 35px 0
}

.page-header-light {
    border-bottom: 5px solid #F4F4F4
}

.page-header-light h1 {
    border-bottom: none;
    color: #1d2127;
    font-size: 2.3em
}

.page-header-reverse {
    text-align: right
}

.page-header-reverse .breadcrumb,
.page-header-reverse .breadcrumb.breadcrumb-valign-mid {
    float: left;
    left: 20px;
    right: auto
}

.page-header.parallax {
    margin: 0 0 35px;
    padding: 180px 0 60px
}

.page-header-center {
    text-align: center
}

.page-header-center .breadcrumb {
    margin: 15px 0 0
}

.page-header-custom-background {
    padding: 45px 0;
    background-repeat: repeat;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0
}

.page-header-custom-background h1 {
    color: #FFF;
    border: 0
}

.page-header-custom-background h1 span {
    color: #FFF;
    opacity: .7
}

.page-header-custom-background .breadcrumb.breadcrumb-valign-mid {
    top: 36%
}

.page-header-custom-background .breadcrumb.breadcrumb-valign-mid li.active {
    color: #FFF;
    opacity: .7
}

.page-header-custom-background .breadcrumb.breadcrumb-valign-mid a {
    color: #FFF
}

.page-header.custom-product {
    background-image: url(../img/custom-header-bg.jpg);
    background-repeat: repeat;
    background-color: #999;
    border-top: 5px solid #888;
    overflow: hidden
}

.page-header.custom-product p.lead {
    color: #E8E8E8
}

.page-header.custom-product img {
    bottom: -47px;
    position: relative
}

.page-header.custom-product h1 {
    color: #FFF;
    margin-bottom: 10px;
    margin-top: 30px;
    border: 0
}

@media (min-width:992px) {
    .page-header-custom-background h1,
    .page-header-float-breadcrumb h1,
    .page-header-more-padding h1 {
        max-width: 70%
    }
    .page-header-custom-background .breadcrumb-valign-mid,
    .page-header-float-breadcrumb .breadcrumb-valign-mid,
    .page-header-more-padding .breadcrumb-valign-mid {
        width: 30%;
        text-align: right
    }
    .page-header-custom-background.page-header-reverse .breadcrumb-valign-mid,
    .page-header-float-breadcrumb.page-header-reverse .breadcrumb-valign-mid,
    .page-header-more-padding.page-header-reverse .breadcrumb-valign-mid {
        text-align: left
    }
}

@media (max-width:991px) {
    .page-header .breadcrumb {
        float: none!important;
        position: static!important
    }
    .page-header .breadcrumb-valign-mid {
        margin-top: 15px
    }
    .page-header-reverse .breadcrumb-valign-mid {
        margin-top: 0;
        margin-bottom: 15px
    }
}

.parallax,
.parallax blockquote span,
section.section.section-overlay {
    position: relative
}

@media (max-width:479px) {
    .page-header h1 {
        font-size: 26px;
        line-height: 26px
    }
}

.parallax {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: fixed;
    margin: 70px 0;
    padding: 50px 0;
    clear: both
}

.parallax blockquote {
    border: 0;
    padding: 0 10%
}

.parallax blockquote i.fa-quote-left {
    font-size: 34px;
    position: relative;
    left: -5px
}

.parallax blockquote p {
    font-size: 24px;
    line-height: 30px
}

.parallax blockquote span {
    font-size: 16px;
    line-height: 20px;
    color: #999;
    left: -5px
}

section.section.section-overlay-opacity:before,
section.section.section-overlay:before {
    content: "";
    display: block;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.parallax.parallax-disabled {
    background-attachment: scroll!important;
    background-position: 50% 50%!important
}

section.section {
    background: #f4f4f4;
    border-top: 5px solid #f1f1f1;
    margin: 30px 0;
    padding: 50px 0
}

section.section.section-no-background {
    background: 0 0;
    border-top-color: transparent
}

section.section.section-center {
    text-align: center
}

section.section.section-text-light h1,
section.section.section-text-light h2,
section.section.section-text-light h3,
section.section.section-text-light h4,
section.section.section-text-light h5,
section.section.section-text-light h6 {
    color: #FFF
}

section.section.section-text-light p {
    color: #e6e6e6
}

section.section.section-background {
    background-repeat: repeat;
    border: 0
}

section.section.section-overlay:before {
    background: url(../img/video-overlay.png);
    position: absolute
}

section.section.section-overlay-opacity {
    position: relative
}

section.section.section-overlay-opacity:before {
    background: rgba(0, 0, 0, .5);
    position: absolute
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-1:before {
    background: rgba(0, 0, 0, .1)
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-2:before {
    background: rgba(0, 0, 0, .2)
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-3:before {
    background: rgba(0, 0, 0, .3)
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-4:before {
    background: rgba(0, 0, 0, .4)
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-5:before {
    background: rgba(0, 0, 0, .5)
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-6:before {
    background: rgba(0, 0, 0, .6)
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-7:before {
    background: rgba(0, 0, 0, .7)
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-8:before {
    background: rgba(0, 0, 0, .8)
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-9:before {
    background: rgba(0, 0, 0, .9)
}

section.section.section-overlay-opacity-light:before {
    background: rgba(255, 255, 255, .5)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-1:before {
    background: rgba(255, 255, 255, .1)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-2:before {
    background: rgba(255, 255, 255, .2)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-3:before {
    background: rgba(255, 255, 255, .3)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-4:before {
    background: rgba(255, 255, 255, .4)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-5:before {
    background: rgba(255, 255, 255, .5)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-6:before {
    background: rgba(255, 255, 255, .6)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-7:before {
    background: rgba(255, 255, 255, .7)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-8:before {
    background: rgba(255, 255, 255, .8)
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-9:before {
    background: rgba(255, 255, 255, .9)
}

section.section.section-default-scale-lighten {
    background-color: #fcfcfc!important;
    border-top-color: #fcfcfc!important
}

section.section.section-video {
    background: 0 0!important;
    border: 0
}

section.section.section-parallax {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: fixed;
    border: 0
}

section.section.section-parallax.parallax-disabled {
    background-attachment: scroll!important;
    background-position: 50% 50%!important
}

section.section.section-no-border {
    border: 0
}

section.section.section-with-divider {
    margin: 56px 0 35px
}

section.section.section-with-divider .divider {
    margin: -56px 0 44px
}

section.section.section-footer {
    margin-bottom: -50px
}

section.section.section-with-mockup {
    margin-top: 120px
}

section.section.section-front {
    position: relative;
    z-index: 1
}

@media (max-width:991px) {
    .container-fluid>.row>.p-none section.section {
        margin-bottom: 0;
        margin-top: 0
    }
    .container-fluid>.row>.p-none:first-child section.section {
        margin-bottom: 0;
        margin-top: 30px
    }
    .container-fluid>.row>.p-none:last-child section.section {
        margin-bottom: 30px;
        margin-top: 0
    }
    .col-md-3 .sidebar {
        clear: both
    }
}

aside ul.nav-list>li>a {
    color: #666;
    padding: 8px 0 8px 18px
}

.tparrows.tparrows-carousel {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: auto;
    padding: 20px 0
}

.tparrows.tparrows-carousel.tp-leftarrow {
    right: auto!important;
    left: -30px!important;
    border-radius: 0 4px 4px 0
}

.tparrows.tparrows-carousel.tp-leftarrow:before {
    font-family: FontAwesome;
    content: "\f053";
    position: relative;
    left: -1px;
    top: 1px
}

.tparrows.tparrows-carousel.tp-rightarrow {
    right: -60px!important;
    left: auto!important;
    border-radius: 4px 0 0 4px
}

.hesperiden-custom .tp-tab,
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
    border: 0!important
}

.tparrows.tparrows-carousel.tp-rightarrow:before {
    font-family: FontAwesome;
    content: "\f054";
    position: relative;
    left: 2px;
    top: 1px
}

.hesperiden-custom {
    padding: 10px 0!important
}

.page-not-found {
    margin: 50px 0
}

.page-not-found h2 {
    font-size: 140px;
    font-weight: 600;
    letter-spacing: -10px;
    line-height: 140px
}

.page-not-found h4 {
    color: #777
}

.page-not-found p {
    font-size: 1.4em;
    line-height: 36px
}

@media (max-width:479px) {
    .page-not-found {
        margin: 0
    }
    .page-not-found h2 {
        font-size: 100px;
        letter-spacing: 0;
        line-height: 100px
    }
}

.text-xs {
    font-size: 1rem!important
}

.text-sm {
    font-size: 1.3rem!important
}

.text-md {
    font-size: 1.6rem!important
}

.text-lg {
    font-size: 1.9rem!important
}

.text-xl {
    font-size: 2.2rem!important
}

.text-muted {
    color: #999!important
}

html.dark .text-muted {
    color: #505461!important
}

.text-dark {
    color: #1d2127!important
}

.text-light {
    color: #FFF!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-semibold {
    font-weight: 600!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-extra-bold {
    font-weight: 900!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.rounded {
    border-radius: 5px!important
}

.b-thin {
    border-width: 3px!important
}

.b-normal {
    border-width: 5px!important
}

.b-thick {
    border-width: 7px!important
}

.m-none {
    margin: 0!important
}

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

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

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

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

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

.m-xl {
    margin: 25px!important
}

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

.mt-none {
    margin-top: 0!important
}

.mt-xs {
    margin-top: 5px!important
}

.mt-sm {
    margin-top: 10px!important
}

.mt-md {
    margin-top: 15px!important
}

.mt-lg {
    margin-top: 20px!important
}

.mt-xl {
    margin-top: 25px!important
}

.mt-xlg {
    margin-top: 30px!important
}

.mb-none {
    margin-bottom: 0!important
}

.mb-xs {
    margin-bottom: 5px!important
}

.mb-sm {
    margin-bottom: 10px!important
}

.mb-md {
    margin-bottom: 15px!important
}

.mb-lg {
    margin-bottom: 20px!important
}

.mb-xl {
    margin-bottom: 25px!important
}

.mb-xlg {
    margin-bottom: 30px!important
}

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

.ml-xs {
    margin-left: 5px!important
}

.ml-sm {
    margin-left: 10px!important
}

.ml-md {
    margin-left: 15px!important
}

.ml-lg {
    margin-left: 20px!important
}

.ml-xl {
    margin-left: 25px!important
}

.ml-xlg {
    margin-left: 30px!important
}

.mr-none {
    margin-right: 0!important
}

.mr-xs {
    margin-right: 5px!important
}

.mr-sm {
    margin-right: 10px!important
}

.mr-md {
    margin-right: 15px!important
}

.mr-lg {
    margin-right: 20px!important
}

.mr-xl {
    margin-right: 25px!important
}

.mr-xlg {
    margin-right: 30px!important
}

.p-none {
    padding: 0!important
}

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

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

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

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

.p-xl {
    padding: 25px!important
}

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

.pt-none {
    padding-top: 0!important
}

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

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

.pt-md {
    padding-top: 15px!important
}

.pt-lg {
    padding-top: 20px!important
}

.pt-xl {
    padding-top: 25px!important
}

.pt-xlg {
    padding-top: 30px!important
}

.pb-none {
    padding-bottom: 0!important
}

.pb-xs {
    padding-bottom: 5px!important
}

.pb-sm {
    padding-bottom: 10px!important
}

.pb-md {
    padding-bottom: 15px!important
}

.pb-lg {
    padding-bottom: 20px!important
}

.pb-xl {
    padding-bottom: 25px!important
}

.pb-xlg {
    padding-bottom: 30px!important
}

.pl-none {
    padding-left: 0!important
}

.pl-xs {
    padding-left: 5px!important
}

.pl-sm {
    padding-left: 10px!important
}

.pl-md {
    padding-left: 15px!important
}

.pl-lg {
    padding-left: 20px!important
}

.pl-xl {
    padding-left: 25px!important
}

.pl-xlg {
    padding-left: 30px!important
}

.pr-none {
    padding-right: 0!important
}

.pr-xs {
    padding-right: 5px!important
}

.pr-sm {
    padding-right: 10px!important
}

.pr-md {
    padding-right: 15px!important
}

.pr-lg {
    padding-right: 20px!important
}

.pr-xl {
    padding-right: 25px!important
}

.pr-xlg {
    padding-right: 30px!important
}

.ib {
    display: inline-block
}

.va-middle {
    vertical-align: middle
}

.ws-nowrap {
    white-space: nowrap
}

.ws-normal {
    white-space: normal
}

.col-lg-1-5,
.col-lg-2-5,
.col-lg-3-5,
.col-lg-4-5,
.col-md-1-5,
.col-md-2-5,
.col-md-3-5,
.col-md-4-5,
.col-sm-1-5,
.col-sm-2-5,
.col-sm-3-5,
.col-sm-4-5,
.col-xs-1-5,
.col-xs-2-5,
.col-xs-3-5,
.col-xs-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1-5 {
    width: 20%;
    float: left
}

.col-xs-2-5 {
    width: 40%;
    float: left
}

.col-xs-3-5 {
    width: 60%;
    float: left
}

.col-xs-4-5 {
    width: 80%;
    float: left
}

@media (min-width:768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left
    }
    col-sm-2-5 {
        width: 40%;
        float: left
    }
    col-sm-3-5 {
        width: 60%;
        float: left
    }
    col-sm-4-5 {
        width: 80%;
        float: left
    }
}

@media (min-width:992px) {
    .col-md-1-5 {
        width: 20%;
        float: left
    }
    .col-md-2-5 {
        width: 40%;
        float: left
    }
    .col-md-3-5 {
        width: 60%;
        float: left
    }
    .col-md-4-5 {
        width: 80%;
        float: left
    }
}

@media (min-width:1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left
    }
    .col-lg-2-5 {
        width: 40%;
        float: left
    }
    .col-lg-3-5 {
        width: 60%;
        float: left
    }
    .col-lg-4-5 {
        width: 80%;
        float: left
    }
}

#footer {
    background: #fff;
    border-top: 4px solid #fff;
    font-size: 1em;
    margin-top: 50px;
    padding: 70px 0 0;
    position: relative;
    clear: both
}

#footer .container .row>div {}

#footer .container input:focus {
    box-shadow: none
}

#footer a,
#footer a:hover,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5 {
    color: #0e0e0e
}

#footer h4 {
    font-size: 1.8em;
    font-weight: 200
}

#footer ul.nav-list>li a {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    line-height: 20px;
    padding-bottom: 11px
}

#footer ul.nav-list>li:last-child a {
    border-bottom: 0
}

#footer ul.nav-list>li a:hover {
    background-color: rgba(255, 255, 255, .05)
}

#footer ul.list.icons li {
    margin-bottom: 5px
}

#footer form {
    opacity: .85
}

#footer form label.error {
    line-height: 16px;
    margin: 5px 0 -5px;
    display: block;
    clear: both
}

#footer form .alert {
    padding: 6px;
    text-align: center
}

#footer .footer-ribbon {
    background: #999;
    position: absolute;
    margin: -90px 0 0 14px;
    padding: 10px 20px 6px
}

#footer .footer-ribbon:before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px
}

#footer .footer-ribbon span {
    color: #FFF;
    font-size: 1.6em;
    font-family: 'Shadows Into Light Two', cursive;
}

#footer .newsletter form {
    width: 100%;
    max-width: 262px
}

#footer .newsletter form input.form-control {
    height: 34px;
    padding: 6px 12px
}

#footer .alert a {
    color: #222
}

#footer .alert a:hover {
    color: #666
}

#footer .twitter .fa,
#footer .twitter .icons {
    clear: both;
    font-size: 1.5em;
    position: relative;
    top: 3px
}

#footer .twitter .meta {
    color: #999;
    display: block;
    font-size: .9em;
    padding-top: 3px
}

#footer .twitter ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#footer .twitter ul li {
    padding-bottom: 20px
}

#footer .twitter ul li:last-child {
    padding-bottom: 0
}

#footer .twitter-account {
    color: #FFF;
    display: block;
    font-size: .9em;
    margin: -15px 0 5px;
    opacity: .55
}

#footer .twitter-account:hover {
    opacity: 1
}

#footer .contact {
    list-style: none;
    margin: 0;
    padding: 0
}

#footer .contact i {
    display: block;
    float: left;
    font-size: 1.2em;
    margin: 7px 8px 10px 0;
    position: relative;
    text-align: center;
    top: -2px;
    width: 16px
}

#footer .contact i.fa-envelope {
    font-size: 1em;
    top: 0
}

#footer .contact p {
    margin-bottom: 10px
}

#footer .logo {
    display: block;
    float: right
}

#footer .logo.mb-xl {
    margin-bottom: 12px
}

#footer .footer-copyright {
    background: #ebebeb;
    border-top: 4px solid #060606;
    margin-top: 40px;
    padding: 30px 0 20px
}

#footer .footer-copyright nav {
    float: right
}

#footer .footer-copyright nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#footer .footer-copyright nav ul li {
    border-left: 1px solid #505050;
    display: inline-block;
    line-height: 12px;
    margin: 0;
    padding: 0 8px
}

#footer a {
    color: #929298;
    font-weight: 600
}

#footer .footer-copyright nav ul li:first-child {
    border: none;
    padding-left: 0
}

#footer .footer-copyright p {
    color: #555;
    margin: 0;
    padding: 0;
    float: left
}

#footer .phone {
    color: #0e0e0e;
    font-size: 26px;
    font-weight: 700;
    display: block;
    padding-bottom: 15px;
    margin-top: -5px
}

#footer .narrow-phone {
    text-align: right;
    margin: -2px 0 0
}

#footer .narrow-phone .phone {
    font-size: 16px;
    padding-bottom: 0;
    margin-top: -13px
}

#footer .recent-work {
    list-style: none;
    padding: 0;
    margin: 0
}

#footer .recent-work li {
    float: left;
    width: 30%;
    margin: 10px 3% 0 0
}

#footer .recent-work img {
    border: 0;
    width: 100%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

#footer .recent-work .img-thumbnail-hover-icon {
    border: 0
}

#footer .recent-work .img-thumbnail-hover-icon:after {
    font-size: 22px;
    margin-left: -2px
}

#footer .view-more-recent-work {
    padding: 12px
}

#footer.short {
    padding-top:30px
}

#footer.short .footer-copyright {
    background: #ebebeb;
    border: 0;
    padding-top: 0;
    margin-top: 0
}

#footer.light {
    padding-top: 60px;
    background: #FFF;
    border-top: 1px solid #DDD
}

#footer.light .footer-ribbon {
    margin-top: -76px;
    margin-left: 14px
}

#footer.light .footer-copyright {
    margin-top: 15px;
    background: #FFF;
    border-top: 1px solid #DDD
}

#footer.light .footer-copyright p,
#footer.light .phone,
#footer.light .twitter-account {
    color: #777
}

#footer.color,
#footer.color p,
#footer.light ul.nav-pills>li.active>a {
    color: #FFF
}

#footer.narrow {
    padding-top: 30px
}

#footer.narrow .footer-copyright {
    margin-top: 0
}

#footer.narrow .nav>li>a {
    padding: 5px 12px
}

#footer.color .footer-copyright nav ul li {
    border-left-color: #FFF
}

@media (max-width:991px) {
    #footer .phone {
        font-size: 20px
    }
}

@media (max-width:767px) {
    #footer .phone {
        font-size: 20px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1d2127;
    font-weight: 200;
    margin: 0
}

h2 {
    font-weight: 300
}

h3,
h4,
h6 {
    font-weight: 400
}

h3 {
    margin-bottom: 33px
}

h1.small,
h5 {
    font-weight: 600
}

h1.big {
    font-size: 4.2em;
    line-height: 54px
}

h1.small {
    font-size: 2.2em;
    line-height: 42px
}

h1.short,
h2.short {
    margin-bottom: 15px
}

h3.short,
h4.short,
h5.short,
h6.short {
    margin-bottom: 9px
}

h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
    margin-bottom: 0
}

h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
    margin-bottom: 33px
}

h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
    margin-bottom: 44px
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
    margin-top: 22px
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
    margin-top: 44px
}

h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark {
    color: #1d2127
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
    color: #FFF
}

h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow,
h6.text-shadow {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.heading.heading-border {
    margin-bottom: 25px
}

.heading.heading-border h1,
.heading.heading-border h2,
.heading.heading-border h3,
.heading.heading-border h4,
.heading.heading-border h5,
.heading.heading-border h6 {
    margin: 0;
    padding: 0
}

.heading.heading-bottom-border h1 {
    border-bottom: 5px solid #DBDBDB;
    padding-bottom: 10px
}

.heading.heading-bottom-border h2,
.heading.heading-bottom-border h3 {
    border-bottom: 2px solid #DBDBDB;
    padding-bottom: 10px
}

.heading.heading-bottom-border h4,
.heading.heading-bottom-border h5,
.heading.heading-bottom-border h6 {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 5px
}

.heading.heading-bottom-double-border h1,
.heading.heading-bottom-double-border h2,
.heading.heading-bottom-double-border h3 {
    border-bottom: 3px double #DBDBDB;
    padding-bottom: 10px
}

.heading.heading-bottom-double-border h4,
.heading.heading-bottom-double-border h5,
.heading.heading-bottom-double-border h6 {
    border-bottom: 3px double #DBDBDB;
    padding-bottom: 5px
}

.heading.heading-middle-border {
    position: relative
}

.heading.heading-middle-border:before {
    border-top: 1px solid #DBDBDB;
    content: "";
    height: 0;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
}

.heading.heading-middle-border h1,
.heading.heading-middle-border h2,
.heading.heading-middle-border h3,
.heading.heading-middle-border h4,
.heading.heading-middle-border h5,
.heading.heading-middle-border h6 {
    position: relative;
    background: #FFF;
    display: inline-block
}

.heading.heading-middle-border h1 {
    padding-right: 15px
}

.heading.heading-middle-border h2,
.heading.heading-middle-border h3 {
    padding-right: 10px
}

.heading.heading-middle-border h4,
.heading.heading-middle-border h5,
.heading.heading-middle-border h6 {
    padding-right: 5px
}

.heading.heading-middle-border-reverse {
    text-align: right
}

.captcha,
.featured-icon,
.heading.heading-middle-border-center,
.nav-pills-center,
.nav-secondary {
    text-align: center
}

.heading.heading-middle-border-reverse h1,
.heading.heading-middle-border-reverse h2,
.heading.heading-middle-border-reverse h3,
.heading.heading-middle-border-reverse h4,
.heading.heading-middle-border-reverse h5,
.heading.heading-middle-border-reverse h6 {
    padding-right: 0
}

.heading.heading-middle-border-reverse h1 {
    padding-left: 15px
}

.heading.heading-middle-border-reverse h2,
.heading.heading-middle-border-reverse h3 {
    padding-left: 10px
}

.heading.heading-middle-border-reverse h4,
.heading.heading-middle-border-reverse h5,
.heading.heading-middle-border-reverse h6 {
    padding-left: 5px
}

.heading.heading-middle-border-center h1 {
    padding-left: 15px;
    padding-right: 15px
}

.heading.heading-middle-border-center h2,
.heading.heading-middle-border-center h3 {
    padding-left: 10px;
    padding-right: 10px
}

.heading.heading-middle-border-center h4,
.heading.heading-middle-border-center h5,
.heading.heading-middle-border-center h6 {
    padding-left: 5px;
    padding-right: 5px
}

.heading.heading-border-xs:before {
    border-top-width: 1px
}

.heading.heading-border-sm:before {
    border-top-width: 2px
}

.heading.heading-border-lg:before {
    border-top-width: 3px
}

.heading.heading-border-xl:before {
    border-top-width: 5px
}

.modal-header h3 {
    color: #333;
    text-transform: none
}

@media (max-width:479px) {
    h2 {
        line-height: 40px
    }
}

@media (max-width:767px) {
    h1.big {
        font-size: 3.2em;
        line-height: 42px
    }
}

blockquote {
    font-size: 1em
}

blockquote.with-borders {
    border-radius: 6px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .04);
    padding: 15px 20px
}

p {
    color: #777;
    margin: 0 0 20px
}

p.featured {
    font-size: 1.6em;
    line-height: 1.5em
}

p.short {
    margin-bottom: 0
}

p.tall {
    margin-bottom: 20px
}

p.taller {
    margin-bottom: 40px
}

p .alternative-font {
    display: inline-block;
    margin-top: -15px;
    position: relative;
    top: 3px;
    margin-bottom: -6px
}

a,
a:focus,
a:hover {
    color: #CCC
}

p.drop-caps:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding: 4px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: Georgia
}

p.drop-caps.drop-caps-style-2:first-letter {
    color: #FFF;
    padding: 6px;
    margin-right: 5px;
    border-radius: 4px
}

.btn-3d,
.btn-xlg {
    border-radius: 6px
}

.default-font {
    font-family: "Open Sans", Arial, sans-serif
}

.alternative-font,
.thumb-info-ribbon span {
    font-family: 'Shadows Into Light Two', cursive;
}

.alternative-font {
    font-size: 1.6em
}

.appear-animation {
    opacity: 0
}

.appear-animation-visible {
    opacity: 1
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: 0 0
}

ul.nav-list li {
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

ul.nav-list li a {
    -webkit-transition: background .1s;
    -moz-transition: background .1s;
    transition: background .1s;
    border-bottom: 1px solid #EDEDDE;
    padding: 8px 0 8px 18px;
    display: block;
    color: #666;
    font-size: .9em;
    line-height: 20px
}

ul.nav-list li a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    margin: 7px 0 0 -9px;
    position: absolute
}

ul.nav-list li a:hover {
    background-color: #eee
}

ul.nav-list li.active>a {
    font-weight: 700
}

ul.nav-list li ul {
    list-style: none;
    margin: 0 0 0 25px;
    padding: 0
}

ul.nav-list.hide-not-active li ul {
    display: none
}

ul.nav-list.hide-not-active li.active ul {
    display: block
}

.nav-pills-center>li,
.nav-secondary .nav-pills>li {
    float: none;
    display: inline-block
}

ul.nav-list.show-bg-active .active>a {
    background-color: #f5f5f5
}

ul.nav-list.show-bg-active .active>a:hover {
    background-color: #eee
}

ul.narrow li a {
    padding: 4px 0
}

.nav-pills-sm>li>a {
    padding: 7px 12px
}

.nav-pills-xs>li>a {
    padding: 5px 10px;
    font-size: .9em
}

.nav-secondary {
    background: #fafafa;
    margin: 0;
    padding: 20px 0;
    z-index: 99;
    width: 100%!important
}

.nav-secondary .nav-pills>li a {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 13px;
    text-transform: uppercase
}

.nav-secondary.sticky-active {
    border-bottom-color: #e9e9e9;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1)
}

html.boxed .nav-secondary.sticky-active {
    max-width: 1200px;
    left: auto!important
}

.btn {
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.btn-default {
    color: #666
}

.btn-filter {
    background-color: #ddd;
    color: #484848;
    font-size: 12px;
    font-weight: 700
}

.btn-filter.active,
.btn-filter:active,
.btn-primary:focus {
    background-color: #919191;
    color: #fff
}

.btn-filter:hover {
    background-color: #bfbfbf;
    color: #484848
}

.btn-icon i {
    margin-right: 10px
}

.btn-icon-right i {
    margin-right: 0;
    margin-left: 10px
}

.btn-primary {
    background-color: #CCC;
    border-color: #CCC #CCC #b3b3b3;
    color: #FFF
}

.btn-primary:hover {
    border-color: #d9d9d9 #d9d9d9 #bfbfbf;
    background-color: #d9d9d9;
    color: #FFF
}

.btn-primary:active,
.btn-primary:focus {
    border-color: #bfbfbf;
    background-color: #bfbfbf;
    color: #FFF
}

.btn-primary.dropdown-toggle {
    border-left-color: #bfbfbf
}

.btn-primary[disabled],
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
    border-color: #fff;
    background-color: #fff;
    color: #CCC
}

.btn-success {
    border-color: #47a447;
    background-color: #47a447;
    color: #FFF
}

.btn-success:hover {
    border-color: #51b451 #51b451 #3f923f;
    background-color: #51b451;
    color: #FFF
}

.btn-success:active,
.btn-success:focus {
    border-color: #3f923f;
    background-color: #3f923f;
    color: #FFF
}

.btn-success.dropdown-toggle {
    border-left-color: #3f923f
}

.btn-success[disabled],
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover {
    border-color: #86cb86;
    background-color: #86cb86;
    color: #CCC
}

.btn-warning {
    background-color: #ed9c28;
    border-color: #ed9c28 #ed9c28 #d18211;
    color: #FFF
}

.btn-warning:hover {
    border-color: #efa740 #efa740 #e89113;
    background-color: #efa740;
    color: #FFF
}

.btn-warning:active,
.btn-warning:focus {
    border-color: #e89113;
    background-color: #e89113;
    color: #FFF
}

.btn-warning.dropdown-toggle {
    border-left-color: #e89113
}

.btn-warning[disabled],
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover {
    border-color: #f5c786;
    background-color: #f5c786;
    color: #CCC
}

.btn-danger {
    background-color: #d2322d;
    border-color: #d2322d #d2322d #a82824;
    color: #FFF
}

.btn-danger:hover {
    border-color: #d74742 #d74742 #bd2d29;
    background-color: #d74742;
    color: #FFF
}

.btn-danger:active,
.btn-danger:focus {
    border-color: #bd2d29;
    background-color: #bd2d29;
    color: #FFF
}

.btn-danger.dropdown-toggle {
    border-left-color: #bd2d29
}

.btn-danger[disabled],
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover {
    border-color: #e48481;
    background-color: #e48481;
    color: #CCC
}

.btn-info {
    background-color: #5bc0de;
    border-color: #5bc0de #5bc0de #31b0d5;
    color: #FFF
}

.btn-info:hover {
    border-color: #70c8e2 #70c8e2 #46b8da;
    background-color: #70c8e2;
    color: #FFF
}

.btn-info:active,
.btn-info:focus {
    border-color: #46b8da;
    background-color: #46b8da;
    color: #FFF
}

.btn-info.dropdown-toggle {
    border-left-color: #46b8da
}

.btn-info[disabled],
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover {
    border-color: #b0e1ef;
    background-color: #b0e1ef;
    color: #CCC
}

.btn-dark {
    background-color: #1d2127;
    border-color: #1d2127 #1d2127 #07080a;
    color: #FFF
}

.btn-dark:hover {
    border-color: #282d36 #282d36 #121518;
    background-color: #282d36;
    color: #FFF
}

.btn-dark:active,
.btn-dark:focus {
    border-color: #121518;
    background-color: #121518;
    color: #FFF
}

.btn-dark.dropdown-toggle {
    border-left-color: #121518
}

.btn-dark[disabled],
.btn-dark[disabled]:active,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:hover {
    border-color: #495362;
    background-color: #495362;
    color: #CCC
}

.btn-borders {
    border-width: 3px;
    padding: 4px 12px
}

.btn-borders.btn-primary {
    background: 0 0;
    border-color: #CCC;
    color: #CCC;
    text-shadow: none
}

.btn-borders.btn-primary:focus,
.btn-borders.btn-primary:hover {
    background-color: #d9d9d9;
    border-color: #CCC!important;
    color: #FFF
}

.btn-borders.btn-success {
    background: 0 0;
    border-color: #47a447;
    color: #47a447;
    text-shadow: none
}

.btn-borders.btn-success:focus,
.btn-borders.btn-success:hover {
    background-color: #51b451;
    border-color: #47a447!important;
    color: #FFF
}

.btn-borders.btn-warning {
    background: 0 0;
    border-color: #ed9c28;
    color: #ed9c28;
    text-shadow: none
}

.btn-borders.btn-warning:focus,
.btn-borders.btn-warning:hover {
    background-color: #efa740;
    border-color: #ed9c28!important;
    color: #FFF
}

.btn-borders.btn-danger {
    background: 0 0;
    border-color: #d2322d;
    color: #d2322d;
    text-shadow: none
}

.btn-borders.btn-danger:focus,
.btn-borders.btn-danger:hover {
    background-color: #d74742;
    border-color: #d2322d!important;
    color: #FFF
}

.btn-borders.btn-info {
    background: 0 0;
    border-color: #5bc0de;
    color: #5bc0de;
    text-shadow: none
}

.btn-borders.btn-info:focus,
.btn-borders.btn-info:hover {
    background-color: #70c8e2;
    border-color: #5bc0de!important;
    color: #FFF
}

.btn-borders.btn-dark {
    background: 0 0;
    border-color: #1d2127;
    color: #1d2127;
    text-shadow: none
}

.btn-borders.btn-dark:focus,
.btn-borders.btn-dark:hover {
    background-color: #282d36;
    border-color: #1d2127!important;
    color: #FFF
}

.btn-borders.btn-lg,
.btn-group-lg>.btn-borders.btn {
    padding: 8px 16px
}

.btn-borders.btn-sm,
.btn-group-sm>.btn-borders.btn {
    border-width: 2px;
    padding: 4px 10px
}

.btn-borders.btn-xs,
.btn-group-xs>.btn-borders.btn {
    padding: 1px 5px;
    border-width: 1px
}

.btn-3d {
    border-bottom-width: 3px;
    padding: 5px 12px
}

.btn-3d.btn-lg,
.btn-group-lg>.btn-3d.btn {
    padding: 9px 16px
}

.btn-3d.btn-sm,
.btn-group-sm>.btn-3d.btn {
    border-width: 2px;
    padding: 4px 10px
}

.btn-3d.btn-xs,
.btn-group-xs>.btn-3d.btn {
    padding: 1px 5px;
    border-width: 1px
}

.btn-xlg {
    font-size: 16px;
    padding: 12px 33px
}

.label-primary {
    background-color: #CCC;
    color: #FFF
}

.label-success {
    background-color: #47a447;
    color: #FFF
}

.label-warning {
    background-color: #ed9c28;
    color: #FFF
}

.label-danger {
    background-color: #d2322d;
    color: #FFF
}

.label-info {
    background-color: #5bc0de;
    color: #FFF
}

.label-dark {
    background-color: #1d2127;
    color: #FFF
}

.label.label-sm {
    font-size: .7em
}

.label.label-lg {
    font-size: 1em
}

.label,
form label {
    font-weight: 400
}

textarea {
    resize: vertical
}

select {
    border: 1px solid #E5E7E9;
    border-radius: 6px;
    outline: 0
}

.form-group:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.form-control:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    border-color: #CCC
}

.form-control.error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-control.error:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

label.valid {
    display: inline-block;
    text-indent: -9999px
}

label.error {
    color: #c10000;
    font-size: .9em;
    line-height: 18px;
    padding: 5px 0 0
}

label.error#captcha-error {
    margin-top: 15px
}

.captcha {
    clear: both;
    background: #F2F2F2;
    margin-bottom: 20px;
    max-width: 160px;
    height: 78px;
    position: relative
}

.captcha input {
    border: 0
}

.captcha-input {
    position: relative;
    top: 15px;
    font-size: 14px
}

.captcha-image {
    float: left;
    position: relative;
    top: -5px;
    left: -13px
}

.captcha-refresh {
    position: absolute;
    z-index: 1;
    bottom: 2px;
    right: 2px;
    border-radius: 3px;
    padding: 2px 5px
}

.featured-icon,
.img-thumbnail {
    position: relative
}

.captcha-refresh a,
.captcha-refresh a:active,
.captcha-refresh a:focus,
.captcha-refresh a:hover {
    color: #333
}

.table>tbody>tr.primary>td,
.table>tbody>tr.primary>th,
.table>tbody>tr>td.primary,
.table>tbody>tr>th.primary,
.table>tfoot>tr.primary>td,
.table>tfoot>tr.primary>th,
.table>tfoot>tr>td.primary,
.table>tfoot>tr>th.primary,
.table>thead>tr.primary>td,
.table>thead>tr.primary>th,
.table>thead>tr>td.primary,
.table>thead>tr>th.primary {
    background-color: #CCC;
    color: #FFF
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #47a447;
    color: #FFF
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #ed9c28;
    color: #FFF
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #d2322d;
    color: #FFF
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #5bc0de;
    color: #FFF
}

.table>tbody>tr.dark>td,
.table>tbody>tr.dark>th,
.table>tbody>tr>td.dark,
.table>tbody>tr>th.dark,
.table>tfoot>tr.dark>td,
.table>tfoot>tr.dark>th,
.table>tfoot>tr>td.dark,
.table>tfoot>tr>th.dark,
.table>thead>tr.dark>td,
.table>thead>tr.dark>th,
.table>thead>tr>td.dark,
.table>thead>tr>th.dark {
    background-color: #1d2127;
    color: #FFF
}

.featured-icon {
    background: #CCC;
    border-radius: 35px;
    color: #FFF;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    top: 5px;
    width: 35px
}

.img-rounded,
.img-thumbnail,
.img-thumbnail img {
    border-radius: 4px
}

.featured-icon i {
    color: #FFF;
    font-size: .9em;
    font-weight: 400
}

.sample-icon-list {
    margin-top: 22px
}

.sample-icon-list .sample-icon a {
    display: block;
    color: #222;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
    font-size: 11px
}

.sample-icon-list .sample-icon a .fa,
.sample-icon-list .sample-icon a .icons {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}

.sample-icon-list .sample-icon a:hover {
    color: #fff;
    text-decoration: none
}

.sample-icon-list .sample-icon a:hover .fa,
.sample-icon-list .sample-icon a:hover .icons {
    font-size: 28px;
    vertical-align: -6px
}

.img-thumbnail .zoom {
    background: #CCC;
    border-radius: 100%;
    bottom: 8px;
    color: #FFF;
    display: block;
    height: 30px;
    padding: 6px;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 30px
}

.img-thumbnail .zoom i {
    font-size: 14px;
    left: -1px;
    position: relative;
    top: -3px
}

.img-thumbnail.img-thumbnail-hover-icon {
    position: relative
}

.img-thumbnail.img-thumbnail-hover-icon img {
    position: relative;
    z-index: 1
}

.img-thumbnail.img-thumbnail-hover-icon:before {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    background: rgba(0, 0, 0, .65);
    border-radius: 4px;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 2
}

.img-thumbnail.img-thumbnail-hover-icon:after {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    font-family: FontAwesome;
    color: #FFF;
    content: "\f00e";
    font-size: 30px;
    height: 30px;
    position: absolute;
    top: 30%;
    margin-top: -15px;
    display: block;
    text-align: center;
    width: 100%;
    opacity: 0;
    z-index: 3
}

.img-thumbnail.img-thumbnail-hover-icon:hover:before {
    opacity: 1
}

.img-thumbnail.img-thumbnail-hover-icon:hover:after {
    top: 50%;
    opacity: 1
}

ul.image-gallery {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.image-gallery .image-gallery-item {
    margin-bottom: 35px
}

ul.thumbnail-gallery {
    list-style: none;
    margin: 10px 0;
    padding: 0
}

ul.thumbnail-gallery li {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 0
}

@media (max-width:991px) {
    .thumbnail {
        border: 0;
        text-align: center
    }
}

.masonry .masonry-item {
    width: 25%
}

.masonry .masonry-item.w2 {
    width: 50%
}

.masonry .masonry-item img {
    border-radius: 0!important
}

.masonry-loader {
    height: auto;
    overflow: visible;
    position: relative
}

.masonry-loader:after {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    content: ' ';
    background: #FFF;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0
}

.mfp-fade.mfp-bg,
.toggle>label {
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out
}

.masonry-loader .bounce-loader {
    display: none
}

.masonry-loader.masonry-loader-showing {
    height: 200px;
    overflow: hidden
}

.masonry-loader.masonry-loader-showing:after {
    opacity: 1
}

.masonry-loader.masonry-loader-showing .bounce-loader {
    display: block
}

.masonry-loader.masonry-loader-loaded:after {
    display: none
}

@media (min-width:992px) {
    .mockup-landing-page {
        margin-top: -120px
    }
    .col-md-1-5.isotope-item:nth-child(5n+1),
    .col-md-2.isotope-item:nth-child(6n+1),
    .col-md-3.isotope-item:nth-child(4n+1),
    .col-md-4.isotope-item:nth-child(3n+1),
    .col-md-6.isotope-item:nth-child(2n+1),
    .sort-destination.full-width .isotope-item:nth-child(5n+1) {
        clear: both
    }
}

.list li {
    margin-bottom: 13px
}

.list.pull-left li {
    text-align: left
}

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

.list.list-icons li {
    position: relative;
    padding-left: 25px
}
.list.list-icons li:last-child { margin-bottom:0;}

.list.list-icons li a:first-child>.fa:first-child,
.list.list-icons li a:first-child>.icons:first-child,
.list.list-icons li>.fa:first-child,
.list.list-icons li>.icons:first-child {
    position: absolute;
    left: 0;
    top: 5px
}

.list.list-icons.list-icons-style-2 li {
    padding-top: 5px;
    padding-left: 36px
}

.list.list-icons.list-icons-style-2 li a:first-child>.fa:first-child,
.list.list-icons.list-icons-style-2 li a:first-child>.icons:first-child,
.list.list-icons.list-icons-style-2 li>.fa:first-child,
.list.list-icons.list-icons-style-2 li>.icons:first-child {
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 4px
}

.list.list-icons.list-icons-style-3 li {
    padding-top: 5px;
    padding-left: 36px
}

.list.list-icons.list-icons-style-3 li a:first-child>.fa:first-child,
.list.list-icons.list-icons-style-3 li a:first-child>.icons:first-child,
.list.list-icons.list-icons-style-3 li>.fa:first-child,
.list.list-icons.list-icons-style-3 li>.icons:first-child {
    color: #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 5px
}

.list.list-icons.list-icons-sm li {
    padding-left: 13px;
    margin-bottom: 5px
}

.list.list-icons.list-icons-sm li a:first-child>.fa:first-child,
.list.list-icons.list-icons-sm li a:first-child>.icons:first-child,
.list.list-icons.list-icons-sm li>.fa:first-child,
.list.list-icons.list-icons-sm li>.icons:first-child {
    font-size: .8em;
    top: 7px
}

.list.list-icons.list-icons-sm.list-icons-style-2 li {
    padding-left: 32px
}

.list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child>.fa:first-child,
.list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child>.icons:first-child,
.list.list-icons.list-icons-sm.list-icons-style-2 li>.fa:first-child,
.list.list-icons.list-icons-sm.list-icons-style-2 li>.icons:first-child {
    width: 20px;
    height: 20px;
    padding: 3px
}

.list.list-icons.list-icons-sm.list-icons-style-3 li {
    padding-left: 32px
}

.list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child>.fa:first-child,
.list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child>.icons:first-child,
.list.list-icons.list-icons-sm.list-icons-style-3 li>.fa:first-child,
.list.list-icons.list-icons-sm.list-icons-style-3 li>.icons:first-child {
    width: 20px;
    height: 20px;
    padding: 3px
}

.list.list-icons.list-icons-lg li {
    padding-top: 5px;
    padding-left: 32px
}

.list.list-icons.list-icons-lg li a:first-child>.fa:first-child,
.list.list-icons.list-icons-lg li a:first-child>.icons:first-child,
.list.list-icons.list-icons-lg li>.fa:first-child,
.list.list-icons.list-icons-lg li>.icons:first-child {
    font-size: 1.5em
}

.list.list-icons.list-icons-lg.list-icons-style-2 li {
    padding-top: 8px;
    padding-left: 42px
}

.list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child>.fa:first-child,
.list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child>.icons:first-child,
.list.list-icons.list-icons-lg.list-icons-style-2 li>.fa:first-child,
.list.list-icons.list-icons-lg.list-icons-style-2 li>.icons:first-child {
    width: 30px;
    height: 30px;
    padding: 4px
}

.list.list-icons.list-icons-lg.list-icons-style-3 li {
    padding-top: 8px;
    padding-left: 42px
}

.list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child>.fa:first-child,
.list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child>.icons:first-child,
.list.list-icons.list-icons-lg.list-icons-style-3 li>.fa:first-child,
.list.list-icons.list-icons-lg.list-icons-style-3 li>.icons:first-child {
    width: 30px;
    height: 30px;
    padding: 4px
}

.list.list-icons.list-icons-reverse li {
    text-align: right;
    padding-right: 25px;
    padding-left: 0
}

.list.list-icons.list-icons-reverse li a:first-child>.fa:first-child,
.list.list-icons.list-icons-reverse li a:first-child>.icons:first-child,
.list.list-icons.list-icons-reverse li>.fa:first-child,
.list.list-icons.list-icons-reverse li>.icons:first-child {
    position: absolute;
    left: auto;
    right: 0;
    top: 5px
}

.list.list-icons.list-icons-reverse.list-icons-style-2 li,
.list.list-icons.list-icons-reverse.list-icons-style-3 li {
    padding-right: 36px
}

.list.list-icons.list-icons-reverse.list-icons-sm li {
    padding-left: 0;
    padding-right: 13px
}

.list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li,
.list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li {
    padding-right: 32px
}

.list.list-icons.list-icons-reverse.list-icons-lg li {
    padding-left: 0;
    padding-right: 32px
}

.list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li,
.list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li {
    padding-right: 42px
}

.list.list-borders li {
    border-bottom: 1px solid #DBDBDB;
    margin-top: 9px;
    margin-bottom: 0;
    padding-bottom: 9px
}

.list.list-borders li:last-child {
    border-bottom: 0
}

.list.list-side-borders {
    border-left: 1px solid #DBDBDB;
    padding-left: 10px
}

.list.list-ordened {
    counter-reset: custom-counter;
    list-style: none
}

.list.list-ordened li {
    position: relative;
    padding-left: 22px
}

.list.list-ordened li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(custom-counter);
    counter-increment: custom-counter;
    font-weight: 700
}

.list.list-ordened.list-ordened-style-2 li,
.list.list-ordened.list-ordened-style-3 li {
    padding-left: 32px
}

.list.list-ordened.list-ordened-style-2 li:before,
.list.list-ordened.list-ordened-style-3 li:before {
    border-radius: 100%;
    border-style: solid;
    border-width: 1px;
    min-width: 26px;
    padding: 0;
    text-align: center
}

.list.list-ordened.list-ordened-style-3 li:before {
    color: #FFF;
    border: 0
}

.list.list-unstyled {
    padding-left: 0;
    padding-right: 0
}

dl dd {
    margin-bottom: 15px
}

ul.sitemap>li>a {
    font-weight: 700
}

ul.sitemap.list li {
    margin: 0 0 3px
}

ul.sitemap.list ul {
    margin-bottom: 5px;
    margin-top: 5px
}

.panel-group .panel-heading {
    padding: 0;
    border-radius: 3px
}

.panel-group .panel-heading a {
    display: block;
    padding: 10px 15px
}

.sample-item a,
.text-decoration-none {
    text-decoration: none!important
}

.panel-group .panel-heading a [class^=icon-] {
    margin-right: 4px;
    position: relative;
    top: 1px
}

.panel-group .panel-heading a .fa,
.panel-group .panel-heading a .icons {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.panel-group.panel-group-sm .panel-heading a {
    padding: 5px 15px;
    font-size: .9em
}

.panel-group.panel-group-sm .panel-body {
    font-size: .9em
}

.panel-group.panel-group-lg .panel-heading a {
    padding: 15px;
    font-size: 1em;
    font-weight: 600
}

.nav-tabs,
.panel-group.without-borders .panel-body {
    padding: 0
}

.panel-group.without-bg .panel-default,
.panel-group.without-bg .panel-default>.panel-heading {
    background: 0 0!important
}

.panel-group.without-bg .panel-body {
    padding-top: 0;
    padding-bottom: 0
}

.panel-group.without-borders .panel {
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #DDD;
    border-radius: 0
}

.panel-group.without-borders .panel-heading a {
    padding-left: 0;
    padding-right: 0
}

.tabs {
    border-radius: 4px;
    margin-bottom: 20px
}

.nav-tabs {
    margin: 0;
    font-size: 0;
    border-bottom-color: #EEE
}

.nav-tabs li {
    display: inline-block;
    float: none
}

.nav-tabs li:last-child a {
    margin-right: 0
}

.nav-tabs li a {
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    margin-right: 1px
}

.nav-tabs li a,
.nav-tabs li a:hover {
    background: #919191;
    border-bottom: none;
    border-right: 1px solid #9f9f9f;
    color: #CCC
}

.nav-tabs li a:hover {
    border-bottom-color: transparent;
    background: #646464;
    box-shadow: none
}

.nav-tabs li a:active,
.nav-tabs li a:focus {
    border-bottom: 0
}

.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover {
    background: #FFF;
    border-left-color: #EEE;
    border-right-color: #EEE;
    border-top: 3px solid #CCC;
    color: #CCC
}

.tab-content {
    border-top: 0;
    padding: 15px
}

.nav-tabs.nav-right {
    text-align: right
}

.tabs.tabs-bottom {
    margin: 0 0 20px;
    padding: 0
}

.tabs.tabs-bottom .tab-content {
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
    border-top: 1px solid #EEE
}

.tabs.tabs-bottom .nav-tabs {
    border-bottom: none;
    border-top: 1px solid #EEE
}

.tabs.tabs-bottom .nav-tabs li {
    margin-bottom: 0;
    margin-top: -1px
}

.tabs.tabs-bottom .nav-tabs li:last-child a {
    margin-right: 0
}

.tabs.tabs-bottom .nav-tabs li a {
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    margin-right: 1px
}

.tabs.tabs-bottom .nav-tabs li a,
.tabs.tabs-bottom .nav-tabs li a:hover {
    border-bottom: 3px solid #EEE;
    border-top: 1px solid #EEE
}

.tabs.tabs-bottom .nav-tabs li a:hover {
    border-bottom: 3px solid #CCC;
    border-top: 1px solid #EEE
}

.tabs.tabs-bottom .nav-tabs li.active a,
.tabs.tabs-bottom .nav-tabs li.active a:focus,
.tabs.tabs-bottom .nav-tabs li.active a:hover {
    border-bottom: 3px solid #CCC;
    border-top-color: transparent
}

.tabs-vertical {
    display: table;
    width: 100%;
    padding: 0;
    border-top: 1px solid #EEE
}

.tabs-vertical .nav-tabs,
.tabs-vertical .tab-content {
    display: table-cell;
    vertical-align: top
}

.tabs-vertical .nav-tabs>li.active a,
.tabs-vertical .nav-tabs>li.active a:hover,
.tabs-vertical .nav-tabs>li.active:focus,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified {
    border-top: none
}

.tabs-vertical .nav-tabs {
    border-bottom: none;
    height: 100%;
    float: none;
    padding: 0
}

.tabs-vertical .nav-tabs>li {
    display: block
}

.tabs-vertical .nav-tabs>li a {
    border-radius: 0;
    display: block;
    padding-top: 10px
}

.tabs-left,
.tabs-right {
    padding: 0
}

.tabs-vertical .nav-tabs>li a,
.tabs-vertical .nav-tabs>li a:focus,
.tabs-vertical .nav-tabs>li a:hover {
    border-bottom: none;
    border-top: none
}

.tabs-left .tab-content {
    border-radius: 0 5px 5px;
    border-left: none
}

.tabs-left .nav-tabs>li {
    margin-right: -1px
}

.tabs-left .nav-tabs>li:first-child a {
    border-radius: 5px 0 0
}

.tabs-left .nav-tabs>li:last-child a {
    border-radius: 0 0 0 5px;
    border-bottom: 1px solid #eee
}

.tabs-left .nav-tabs>li a {
    border-right: 1px solid #EEE;
    border-left: 3px solid #EEE;
    margin-right: 1px;
    margin-left: -3px
}

.tabs-left .nav-tabs>li a:hover {
    border-left-color: #CCC
}

.tabs-left .nav-tabs>li.active a,
.tabs-left .nav-tabs>li.active a:focus,
.tabs-left .nav-tabs>li.active a:hover {
    border-left: 3px solid #CCC;
    border-right-color: #FFF
}

.tabs-right .tab-content {
    border-radius: 5px 0 5px 5px;
    border-right: none
}

.tabs-right .nav-tabs>li {
    margin-left: -1px
}

.tabs-right .nav-tabs>li:first-child a {
    border-radius: 0 5px 0 0
}

.tabs-right .nav-tabs>li:last-child a {
    border-radius: 0 0 5px;
    border-bottom: 1px solid #eee
}

.nav-tabs.nav-justified li a,
.nav-tabs.nav-justified li a:focus,
.nav-tabs.nav-justified li a:hover {
    border-bottom: 1px solid #DDD
}

.tabs-right .nav-tabs>li a {
    border-right: 3px solid #EEE;
    border-left: 1px solid #EEE;
    margin-right: 1px;
    margin-left: 1px
}

.tabs-right .nav-tabs>li a:hover {
    border-right-color: #CCC
}

.tabs-right .nav-tabs>li.active a,
.tabs-right .nav-tabs>li.active a:focus,
.tabs-right .nav-tabs>li.active a:hover {
    border-right: 3px solid #CCC;
    border-left: 1px solid #FFF
}

.nav-tabs.nav-justified {
    padding: 0;
    margin-bottom: -1px
}

.nav-tabs.nav-justified li {
    margin-bottom: 0
}

.nav-tabs.nav-justified li a {
    border-radius: 0;
    margin-right: 0
}

.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:focus,
.nav-tabs.nav-justified li.active a:hover {
    background: #FFF;
    border-left-color: #fff;
    border-right-color: #fff
}

.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover {
    border-bottom: 1px solid #FFF
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
    margin-right: 0;
    border-top-color: transparent
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a {
    border-radius: 0 0 0 5px
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a {
    margin-right: 0;
    border-radius: 0 0 5px
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover {
    border-top-color: transparent
}

.tabs-center .nav-tabs {
    margin: 0 auto;
    text-align: center
}

.tabs-navigation {
    border-radius: 5px
}

.tabs-navigation .nav-tabs>li {
    margin-bottom: 1px
}

.tabs-navigation .nav-tabs>li a {
    color: #777;
    padding: 18px;
    line-height: 100%
}

.tabs-navigation .nav-tabs>li a:before {
    font-family: FontAwesome;
    content: "\f054";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px
}

.tabs-navigation .nav-tabs>li a .fa,
.tabs-navigation .nav-tabs>li a .icons {
    margin-right: 4px
}

.tabs-navigation .nav-tabs>li:first-child a {
    border-radius: 5px 5px 0 0
}

.tabs-navigation .nav-tabs>li.active a,
.tabs-navigation .nav-tabs>li.active a:focus,
.tabs-navigation .nav-tabs>li.active a:hover {
    border-right-color: #eee
}

.tabs-navigation .nav-tabs>li:last-child a {
    border-radius: 0 0 5px 5px
}

.tab-pane-navigation {
    display: none
}

.tab-pane-navigation.active,
.toggle>label {
    display: block
}

.tabs.tabs-simple .nav-tabs {
    border: 0;
    margin-bottom: 10px
}

.tabs.tabs-simple .nav-tabs>li {
    margin-left: 0;
    margin-bottom: 20px
}

.tabs.tabs-simple .nav-tabs>li a,
.tabs.tabs-simple .nav-tabs>li a:focus,
.tabs.tabs-simple .nav-tabs>li a:hover {
    padding: 15px 30px;
    background: 0 0;
    border: 0;
    border-bottom: 3px solid #eee;
    border-radius: 0;
    color: #777;
    font-size: 16px
}
.tabs.tabs-simple .nav-tabs>li a.active {
    border-bottom-color:#400190;
}
.tabs.tabs-simple .tab-content {
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: none
}

@media (max-width:479px) {
    .tabs .nav.nav-tabs.nav-justified li {
        display: block;
        margin-bottom: -5px
    }
    .tabs .nav.nav-tabs.nav-justified li a {
        border-top-width: 3px!important;
        border-bottom-width: 0!important
    }
    .tabs .nav.nav-tabs.nav-justified li:first-child a,
    .tabs .nav.nav-tabs.nav-justified li:first-child a:hover {
        border-radius: 5px 5px 0 0
    }
    .tabs .nav.nav-tabs.nav-justified li:last-child a,
    .tabs .nav.nav-tabs.nav-justified li:last-child a:hover,
    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a,
    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a:hover {
        border-radius: 0
    }
    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li {
        margin-bottom: 0;
        margin-top: -5px
    }
    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
        border-bottom-width: 3px!important;
        border-top-width: 0!important
    }
    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a,
    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover {
        border-radius: 0 0 5px 5px
    }
}

.toggle {
    margin: 10px 0 20px;
    position: relative;
    clear: both
}

.toggle .toggle {
    margin: 10px 0 0
}

.toggle>input {
    filter: alpha(opacity=0);
    height: 45px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.toggle>label {
    transition: all .15s ease-out;
    background: #F4F4F4;
    border-left: 3px solid #CCC;
    border-radius: 5px;
    color: #CCC;
    font-size: 1.1em;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    font-weight: 400
}

.toggle>label:-moz-selection {
    background: 0 0
}

.toggle>label i.fa-minus {
    display: none
}

.toggle>label i.fa-plus {
    display: inline
}

.toggle>label:selection {
    background: 0 0
}

.toggle>label:before {
    border: 6px solid transparent;
    border-left-color: inherit;
    content: '';
    margin-top: -6px;
    position: absolute;
    right: 4px;
    top: 50%
}

.toggle>label:hover {
    background: #f5f5f5
}

.toggle>label+p {
    color: #999;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 25px
}

.toggle>label i {
    font-size: .7em;
    margin-right: 8px;
    position: relative;
    top: -1px
}

.toggle>.toggle-content {
    display: none
}

.toggle>.toggle-content>p {
    margin-bottom: 0;
    padding: 10px 0
}

.toggle.active i.fa-minus {
    display: inline
}

.toggle.active i.fa-plus {
    display: none
}

.toggle.active>label {
    background: #F4F4F4;
    border-color: #CCC
}

.toggle.active>label:before {
    border: 6px solid transparent;
    border-top-color: #fe6d0c;
    margin-top: -3px;
    right: 10px
}

.toggle.active>p {
    white-space: normal
}

.toggle>p.preview-active {
    height: auto;
    white-space: normal
}

.toggle.toggle-sm .toggle>label {
    font-size: .9em;
    padding: 6px 20px 6px 10px
}

.toggle.toggle-sm .toggle>.toggle-content>p {
    font-size: .9em
}

.toggle.toggle-lg .toggle>label {
    font-size: 1.1em;
    padding: 16px 20px
}

.toggle.toggle-lg .toggle>.toggle-content>p {
    font-size: 1.1em
}

.toggle.toggle-simple .toggle>label {
    border-radius: 0;
    border: 0;
    background: 0 0;
    padding-left: 32px;
    margin-bottom: -10px;
    font-size: 1em;
    font-weight: 600;
    color: #1d2127
}

.toggle.toggle-simple .toggle>label:after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: #CCC;
    top: 23px;
    margin-top: -12px;
    border-radius: 3px;
    z-index: 1
}

.toggle.toggle-simple .toggle>label:before {
    border: 0;
    left: 7px;
    right: auto;
    margin-top: 0;
    top: 12px;
    font-family: FontAwesome;
    content: "\f067";
    z-index: 2;
    color: #FFF;
    font-size: 13px
}

.toggle.toggle-simple .toggle.active>label {
    background: 0 0;
    color: #1d2127
}

.toggle.toggle-simple .toggle.active>label:before {
    content: "\f068"
}

.owl-carousel {
    margin-bottom: 20px
}

.owl-carousel .owl-item img {
    transform-style: unset
}

.owl-carousel .thumbnail {
    margin-right: 1px
}

.owl-carousel .item-video {
    height: 300px
}

.owl-carousel .owl-nav {
    position: absolute;
    margin-top: -20px
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    display: inline-block
}

.owl-carousel .owl-nav .owl-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    position: relative;
    left: -1px;
    top: 1px
}

.owl-carousel .owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f054";
    position: relative;
    left: 2px;
    top: 1px
}

.owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 40px!important;
    margin-right: 40px!important
}

.owl-carousel.stage-margin .owl-stage-outer .owl-stage {
    padding-left: 0!important;
    padding-right: 0!important
}

.owl-carousel.show-nav-hover .owl-nav {
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.owl-carousel.show-nav-hover .owl-nav .owl-prev {
    left: -20px
}

.owl-carousel.show-nav-hover .owl-nav .owl-next {
    right: -20px
}

.owl-carousel.show-nav-hover:hover .owl-nav {
    opacity: 1
}

.owl-carousel.show-nav-title .owl-nav {
    top: 0;
    right: 0;
    margin-top: -45px;
    width: auto
}

.owl-carousel.show-nav-title .owl-nav [class*=owl-],
.owl-carousel.show-nav-title .owl-nav [class*=owl-]:active,
.owl-carousel.show-nav-title .owl-nav [class*=owl-]:hover {
    background: 0 0!important;
    width: 18px;
    font-size: 18px
}

.owl-carousel.show-nav-title .owl-nav .owl-prev {
    left: -45px
}

.owl-carousel.rounded-nav .owl-nav [class*=owl-],
.owl-carousel.rounded-nav .owl-nav [class*=owl-]:hover {
    padding: 3px 7px;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid #999!important;
    color: #999
}

.owl-carousel.nav-bottom .owl-nav {
    position: static;
    margin: 0;
    padding: 0;
    width: auto
}

.owl-carousel.nav-bottom .owl-nav .owl-next,
.owl-carousel.nav-bottom .owl-nav .owl-prev {
    position: static
}

.owl-carousel.nav-inside .owl-dots,
.owl-carousel.nav-inside .owl-nav {
    bottom: 2px;
    margin-top: 10px;
    position: absolute;
}

.owl-carousel.big-nav .owl-nav,
.owl-carousel.full-width .owl-nav {
    margin-top: -30px
}

.owl-carousel.big-nav .owl-nav [class*=owl-],
.owl-carousel.big-nav .owl-nav [class*=owl-]:hover,
.owl-carousel.full-width .owl-nav [class*=owl-],
.owl-carousel.full-width .owl-nav [class*=owl-]:hover {
    height: auto;
    padding: 20px 0
}

.owl-carousel.big-nav .owl-nav .owl-prev,
.owl-carousel.full-width .owl-nav .owl-prev {
    border-radius: 0 4px 4px 0
}

.owl-carousel.big-nav .owl-nav .owl-next,
.owl-carousel.full-width .owl-nav .owl-next {
    border-radius: 4px 0 0 4px
}

.carousel-areas,
.carousel-areas .owl-carousel:first-child img {
    border-radius: 6px 6px 0 0
}

.owl-carousel.top-border {
    border-top: 1px solid #DBDBDB;
    padding-top: 18px
}

.owl-carousel-spaced {
    margin-left: -5px
}

.owl-carousel-spaced .owl-item>div {
    margin: 5px
}

.owl-carousel.testimonials img {
    display: inline-block;
    height: 70px;
    width: 70px
}

@media (max-width:479px) {
    .owl-carousel-spaced {
        margin-left: 0
    }
}

.carousel-areas {
    background: url(../img/patterns/stripes.png);
    margin-bottom: -10px;
    padding: 10px 10px 0
}

.carousel-areas .owl-carousel {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2)
}

.carousel-areas .owl-carousel .owl-nav .owl-prev {
    left: -55px
}

.carousel-areas .owl-carousel .owl-nav .owl-next {
    right: -55px
}

@media (max-width:991px) {
    .carousel-areas .owl-carousel .owl-nav {
        display: none
    }
}

section.video {
    -webkit-transform: translate3d(0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    width: 100%
}

section.video .container {
    position: relative;
    z-index: 3
}

section.video .video-overlay {
    background: url(../img/video-overlay.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

section.video.video-overlay-dark .video-overlay {
    background-image: url(../img/video-overlay-dark.png)
}

html.boxed section.video>div:first-child,
html.boxed section.video>div:first-child video {
    z-index: 0!important
}

.mfp-content .ajax-container,
.popup-inline-content {
    background: #FFF;
    margin: 40px auto;
    max-width: 1170px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
    display: none
}

.mfp-no-margins .mfp-container,
.mfp-no-margins img.mfp-img {
    padding: 0
}

.mfp-content .ajax-container,
.mfp-wrap .popup-inline-content {
    display: block
}

.mfp-close,
.mfp-close-btn-in .mfp-close {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #838383
}

.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0
}

.dialog,
.white-popup-block {
    padding: 20px 30px;
    text-align: left;
    margin: 40px auto;
    position: relative
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: .001;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: .001;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: .01;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .15s ease-out
}

.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 .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

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

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

.dialog {
    background: #fff;
    max-width: 600px
}

.dialog.dialog-xs {
    max-width: 200px
}

.dialog.dialog-sm {
    max-width: 400px
}

.dialog.dialog-md {
    max-width: 600px
}

.dialog.dialog-lg {
    max-width: 900px
}

.white-popup-block {
    background: #FFF;
    max-width: 600px
}

.white-popup-block.white-popup-block-xs {
    max-width: 200px
}

.white-popup-block.white-popup-block-sm {
    max-width: 400px
}

.white-popup-block.white-popup-block-md {
    max-width: 600px
}

.white-popup-block.white-popup-block-lg {
    max-width: 900px
}

html.lightbox-opened.sticky-header-active #header .header-body {
    padding-right: 17px
}

.modal-open {
    padding-right: 0!important
}

.col-half-section {
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    max-width: 570px;
    float: left;
    margin-left: 30px;
    margin-right: 0
}

.col-half-section.col-half-section-right {
    float: right;
    margin-left: 0;
    margin-right: 30px
}

@media (max-width:1199px) {
    .col-half-section {
        max-width: 468px
    }
}

@media (max-width:991px) {
    .col-half-section {
        max-width: 740px;
        float: none!important;
        margin: 0 auto!important;
        padding-left: 30px!important;
        padding-right: 30px!important
    }
}

.inverted,
h1 .inverted {
    padding-left: 10px;
    padding-right: 10px
}

.pull-none {
    float: none!important
}

.pull-left {
    float: left!important
}

.pull-right {
    float: right!important
}

@media (max-width:767px) {
    .pull-xs-left {
        float: left
    }
    .pull-xs-right {
        float: right
    }
}

@media (min-width:768px) and (max-width:991px) {
    .pull-sm-left {
        float: left
    }
    .pull-sm-right {
        float: right
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .pull-md-left {
        float: left
    }
    .pull-md-right {
        float: right
    }
}

@media (min-width:1200px) {
    .pull-lg-left {
        float: left
    }
    .pull-lg-right {
        float: right
    }
}

.align-center,
.center {
    text-align: center!important
}

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

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

.divider,
.divider .fa,
.divider .icons,
.divider.divider-small.divider-small-center,
.go-to-demos,
.sample-item,
.sample-item-list li {
    text-align: center
}

.bold {
    font-weight: 700
}

.alert-admin h4,
.semi-bold {
    font-weight: 600
}

.inverted {
    color: #FFF;
    display: inline-block
}

h2 .inverted {
    padding-left: 7px;
    padding-right: 7px
}

h3 .inverted {
    padding-left: 2px;
    padding-right: 2px
}

h4 .inverted {
    padding-left: 4px;
    padding-right: 4px
}

h5 .inverted,
h6 .inverted {
    padding-left: 2px;
    padding-right: 2px
}

.font-size-xs {
    font-size: .8em!important
}

.font-size-sm {
    font-size: .9em!important
}

.font-size-md {
    font-size: 1em!important
}

.font-size-lg {
    font-size: 1.1em!important
}

.font-size-xl {
    font-size: 1.2em!important
}

.line-height-xs {
    line-height: 16px!important
}

.line-height-sm {
    line-height: 20px!important
}

.line-height-md {
    line-height: 24px!important
}

.line-height-lg {
    line-height: 28px!important
}

.line-height-xl {
    line-height: 32px!important
}

.outline-none {
    outline: 0!important
}

.display-block {
    display: block!important
}

.display-inline-block {
    display: inline-block!important
}

.display-inline {
    display: inline!important
}

.block-link {
    display: block!important
}

.no-borders {
    border: none!important
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

.container-xl {
    width: 100%;
    max-width: 1630px
}

.sample-item-container {
    max-width: 1648px
}

.sample-item-list {
    list-style: none;
    padding: 0;
    margin: 0;
    opacity: 0
}

.sample-item-list.sample-item-list-loaded {
    opacity: 1
}

.sample-item {
    max-width: 500px;
    width: 100%;
    display: inline-block;
    margin-bottom: 35px
}

.go-to-demos,
.go-to-demos:hover,
.shop ul.products .product .price ins,
.shop ul.products .product a,
.social-icons li a,
.thumb-info,
.thumb-info-social-icons a:hover {
    text-decoration: none
}

.sample-item .owl-carousel {
    margin-bottom: 0;
    box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, .1);
    position: relative;
    height: 22.8vw;
    max-height: 365px;
    display: block!important;
    overflow: hidden;
    -webkit-transition: box-shadow .3s ease;
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease
}

.sample-item .owl-carousel:hover {
    box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, .4)
}

.sample-item .owl-carousel .sample-item-image-wrapper {
    box-shadow: none
}

.sample-item .owl-carousel .owl-item>div {
    height: 365px;
    max-height: 365px
}

.sample-item .owl-carousel .owl-nav .owl-next,
.sample-item .owl-carousel .owl-nav .owl-prev {
    border: 0;
    border-radius: 0 4px 4px 0;
    color: #777;
    height: 50px;
    line-height: 38px;
    margin-top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.sample-item .owl-carousel .owl-nav .owl-next:focus,
.sample-item .owl-carousel .owl-nav .owl-next:hover,
.sample-item .owl-carousel .owl-nav .owl-prev:focus,
.sample-item .owl-carousel .owl-nav .owl-prev:hover {
    color: #000!important
}

.sample-item .owl-carousel .owl-nav .owl-next:before,
.sample-item .owl-carousel .owl-nav .owl-prev:before {
    font-size: 11px
}

.sample-item .owl-carousel .owl-nav .owl-prev {
    background-color: #E7E7E7;
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate3d(-30px, 0, 0);
    -ms-transform: translate3d(-30px, 0, 0);
    -o-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0)
}

.sample-item .owl-carousel .owl-nav .owl-prev:focus,
.sample-item .owl-carousel .owl-nav .owl-prev:hover {
    background-color: #E7E7E7!important
}

.sample-item .owl-carousel .owl-nav .owl-next {
    background-color: #E7E7E7;
    -webkit-transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    -o-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
    border-radius: 4px 0 0 4px
}

.sample-item .owl-carousel .owl-nav .owl-next:focus,
.sample-item .owl-carousel .owl-nav .owl-next:hover {
    background-color: #E7E7E7!important
}

.sample-item .owl-carousel:hover .owl-nav .owl-next,
.sample-item .owl-carousel:hover .owl-nav .owl-prev {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sample-item .sample-item-image-wrapper {
    background: #FFF;
    height: 22vw;
    max-height: 365px;
    max-width: 500px;
    width: 100%;
    display: inline-block;
    border: none;
    box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, .1);
    position: relative;
    -webkit-transition: box-shadow .3s ease;
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease
}

.sample-item .sample-item-image-wrapper .fa-spin {
    background: 0 0;
    color: #ccc;
    font-size: 25px;
    left: 50%;
    margin: -13px;
    position: absolute;
    top: 50%;
    z-index: 1
}

.sample-item a:hover .sample-item-image-wrapper {
    box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, .4)
}

.sample-item .sample-item-image {
    height: 22.8vw;
    max-height: 365px;
    max-width: 500px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 2
}

.sample-item .sample-item-description {
    display: block;
    padding: 15px 0
}

.sample-item h5 {
    padding: 0;
    margin: 0;
    font-size: 14px
}

.sample-item h5 .sample-item-info {
    display: block;
    font-size: 11px;
    opacity: .6
}

.sample-item p {
    padding: 0;
    margin: 0;
    font-size: 12px
}

.sample-item.sample-item-home .sample-item-image-wrapper {
    height: 13.9vw
}

.sample-item.sample-item-home .sample-item-image,
.sample-item.sample-item-home .sample-item-image-wrapper {
    max-height: 260px
}

.sample-item.sample-item-coming-soon .sample-item-image {
    background-color: #FBFBFB;
    background-position: center center
}

.sample-item.sample-item-coming-soon.sample-item-home .sample-item-image {
    height: 15vw
}

@media (max-width:991px) {
    .sample-item .owl-carousel,
    .sample-item .sample-item-image-wrapper {
        height: 33vw
    }
    .sample-item .sample-item-image {
        height: 34vw
    }
    .sample-item.sample-item-coming-soon.sample-item-home .sample-item-image,
    .sample-item.sample-item-home .sample-item-image,
    .sample-item.sample-item-home .sample-item-image-wrapper {
        height: 30vw
    }
}

@media (max-width:767px) {
    .sample-item .owl-carousel,
    .sample-item .sample-item-image-wrapper {
        height: 63.4vw
    }
    .sample-item .sample-item-image {
        height: 67.5vw
    }
    .sample-item.sample-item-home .sample-item-image-wrapper {
        height: 63.4vw;
        max-height: 345px
    }
    .sample-item.sample-item-home .sample-item-image {
        height: 67.5vw;
        max-height: 345px
    }
    .sample-item.sample-item-coming-soon.sample-item-home .sample-item-image {
        height: 63.4vw
    }
}

.sample-sub-items-lightbox {
    margin: 0 auto;
    max-width: 1650px;
    padding: 10vh 10px 50px;
    width: 100%
}

.mfp-demo-options.mfp-bg {
    opacity: .98!important;
    background: #F4F4F4
}

.mfp-demo-options.mfp-bg.mfp-removing {
    opacity: 0!important
}

.mfp-demo-options .mfp-close {
    position: fixed;
    top: 0;
    right: 17px;
    z-index: 3000
}

.mfp-demo-options.mfp-wrap {
    height: 100vh!important
}

.mfp-demo-options.mfp-wrap:after,
.mfp-demo-options.mfp-wrap:before {
    display: block;
    position: fixed;
    left: 0;
    height: 80px;
    z-index: 2000;
    content: '';
    width: 100%
}

.mfp-demo-options.mfp-wrap:before {
    background: -webkit-linear-gradient(top, #f4f4f4 0, transparent 100%) rgba(244, 244, 244, 0);
    background: linear-gradient(to bottom, #f4f4f4 0, transparent 100%) rgba(244, 244, 244, 0);
    top: 0;
    opacity: 1;
    opacity: .7
}

.mfp-demo-options.mfp-wrap:after {
    background: -webkit-linear-gradient(bottom, #f4f4f4 0, transparent 100%) rgba(244, 244, 244, 0);
    background: linear-gradient(to top, #f4f4f4 0, transparent 100%) rgba(244, 244, 244, 0);
    bottom: 0;
    opacity: 1;
    opacity: .7
}

.mfp-demo-options.mfp-wrap.mfp-removing:after,
.mfp-demo-options.mfp-wrap.mfp-removing:before {
    opacity: 0!important
}

.pagination {
    position: relative;
    z-index: 1
}

.learn-more,
.read-more {
    display: inline-block;
    white-space: nowrap
}

.offset-anchor {
    display: block;
    position: relative;
    visibility: hidden;
    top: -100px
}

@media (max-width:991px) {
    .offset-anchor {
        top: 0
    }
}

.show-grid [class*=col-md-] .show-grid-block {
    background-color: #EEE;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    border: 1px solid #FFF;
    display: block
}

.alert .fa,
.alert .icons {
    margin-right: 8px;
    font-size: 1.1em
}

.alert ul {
    padding: 0;
    margin: 7px 0 0 40px
}

.alert ul li {
    font-size: .9em
}

.alert.alert-sm {
    padding: 5px 10px;
    font-size: .9em
}

.alert.alert-lg {
    padding: 20px;
    font-size: 1.2em
}

.alert.alert-default {
    background-color: #f2f2f2;
    border-color: #eaeaea;
    color: #737373
}

.alert.alert-default .alert-link {
    color: #4c4c4c
}

.alert.alert-dark {
    background-color: #333a44;
    border-color: #07080a;
    color: #ced3db
}

.alert.alert-dark .alert-link {
    color: #fafbfb
}

.embed-responsive.embed-soundcloud {
    padding-bottom: 19.25%
}

.embed-responsive.embed-responsive-borders {
    border: 1px solid #DDD;
    padding: 4px;
    border-radius: 4px
}

.content-grid {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.content-grid .content-grid-item {
    position: relative;
    padding: 30px;
    margin: 0
}

.content-grid .content-grid-item:after,
.content-grid .content-grid-item:before {
    content: '';
    position: absolute
}

.content-grid .content-grid-item:before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px solid #DADADA
}

.content-grid .content-grid-item:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #DADADA
}

.content-grid .content-grid-item .img-responsive {
    display: inline-block
}

.content-grid.content-grid-dashed .content-grid-item:before {
    border-left: 1px dashed #DADADA
}

.content-grid.content-grid-dashed .content-grid-item:after {
    border-bottom: 1px dashed #DADADA
}

.alert-admin {
    margin: 25px 0
}

.alert-admin img {
    margin: -50px 0 0
}

.alert-admin .btn {
    margin: 0 0 -15px
}

.alert-admin p {
    color: #444
}

.alert-admin h4 {
    color: #111;
    font-size: 1.2em;
    text-transform: uppercase
}

.alert-admin .warning {
    color: #B20000
}

.not-included {
    color: #b7b7b7;
    display: block;
    font-size: .8em;
    font-style: normal;
    margin: -4px 0;
    padding: 0
}

.tip {
    background: #FFF;
    text-shadow: none;
    margin-left: 8px
}

.tip:before {
    height: 0;
    width: 0;
    pointer-events: none
}

.tip.skin {
    color: #FFF
}

.custom-underline {
    background: url(https://e-kampus.com/assets_front/img/custom-underline.png) center 100% no-repeat;
    padding-bottom: 25px;
    font-size: 1.5em
}

.ajax-box {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    position: relative
}

.ajax-box .ajax-box-content {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    opacity: 1;
    overflow: hidden;
    height: auto
}

.ajax-box .bounce-loader {
    opacity: 0
}

.ajax-box.ajax-box-init {
    height: 0
}

.ajax-box.ajax-box-loading {
    height: 300px
}

.ajax-box.ajax-box-loading .ajax-box-content {
    opacity: 0;
    height: 300px
}

.ajax-box.ajax-box-loading .bounce-loader {
    opacity: 1
}

.go-to-demos {
    -webkit-transition: padding .3s ease;
    -moz-transition: padding .3s ease;
    transition: padding .3s ease;
    background-color: #EEE;
    border-radius: 0 6px 6px 0;
    color: #888!important;
    display: block;
    font-size: 10px;
    height: 40px;
    left: 0;
    line-height: 38px;
    padding: 0 15px 0 10px;
    position: fixed;
    text-transform: uppercase;
    top: 90px;
    width: auto;
    z-index: 999
}

.divider,
hr {
    border: 0;
    height: 1px
}

.go-to-demos .fa {
    -webkit-transition: left .3s ease;
    -moz-transition: left .3s ease;
    transition: left .3s ease;
    display: inline-block;
    padding-right: 5px;
    position: relative;
    left: 0
}

.go-to-demos:hover {
    padding-left: 25px
}

.go-to-demos:hover .fa {
    left: -7px
}

@media (max-width:991px) {
    .go-to-demos {
        display: none
    }
}

hr {
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    margin: 22px 0
}

hr.short {
    margin: 11px 0
}

hr.tall {
    margin: 44px 0
}

hr.taller {
    margin: 66px 0
}

hr.gradient-to-right {
    background-image: -webkit-linear-gradient(left, #DBDBDB, transparent);
    background-image: linear-gradient(to right, #DBDBDB, transparent)
}

hr.gradient-to-left {
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB);
    background-image: linear-gradient(to right, transparent, #DBDBDB)
}

hr.solid {
    background: #DBDBDB
}

hr.light {
    background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, .15), transparent);
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .15), transparent)
}

hr.invisible {
    background: 0 0
}

.divider {
    margin: 44px auto;
    background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
    background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
    position: relative;
    clear: both
}

.divider.taller {
    margin: 66px auto
}

.divider .fa,
.divider .icons {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background: #FFF;
    border-radius: 50px;
    color: #a9a9a9;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    position: absolute;
    width: 50px;
    font-size: 20px;
    margin: 0 auto 0 -25px;
    top: -25px;
    left: 50%;
    z-index: 1
}

.divider.divider-solid {
    background: #DBDBDB
}

.divider.divider-icon-sm .fa,
.divider.divider-icon-sm .icons {
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: -15px;
    font-size: 15px;
    margin-left: -16px
}

.divider.divider-icon-lg {
    margin: 86px 0
}

.divider.divider-icon-lg .fa,
.divider.divider-icon-lg .icons {
    width: 60px;
    height: 60px;
    line-height: 60px;
    top: -30px;
    font-size: 30px;
    margin-left: -30px
}

.divider.divider-icon-lg.taller {
    margin: 100px auto
}

.divider.divider-xs {
    width: 35%
}

.divider.divider-sm {
    width: 67%
}

.divider.divider-left .fa,
.divider.divider-left .icons {
    left: 0;
    margin-left: 0;
    margin-right: 0;
    right: auto
}

.divider.divider-right .fa,
.divider.divider-right .icons {
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: 0
}

.divider.divider-style-2 .fa,
.divider.divider-style-2 .icons {
    background: #f4f4f4;
    color: #a9a9a9
}

.divider.divider-style-3 .fa,
.divider.divider-style-3 .icons,
.divider.divider-style-4 .fa,
.divider.divider-style-4 .icons {
    border: 1px solid #CECECE
}

.divider.divider-style-4 .fa:after,
.divider.divider-style-4 .icons:after {
    border: 3px solid #f4f4f4;
    border-radius: 50%;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 100%;
    left: -4px;
    padding: 1px;
    position: absolute;
    top: -4px;
    width: 100%
}

.divider.divider-small {
    margin: 22px auto;
    background: 0 0
}

.divider.divider-small hr {
    width: 50px;
    height: 3px;
    background: #555
}

.divider.divider-small.divider-small-center hr {
    margin-left: auto;
    margin-right: auto
}

.divider.divider-small.divider-small-right {
    text-align: right
}

.divider.divider-small.divider-small-right hr {
    margin-left: auto
}

.divider.divider-small.divider-light hr {
    background: #DDD
}

.divider.divider-small.divider-small-sm hr {
    height: 1px
}

.divider.divider-small.divider-small-lg hr {
    height: 6px
}

.divider.divider-small.tall {
    margin: 34px 0
}

.divider.divider-small.taller {
    margin: 46px 0
}

.divider.dashed,
hr.dashed {
    background: 0 0;
    position: relative
}

.divider.dashed:after,
hr.dashed:after {
    border-top: 1px dashed #DBDBDB;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 100%
}

.divider.pattern,
hr.pattern {
    background: 0 0;
    position: relative
}

.divider.pattern:after,
hr.pattern:after {
    background: url(../img/patterns/worn_dots.png);
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 100%
}

.divider.pattern.pattern-2:after,
hr.pattern.pattern-2:after {
    background-image: url(../img/patterns/az_subtle.png)
}

.sort-source-wrapper {
    padding: 8px 0;
    position: relative
}

.sort-source-wrapper .nav {
    margin: -100px 0 5px
}

.sort-source-wrapper .nav>li>a {
    color: #FFF;
    background: 0 0
}

.sort-source-wrapper .nav>li.active>a,
.sort-source-wrapper .nav>li.active>a:focus,
.sort-source-wrapper .nav>li.active>a:hover,
.sort-source-wrapper .nav>li>a:focus,
.sort-source-wrapper .nav>li>a:hover {
    background: 0 0
}

.sort-source {
    clear: both
}

.sort-source>li>a {
    padding: 6px 12px
}

.sort-source.sort-source-style-2 {
    margin: -10px auto
}

.sort-source.sort-source-style-2>li {
    float: none;
    display: inline-block
}

.sort-source.sort-source-style-2>li>a,
.sort-source.sort-source-style-2>li>a:focus,
.sort-source.sort-source-style-2>li>a:hover {
    background: 0 0;
    color: #FFF;
    display: inline-block;
    border-radius: 0;
    margin: 0;
    padding: 18px 28px;
    position: relative
}

.sort-source.sort-source-style-2>li>a:after {
    -webkit-transition: margin .3s;
    -moz-transition: margin .3s;
    transition: margin .3s;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #CCC;
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    margin-top: 0;
    opacity: 0
}

.sort-source.sort-source-style-2>li.active>a,
.sort-source.sort-source-style-2>li.active>a:focus,
.sort-source.sort-source-style-2>li.active>a:hover {
    background: 0 0
}

.sort-source.sort-source-style-2>li.active>a:after {
    opacity: 1;
    margin-top: 18px
}

.sort-destination {
    overflow: hidden
}

.sort-destination.full-width {
    position: relative
}

.sort-destination.full-width .isotope-item {
    width: 20%;
    float: left
}

.sort-destination.full-width .isotope-item.w2 {
    width: 40%
}

.sort-destination.full-width .isotope-item .img-thumbnail,
.sort-destination.full-width .isotope-item .thumb-info img,
.sort-destination.full-width .isotope-item a {
    border-radius: 0
}

.sort-destination.full-width-spaced {
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px
}

.sort-destination.full-width-spaced .portfolio-item {
    margin-left: 20px;
    margin-right: 20px
}

.sort-source-wrapper+.sort-destination-loader .full-width,
.sort-source-wrapper+.sort-destination.full-width {
    margin: 0 0 -81px;
    top: -51px
}

@media (max-width:991px) {
    .sort-source.sort-source-style-2>li {
        display: block
    }
    .sort-source.sort-source-style-2>li.active>a:after {
        display: none!important
    }
    .isotope-item {
        max-width: 100%
    }
    .sort-destination.isotope {
        overflow: visible!important;
        height: auto!important
    }
    .sort-destination.isotope.full-width {
        overflow: hidden!important
    }
    .isotope-hidden {
        display: none!important
    }
}

@media (max-width:767px) {
    .isotope-item {
        position: static!important;
        text-align: center;
        width: 100%;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        -webkit-transform: none!important;
        transform: none!important
    }
    .isotope-item.product {
        position: relative!important
    }
    .sort-source-wrapper {
        background: #171717;
        clear: both;
        margin-top: -35px
    }
    .sort-source-wrapper .nav {
        margin: 0
    }
    .sort-destination {
        height: auto!important
    }
    .isotope-item,
    .sort-destination {
        margin-left: auto!important;
        margin-right: auto!important
    }
    .sort-destination.full-width,
    .sort-source-wrapper+.sort-destination.full-width {
        max-width: none;
        margin: 0 0 -30px;
        top: 0
    }
    .sort-destination.full-width .isotope-item,
    .sort-source-wrapper+.sort-destination.full-width .isotope-item {
        max-width: none
    }
}

.pricing-table .plan-ribbon,
section.timeline .timeline-box.left:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

@media (max-width:479px) {
    .isotope-item,
    .sort-destination {
        margin-left: auto!important;
        margin-right: auto!important
    }
    .sort-destination.full-width .isotope-item,
    .sort-source-wrapper+.sort-destination.full-width .isotope-item {
        position: static!important;
        clear: both;
        float: none;
        width: auto
    }
}

.sort-destination-loader {
    height: auto;
    overflow: hidden;
    position: relative
}

.sort-destination-loader-full-width,
.sort-destination-loader.sort-destination-loader-loaded {
    overflow: visible
}

.sort-destination-loader:after {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    content: ' ';
    background: #FFF;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0
}

.sort-destination-loader .bounce-loader {
    display: none
}

.sort-destination-loader.sort-destination-loader-showing {
    max-height: 200px
}

.sort-destination-loader.sort-destination-loader-showing:after {
    opacity: 1
}

.sort-destination-loader.sort-destination-loader-showing .bounce-loader {
    display: block
}

.sort-destination-loader.sort-destination-loader-loaded:after {
    display: none
}

.sort-destination-loader-full-width:after {
    bottom: -81px;
    top: -51px
}

.sort-destination-loader-full-width.sort-destination-loader-showing {
    overflow: hidden;
    height: 600px
}

.sort-destination-loader-lg.sort-destination-loader-showing {
    height: 600px
}

.pricing-table {
    margin: 10px 0;
    padding: 0 15px;
    text-align: center
}

.pricing-table ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0
}

.pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    color: #777
}

.pricing-table h3 {
    background-color: #eee;
    border-radius: 2px 2px 0 0;
    font-size: 1.3em;
    font-weight: 400;
    margin: -20px -20px 50px;
    padding: 20px
}

.pricing-table h3 .desc {
    font-size: .7em;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #777;
    font-style: normal;
    text-transform: none;
    display: block
}

.pricing-table h3 span {
    background: #FFF;
    border: 5px solid #FFF;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    color: #777;
    display: block;
    font: 700 25px/100px Georgia, Serif;
    height: 100px;
    margin: 20px auto -65px;
    width: 100px
}

.pricing-table .most-popular {
    border: 3px solid #CCC;
    box-shadow: 11px 0 10px -10px rgba(0, 0, 0, .1), -11px 0 10px -10px rgba(0, 0, 0, .1);
    padding: 30px 20px;
    top: -10px;
    z-index: 2
}

.pricing-table .most-popular h3 {
    color: #FFF;
    padding-top: 30px;
    text-shadow: 0 1px #555
}

.pricing-table .most-popular h3 .desc {
    color: #FFF
}

.pricing-table .plan-ribbon-wrapper {
    height: 88px;
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: -5px;
    width: 85px
}

.pricing-table .plan-ribbon {
    transform: rotate(45deg);
    background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45);
    background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45);
    background-color: #bfdc7a;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    color: #333;
    font-size: 14px;
    left: -5px;
    padding: 7px 0;
    position: relative;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
    top: 15px;
    width: 120px
}

.pricing-table .plan-ribbon:after,
.pricing-table .plan-ribbon:before {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    bottom: -3px;
    content: "";
    position: absolute
}

.pricing-table .plan-ribbon:before {
    left: 0
}

.pricing-table .plan-ribbon:after {
    right: 0
}

.pricing-table [class*=col-md-] {
    padding-left: 0;
    padding-right: 0
}

.pricing-table .plan {
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #333;
    margin-bottom: 35px;
    margin-right: 0;
    padding: 20px;
    position: relative;
    text-shadow: 0 1px rgba(255, 255, 255, .8)
}

.pricing-table .btn {
    margin-top: 5px
}

.pricing-table.pricing-table-sm h3 .desc {
    font-size: .7em
}

.pricing-table.pricing-table-sm h3 span {
    border: 3px solid #FFF;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    font: 700 19px/65px Georgia, serif;
    height: 70px;
    margin: 10px auto -65px;
    width: 70px
}

.pricing-table.pricing-table-sm .most-popular {
    padding-bottom: 30px
}

.pricing-table.princig-table-flat .plan {
    padding-left: 0;
    padding-right: 0;
    margin: -1px
}

.pricing-table.princig-table-flat .plan h3 {
    padding-left: 0;
    padding-right: 0;
    margin: -20px 0 0;
    color: #FFF;
    padding-top: 30px;
    text-shadow: 0 1px #555
}

.pricing-table.princig-table-flat .plan h3 .desc {
    color: #FFF
}

.pricing-table.princig-table-flat .plan h3 span {
    border-radius: 0;
    border: 0;
    color: #FFF;
    font-family: "Open Sans", Arial, sans-serif;
    box-shadow: none;
    width: 100%;
    font-size: 1.5em;
    height: auto;
    line-height: 38px;
    margin: 0
}

.pricing-table.princig-table-flat .plan ul {
    margin-top: 0;
    margin-bottom: -15px
}

.pricing-table.princig-table-flat .plan ul li {
    padding: 8px 0
}

.pricing-table.princig-table-flat .plan.most-popular ul li {
    padding: 10px 0
}

.pricing-table.spaced [class*=col-md-] {
    padding-left: 2px;
    padding-right: 2px
}

.pricing-table.no-borders .plan {
    border: 0!important
}

html.boxed .pricing-table .plan,
html.boxed .pricing-table h3 {
    border-radius: 0
}

@media (max-width:767px) {
    .pricing-table,
    html.boxed .pricing-table {
        margin-left: 0
    }
    .pricing-table .plan {
        margin-right: 0
    }
}

.icon-featured {
    display: inline-block;
    margin: 15px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 40px;
    line-height: 110px
}

.icon-featured:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.featured-box {
    background: #F5F5F5;
    background: -webkit-linear-gradient(top, #FFF 1%, #fcfcfc 98%);
    background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    min-height: 100px;
    position: relative;
    text-align: center;
    z-index: 1;
    margin: 20px auto
}

.featured-box h4 {
    font-weight: 400;
    letter-spacing: -.7px;
    margin-top: 5px;
    margin-bottom: 5px
}

.featured-box .box-content {
    border-radius: 8px;
    border-top: 1px solid #CCC;
    border-top-width: 4px;
    padding: 30px 30px 10px;
    position: relative;
    top: -1px
}

.featured-box .learn-more {
    display: block;
    margin-top: 10px
}

.featured-box-text-left {
    text-align: left
}

.featured-boxes-flat .featured-box {
    box-shadow: none;
    margin: 10px 0
}

.featured-boxes-flat .featured-box .box-content {
    background: #FFF;
    margin-top: 65px
}

.featured-boxes-flat .featured-box .icon-featured {
    display: inline-block;
    font-size: 38px;
    height: 90px;
    line-height: 90px;
    padding: 0;
    width: 90px;
    margin: -100px 0 -15px;
    position: relative;
    top: -37px
}

.featured-boxes-style-2 .featured-box {
    background: 0 0;
    border: 0;
    margin: 10px 0;
    box-shadow: none
}

.featured-boxes-style-2 .featured-box .box-content {
    border: 0;
    padding-top: 0;
    padding-bottom: 0
}

.featured-boxes-style-2 .featured-box .icon-featured {
    display: inline-block;
    font-size: 30px;
    width: 76px;
    height: 76px;
    line-height: 70px;
    padding: 0;
    margin-top: 0
}
.featured-boxes-style-2 .featured-box .icon-featured img { max-width:50px; max-height:50px;}
.featured-boxes-style-3 .featured-box {
    margin: 10px 0
}

.featured-boxes-style-3 .featured-box .icon-featured {
    display: inline-block;
    font-size: 30px;
    height: 75px;
    padding: 0;
    width: 75px;
    margin-top: -35px;
    background: #FFF;
    border: 3px solid #CCC;
    color: #CCC;
    line-height: 68px
}

.featured-boxes-style-3:not(.featured-boxes-flat) .featured-box {
    background: 0 0;
    border: 0;
    box-shadow: none
}

.featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content {
    border: 0;
    padding-top: 0;
    padding-bottom: 0
}

.featured-boxes-style-4 .featured-box {
    background: 0 0;
    border: 0;
    margin: 10px 0;
    box-shadow: none
}

.featured-boxes-style-4 .featured-box .box-content {
    border: 0;
    padding-top: 0;
    padding-bottom: 0
}

.featured-boxes-style-4 .featured-box .icon-featured {
    display: inline-block;
    font-size: 40px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    width: 45px;
    margin-top: 0;
    margin-bottom: 10px;
    background: 0 0;
    color: #CCC;
    border-radius: 0
}

.featured-boxes-style-5 .featured-box,
.featured-boxes-style-6 .featured-box,
.featured-boxes-style-7 .featured-box {
    background: 0 0;
    border: 0;
    box-shadow: none;
    margin: 10px 0
}

.featured-boxes-style-5 .featured-box .box-content,
.featured-boxes-style-6 .featured-box .box-content,
.featured-boxes-style-7 .featured-box .box-content {
    border: 0;
    padding-top: 0;
    padding-bottom: 0
}

.featured-boxes-style-5 .featured-box .box-content h4,
.featured-boxes-style-6 .featured-box .box-content h4,
.featured-boxes-style-7 .featured-box .box-content h4 {
    color: #2e353e
}

.featured-boxes-style-5 .featured-box .icon-featured,
.featured-boxes-style-6 .featured-box .icon-featured,
.featured-boxes-style-7 .featured-box .icon-featured {
    display: inline-block;
    font-size: 30px;
    height: 75px;
    padding: 0;
    width: 75px;
    margin-top: 0;
    margin-bottom: 10px;
    background: #FFF;
    border: 1px solid #dfdfdf;
    color: #777;
    line-height: 73px
}

.featured-boxes-style-6 .featured-box .icon-featured {
    border: 1px solid #cecece;
    color: #777
}

.featured-boxes-style-6 .featured-box .icon-featured:after {
    border: 5px solid #f4f4f4;
    border-radius: 50%;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 100%;
    left: -6px;
    padding: 1px;
    position: absolute;
    top: -6px;
    width: 100%
}

.featured-boxes-style-7 .featured-box .icon-featured {
    border: 1px solid #dfdfdf;
    color: #777
}

.featured-boxes-style-8 .featured-box .icon-featured {
    display: inline-block;
    font-size: 30px;
    height: 75px;
    padding: 0;
    width: 75px;
    margin: -15px -15px 0 0;
    background: #FFF;
    line-height: 73px;
    border: 0;
    color: #777
}

.featured-box-effect-1 .icon-featured:after,
.featured-box-effect-2 .icon-featured:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 3px #FFF;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s
}

.featured-boxes-style-8 .featured-box .icon-featured:after {
    display: none
}

.featured-boxes .featured-box {
    margin-bottom: 30px;
    margin-top: 45px
}

.featured-box-effect-1 .icon-featured:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: transform .2s, opacity .2s;
    transform: scale(1);
    opacity: 0
}

.featured-box-effect-1:hover .icon-featured:after {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 1
}

.featured-box-effect-2 .icon-featured:after {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform .2s, opacity .2s;
    transform: scale(.8);
    opacity: 0
}

.featured-box-effect-2:hover .icon-featured:after {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    opacity: 1
}

.featured-box-effect-3 .icon-featured:after {
    top: 0;
    left: 0;
    box-shadow: 0 0 0 10px #FFF;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -webkit-transform: scale(.9);
    -moz-transition: -moz-transform .2s, opacity .2s;
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transition: transform .2s, opacity .2s;
    transform: scale(.9);
    opacity: 0
}

.featured-box-effect-3:hover .icon-featured {
    color: #FFF!important
}

.featured-box-effect-3:hover .icon-featured:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .8
}

.featured-box-effect-4 .icon-featured {
    -webkit-transition: -webkit-transform .2s, transform .2s;
    -moz-transition: -moz-transform .2s, transform .2s;
    transition: transform .2s, transform .2s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.featured-box-effect-4:hover .icon-featured {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.featured-box-effect-5 .icon-featured {
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.featured-box-effect-5:hover .icon-featured {
    -webkit-animation: toRightFromLeft .3s forwards;
    -moz-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%)
    }
    50% {
        opacity: 0;
        transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

.featured-box-effect-6 .icon-featured:after {
    -webkit-transition: all .2s, -webkit-transform .2s;
    -moz-transition: all .2s, -moz-transform .2s;
    transition: all .2s, transform .2s
}

.featured-box-effect-6:hover .box-content .icon-featured:after {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.featured-box-effect-7 .icon-featured:after {
    opacity: 0;
    box-shadow: 3px 3px #d5d5d5;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    -moz-transition: opacity .2s, -moz-transform .2s;
    transition: opacity .2s, transform .2s;
    left: 0;
    top: -1px
}

.featured-box-effect-7:hover .icon-featured:after {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.featured-box-effect-7 .icon-featured:before {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: .7;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s
}

.featured-box-effect-7:hover .icon-featured:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.feature-box {
    clear: both
}

.feature-box .feature-box-icon {
    background: #CCC;
    border-radius: 35px;
    color: #FFF;
    display: inline-block;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 35px
}

.feature-box.feature-box-style-2 h4,
.feature-box.feature-box-style-3 h4 {
    color: #1d2127
}

.feature-box .feature-box-info {
    padding-left: 50px
}

.feature-box.feature-box-style-2 .feature-box-icon {
    background: 0 0;
    width: 50px;
    height: 50px
}

.feature-box.feature-box-style-2 .feature-box-icon i.fa,
.feature-box.feature-box-style-2 .feature-box-icon i.icons {
    font-size: 28px
}

.feature-box.feature-box-style-2 .feature-box-info {
    padding-left: 60px
}

.feature-box.feature-box-style-3 .feature-box-icon {
    border: 1px solid #CCC;
    background: 0 0;
    line-height: 32px
}

.feature-box.feature-box-style-3 .feature-box-icon i.fa,
.feature-box.feature-box-style-3 .feature-box-icon i.icons {
    color: #CCC
}

.feature-box.feature-box-style-4 h4,
.feature-box.feature-box-style-5 h4 {
    color: #1d2127
}

.feature-box.feature-box-style-4 .feature-box-icon {
    background: 0 0;
    padding-bottom: 10px;
    height: auto;
    width: auto;
    float: none
}

.feature-box.feature-box-style-4 .feature-box-icon i.fa,
.feature-box.feature-box-style-4 .feature-box-icon i.icons {
    font-size: 38px
}

.feature-box.feature-box-style-4 .feature-box-info {
    clear: both;
    padding-left: 0
}

.feature-box.feature-box-style-5 .feature-box-icon {
    background: 0 0;
    width: 74px;
    height: 74px
}

.feature-box.feature-box-style-5 .feature-box-icon i.fa,
.feature-box.feature-box-style-5 .feature-box-icon i.icons {
    font-size: 44px
}

.feature-box.feature-box-style-5 .feature-box-info {
    padding-left: 84px
}

.feature-box.feature-box-style-6 h4 {
    color: #474849
}

.feature-box.feature-box-style-6 .feature-box-icon {
    background: 0 0;
    line-height: 32px
}

.feature-box.feature-box-style-6 .feature-box-icon:after {
    border-radius: 50%;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 100%;
    left: -4px;
    padding: 1px;
    position: absolute;
    top: -4px;
    width: 100%
}

.thumb-info,
.thumb-info .thumb-info-wrapper {
    overflow: hidden;
    position: relative;
    display: block
}

.feature-box.feature-box-style-6 .feature-box-icon i.fa,
.feature-box.feature-box-style-6 .feature-box-icon i.icons {
    color: #a9a9a9
}

@media (min-width:992px) {
    .feature-box.reverse {
        text-align: right
    }
    .feature-box.reverse .feature-box-info {
        padding-right: 50px;
        padding-left: 0
    }
    .feature-box.reverse .feature-box-icon {
        float: right;
        margin-right: 0;
        margin-left: 10px
    }
    .feature-box.reverse.feature-box-style-2 .feature-box-info {
        padding-right: 60px
    }
    .feature-box.reverse.feature-box-style-4 .feature-box-info {
        padding-right: 0
    }
    .feature-box.reverse.feature-box-style-5 .feature-box-info {
        padding-right: 84px
    }
}

.featured-boxes-full {
    width: 100%
}

.featured-boxes-full>[class*=col-] {
    padding: 0
}

.featured-boxes-full .featured-box-full {
    text-align: center;
    padding: 55px
}

.featured-boxes-full .featured-box-full .fa,
.featured-boxes-full .featured-box-full .icons,
.featured-boxes-full .featured-box-full a,
.featured-boxes-full .featured-box-full h1,
.featured-boxes-full .featured-box-full h2,
.featured-boxes-full .featured-box-full h3,
.featured-boxes-full .featured-box-full h4,
.featured-boxes-full .featured-box-full h5,
.featured-boxes-full .featured-box-full h6,
.featured-boxes-full .featured-box-full p {
    color: #FFF;
    padding: 0;
    margin: 0
}

.featured-boxes-full .featured-box-full .fa,
.featured-boxes-full .featured-box-full .icons {
    font-size: 55px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}

.featured-boxes-full .featured-box-full p {
    padding-top: 12px;
    opacity: .8
}

.thumb-info {
    max-width: 100%;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.thumb-info .thumb-info-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 4px;
    margin: 4px
}

.thumb-info .thumb-info-wrapper:after {
    content: "";
    background: rgba(23, 23, 23, .8);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-radius: 4px;
    bottom: -4px;
    color: #FFF;
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px;
    display: block;
    opacity: 0;
    z-index: 1
}

.thumb-info .thumb-info-action-icon {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: #CCC;
    border-radius: 0 0 0 25px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: -100px;
    text-align: center;
    top: -100px;
    width: 50px;
    z-index: 2
}

.thumb-info .thumb-info-action-icon i {
    font-size: 24px;
    left: 3px;
    position: relative;
    top: -4px;
    color: #FFF
}

.thumb-info .thumb-info-inner {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: block
}

.thumb-info .thumb-info-inner em {
    display: block;
    font-size: .8em;
    font-style: normal;
    font-weight: 400
}

.thumb-info .thumb-info-title {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: rgba(23, 23, 23, .8);
    bottom: 10%;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    letter-spacing: -1px;
    padding: 9px 11px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 90%
}

.thumb-info .thumb-info-type {
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px -2px -15px;
    padding: 2px 9px;
    text-transform: none;
    z-index: 2
}

.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after,
.thumb-info.thumb-info-preview .thumb-info-wrapper:after {
    display: none
}

.thumb-info.thumb-info-centered-info .thumb-info-type,
.thumb-info.thumb-info-hide-info-hover .thumb-info-type {
    float: none
}

.thumb-info .owl-carousel {
    z-index: auto
}

.thumb-info .owl-carousel .owl-dots {
    z-index: 2
}

.thumb-info img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 3px;
    position: relative;
    width: 100%
}

.thumb-info:hover .thumb-info-wrapper:after {
    opacity: 1
}

.thumb-info:hover .thumb-info-action-icon {
    right: 0;
    top: 0
}

.thumb-info:hover .thumb-info-title {
    background: #000
}

.thumb-info:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.thumb-info.thumb-info-no-zoom img {
    -webkit-transition: initial;
    -moz-transition: initial;
    transition: initial
}

.thumb-info.thumb-info-no-zoom:hover img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.thumb-info.thumb-info-lighten .thumb-info-wrapper:after {
    background: rgba(23, 23, 23, .25)
}

.thumb-info.thumb-info-centered-icons .thumb-info-action {
    -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transform: translate3d(0, -10px, 0);
    top: 50%;
    left: 3px;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 40px;
    margin-top: -20px;
    text-align: center;
    position: absolute;
    opacity: 0;
    z-index: 2
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
    position: relative;
    z-index: 2;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-radius: 50%;
    margin-right: 3px
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i {
    position: static;
    font-size: 18px
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover {
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15)
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon {
    position: relative
}

.thumb-info.thumb-info-centered-info .thumb-info-title {
    background: 0 0;
    left: 5%;
    width: 90%;
    -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transform: translate(0, -30%);
    top: 50%;
    bottom: auto;
    opacity: 0;
    text-align: center;
    padding: 0;
    position: absolute
}

.thumb-info.thumb-info-centered-info:hover .thumb-info-title {
    opacity: 1;
    transform: translate(0, -50%)
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
    background: #FFF;
    left: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transform: translate3d(0, 100px, 0);
    top: auto;
    bottom: 0;
    opacity: 0;
    padding: 15px;
    text-shadow: none;
    color: #777
}

.thumb-info.thumb-info-bottom-info .thumb-info-type {
    float: none;
    background: 0 0;
    padding: 0;
    margin: 0
}

.thumb-info.thumb-info-bottom-info:hover .thumb-info-title {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.thumb-info.thumb-info-bottom-info:hover img {
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    transform: translateY(-18px)
}

.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
    background: -webkit-linear-gradient(bottom, rgba(23, 23, 23, .8) 0, transparent 100%);
    background: linear-gradient(to top, rgba(23, 23, 23, .8) 0, transparent 100%);
    color: #FFF
}

.thumb-info.thumb-info-push-hor img {
    -webkit-transform: translatex(-18px);
    -moz-transform: translatex(-18px);
    -ms-transform: translatex(-18px);
    -o-transform: translatex(-18px);
    transform: translatex(-18px);
    width: calc(100% + 19px);
    max-width: none
}

.thumb-info.thumb-info-push-hor:hover img {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0)
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after {
    opacity: .65
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-title {
    opacity: 1;
    top: 50%
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after {
    opacity: .1
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title {
    opacity: 0
}

.thumb-info.thumb-info-no-borders,
.thumb-info.thumb-info-no-borders .thumb-info-wrapper,
.thumb-info.thumb-info-no-borders img {
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper:after {
    border-radius: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.thumb-info.thumb-info-preview .thumb-info-image {
    min-height: 232px;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    transition: background-position .8s linear 0s
}

.thumb-info.thumb-info-preview:hover .thumb-info-image {
    transition: background-position 2.5s linear 0s;
    background-position: center bottom
}

.thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image {
    transition: background-position 1s linear 0s
}

.thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image {
    transition: background-position 5s linear 0s
}

html.webkit .thumb-info .thumb-info-wrapper {
    margin: 4px 4px 3px
}

html.webkit .full-width .thumb-info .thumb-info-wrapper,
html.webkit .masonry-item .thumb-info .thumb-info-wrapper,
html.webkit .thumb-info-no-borders .thumb-info-wrapper {
    margin: 0
}

.thumb-info-ribbon {
    position: absolute;
    margin: -16px 0 0;
    padding: 5px 13px 6px;
    right: 15px;
    z-index: 1
}

.thumb-info-ribbon:before {
    border-right: 10px solid #646464;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px
}

.thumb-info-ribbon span {
    color: #FFF;
    font-size: 1.1em
}

.full-width .thumb-info img {
    border-radius: 0!important
}

.thumb-info-caption {
    padding: 10px 0
}

.thumb-info-caption .thumb-info-caption-text,
.thumb-info-caption p {
    font-size: .9em;
    line-height: 20px;
    margin: 0 0 8px;
    padding: 10px;
    display: block
}

.thumb-info-side-image .thumb-info-side-image-wrapper {
    padding: 4px;
    float: left;
    margin-right: 20px
}

.thumb-info-side-image .thumb-info-caption .thumb-info-caption-text {
    padding: 17px
}

.thumb-info-side-image-right .thumb-info-side-image-wrapper {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

.thumb-info-social-icons {
    border-top: 1px dotted #DDD;
    margin: 0;
    padding: 15px 10px;
    display: block
}

.thumb-info-social-icons a {
    background: #CCC;
    border-radius: 25px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

.thumb-info-social-icons a span {
    display: none
}

.thumb-info-social-icons a i {
    color: #FFF;
    font-size: .9em;
    font-weight: 400
}

@media (max-width:991px) {
    .thumb-info .thumb-info-title {
        font-size: 14px
    }
    .thumb-info .thumb-info-more {
        font-size: 11px
    }
}

section.timeline {
    width: 75%;
    margin: 50px 12.5% 0;
    position: relative;
    float: left;
    padding-bottom: 120px
}

section.timeline:after {
    background: #505050;
    background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1e5799), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: -60px;
    width: 3px;
    z-index: 0;
    filter: alpha(opacity=35);
    opacity: .35
}

section.timeline .timeline-box,
section.timeline .timeline-date {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .04);
    position: relative;
    z-index: 1
}

section.timeline .timeline-date {
    display: block;
    clear: both;
    width: 200px;
    height: 45px;
    padding: 5px;
    border: 1px solid #E5E5E5;
    margin: 0 auto 10px;
    text-shadow: 0 1px 1px #fff;
    border-radius: 4px;
    background: #FFF
}

section.timeline .timeline-date h3 {
    display: block;
    text-align: center;
    color: #757575;
    font-size: .9em;
    line-height: 32px
}

section.timeline .timeline-title {
    background: #F4F4F4;
    padding: 12px
}

section.timeline .timeline-title h4 {
    padding: 0;
    margin: 0;
    color: #171717;
    font-size: 1.4em
}

section.timeline .timeline-title a {
    color: #171717
}

section.timeline .timeline-title .timeline-title-tags,
section.timeline .timeline-title .timeline-title-tags a {
    color: #B1B1B1;
    font-size: .9em
}

section.timeline .timeline-box {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin: 20px 10px 30px;
    padding: 10px;
    width: 45.7%;
    float: left;
    background: #FFF
}

section.timeline .timeline-box.left:after,
section.timeline .timeline-box.right:after {
    background: #FFF;
    content: "";
    display: block;
    position: absolute;
    z-index: 0
}

section.timeline .timeline-box.left {
    clear: both
}

section.timeline .timeline-box.left:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 7px;
    margin-right: -5px;
    position: absolute;
    right: -6.8%;
    top: 22px;
    width: 8px
}

section.timeline .timeline-box.left:after {
    transform: rotate(45deg);
    border-right: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    height: 14px;
    right: -8px;
    top: 20px;
    width: 14px
}

section.timeline .timeline-box.right {
    clear: right;
    float: right;
    right: -1px;
    margin-top: 40px
}

section.timeline .timeline-box.right:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 7px;
    margin-left: -5px;
    position: absolute;
    left: -7.2%;
    top: 32px;
    width: 8px
}

section.timeline .timeline-box.right:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    height: 14px;
    left: -8px;
    top: 30px;
    width: 14px
}

section.timeline .timeline-box .owl-carousel {
    border-radius: 0;
    padding: 0;
    border: 0;
    box-shadow: none
}

@media (max-width:991px) {
    section.timeline .timeline-box,
    section.timeline .timeline-box.right {
        float: none;
        clear: both;
        right: auto;
        left: auto;
        margin: 25px auto;
        max-width: 70%;
        width: auto
    }
    section.timeline .timeline-box.left:after,
    section.timeline .timeline-box.left:before,
    section.timeline .timeline-box.right:after,
    section.timeline .timeline-box.right:before {
        display: none
    }
}

@media (max-width:479px) {
    section.timeline {
        width: auto;
        float: none;
        margin-left: 0;
        margin-right: 0
    }
    section.timeline .timeline-box,
    section.timeline .timeline-box.right {
        margin: 15px auto;
        max-width: 90%
    }
    article.post-large,
    article.post-large .post-date,
    article.post-large .post-image {
        margin-left: 0
    }
}

.testimonial {
    margin-bottom: 20px
}

.testimonial blockquote {
    border-radius: 10px;
    border: 0;
    color: #666;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 10px 50px;
    position: relative
}

.testimonial blockquote:after,
.testimonial blockquote:before {
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
    color: #FFF
}

.testimonial blockquote:before {
    left: 10px;
    top: 0;
    content: "â€œ"
}

.testimonial blockquote:after {
    content: "â€";
    bottom: -.5em;
    right: 10px
}

.testimonial blockquote p {
    color: #FFF;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.3
}

.testimonial .testimonial-arrow-down {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #CCC;
    height: 0;
    margin: 0 0 0 17px;
    width: 0
}

.testimonial .testimonial-author {
    margin: 8px 0 0
}

.testimonial .testimonial-author::after {
    clear: both;
    content: "";
    display: table
}

.testimonial .testimonial-author .testimonial-author-thumbnail {
    float: left;
    margin-right: 10px;
    width: auto
}

.testimonial .testimonial-author img {
    max-width: 55px
}

.testimonial .testimonial-author strong {
    color: #111;
    display: block;
    padding-top: 10px;
    margin-bottom: -5px
}

.testimonial .testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px
}

.testimonial.testimonial-style-2 .testimonial-arrow-down,
.testimonial.testimonial-style-2 blockquote:after,
.testimonial.testimonial-style-2 blockquote:before,
.testimonial.testimonial-style-4 .testimonial-arrow-down,
.testimonial.testimonial-style-5 .testimonial-arrow-down,
.testimonial.testimonial-style-5 blockquote:after,
.testimonial.testimonial-style-5 blockquote:before,
.testimonial.testimonial-style-6 .testimonial-arrow-down,
.testimonial.testimonial-style-6 blockquote:after,
.testimonial.testimonial-style-6 blockquote:before {
    display: none
}

.testimonial .testimonial-author p {
    color: #999;
    margin: 0 0 0 25px;
    text-align: left
}

.testimonial.testimonial-style-2 {
    text-align: center
}

.testimonial.testimonial-style-2 blockquote {
    background: 0 0!important;
    border-radius: 4px;
    padding: 6px 20px
}

.testimonial.testimonial-style-2 blockquote p {
    color: #777
}

.testimonial.testimonial-style-2 .testimonial-author {
    padding: 0;
    margin: 6px 0 0
}

.testimonial.testimonial-style-2 .testimonial-author img {
    margin: 0 auto 10px
}

.testimonial.testimonial-style-2 .testimonial-author p {
    text-align: center;
    padding: 0;
    margin: 0
}

.testimonial.testimonial-style-3 blockquote {
    background: #f2f2f2!important;
    border-radius: 4px;
    padding: 12px 30px
}

.testimonial.testimonial-style-3 blockquote:before {
    top: 5px;
    color: #777;
    font-size: 35px
}

.testimonial.testimonial-style-3 blockquote:after {
    color: #777;
    font-size: 35px;
    bottom: -5px
}

.testimonial.testimonial-style-3 blockquote p {
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1em;
    font-style: normal
}

.testimonial.testimonial-style-3 .testimonial-author {
    margin-left: 8px
}

.testimonial.testimonial-style-3 .testimonial-arrow-down {
    margin-left: 20px;
    border-top: 10px solid #f2f2f2!important
}

.testimonial.testimonial-style-4 {
    border-radius: 6px;
    padding: 8px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .04)
}

.testimonial.testimonial-style-4 blockquote {
    background: 0 0!important;
    border-radius: 4px;
    padding: 12px 30px
}

.testimonial.testimonial-style-4 blockquote:before {
    top: 5px;
    color: #777;
    font-size: 35px
}

.testimonial.testimonial-style-4 blockquote:after {
    color: #777;
    font-size: 35px;
    bottom: -5px
}

.testimonial.testimonial-style-4 blockquote p {
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1em;
    font-style: normal
}

.testimonial.testimonial-style-4 .testimonial-author {
    margin-left: 30px;
    margin-bottom: 15px
}

.testimonial.testimonial-style-4.testimonial-no-borders {
    border: 0;
    box-shadow: none
}

.testimonial.testimonial-style-5 {
    text-align: center
}

.testimonial.testimonial-style-5 blockquote {
    background: 0 0!important;
    border-radius: 4px;
    padding: 6px 20px
}

.testimonial.testimonial-style-5 blockquote p {
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1.2em;
    font-style: normal
}

.testimonial.testimonial-style-5 .testimonial-author {
    padding: 6px 0 0;
    margin: 12px 0 0;
    border-top: 1px solid #f2f2f2
}

.testimonial.testimonial-style-5 .testimonial-author img {
    margin: 0 auto 10px
}

.testimonial.testimonial-style-5 .testimonial-author p {
    text-align: center;
    padding: 0;
    margin: 0
}

.testimonial.testimonial-style-6 {
    text-align: center
}

.testimonial.testimonial-style-6 blockquote {
    background: 0 0!important;
    border-radius: 4px;
    border: 0;
    padding: 0 10%
}

.testimonial.testimonial-style-6 blockquote i.fa-quote-left {
    font-size: 34px;
    position: relative;
    left: -5px
}

.testimonial.testimonial-style-6 blockquote p {
    color: #777;
    font-size: 24px;
    line-height: 30px
}

.testimonial.testimonial-style-6 blockquote span {
    font-size: 16px;
    line-height: 20px;
    color: #999;
    position: relative;
    left: -5px
}

.testimonial.testimonial-style-6 .testimonial-author {
    padding: 0;
    margin: 6px 0 0
}

.testimonial.testimonial-style-6 .testimonial-author img {
    margin: 0 auto 10px
}

.testimonial.testimonial-style-6 .testimonial-author p {
    text-align: center;
    padding: 0;
    margin: 0
}

.testimonial.testimonial-with-quotes blockquote:before {
    color: #777;
    display: block!important;
    left: 10px;
    top: 0;
    content: "â€œ";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute
}

.testimonial.testimonial-with-quotes blockquote:after {
    color: #777;
    display: block!important;
    right: 10px;
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
    bottom: -.5em;
    content: "â€"
}

.testimonial.testimonial-with-quotes blockquote p {
    padding: 0 40px
}

.testimonial.testimonial-trasnparent-background blockquote {
    background: 0 0!important
}

.testimonial.testimonial-alternarive-font blockquote p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 1.2em
}

.section-text-light .testimonial.testimonial blockquote p,
.section-text-light .testimonial.testimonial blockquote:after,
.section-text-light .testimonial.testimonial blockquote:before {
    opacity: .9;
    color: #FFF
}

.section-text-light .testimonial.testimonial .testimonial-author span,
.section-text-light .testimonial.testimonial .testimonial-author strong {
    opacity: .6;
    color: #FFF
}

.social-icons {
    margin: 0;
    padding: 0;
    width: auto
}

.social-icons li {
    display: inline-block;
    margin: -1px 1px 5px 0;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
}

.social-icons li a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #333!important
}

.social-icons li:hover a {
    background: #171717;
    color: #FFF!important
}

.social-icons li:hover.social-icons-twitter a {
    background: #1aa9e1
}

.social-icons li:hover.social-icons-facebook a {
    background: #3b5a9a
}

.social-icons li:hover.social-icons-linkedin a {
    background: #0073b2
}

.social-icons li:hover.social-icons-rss a {
    background: #ff8201
}

.social-icons li:hover.social-icons-googleplus a {
    background: #dd4b39
}

.social-icons li:hover.social-icons-pinterest a {
    background: #cc2127
}

.social-icons li:hover.social-icons-youtube a {
    background: #c3191e
}

.social-icons li:hover.social-icons-instagram a {
    background: #7c4a3a
}

.social-icons li:hover.social-icons-skype a {
    background: #00b0f6
}

.social-icons li:hover.social-icons-email a {
    background: #dd4b39
}

.social-icons li:hover.social-icons-vk a {
    background: #6383a8
}

.social-icons li:hover.social-icons-xing a {
    background: #1a7576
}

.social-icons li:hover.social-icons-tumblr a {
    background: #304e6c
}

.social-icons li:hover.social-icons-reddit a {
    background: #ff4107
}

.social-icons.social-icons-transparent li {
    box-shadow: none
}

.social-icons.social-icons-transparent li a {
    background: 0 0
}

.social-icons.social-icons-icon-light li a i {
    color: #FFF
}

.arrow {
    background: url(https://e-kampus.com/assets_front/img/arrows.png) no-repeat;
    width: 47px;
    height: 120px;
    display: inline-block;
    position: relative
}

.arrow.vbl,
.arrow.vbr,
.arrow.vtl,
.arrow.vtr {
    width: 47px;
    height: 96px
}

.arrow.arrow-light {
    background-image: url(https://e-kampus.com/assets_front/img/arrows-dark.png)
}

.arrow.vtl {
    background-position: 0 0
}

.arrow.vtr {
    background-position: -101px 0
}

.arrow.vbl {
    background-position: 0 -144px
}

.arrow.vbr {
    background-position: -101px -144px
}

.arrow.hlb,
.arrow.hlt,
.arrow.hrb,
.arrow.hrt {
    width: 120px;
    height: 47px
}

.arrow.hlt {
    background-position: -209px 0
}

.arrow.hlb {
    background-position: -209px -101px
}

.arrow.hrt {
    background-position: -353px 0
}

.arrow.hrb {
    background-position: -353px -101px
}

@media (max-width:479px) {
    .arrow {
        display: none
    }
}

.call-to-action {
    position: relative;
    clear: both;
    min-height: 125px;
    padding-left: 25px;
    padding-right: 25px
}

.call-to-action::after {
    clear: both;
    content: "";
    display: table
}

.call-to-action h3 {
    text-transform: none;
    color: #1d2127;
    padding: 0;
    margin: 0 0 9px
}

.call-to-action p {
    font-size: 1.2em
}
.call-to-action p.h2 {
    font-size: 20px
}

.call-to-action .call-to-action-content {
    text-align: center;
    width: 70%;
    margin-left: 3%;
    padding-top: 35px
}

.call-to-action .call-to-action-btn {
    width: 22%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin: -18px 0 0;
    left: auto;
    right: 25px
}

.call-to-action.call-to-action-front {
    z-index: 1
}

.call-to-action.call-to-action-dark {
    background: #2e353e
}

.call-to-action.call-to-action-dark h3,
.call-to-action.call-to-action-dark p {
    color: #FFF
}

.call-to-action.with-borders {
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .04)
}

.call-to-action.with-full-borders {
    border: 2px solid #CCC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .04)
}

.call-to-action.featured {
    background: -webkit-linear-gradient(top, #FFF 1%, #fcfcfc 98%);
    background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%);
    padding: 0;
    margin: 0;
    border-top: 3px solid #CCC;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .04)
}

.call-to-action.featured.featured-primary {
    border-top-color: #CCC
}

.call-to-action.featured.featured-secondary {
    border-top-color: #E36159
}

.call-to-action.featured.featured-tertiary {
    border-top-color: #2BAAB1
}

.call-to-action.featured.featured-quaternary {
    border-top-color: #2e353e
}

.call-to-action.with-button-arrow .call-to-action-btn {
    top: 30%
}

.call-to-action.button-centered .call-to-action-content {
    text-align: center;
    width: 100%;
    padding: 35px 0 0;
    margin: 0
}

.call-to-action.button-centered .call-to-action-btn {
    text-align: center;
    position: static;
    margin: 20px auto 25px;
    width: auto
}

.call-to-action.call-to-action-in-footer {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 30px;
    margin-bottom: -50px!important
}

.call-to-action.call-to-action-in-footer:before {
    content: "";
    display: block;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FFF;
    height: 20px;
    width: 20px;
    top: -5px;
    left: 50%;
    margin-left: -20px
}

.call-to-action.no-top-arrow:before {
    display: none
}

.call-to-action.call-to-action-in-footer-margin-top {
    margin-top: 60px
}

.container .call-to-action {
    border-radius: 8px
}

@media (max-width:767px) {
    .call-to-action .call-to-action-btn,
    .call-to-action .call-to-action-content {
        margin: 0;
        padding: 20px;
        position: static;
        width: auto
    }
}

.circular-bar {
    text-align: center;
    margin-bottom: 25px
}

.circular-bar .circular-bar-chart {
    position: relative
}

.circular-bar label,
.circular-bar strong,
.circular-bar.only-icon .fa,
.circular-bar.only-icon .icons {
    position: absolute;
    width: 80%;
    left: 10%;
    display: block;
    text-align: center
}

.circular-bar strong {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    top: 35%
}

.circular-bar label {
    font-weight: 100;
    font-size: 17px;
    line-height: 20px;
    top: 50%
}

.circular-bar.only-icon .fa,
.circular-bar.only-icon .icons {
    font-weight: 600;
    font-size: 38px;
    line-height: 30px;
    top: 40%
}

.circular-bar.single-line strong {
    top: 40%
}

.circular-bar.circular-bar-sm label {
    font-size: 14px;
    top: 36%
}

.circular-bar.circular-bar-lg strong {
    font-size: 20px;
    top: 40%
}

.progress {
    border-radius: 25px;
    height: 20px;
    background: #FAFAFA;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    overflow: visible
}

.progress.progress-border-radius,
.progress.progress-border-radius .progress-bar {
    border-radius: 3px
}

.progress.progress-no-border-radius,
.progress.progress-no-border-radius .progress-bar {
    border-radius: 0
}

.progress.progress-sm {
    height: 10px
}

.progress.progress-sm .progress-bar {
    line-height: 10px
}

.progress.progress-lg {
    height: 35px
}

.progress.progress-lg .progress-bar {
    font-size: 13px;
    line-height: 35px
}

.progress-bar {
    background-color: #CCC;
    box-shadow: none;
    position: relative;
    border-radius: 25px
}

.progress-bar-tooltip {
    padding: 4px 8px;
    background-color: #333;
    color: #FFF;
    line-height: 15px;
    font-size: 11px;
    display: block;
    position: absolute;
    top: -28px;
    right: 5px;
    border-radius: 3px;
    opacity: 0
}

.progress-bar-tooltip:after {
    border-color: #333 transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    bottom: -5px;
    content: "";
    display: block;
    left: 13px;
    position: absolute;
    width: 0
}

.word-rotate,
.word-rotate.active .word-rotate-items {
    position: relative
}

.progress-bar-primary {
    background-color: #CCC;
    color: #FFF
}

.progress-bar-success {
    background-color: #47a447;
    color: #FFF
}

.progress-bar-warning {
    background-color: #ed9c28;
    color: #FFF
}

.progress-bar-danger {
    background-color: #d2322d;
    color: #FFF
}

.progress-bar-info {
    background-color: #5bc0de;
    color: #FFF
}

.progress-bar-dark {
    background-color: #1d2127;
    color: #FFF
}

.word-rotate {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    max-height: 22px;
    line-height: 22px
}

.word-rotate .word-rotate-items {
    position: relative;
    top: 0;
    width: 0;
    display: inline-block
}

.word-rotate .word-rotate-items span {
    display: inline-block;
    white-space: nowrap
}

.word-rotate .word-rotate-items span:not(:first-child) {
    display: none
}

.word-rotate.active .word-rotate-items span {
    display: inline-block;
    float: left;
    clear: both
}

h1.word-rotator-title .inverted {
    min-height: 56px
}

h1.word-rotator-title .word-rotate {
    max-height: 46px;
    line-height: 46px;
    margin-bottom: -9px
}

h2.word-rotator-title .inverted {
    min-height: 46px
}

h3.word-rotator-title .inverted {
    min-height: 25px
}

h3.word-rotator-title .word-rotate {
    max-height: 24px;
    line-height: 24px;
    margin-bottom: -2px
}

h4.word-rotator-title .inverted {
    min-height: 32px
}

h4.word-rotator-title .word-rotate {
    max-height: 27px;
    line-height: 27px;
    margin-bottom: -6px
}

h5.word-rotator-title .word-rotate,
h6.word-rotator-title .word-rotate {
    max-height: 18px;
    line-height: 18px;
    margin-bottom: -4px
}

h5.word-rotator-title .inverted {
    min-height: 18px
}

h6.word-rotator-title .inverted {
    min-height: 20px
}

p .inverted {
    min-height: 24px
}

p .word-rotate {
    max-height: 22px;
    line-height: 22px;
    margin-bottom: -6px
}

html .scroll-to-top {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    background: #400190;
    bottom: 0;
    display: block;
    height: 9px;
    opacity: 0;
    position: fixed;
    text-align: center;
    text-decoration: none;
    z-index: 1040
}

html .scroll-to-top:hover {
    opacity: 1
}

html .scroll-to-top.visible {
    opacity: .75
}

html .scroll-to-top span {
    display: inline-block;
    padding: 0 5px
}

html.lightbox-opened .scroll-to-top {
    right: 27px
}

html.ie11 .scroll-to-top {
    right: 25px
}

@media (max-width:991px) {
    html .scroll-to-top.hidden-mobile {
        display: none!important
    }
}

.loading-overlay-showing {
    overflow: hidden
}

.loading-overlay-showing>.loading-overlay {
    opacity: 1;
    visibility: visible
}

.loading-overlay {
    transition: visibility 0s ease-in-out .5s, opacity .5s ease-in-out;
    bottom: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    background: #FFF
}

body>.loading-overlay {
    position: fixed;
    z-index: 999999
}

.bounce-loader {
    transition: all .2;
    margin: -9px 0 0 -35px;
    text-align: center;
    width: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10000
}

.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 {
    animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay;
    background-color: #CCC;
    border-radius: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    display: inline-block;
    height: 18px;
    width: 18px
}

.bounce-loader .bounce1 {
    animation-delay: -.32s
}

.bounce-loader .bounce2 {
    animation-delay: -.16s
}

@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

ul.history {
    margin: 0 0 25px;
    padding: 0;
    list-style: none
}

ul.history li {
    margin: 25px 0;
    padding: 0;
    clear: both
}

ul.history li h4 {
    margin: 0 0 -27px;
    padding: 0
}

ul.history li p {
    margin-left: 53px
}

ul.history li .thumb {
    background: url(https://e-kampus.com/assets_front/img/history-thumb.png) no-repeat;
    width: 227px;
    height: 160px;
    margin: 0 0 30px;
    padding: 0;
    float: left
}

ul.history li .thumb img {
    border-radius: 150px;
    margin: 7px 8px;
    width: 145px;
    height: 145px
}

ul.history li .featured-box {
    text-align: left;
    margin-left: 225px;
    margin-bottom: 50px;
    min-height: 115px
}

@media (max-width:479px) {
    ul.history li .thumb {
        display: none
    }
    ul.history li .featured-box {
        margin-left: 0
    }
}

.search-results {
    min-height: 300px
}

.google-map {
    background: #E5E3DF;
    width: 100%
}

.google-map.small {
    height: 250px;
    border-radius: 6px;
    margin: 0;
    clear: both
}

.google-map img {
    max-width: 9999px
}

.google-map-borders {
    border: 1px solid #DDD;
    padding: 4px;
    border-radius: 4px
}

.google-map-footer {
    margin: 35px 0 -50px!important
}

@font-face {
    font-family: star;
    src: url(fonts/star.eot);
    src: url(fonts/star.eot#iefix) format("embedded-opentype"), url(fonts/star.woff) format("woff"), url(fonts/star.ttf) format("truetype"), url(fonts/star.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.shop {
    margin-top: -10px
}

.shop ul.products {
    margin: 0;
    padding: 25px 0;
    list-style: none
}

.shop ul.products:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.shop ul.products .product {
    position: relative;
    margin-bottom: 30px
}

.shop ul.products .product .add-to-cart-product {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 6px 0 0;
    padding: 8px 10px 5px;
    font-size: .9em;
    color: #FFF;
    background: #222;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0)
}

.shop ul.products .product .add-to-cart-product .fa,
.shop ul.products .product .add-to-cart-product .icons {
    margin-right: 3px;
    font-size: 1.1em
}

.shop ul.products .product:hover .add-to-cart-product {
    filter: alpha(opacity=100);
    opacity: 1
}

.shop ul.products .product:hover .add-to-cart-product:hover {
    background: #000
}

.shop ul.products .product .price {
    display: block;
    min-height: 28px
}

.shop ul.products .product .price del {
    color: rgba(145, 145, 145, .5);
    font-size: .7em;
    margin: -2px 0 0
}

.shop ul.products .product .price .amount {
    font-size: 1.3em
}

.product-thumb-info,
.product-thumb-info img {
    -moz-transition: all .2s;
    -webkit-transition: all .2s
}

.shop .star-rating {
    float: none;
    top: 2px;
    font-family: star;
    font-size: 1em;
    height: 1.2em;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    width: 5.4em;
    margin-bottom: 25px
}

.shop .star-rating:before {
    color: #E0DADF;
    float: left;
    left: 0;
    top: 0
}

.shop .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0
}

.shop .star-rating span:before {
    left: 0;
    top: 0
}

.shop ul.comments .comment-arrow {
    border-right-color: #F5F7F7
}

.shop ul.comments .comment-block {
    background: #F5F7F7
}

.shop table.cart {
    width: 100%;
    margin: 0;
    text-align: left
}

.shop table.cart img {
    height: auto;
    width: 55px
}

.shop table.cart th {
    padding: 8px 10px
}

.shop table.cart td {
    border-top: 1px solid #DCDCDC;
    padding: 8px 10px
}

.shop table.cart td.actions {
    padding: 20px 10px
}

.shop table.cart .remove .fa {
    font-size: 1.5em
}

.shop table.cart .coupon {
    float: left
}

.shop table.cart .product-remove {
    width: 1%
}

.shop table.cart .product-thumbnail {
    width: 7%
}

.shop table.cart .product-name {
    width: 60%
}

.shop table.cart .quantity {
    top: 10px;
    position: relative
}


.shop ul.simple-post-list li {
    border: 0
}

.product-thumb-info {
    transition: all .2s;
    border-radius: 6px;
    padding: 0;
    background: #F7F9FC;
    display: block;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    text-align: center;
    border: 1px solid #DDD;
    text-decoration: none
}

a {
    -moz-transition: all .3s
}

@media (max-width:991px) {
    .shop table.cart td.product-price,
    .shop table.cart td.product-quantity,
    .shop table.cart th.product-price,
    .shop table.cart th.product-quantity {
        display: none
    }
}

    a {
        color: #400190;
    }

    a:focus,
    a:hover {
        color: #400190
    }

    a:active {
        color: #2f0069
    }

    html .heading-primary,
    html .lnk-primary,
    html .text-color-primary {
        color: #400190
    }

    html .heading.heading-primary h1,
    html .heading.heading-primary h2,
    html .heading.heading-primary h3,
    html .heading.heading-primary h4,
    html .heading.heading-primary h5,
    html .heading.heading-primary h6 {
        border-color: #400190
    }

    html .text-color-dark {
        color: #2e353e!important
    }

    .alternative-font,
    html ul.nav-pills-primary a,
    p.drop-caps:first-letter {
        color: #400190
    }


    p.drop-caps.drop-caps-style-2:first-letter,
    ul.nav-pills>li.active>a,
    ul.nav-pills>li.active>a:focus,
    ul.nav-pills>li.active>a:hover {
        background-color: #400190
    }


    .btn-link {
        color: #400190
    }


    html .label-primary {
        background-color: #400190
    }

    .btn-link:hover {
        color: #f0545a
    }

    .btn-link:active {
        color: #2f0069
    }

    html .btn-primary {
        color: #fff;
        background-color: #400190;
        border-color: #410092;
    }

    html .btn-primary:hover {
        border-color: #410092;
        background-color: #410092
    }

    html .btn-primary:active,
    html .btn-primary:active:focus,
    html .btn-primary:active:hover,
    html .btn-primary:focus {
        border-color: #2f0069;
        background-color: #2f0069
    }

    html .btn-primary.dropdown-toggle {
        border-left-color: #2f0069
    }

    html .btn-primary[disabled],
    html .btn-primary[disabled]:active,
    html .btn-primary[disabled]:focus,
    html .btn-primary[disabled]:hover {
        border-color: #f69b9e;
        background-color: #f69b9e
    }

    html .btn-primary:active:focus,
    html .btn-primary:active:hover,
    html .btn-primary:focus,
    html .btn-primary:hover {
        color: #fff
    }

    html .btn-primary-scale-2 {
        color: #fff;
        background-color: #e4141b;
        border-color: #e4141b #e4141b #b51015
    }

    html .btn-primary-scale-2:hover {
        border-color: #2f0069 #2f0069 #cd1218;
        background-color: #2f0069
    }

    html .btn-primary-scale-2:active,
    html .btn-primary-scale-2:active:focus,
    html .btn-primary-scale-2:active:hover,
    html .btn-primary-scale-2:focus {
        border-color: #cd1218;
        background-color: #cd1218
    }

    html .btn-primary-scale-2.dropdown-toggle {
        border-left-color: #cd1218
    }

    html .btn-primary-scale-2[disabled],
    html .btn-primary-scale-2[disabled]:active,
    html .btn-primary-scale-2[disabled]:focus,
    html .btn-primary-scale-2[disabled]:hover {
        border-color: #f26c70;
        background-color: #f26c70
    }

    html .btn-secondary {
        color: #fff;
        background-color: #393f4f;
        border-color: #393f4f #393f4f #242731
    }

    html .btn-dark {
        color: #fff;
        background-color: #2e353e;
        border-color: #2e353e #2e353e #181c21
    }

    html .btn-dark:hover {
        border-color: #39424d #39424d #23282f;
        background-color: #39424d
    }

    html .btn-dark:active,
    html .btn-dark:active:focus,
    html .btn-dark:active:hover,
    html .btn-dark:focus {
        border-color: #23282f;
        background-color: #23282f
    }

    html .btn-dark.dropdown-toggle {
        border-left-color: #23282f
    }

    html .btn-dark[disabled],
    html .btn-dark[disabled]:active,
    html .btn-dark[disabled]:focus,
    html .btn-dark[disabled]:hover {
        border-color: #596779;
        background-color: #596779
    }

    html .btn-dark:active:focus,
    html .btn-dark:active:hover,
    html .btn-dark:focus,
    html .btn-dark:hover {
        color: #fff
    }

    html .btn-dark-scale-2 {
        color: #fff;
        background-color: #181c21;
        border-color: #181c21 #181c21 #030303
    }

    html .btn-dark-scale-2:hover {
        border-color: #23282f #23282f #0d0f12;
        background-color: #23282f
    }

    html .btn-dark-scale-2:active,
    html .btn-dark-scale-2:active:focus,
    html .btn-dark-scale-2:active:hover,
    html .btn-dark-scale-2:focus {
        border-color: #0d0f12;
        background-color: #0d0f12
    }

    html .btn-dark-scale-2.dropdown-toggle {
        border-left-color: #0d0f12
    }

    html .btn-dark-scale-2[disabled],
    html .btn-dark-scale-2[disabled]:active,
    html .btn-dark-scale-2[disabled]:focus,
    html .btn-dark-scale-2[disabled]:hover {
        border-color: #444e5b;
        background-color: #444e5b
    }


    html .btn-borders.btn-primary {
        background: 0 0;
        border-color: #400190;
        color: #400190;
        text-shadow: none
    }

    html .btn-borders.btn-primary:focus,
    html .btn-borders.btn-primary:hover {
        background-color: #400190;
        border-color: #400190!important;
        color: #fff
    }

    html .btn-borders.btn-primary:focus:hover,
    html .btn-borders.btn-primary:hover:hover {
        border-color: #f0545a #f0545a #2f0069;
        background-color: #f0545a
    }

    html .btn-borders.btn-primary:focus:active,
    html .btn-borders.btn-primary:focus:active:focus,
    html .btn-borders.btn-primary:focus:active:hover,
    html .btn-borders.btn-primary:focus:focus,
    html .btn-borders.btn-primary:hover:active,
    html .btn-borders.btn-primary:hover:active:focus,
    html .btn-borders.btn-primary:hover:active:hover,
    html .btn-borders.btn-primary:hover:focus {
        border-color: #2f0069;
        background-color: #2f0069
    }

    html .btn-borders.btn-primary:focus.dropdown-toggle,
    html .btn-borders.btn-primary:hover.dropdown-toggle {
        border-left-color: #2f0069
    }

    html .btn-borders.btn-primary:focus[disabled],
    html .btn-borders.btn-primary:focus[disabled]:active,
    html .btn-borders.btn-primary:focus[disabled]:focus,
    html .btn-borders.btn-primary:focus[disabled]:hover,
    html .btn-borders.btn-primary:hover[disabled],
    html .btn-borders.btn-primary:hover[disabled]:active,
    html .btn-borders.btn-primary:hover[disabled]:focus,
    html .btn-borders.btn-primary:hover[disabled]:hover {
        border-color: #f69b9e;
        background-color: #f69b9e
    }

    html .btn-borders.btn-dark {
        background: 0 0;
        border-color: #2e353e;
        color: #2e353e;
        text-shadow: none
    }

    html .btn-borders.btn-dark:focus,
    html .btn-borders.btn-dark:hover {
        background-color: #2e353e;
        border-color: #2e353e!important;
        color: #fff
    }

    html .btn-borders.btn-dark:focus:hover,
    html .btn-borders.btn-dark:hover:hover {
        border-color: #39424d #39424d #23282f;
        background-color: #39424d
    }

    html .btn-borders.btn-dark:focus:active,
    html .btn-borders.btn-dark:focus:active:focus,
    html .btn-borders.btn-dark:focus:active:hover,
    html .btn-borders.btn-dark:focus:focus,
    html .btn-borders.btn-dark:hover:active,
    html .btn-borders.btn-dark:hover:active:focus,
    html .btn-borders.btn-dark:hover:active:hover,
    html .btn-borders.btn-dark:hover:focus {
        border-color: #23282f;
        background-color: #23282f
    }

    html .btn-borders.btn-dark:focus.dropdown-toggle,
    html .btn-borders.btn-dark:hover.dropdown-toggle {
        border-left-color: #23282f
    }

    html .btn-borders.btn-dark:focus[disabled],
    html .btn-borders.btn-dark:focus[disabled]:active,
    html .btn-borders.btn-dark:focus[disabled]:focus,
    html .btn-borders.btn-dark:focus[disabled]:hover,
    html .btn-borders.btn-dark:hover[disabled],
    html .btn-borders.btn-dark:hover[disabled]:active,
    html .btn-borders.btn-dark:hover[disabled]:focus,
    html .btn-borders.btn-dark:hover[disabled]:hover {
        border-color: #596779;
        background-color: #596779
    }


    .pagination>li>a,
    .pagination>li>a:focus,
    .pagination>li>a:hover,
    .pagination>li>span,
    .pagination>li>span:focus,
    .pagination>li>span:hover {
        color: #400190
    }

    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        background-color: #400190!important;
        border-color: #400190
    }

    .pagination>.active>a {
        color: #fff;
        background-color: #400190;
        border-color: #400190 #400190 #260a38
    }

    .pagination>.active>a:hover {
        border-color: #260a38 #260a38 #260a38;
        background-color: #f0545a
    }

    .pagination>.active>a:active,
    .pagination>.active>a:active:focus,
    .pagination>.active>a:active:hover,
    .pagination>.active>a:focus {
        border-color: #260a38;
        background-color: #2f0069
    }

    .pagination>.active>a.dropdown-toggle {
        border-left-color: #2f0069
    }

    .pagination>.active>a[disabled],
    .pagination>.active>a[disabled]:active,
    .pagination>.active>a[disabled]:focus,
    .pagination>.active>a[disabled]:hover {
        border-color: #f69b9e;
        background-color: #f69b9e
    }

    html .progress-bar-primary {
        background-color: #400190
    }


    section.page-header h1 {
        border-bottom-color: #400190
    }

    section.page-header.custom-product {
        background-color: #2f0069;
        border-top-color: #ed343a
    }

    html .page-header-color.page-header-primary {
        background-color: #400190;
        border-bottom-color: #400190;
        color: #fff
    }

    html .page-header-color.page-header-primary .breadcrumb>.active,
    html .page-header-color.page-header-primary a,
    html .page-header-color.page-header-primary h1,
    html .page-header-color.page-header-primary h1 span {
        color: #fff
    }

    html .page-header-color.page-header-secondary {
        background-color: #393f4f;
        border-bottom-color: #393f4f;
        color: #fff
    }

    html .page-header-color.page-header-secondary .breadcrumb>.active,
    html .page-header-color.page-header-secondary a,
    html .page-header-color.page-header-secondary h1,
    html .page-header-color.page-header-secondary h1 span {
        color: #fff
    }

    html .page-header-color.page-header-tertiary {
        background-color: #2baab1;
        border-bottom-color: #2baab1;
        color: #fff
    }

    html .page-header-color.page-header-tertiary .breadcrumb>.active,
    html .page-header-color.page-header-tertiary a,
    html .page-header-color.page-header-tertiary h1,
    html .page-header-color.page-header-tertiary h1 span {
        color: #fff
    }

    html .page-header-color.page-header-quaternary {
        background-color: #383f48;
        border-bottom-color: #383f48;
        color: #fff
    }

    html .page-header-color.page-header-quaternary .breadcrumb>.active,
    html .page-header-color.page-header-quaternary a,
    html .page-header-color.page-header-quaternary h1,
    html .page-header-color.page-header-quaternary h1 span {
        color: #fff
    }

    html .page-header-color.page-header-light {
        background-color: #fff;
        border-bottom-color: #fff;
        color: #777
    }

    html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
    html body .tabs-primary.tabs-bottom .nav-tabs li a.active,
    html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
    html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
    html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
    html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
    html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
    html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
    html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
    html body .tabs.tabs-bottom .nav-tabs li a:hover,
    html body .tabs.tabs-bottom .nav-tabs li.active a,
    html body .tabs.tabs-bottom .nav-tabs li.active a:focus,
    html body .tabs.tabs-bottom .nav-tabs li.active a:hover {
        border-bottom-color: #400190
    }


    html .toggle-primary .toggle label {
        color: #400190;
        border-left-color: #400190;
        border-right-color: #400190
    }

    html .thumb-info .thumb-info-action-icon-primary i,
    html .thumb-info .thumb-info-action-icon-quaternary i,
    html .thumb-info .thumb-info-action-icon-secondary i,
    html .thumb-info .thumb-info-action-icon-tertiary i {
        color: #fff
    }

    html .toggle-primary .toggle.active>label {
        background-color: #400190;
        border-color: #400190;
        color: #fff
    }

    .img-thumbnail .zoom,
    .thumb-info .thumb-info-action-icon,
    .thumb-info .thumb-info-type,
    .thumb-info-social-icons a,
    .thumbnail .zoom,
    html .thumb-info .thumb-info-action-icon-primary,
    html .toggle-primary.toggle-simple .toggle>label:after {
        background-color: #400190
    }

    html .thumb-info .thumb-info-action-icon-secondary {
        background-color: #393f4f
    }

    html .thumb-info .thumb-info-action-icon-tertiary {
        background-color: #2baab1
    }

    html .thumb-info .thumb-info-action-icon-quaternary {
        background-color: #383f48
    }

    html .thumb-info .thumb-info-action-icon-light {
        background-color: #fff
    }

    html .thumb-info .thumb-info-action-icon-light i {
        color: #777
    }

    .thumb-info-ribbon {
        background: #400190
    }

    .thumb-info-ribbon:before {
        border-right-color: #cd1218;
        border-left-color: #cd1218
    }

    html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
    html body .tabs-primary.tabs-vertical.tabs-right li.active a,
    html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
    html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
    html body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
    html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
    html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus,
    html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover {
        border-right-color: #400190
    }


    .owl-carousel .owl-dots .owl-dot.active span,
    .owl-carousel .owl-dots .owl-dot:hover span {
        background-color: #ec2128
    }

    .owl-carousel.show-nav-title .owl-nav [class*=owl-] {
        color: #400190
    }

    .owl-carousel .owl-nav [class*=owl-] {
        color: #fff;
        background-color: #400190;
        border-color: #400190 #400190 #e4141b
    }

    .owl-carousel .owl-nav [class*=owl-]:hover {
        border-color: #f0545a #f0545a #2f0069;
        background-color: #f0545a
    }

    .owl-carousel .owl-nav [class*=owl-]:active,
    .owl-carousel .owl-nav [class*=owl-]:active:focus,
    .owl-carousel .owl-nav [class*=owl-]:active:hover,
    .owl-carousel .owl-nav [class*=owl-]:focus {
        border-color: #2f0069;
        background-color: #2f0069
    }

    .owl-carousel .owl-nav [class*=owl-].dropdown-toggle {
        border-left-color: #2f0069
    }

    html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
    html body .tabs-primary.tabs-vertical.tabs-left li.active a,
    html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
    html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
    html body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
    html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
    html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus,
    html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover {
        border-left-color: #400190
    }

    .owl-carousel .owl-nav [class*=owl-][disabled],
    .owl-carousel .owl-nav [class*=owl-][disabled]:active,
    .owl-carousel .owl-nav [class*=owl-][disabled]:focus,
    .owl-carousel .owl-nav [class*=owl-][disabled]:hover {
        border-color: #f69b9e;
        background-color: #f69b9e
    }

    html body .tabs .nav-tabs a,
    html body .tabs .nav-tabs a:hover {
        color: #fff;
        font-weight: 600
    }

    html body .tabs .nav-tabs a:focus,
    html body .tabs .nav-tabs a:hover {
        border-top-color: transparent
    }

    html body .tabs .nav-tabs li.active a {
        border-top-color: #fff;
        color: #400190;
        font-weight: 600
    }

    html body .tabs.tabs-simple .nav-tabs>li a:hover,
    html body .tabs.tabs-simple .nav-tabs>li a.active,
    html body .tabs.tabs-simple .nav-tabs>li.active a,
    html body .tabs.tabs-simple .nav-tabs>li.active a:focus,
    html body .tabs.tabs-simple .nav-tabs>li.active a:hover {
        border-top-color: #400190;
        color: #400190
    }

    html body .tabs-primary .nav-tabs li a,
    html body .tabs-primary .nav-tabs li a:hover,
    html body .tabs-primary .nav-tabs.nav-justified li a,
    html body .tabs-primary .nav-tabs.nav-justified li a:hover {
        color: #400190
    }

    html body .tabs-primary .nav-tabs li a:hover,
    html body .tabs-primary .nav-tabs.nav-justified li a:hover {
        border-top-color: #400190
    }

    html body .tabs-primary .nav-tabs li.active a,
    html body .tabs-primary .nav-tabs li.active a:focus,
    html body .tabs-primary .nav-tabs li.active a:hover,
    html body .tabs-primary .nav-tabs.nav-justified li.active a,
    html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
    html body .tabs-primary .nav-tabs.nav-justified li.active a:hover {
        border-top-color: #400190;
        color: #400190
    }


    .list.list-icons li a:first-child>.fa:first-child,
    .list.list-icons li a:first-child>.icons:first-child,
    .list.list-icons li>.fa:first-child,
    .list.list-icons li>.icons:first-child,
    .list.list-ordened li:before,
    html .list-primary.list-icons li a:first-child>.fa:first-child,
    html .list-primary.list-icons li a:first-child>.icons:first-child,
    html .list-primary.list-icons li>.fa:first-child,
    html .list-primary.list-icons li>.icons:first-child {
        color: #400190;
        border-color: #400190
    }

    .panel-group .panel-heading a,
    .parallax blockquote i.fa-quote-left,
    section.video blockquote i.fa-quote-left {
        color: #400190
    }

    html .panel-group.panel-group-dark .panel-heading a,
    html .panel-group.panel-group-primary .panel-heading a,
    html .panel-group.panel-group-quaternary .panel-heading a,
    html .panel-group.panel-group-secondary .panel-heading a,
    html .panel-group.panel-group-tertiary .panel-heading a {
        color: #fff
    }

    html .panel-group.panel-group-primary .panel-heading {
        background-color: #400190!important
    }

    html .panel-group.panel-group-secondary .panel-heading {
        background-color: #393f4f!important
    }

    html .panel-group.panel-group-tertiary .panel-heading {
        background-color: #2baab1!important
    }

    html .panel-group.panel-group-quaternary .panel-heading {
        background-color: #383f48!important
    }

    html .panel-group.panel-group-dark .panel-heading {
        background-color: #2e353e!important
    }

    html .panel-group.panel-group-light .panel-heading {
        background-color: #fff!important
    }

    html .panel-group.panel-group-light .panel-heading a {
        color: #777
    }


    #header .tip {
        background: #400190;
        color: #fff
    }

    #header .tip:before {
        border-right-color: #400190
    }

    html[dir=rtl] #header .tip.skin:before {
        border-left-color: #400190
    }

    #header .header-btn-collapse-nav {
        background: #400190
    }

    @media (min-width:992px) {
        #header .header-nav-main nav>ul>li.open>a,
        #header .header-nav-main nav>ul>li:hover>a,
        #header .header-nav.header-nav-top-line nav>ul li.active>a:before,
        #header .header-nav.header-nav-top-line nav>ul li:hover>a:before {
            background: #400190
        }
        #header .header-nav-main nav>ul>li.dropdown-mega-signin .dropdown-menu li a,
        #header .header-nav.header-nav-dark-dropdown nav>ul li.active>a,
        #header .header-nav.header-nav-dark-dropdown nav>ul li:hover>a,
        #header .header-nav.header-nav-stripe nav>ul>li:not(:hover).active>a,
        #header .header-nav.header-nav-top-line nav>ul li.active>a,
        #header .header-nav.header-nav-top-line nav>ul li:hover>a {
            color: #400190
        }
        #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
            border-top-color: #fff
        }
        #header .header-nav-main nav>ul>li.dropdown-mega-signin .dropdown-menu,
        #header .header-nav-main nav>ul>li.dropdown-reverse .dropdown-menu {
            border-top-color: #400190
        }
        #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent transparent transparent #400190
        }
        #header .header-nav-main nav>ul>li.dropdown-reverse .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent #400190
        }
        #header .header-nav.header-nav-dark-dropdown nav>ul li.active>a.dropdown-toggle:after,
        #header .header-nav.header-nav-dark-dropdown nav>ul li:hover>a.dropdown-toggle:after,
        #header .header-nav.header-nav-stripe nav>ul>li:not(:hover).active>a.dropdown-toggle:after,
        #header .header-nav.header-nav-top-line nav>ul li.active>a.dropdown-toggle:after,
        #header .header-nav.header-nav-top-line nav>ul li:hover>a.dropdown-toggle:after {
            border-color: #400190 transparent transparent
        }
        #header .header-nav.header-nav-stripe nav>ul>li:hover>a {
            background-color: #400190
        }
        html.side-header #header .header-nav-main nav>ul li.dropdown.open>.dropdown-menu,
        html.side-header #header .header-nav-main nav>ul li.dropdown:hover>.dropdown-menu {
            border-left-color: #400190
        }
        html.side-header #header .header-nav-main nav>ul li.dropdown>a.dropdown-toggle:after {
            border-color: transparent transparent transparent #400190
        }
        html.side-header #header .header-nav-main nav>ul li.dropdown.active>a.dropdown-toggle:after,
        html.side-header #header .header-nav-main nav>ul li.dropdown:hover>a.dropdown-toggle:after {
            border-color: transparent transparent transparent #fff
        }
        html.side-header-right #header .header-nav-main nav>ul li.dropdown.open>.dropdown-menu,
        html.side-header-right #header .header-nav-main nav>ul li.dropdown:hover>.dropdown-menu {
            border-right-color: #400190
        }
        html.side-header-right #header .header-nav-main nav>ul li.dropdown>a.dropdown-toggle:after {
            border-color: transparent #400190 transparent transparent
        }
        html.side-header-right #header .header-nav-main nav>ul li.dropdown.active>a.dropdown-toggle:after,
        html.side-header-right #header .header-nav-main nav>ul li.dropdown:hover>a.dropdown-toggle:after {
            border-color: transparent #fff transparent transparent
        }

        html #header .header-nav-main nav>ul>li.active>a.dropdown-toggle:after,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:after,
        html #header .header-nav-main nav>ul>li:hover>a.dropdown-toggle:after {
            border-color: #400190 transparent transparent
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a {
            color: #400190
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:focus,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary a:hover,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.active>a,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a {
            background: #400190;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary .dropdown-menu {
            border-top-color: #400190;
            background-color: #400190
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
            color: #fff;
            border-bottom-color: #f0545a
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover>a {
            background: #f0545a
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent transparent transparent #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title {
            color: #fff;
            opacity: .7
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a {
            color: #393f4f
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:focus,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:hover {
            background: #393f4f;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary a:after {
            border-color: #393f4f transparent transparent
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary.active>a,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary:hover>a {
            background: #393f4f;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu {
            border-top-color: #393f4f;
            background-color: #393f4f
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
            color: #fff;
            border-bottom-color: #444b5e
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover>a {
            background: #444b5e
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent transparent transparent #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title {
            color: #fff;
            opacity: .7
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a {
            color: #2baab1
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:focus,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:hover {
            background: #2baab1;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary a:after {
            border-color: #2baab1 transparent transparent
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary.active>a,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary:hover>a {
            background: #2baab1;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary .dropdown-menu {
            border-top-color: #2baab1;
            background-color: #2baab1
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
            color: #fff;
            border-bottom-color: #30bec6
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover>a {
            background: #30bec6
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent transparent transparent #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title {
            color: #fff;
            opacity: .7
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a {
            color: #383f48
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:focus,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:hover {
            background: #383f48;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary a:after {
            border-color: #383f48 transparent transparent
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary.active>a,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary:hover>a {
            background: #383f48;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary .dropdown-menu {
            border-top-color: #383f48;
            background-color: #383f48
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
            color: #fff;
            border-bottom-color: #434c56
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover>a {
            background: #434c56
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent transparent transparent #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title {
            color: #fff;
            opacity: .7
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a {
            color: #2e353e
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:focus,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:hover {
            background: #2e353e;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark a:after {
            border-color: #2e353e transparent transparent
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark.active>a,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark:hover>a {
            background: #2e353e;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark .dropdown-menu {
            border-top-color: #2e353e;
            background-color: #2e353e
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
            color: #fff;
            border-bottom-color: #39424d
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover>a {
            background: #39424d
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent transparent transparent #fff
        }
        html #header .header-nav-main nav>ul>li.active>a.dropdown-toggle:after,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:after,
        html #header .header-nav-main nav>ul>li:hover>a.dropdown-toggle:after {
            border-color: #fff transparent transparent
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title {
            color: #fff;
            opacity: .7
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a {
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:focus,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light a:hover,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light.active>a,
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light:hover>a {
            background: #fff;
            color: #777
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light .dropdown-menu {
            border-top-color: #fff;
            background-color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light .dropdown-menu li a {
            color: #777;
            border-bottom-color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light .dropdown-menu li:hover>a {
            background: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent transparent transparent #777
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title {
            color: #777;
            opacity: .7
        }
        html[dir=rtl] #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
            border-color: transparent #400190 transparent transparent
        }
    }

    #header .compare-dropdownmenu .btn-remove:focus,
    #header .compare-dropdownmenu .btn-remove:hover,
    #mobile-login-area .compare-dropdownmenu .btn-remove:focus,
    #mobile-login-area .compare-dropdownmenu .btn-remove:hover,
    #header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header .btn:focus,
    #header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header .btn:hover,
    #header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header .btn:focus,
    #header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header .btn:hover {
        opacity: .9
    }

    @media (max-width:991px) {
        #header .header-nav-main nav>ul>li>a,
        #header .header-nav-main nav>ul>li>a:focus,
        #header .header-nav-main nav>ul>li>a:hover {
            color: #400190
        }
        #header .header-nav-main nav>ul>li.active>a,
        #header .header-nav-main nav>ul>li.active>a:focus,
        #header .header-nav-main nav>ul>li.active>a:hover {
            background-color: #400190
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary>a {
            color: #400190
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.active>a {
            background: #400190;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary>a {
            color: #393f4f
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary.active>a {
            background: #393f4f;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary>a {
            color: #2baab1
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-tertiary.active>a {
            background: #2baab1;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary>a {
            color: #383f48
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-quaternary.active>a {
            background: #383f48;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark>a {
            color: #2e353e
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-dark.active>a {
            background: #2e353e;
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light>a {
            color: #fff
        }
        html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-light.active>a {
            background: #fff;
            color: #777
        }
    }

    html #header .header-top.header-top-primary {
        background: #400190;
        border-top-color: #2f0069
    }

    html #header .header-top.header-top-primary .header-nav-top ul>li.open>a,
    html #header .header-top.header-top-primary .header-nav-top ul>li.open>a:focus,
    html #header .header-top.header-top-primary .header-nav-top ul>li.open>a:hover,
    html #header .header-top.header-top-primary .header-nav-top ul>li>a:focus,
    html #header .header-top.header-top-primary .header-nav-top ul>li>a:hover {
        background: #f0545a
    }

    html #header .header-top.header-top-primary .dropdown-menu {
        background: #f0545a;
        border-color: #f0545a
    }

    html #header .header-top.header-top-primary .dropdown-menu a:focus,
    html #header .header-top.header-top-primary .dropdown-menu a:hover {
        background: #f26c70!important
    }

    html #header .header-top.header-top-secondary {
        background: #393f4f;
        border-top-color: #2e3340
    }

    html #header .header-top.header-top-secondary .header-nav-top ul>li.open>a,
    html #header .header-top.header-top-secondary .header-nav-top ul>li.open>a:focus,
    html #header .header-top.header-top-secondary .header-nav-top ul>li.open>a:hover,
    html #header .header-top.header-top-secondary .header-nav-top ul>li>a:focus,
    html #header .header-top.header-top-secondary .header-nav-top ul>li>a:hover {
        background: #444b5e
    }

    html #header .header-top.header-top-secondary .dropdown-menu {
        background: #444b5e;
        border-color: #444b5e
    }

    html #header .header-top.header-top-secondary .dropdown-menu a:focus,
    html #header .header-top.header-top-secondary .dropdown-menu a:hover {
        background: #4e576d!important
    }

    html #header .header-top.header-top-tertiary {
        background: #2baab1;
        border-top-color: #26969c
    }

    html #header .header-top.header-top-tertiary .header-nav-top ul>li.open>a,
    html #header .header-top.header-top-tertiary .header-nav-top ul>li.open>a:focus,
    html #header .header-top.header-top-tertiary .header-nav-top ul>li.open>a:hover,
    html #header .header-top.header-top-tertiary .header-nav-top ul>li>a:focus,
    html #header .header-top.header-top-tertiary .header-nav-top ul>li>a:hover {
        background: #30bec6
    }

    html #header .header-top.header-top-tertiary .dropdown-menu {
        background: #30bec6;
        border-color: #30bec6
    }

    html #header .header-top.header-top-tertiary .dropdown-menu a:focus,
    html #header .header-top.header-top-tertiary .dropdown-menu a:hover {
        background: #3fc9d0!important
    }

    html #header .header-top.header-top-quaternary {
        background: #383f48;
        border-top-color: #2d323a
    }

    html #header .header-top.header-top-quaternary .header-nav-top ul>li.open>a,
    html #header .header-top.header-top-quaternary .header-nav-top ul>li.open>a:focus,
    html #header .header-top.header-top-quaternary .header-nav-top ul>li.open>a:hover,
    html #header .header-top.header-top-quaternary .header-nav-top ul>li>a:focus,
    html #header .header-top.header-top-quaternary .header-nav-top ul>li>a:hover {
        background: #434c56
    }

    html #header .header-top.header-top-quaternary .dropdown-menu {
        background: #434c56;
        border-color: #434c56
    }

    html #header .header-top.header-top-quaternary .dropdown-menu a:focus,
    html #header .header-top.header-top-quaternary .dropdown-menu a:hover {
        background: #4e5865!important
    }

    html #header .header-top.header-top-dark {
        background: #2e353e;
        border-top-color: #23282f
    }

    html #header .header-top.header-top-dark .header-nav-top ul>li.open>a,
    html #header .header-top.header-top-dark .header-nav-top ul>li.open>a:focus,
    html #header .header-top.header-top-dark .header-nav-top ul>li.open>a:hover,
    html #header .header-top.header-top-dark .header-nav-top ul>li>a:focus,
    html #header .header-top.header-top-dark .header-nav-top ul>li>a:hover {
        background: #39424d
    }

    html #header .header-top.header-top-dark .dropdown-menu {
        background: #39424d;
        border-color: #39424d
    }

    html #header .header-top.header-top-dark .dropdown-menu a:focus,
    html #header .header-top.header-top-dark .dropdown-menu a:hover {
        background: #444e5b!important
    }

    html #header .header-top.header-top-light {
        background: #fff;
        border-top-color: #f2f2f2
    }

    .testimonial .testimonial-arrow-down,
    html .testimonial-primary .testimonial-arrow-down {
        border-top-color: #f0545a
    }

    html #header .header-top.header-top-light .header-nav-top ul>li.open>a,
    html #header .header-top.header-top-light .header-nav-top ul>li.open>a:focus,
    html #header .header-top.header-top-light .header-nav-top ul>li.open>a:hover,
    html #header .header-top.header-top-light .header-nav-top ul>li>a:focus,
    html #header .header-top.header-top-light .header-nav-top ul>li>a:hover {
        background: #fff
    }

    html #header .header-top.header-top-light .dropdown-menu {
        background: #fff;
        border-color: #fff
    }

    html #header .header-top.header-top-light .dropdown-menu a:focus,
    html #header .header-top.header-top-light .dropdown-menu a:hover {
        background: #fff!important
    }

    @media (min-width:992px) {
        html #header .header-nav-bar-primary {
            background: #400190!important;
            color: #fff!important
        }
        html #header .header-nav-bar-secondary {
            background: #393f4f!important;
            color: #fff!important
        }
        html #header .header-nav-bar-tertiary {
            background: #2baab1!important;
            color: #fff!important
        }
        html #header .header-nav-bar-quaternary {
            background: #383f48!important;
            color: #fff!important
        }
        html #header .header-nav-bar-dark {
            background: #2e353e!important;
            color: #fff!important
        }
        html #header .header-nav-bar-light {
            background: #fff!important;
            color: #777!important
        }
        #header .header-nav-main.header-nav-main-light nav>ul>li.active>a,
        #header .header-nav-main.header-nav-main-light nav>ul>li.open>a,
        #header .header-nav-main.header-nav-main-light nav>ul>li:hover>a {
            color: #400190
        }
        #header .header-nav-main.header-nav-main-light nav>ul>li.active>a.dropdown-toggle:after,
        #header .header-nav-main.header-nav-main-light nav>ul>li.open>a.dropdown-toggle:after,
        #header .header-nav-main.header-nav-main-light nav>ul>li:hover>a.dropdown-toggle:after {
            border-color: #400190 transparent transparent
        }
    }


    .featured-box-primary .icon-featured,
    .icon-featured,
    html .featured-box-primary .icon-featured {
        background-color: #400190
    }


    .featured-box-primary .box-content,
    html .featured-box-primary .box-content {
        border-top-color: #400190
    }

    .featured-box-primary h4,
    html .featured-box-primary h4 {
        color: #400190
    }

    .featured-box-primary .icon-featured:after {
        border-color: #400190
    }


    html .featured-box-tertiary .icon-featured {
        background-color: #2baab1
    }

    html .featured-box-tertiary h4 {
        color: #2baab1
    }

    html .featured-box-tertiary .box-content {
        border-top-color: #2baab1
    }





    html .featured-box-effect-2.featured-box-primary .icon-featured:after {
        box-shadow: 0 0 0 3px #400190
    }



    html .featured-box-effect-2.featured-box-tertiary .icon-featured:after {
        box-shadow: 0 0 0 3px #2baab1
    }


    html .featured-box-effect-3.featured-box-primary .icon-featured:after {
        box-shadow: 0 0 0 10px #400190
    }

    html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
        background: #400190!important
    }

    html .featured-box-effect-3.featured-box-tertiary .icon-featured:after {
        box-shadow: 0 0 0 10px #2baab1
    }

    html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured {
        background: #2baab1!important
    }

    .feature-box .feature-box-icon,
    html .feature-box-primary .feature-box-icon {
        background-color: #400190
    }

    html .feature-box-secondary .feature-box-icon {
        background-color: #393f4f
    }

    html .feature-box-tertiary .feature-box-icon {
        background-color: #2baab1
    }

    html .feature-box-quaternary .feature-box-icon {
        background-color: #383f48
    }

    html .feature-box-dark .feature-box-icon {
        background-color: #2e353e
    }

    html .feature-box-light .feature-box-icon {
        background-color: #fff
    }

    .feature-box.feature-box-style-2 .feature-box-icon .icons,
    .feature-box.feature-box-style-2 .feature-box-icon i.fa,
    html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons,
    html .feature-box-primary.feature-box-style-2 .feature-box-icon i.fa {
        color: #400190
    }

    html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons,
    html .feature-box-secondary.feature-box-style-2 .feature-box-icon i.fa {
        color: #393f4f
    }

    html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons,
    html .feature-box-tertiary.feature-box-style-2 .feature-box-icon i.fa {
        color: #2baab1
    }

    html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons,
    html .feature-box-quaternary.feature-box-style-2 .feature-box-icon i.fa {
        color: #383f48
    }

    html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons,
    html .feature-box-dark.feature-box-style-2 .feature-box-icon i.fa {
        color: #2e353e
    }

    html .feature-box-light.feature-box-style-2 .feature-box-icon .icons,
    html .feature-box-light.feature-box-style-2 .feature-box-icon i.fa {
        color: #fff
    }

    .feature-box.feature-box-style-3 .feature-box-icon .icons,
    .feature-box.feature-box-style-3 .feature-box-icon i.fa,
    html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons,
    html .feature-box-primary.feature-box-style-3 .feature-box-icon i.fa {
        color: #400190
    }

    html .feature-box-secondary.feature-box-style-3 .feature-box-icon {
        border-color: #393f4f
    }

    html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons,
    html .feature-box-secondary.feature-box-style-3 .feature-box-icon i.fa {
        color: #393f4f
    }

    html .feature-box-tertiary.feature-box-style-3 .feature-box-icon {
        border-color: #2baab1
    }

    html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons,
    html .feature-box-tertiary.feature-box-style-3 .feature-box-icon i.fa {
        color: #2baab1
    }

    html .feature-box-quaternary.feature-box-style-3 .feature-box-icon {
        border-color: #383f48
    }

    html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons,
    html .feature-box-quaternary.feature-box-style-3 .feature-box-icon i.fa {
        color: #383f48
    }

    html .feature-box-dark.feature-box-style-3 .feature-box-icon {
        border-color: #2e353e
    }

    html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons,
    html .feature-box-dark.feature-box-style-3 .feature-box-icon i.fa {
        color: #2e353e
    }

    html .feature-box-light.feature-box-style-3 .feature-box-icon {
        border-color: #fff
    }

    .pricing-table .most-popular,
    html .call-to-action.with-full-borders-primary {
        border-color: #400190
    }

    html .feature-box-light.feature-box-style-3 .feature-box-icon .icons,
    html .feature-box-light.feature-box-style-3 .feature-box-icon i.fa {
        color: #fff
    }

    .feature-box.feature-box-style-4 .feature-box-icon .icons,
    .feature-box.feature-box-style-4 .feature-box-icon i.fa,
    html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons,
    html .feature-box-primary.feature-box-style-4 .feature-box-icon i.fa {
        color: #400190
    }

    html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons,
    html .feature-box-secondary.feature-box-style-4 .feature-box-icon i.fa {
        color: #393f4f
    }

    html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons,
    html .feature-box-tertiary.feature-box-style-4 .feature-box-icon i.fa {
        color: #2baab1
    }

    html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons,
    html .feature-box-quaternary.feature-box-style-4 .feature-box-icon i.fa {
        color: #383f48
    }

    html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons,
    html .feature-box-dark.feature-box-style-4 .feature-box-icon i.fa {
        color: #2e353e
    }

    html .feature-box-light.feature-box-style-4 .feature-box-icon .icons,
    html .feature-box-light.feature-box-style-4 .feature-box-icon i.fa {
        color: #fff
    }

    .feature-box.feature-box-style-5 .feature-box-icon i.fa,
    .feature-box.feature-box-style-5 .feature-box-icon i.icons,
    html .feature-box-primary.feature-box-style-5 .feature-box-icon i.fa,
    html .feature-box-primary.feature-box-style-5 .feature-box-icon i.icons {
        color: #400190
    }

    html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.fa,
    html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.icons {
        color: #393f4f
    }

    html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.fa,
    html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.icons {
        color: #2baab1
    }

    html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.fa,
    html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.icons {
        color: #383f48
    }

    html .feature-box-dark.feature-box-style-5 .feature-box-icon i.fa,
    html .feature-box-dark.feature-box-style-5 .feature-box-icon i.icons {
        color: #2e353e
    }

    html .feature-box-light.feature-box-style-5 .feature-box-icon i.fa,
    html .feature-box-light.feature-box-style-5 .feature-box-icon i.icons {
        color: #fff
    }

    html .feature-box-primary.feature-box-style-6 .feature-box-icon i.fa,
    html .feature-box-primary.feature-box-style-6 .feature-box-icon i.icons {
        color: #400190
    }

    html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.fa,
    html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.icons {
        color: #393f4f
    }

    html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.fa,
    html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.icons {
        color: #2baab1
    }

    html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.fa,
    html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.icons {
        color: #383f48
    }

    html .feature-box-dark.feature-box-style-6 .feature-box-icon i.fa,
    html .feature-box-dark.feature-box-style-6 .feature-box-icon i.icons {
        color: #2e353e
    }

    html .feature-box-light.feature-box-style-6 .feature-box-icon i.fa,
    html .feature-box-light.feature-box-style-6 .feature-box-icon i.icons {
        color: #fff
    }

    html .call-to-action.call-to-action-dark h3,
    html .call-to-action.call-to-action-dark p,
    html .call-to-action.call-to-action-primary h3,
    html .call-to-action.call-to-action-primary p,
    html .call-to-action.call-to-action-quaternary h3,
    html .call-to-action.call-to-action-quaternary p,
    html .call-to-action.call-to-action-secondary h3,
    html .call-to-action.call-to-action-secondary p,
    html .call-to-action.call-to-action-tertiary h3,
    html .call-to-action.call-to-action-tertiary p {
        color: #fff
    }

    .pricing-table .most-popular h3 {
        background-color: #400190!important
    }

    .pricing-table.princig-table-flat .plan h3 span,
    html .call-to-action.call-to-action-primary {
        background: #400190
    }

    .pricing-table.princig-table-flat .plan h3 {
        background-color: #400190
    }

    html .call-to-action.featured.featured-primary {
        border-top-color: #400190
    }

    html .call-to-action.featured.featured-secondary {
        border-top-color: #393f4f
    }

    html .call-to-action.with-full-borders-secondary {
        border-color: #393f4f
    }

    html .call-to-action.call-to-action-secondary {
        background: #393f4f
    }

    html .call-to-action.featured.featured-tertiary {
        border-top-color: #2baab1
    }

    html .call-to-action.with-full-borders-tertiary {
        border-color: #2baab1
    }

    html .call-to-action.call-to-action-tertiary {
        background: #2baab1
    }

    html .call-to-action.featured.featured-quaternary {
        border-top-color: #383f48
    }

    html .call-to-action.with-full-borders-quaternary {
        border-color: #383f48
    }

    html .call-to-action.call-to-action-quaternary {
        background: #383f48
    }

    html .call-to-action.featured.featured-dark {
        border-top-color: #2e353e
    }

    html .call-to-action.with-full-borders-dark {
        border-color: #2e353e
    }

    html .call-to-action.call-to-action-dark {
        background: #2e353e
    }

    html .call-to-action.featured.featured-light {
        border-top-color: #fff
    }

    #footer.color,
    ul.history li .featured-box .box-content {
        border-top-color: #400190
    }

    html .call-to-action.with-full-borders-light {
        border-color: #fff
    }

    html .call-to-action.call-to-action-light {
        background: #fff
    }

    .recent-posts .date .month,
    .slider .tp-bannertimer,
    article.post .post-date .month {
        background-color: #400190
    }

    html .call-to-action.call-to-action-light h3,
    html .call-to-action.call-to-action-light p {
        color: #777
    }

    .home-concept strong,
    .recent-posts .date .day,
    article.post .post-date .day {
        color: #400190
    }

    section.timeline .timeline-box.left:before,
    section.timeline .timeline-box.right:before {
        background: #400190;
        box-shadow: 0 0 0 3px #fff, 0 0 0 6px #400190
    }

    html .slider-container .tp-caption-overlay-primary {
        background: #400190
    }

    html .slider-container .tp-caption-overlay-opacity-primary {
        background: rgba(238, 61, 67, .4)
    }

    html .slider-container .tp-caption-overlay-secondary {
        background: #393f4f
    }

    html .slider-container .tp-caption-overlay-opacity-secondary {
        background: rgba(57, 63, 79, .4)
    }

    html .slider-container .tp-caption-overlay-tertiary {
        background: #2baab1
    }

    html .slider-container .tp-caption-overlay-opacity-tertiary {
        background: rgba(43, 170, 177, .4)
    }

    html .slider-container .tp-caption-overlay-quaternary {
        background: #383f48
    }

    html .slider-container .tp-caption-overlay-opacity-quaternary {
        background: rgba(56, 63, 72, .4)
    }

    html .slider-container .tp-caption-overlay-dark {
        background: #2e353e
    }

    html .slider-container .tp-caption-overlay-opacity-dark {
        background: rgba(46, 53, 62, .4)
    }

    html .slider-container .tp-caption-overlay-light {
        background: #fff
    }

    html .slider-container .tp-caption-overlay-opacity-light {
        background: rgba(255, 255, 255, .4)
    }

    .tparrows.tparrows-carousel.tp-leftarrow,
    .tparrows.tparrows-carousel.tp-rightarrow {
        color: #fff;
        background-color: #400190;
        border-color: #400190 #400190 #e4141b
    }

    .tparrows.tparrows-carousel.tp-leftarrow:hover,
    .tparrows.tparrows-carousel.tp-rightarrow:hover {
        border-color: #f0545a #f0545a #2f0069;
        background-color: #f0545a
    }

    .tparrows.tparrows-carousel.tp-leftarrow:active,
    .tparrows.tparrows-carousel.tp-leftarrow:active:focus,
    .tparrows.tparrows-carousel.tp-leftarrow:active:hover,
    .tparrows.tparrows-carousel.tp-leftarrow:focus,
    .tparrows.tparrows-carousel.tp-rightarrow:active,
    .tparrows.tparrows-carousel.tp-rightarrow:active:focus,
    .tparrows.tparrows-carousel.tp-rightarrow:active:hover,
    .tparrows.tparrows-carousel.tp-rightarrow:focus {
        border-color: #2f0069;
        background-color: #2f0069
    }

    .tparrows.tparrows-carousel.tp-leftarrow.dropdown-toggle,
    .tparrows.tparrows-carousel.tp-rightarrow.dropdown-toggle {
        border-left-color: #2f0069
    }

    .tparrows.tparrows-carousel.tp-leftarrow[disabled],
    .tparrows.tparrows-carousel.tp-leftarrow[disabled]:active,
    .tparrows.tparrows-carousel.tp-leftarrow[disabled]:focus,
    .tparrows.tparrows-carousel.tp-leftarrow[disabled]:hover,
    .tparrows.tparrows-carousel.tp-rightarrow[disabled],
    .tparrows.tparrows-carousel.tp-rightarrow[disabled]:active,
    .tparrows.tparrows-carousel.tp-rightarrow[disabled]:focus,
    .tparrows.tparrows-carousel.tp-rightarrow[disabled]:hover {
        border-color: #f69b9e;
        background-color: #f69b9e
    }

    .shop ul.products li.product .onsale {
        background-color: #400190;
        border-bottom-color: #eb171f
    }

    .shop .cart-totals tr.total .amount,
    .shop .star-rating span {
        color: #400190
    }

    #footer.color {
        background: #400190
    }

    #footer.color .footer-ribbon {
        background: #e4141b
    }

    #footer.color .footer-ribbon:before {
        border-right-color: #9e0e13
    }

    #footer.color .footer-copyright {
        background: #2f0069;
        border-top-color: #2f0069
    }

    body {
        font-size: 13px;
        line-height: 1.5
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #313131;
        line-height: 1.35;
        margin: 0 0 15px;
        text-transform: none;
        font-weight:500;
    }

    .h1,
    .h2,
    h1,
    h2 {
        margin-bottom: 20px
    }

    .h1,
    h1 {
        font-size: 22px
    }

    .h2,
    h2 {
        font-size: 20px
    }

    .h3,
    h3 {
        font-size: 18px
    }

    .h4,
    h4 {
        font-size: 16px
    }

    .h5,
    h5 {
        font-size: 14px
    }

    .h6,
    h6 {
        font-size: 12px
    }

    p {
        line-height: 1.5
    }

    a {
        -webkit-transition: all .3s;
        transition: all .3s
    }

    hr.medium {
        margin: 33px 0
    }

    .heading-text-color {
        color: #777!important
    }

    .text-primary {
        color: #400190
    }

    .text-color {
        color: #777!important
    }

    h2.word-rotator-title .word-rotate {
        line-height: 35px;
        max-height: 35px;
        margin-bottom: -10px
    }

    @media (min-width:992px) {
        .col-md-9 {
            padding-right: 12px
        }
        .col-md-9.col-md-push-3 {
            padding-right: 15px;
            padding-left: 12px
        }
        .col-md-9+.col-md-3 {
            padding-left: 12px
        }
        .col-md-9+.col-md-3.col-md-pull-9 {
            padding-left: 15px;
            padding-right: 12px
        }
        .col-md-9.normal {
            padding-right: 15px
        }
        .col-md-9.normal+.col-md-3 {
            padding-left: 15px
        }
    }

    @font-face {
        font-family: minicart-font;
        src: url(fonts/minicart-font_v-1.0.eot);
        src: url(fonts/minicart-font.eot) format("embedded-opentype"), url(fonts/minicart-font_v-1.0.woff) format("woff"), url(fonts/minicart-font_v-1.0.ttf) format("truetype"), url(fonts/minicart-font_v-1.0-minicart-font.svg) format("svg");
        font-weight: 400;
        font-style: normal
    }

    .minicart-icon:before {
        font-family: minicart-font!important;
        font-style: normal!important;
        font-weight: 400!important;
        font-variant: normal!important;
        text-transform: none!important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e800"
    }

    #header .header-top {
        margin-top: 0;
        padding: 0;
        background-color: #fff;
        border-bottom: none;
        color: #000
    }

    #header .header-top p {
        color: #000;
        margin: 3px 20px 3px 0;
        text-align: left;
        float: right;
        font-size: 11px;
        line-height: 19px;
        text-transform: uppercase
    }

    #header .top-menu {
        display: block;
        padding: 0;
        margin: 0 0 8px;
        list-style: none
    }

    #header .top-menu li {
        display: inline;
        font-size: 11px;
        font-weight: 700;
        padding: 0 10px;
        line-height: 19px;
        border-left: 1px solid #fff
    }

    @media (min-width:992px) {
        #header .top-menu li {
            padding-left: 9px;
            padding-right: 9px
        }
    }

    #header .top-menu li a {
        display: inline-block;
        color: #7b7b7b;
        font-weight: 600;
    }

    #header .top-menu li:last-child {
        padding-right: 0
    }

    @media (max-width:767px) {
        #header .top-menu {
            display: none;
            position: absolute;
            min-width: 94px;
            right: 0;
            text-align: right;
            top: 100%;
            margin: 0;
            padding: 4px 0;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 3px;
            box-shadow: 0 0 2px rgba(0, 0, 0, .1)
        }
        #header .top-menu li {
            display: block;
            padding: 2px 9px;
            line-height: 1;
            border-left: none
        }
        #header .top-menu li:last-child {
            padding-right: 9px
        }
        #header .top-menu li a {
            font-size: 11px;
            line-height: 1;
            color: #777;
            text-decoartion: none
        }
        #header .top-menu li:hover {
            background-color: #ccc
        }
        #header .top-menu li:hover a {
            color: #fff
        }
    }

    #header .top-menu-area {
        position: relative;
        display: block
    }

    #header .top-menu-area>a {
        display: inline-block;
        font-size: 11px;
        line-height: 24px;
        color: #fff;
        padding-left: 10px;
        padding-right: 0;
        text-transform: uppercase
    }

    #header .top-menu-area>a:focus,
    #header .top-menu-area>a:hover {
        text-decoration: none
    }

    #header .top-menu-area>a i {
        margin-left: 4px
    }

    @media (min-width:768px) {
        #header .top-menu-area>a {
            display: none
        }
    }

    @media (max-width:420px) {
        #header .top-menu-area>a {
            padding-left: 6px
        }
        #header .top-menu-area>a i {
            margin-left: 3px
        }
    }

    @media (max-width:767px) {
        #header .top-menu-area:focus .top-menu,
        #header .top-menu-area:hover .top-menu {
            display: block
        }
    }


    #header .header-dropdown {
        position: relative;
        float: left
    }

    #header .header-dropdown>a {
        display: inline-block;
        font-size: 11px;
        line-height: 24px;
        color: #fff;
        padding-left: 10px;
        padding-right: 15px
    }

    #header .header-dropdown>a i {
        margin-left: 4px
    }

    @media (max-width:420px) {
        #header .header-dropdown>a {
            padding-left: 5px;
            padding-right: 10px
        }
        #header .header-dropdown>a i {
            margin-left: 3px
        }
    }

    #header .header-dropdown:first-child>a {
        padding-left: 0
    }

    #header .header-dropdown a {
        text-transform: uppercase
    }

    #header .header-dropdown a img {
        display: inline-block;
        max-width: 16px;
        height: auto;
        vertical-align: middle;
        margin-right: 6px;
        margin-top: -2px
    }

    #header .header-dropdown a:focus,
    #header .header-dropdown a:hover {
        text-decoration: none
    }

    #header .header-dropdown .header-dropdownmenu {
        list-style: none;
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        margin: 0;
        padding: 4px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: 0 0 2px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1)
    }

    #header .header-dropdown .header-dropdownmenu li {
        padding: 2px 9px;
        line-height: 1
    }

    #header .header-dropdown .header-dropdownmenu li a {
        font-size: 11px;
        line-height: 1;
        color: #777
    }

    #header .header-dropdown .header-dropdownmenu li a img {
        margin-top: -3px
    }

    #header .header-dropdown .header-dropdownmenu li:hover {
        background-color: #ccc
    }

    #header .header-dropdown .header-dropdownmenu li:hover a {
        color: #fff
    }

    #header .header-dropdown.lang-dropdown .header-dropdownmenu {
        min-width: 98px
    }

    #header .header-dropdown:focus .header-dropdownmenu,
    #header .header-dropdown:hover .header-dropdownmenu {
        display: block
    }

    #header .header-dropdown+.compare-dropdown,
    #header .header-dropdown+.header-dropdown {
        margin-left: 7px
    }

    #header .header-dropdown+.compare-dropdown:before,
    #header .header-dropdown+.header-dropdown:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 14px;
        position: absolute;
        left: -7px;
        top: 50%;
        margin-top: -7px;
        background-color: #ccc
    }

    #header .compare-dropdown {
        position: relative;
        float: left
    }

    #header .compare-dropdown>a {
        display: inline-block;
        line-height: 24px;
        padding-left: 7px;
        padding-right: 15px;
        text-transform: uppercase
    }

    @media (max-width:420px) {
        #header .header-dropdown+.compare-dropdown,
        #header .header-dropdown+.header-dropdown {
            margin-left: 4px
        }
        #header .header-dropdown+.compare-dropdown:before,
        #header .header-dropdown+.header-dropdown:before {
            left: -5px
        }
        #header .compare-dropdown>a {
            padding-left: 5px;
            padding-right: 10px
        }
    }

    #header .compare-dropdown>a i {
        margin-top: -2px
    }

    #header .compare-dropdown>a:focus,
    #header .compare-dropdown>a:hover {
        text-decoration: none
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper {
        padding: 20px
    }
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper {
        float: left;
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .empty,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .empty {
        margin: 0;
        float: none;
        font-size: 11px;
        line-height: 1.5
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-products,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-products {
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper ul li a,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper ul li a {
        display: block;
        font-size: 13px;
        color: #484848;
        font-weight:600
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper ul li a:hover,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper ul li a:hover {
        color: #919191
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-products .product,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-products .product {
        position: relative;
        margin: 0
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-products .product-name,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-products .product-name {
        font-size: 11px;
        font-weight: 700;
        margin: 0
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-actions,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-actions {
        margin-top: 20px
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-actions:after,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-actions:after {
        content: '';
        display: table;
        clear: both
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-actions .action-link,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-actions .action-link {
        display: inline-block;
        float: left;
        line-height: 32px;
        color: #777
    }

    #header .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-actions .btn,
    #mobile-login-area .compare-dropdown .compare-dropdownmenu .dropdownmenu-wrapper .compare-actions .btn {
        float: right;
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
        min-width: 120px;
        border: none
    }

    #header .compare-dropdown:focus .compare-dropdownmenu,
    #header .compare-dropdown:hover .compare-dropdownmenu,
    #mobile-login-area .compare-dropdown:focus .compare-dropdownmenu,
    #mobile-login-area .compare-dropdown:hover .compare-dropdownmenu {
        display: block
    }

    #header .header-body {
        border-bottom: none;
        border-top: none;
        padding: 0
    }

    #header .header-logo img {
        margin: 0 24px 0 0
    }

    #header .header-container {
        padding-bottom: 16px
    }

    #header .header-container.header-nav {
        padding: 0;
        background-color: #f0f0f0;
        box-shadow:0px 2px 3px rgba(0,0,0,.1);
    }

    #header .cart-area {
        float: right;
        vertical-align: middle
    }

    @media (max-width:991px) {
        #header .cart-area {
            margin-top: 5.5px
        }
    }

    #header .cart-dropdown {
        position: relative;
        vertical-align: middle;
        padding-left: 7px;
        padding-right: 7px
    }

    #header .cart-dropdown .cart-dropdown-icon {
        position: relative;
        height: 46px;
        padding: 0;
        line-height: 46px;
        text-align: center;
        top: 3px;
        color: #fff;
        text-decoration: none!important
    }

    #header .cart-dropdown .cart-dropdown-icon i {
        font-size: 35px;
        color: #393f4f
    }

    #header .cart-dropdown .cart-dropdownmenu .cart-totals span,
    #header .cart-dropdown .cart-dropdownmenu .product.product-sm .cart-qty-price {
        color: #400190
    }

    #header .cart-dropdown .cart-dropdown-icon .cart-info {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        margin-top: -4px;
        left: 0;
        padding: 0;
        display: block;
        line-height: 1
    }

    #header .cart-dropdown .cart-dropdown-icon .cart-info .cart-qty {
        font-size: 14px;
        font-weight: 600
    }

    #header .cart-dropdown .cart-dropdown-icon .cart-info .cart-text {
        displaY: none;
        font-size: 12px;
        font-weight: 400
    }

    #header .cart-dropdown .cart-dropdownmenu .cart-empty {
        padding: 20px 0;
        text-align: center
    }

    #header .cart-dropdown .cart-dropdownmenu .cart-products {
        padding: 0 20px
    }

    #header .cart-dropdown .cart-dropdownmenu .product.product-sm {
        position: relative;
        padding: 20px 0;
        border-bottom: 1px solid #eee
    }

    #header .cart-dropdown .cart-dropdownmenu .product.product-sm .product-image-area {
        padding: 0;
        border: none;
        border-radius: 0;
        width: 80px;
        margin: 0
    }

    #header .cart-dropdown .cart-dropdownmenu .product.product-sm .product-image-area .product-image {
        border-radius: 0
    }

    #header .cart-dropdown .cart-dropdownmenu .product.product-sm .product-details-area {
        float: none;
        margin: 0 0 0 90px;
        padding: 0
    }

    #header .cart-dropdown .cart-dropdownmenu .product.product-sm .btn-remove {
        top: 28px
    }

    @media (max-width:350px) {
        #header .cart-dropdown .cart-dropdownmenu .product.product-sm .btn-remove {
            top: 50%;
            margin-top: -11.5px
        }
    }

    #header .cart-dropdown .cart-dropdownmenu .product.product-sm .product-name {
        font-size: 13px;
        margin: 10px 0
    }

    #header .cart-dropdown .cart-dropdownmenu .cart-totals {
        padding: 10px 20px;
        text-align: center;
        font-size: 18px;
        font-weight: 700
    }

    #header .cart-dropdown .cart-dropdownmenu .cart-actions {
        font-size: 0;
        padding: 0 20px 15px;
        border-radius: 0 0 5px 5px
    }

    #header .cart-dropdown .cart-dropdownmenu .cart-actions .btn {
        width: 128px;
        text-align: center;
        border: none;
        padding-top: 6px;
        padding-bottom: 6px
    }

    #header .cart-dropdown .cart-dropdownmenu .cart-actions .btn+.btn {
        margin-left: 4px
    }

    @media (max-width:350px) {
        #header .cart-dropdown .cart-dropdownmenu .cart-actions .btn {
            display: block;
            width: 100%
        }
        #header .cart-dropdown .cart-dropdownmenu .cart-actions .btn+.btn {
            margin-left: 0;
            margin-top: 4px
        }
    }

    #header .cart-dropdown:focus .cart-dropdownmenu,
    #header .cart-dropdown:hover .cart-dropdownmenu {
        display: block
    }

    #header .cart-dropdownmenu,
    #header .compare-dropdownmenu,
    #mobile-login-area .compare-dropdownmenu {
        display: none;
        position: absolute;
        right: 0;
        left: 0;
        top: 100%;
        padding-top: 10px;
        z-index: 106;
        color: #777
    }

    #mobile-login-area .compare-dropdownmenu {
        left: 20px;
    }

    @media (max-width:350px) {
        #header .cart-dropdownmenu,
        #header .compare-dropdownmenu,
        #mobile-login-area .compare-dropdownmenu {
            width: 240px
        }
    }

    #header .cart-dropdownmenu .btn-remove,
    #header .compare-dropdownmenu .btn-remove,
    #mobile-login-area .compare-dropdownmenu .btn-remove {
        position: absolute;
        top: 0;
        display: block;
        width: 23px;
        height: 23px;
        overflow: hidden;
        padding: 5px 0;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        color: #777
    }

    #header .cart-dropdownmenu .dropdownmenu-wrapper,
    #header .compare-dropdownmenu .dropdownmenu-wrapper,
    #mobile-login-area .compare-dropdownmenu .dropdownmenu-wrapper {
        border: 2px solid #919191;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .5)
    }

    #header .cart-dropdownmenu .dropdownmenu-wrapper:before,
    #header .compare-dropdownmenu .dropdownmenu-wrapper:before,
    #mobile-login-area .compare-dropdownmenu .dropdownmenu-wrapper:before {
        content: "";
        position: absolute;
        border: 10px solid transparent;
        border-bottom-color: #919191;
        display: block;
        left:0;
        top: -10px;
    }

    #header .cart-dropdownmenu.pull-right,
    #header .cart-dropdownmenu.right,
    #header .compare-dropdownmenu.pull-right,
    #header .compare-dropdownmenu.right,
    #mobile-login-area .compare-dropdownmenu.pull-right,
    #mobile-login-area .compare-dropdownmenu.right {
        float: none!important;
        left: auto;
        right: 0
    }

    #header .cart-dropdownmenu.pull-right .dropdownmenu-wrapper:before,
    #header .cart-dropdownmenu.right .dropdownmenu-wrapper:before,
    #header .compare-dropdownmenu.pull-right .dropdownmenu-wrapper:before,
    #header .compare-dropdownmenu.right .dropdownmenu-wrapper:before,
    #mobile-login-area .compare-dropdownmenu.pull-right .dropdownmenu-wrapper:before,
    #mobile-login-area .compare-dropdownmenu.right .dropdownmenu-wrapper:before {
        left: auto;
        right: 15px
    }

    #header .header-search {
        float: left;
        margin: 0;
        font-size: 14px;
        line-height: 1;
        padding: 0;
        border: none
    }

    @media (max-width:768px) {
        #header .header-search {
            float: left;
            width: 100%;
            margin: 5px 0 15px;
            padding: 0 10px
        }
    }

    #header .header-search .search-toggle {
        display: inline-block;
        font-size: 14px;
        line-height: 40px;
        min-width: 25px;
        text-align: center
    }

    @media (min-width:992px) {
        #header .header-search .search-toggle {
            display: none
        }
    }

    #header .header-search form {
        display: inline-block;
        width: 0
    }

    @media (max-width:768px) {
        #header .header-search form {
            width: 100%
        }
        #header .header-search .header-search-wrapper .btn.btn-default {
            height: 40px;
            background-color: #9c9c9c
        }
        #header .header-search .header-search-wrapper .form-control,
        #header .header-search .header-search-wrapper select {
            height: 40px
        }
    }

    @media (min-width:768px) {
        #header .header-search .header-search-wrapper .btn.btn-default {

            height: 36px;
            background-color: #fff
        }
        #header .header-search .header-search-wrapper .form-control,
        #header .header-search .header-search-wrapper select {
            height: 36px
        }
    }

    @media (min-width:992px) {
        #header .header-search form {
            width: 410px
        }
    }

    @media (min-width:1200px) {
        #header .header-search form {
            width: 600px
        }
    }

    #header .header-search .header-search-wrapper {
        display: block;
        overflow: visible;
        border-radius: 3px;
        width: 100%;
        min-width: 250px;
        background-color: #fff
    }

    #header .header-search .header-search-wrapper.open {
        display: block
    }

    #header .header-search .header-search-wrapper:after {
        content: '';
        display: table;
        clear: both
    }

    #header .header-search .header-search-wrapper .form-control,
    #header .header-search .header-search-wrapper select {
        float: left;
        font-family: Arial;
        font-size: 13px;
        background-color: #fff;
        margin: 0
    }

    #header .header-search .header-search-wrapper .form-control {
        color: #484848;
        width: 100%;
        margin: 0;
        line-height: 20px;
        border-radius: 0;
        box-shadow: none;
        border: none
    }

    #header .header-search .header-search-wrapper select {
        position: absolute;
        right: 40px;
        width: 130px;
        border: 1px solid #ccc;
        border-top: 0;
        border-bottom: 0;
        line-height: 36px;
        color: #777;
        padding: 2px 0 2px 10px;
        border-radius: 0;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    #header .header-search .header-search-wrapper .btn.btn-default {
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
        color: #666;
        font-size: 16px;
        border: 0;
        padding:7px 10px;
        margin: 0;
        cursor: pointer;
        border-radius: 0;
        background:none;
    }

    #header .header-search .header-search-wrapper .btn.btn-default:focus,
    #header .header-search .header-search-wrapper .btn.btn-default:hover {
        color: #333;
        background-color: #f9f9f9
    }

    #header .header-nav-main nav,
    #header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ol li:hover a,
    #header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ul li:hover a,
    #header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ol li:hover a,
    #header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ul li:hover a {
        background-color: transparent
    }

    #header .header-nav-main nav {height: 48px;}

#header .header-nav-main nav>ul>li>a.dropdown-toggle {-webkit-transition: none;-moz-transition: none;transition: none;padding:14px 20px;font-size:13px; position: relative; width: 100%}

#header .header-nav-main nav>ul>li>a.dropdown-toggle:after{content:""; width: 1px; height:22px; background: #d8d8d8; position: absolute; right: -1px;}
#header .header-nav-main nav>ul>li:last-child>a.dropdown-toggle:after{  background: none;}

#header .header-nav-main nav>ul>li>a{-webkit-transition:none;-moz-transition:none;transition:none;color:#444;padding:13px 20px}
#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary>a,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary>a.dropdown-toggle,#header .header-nav-main nav>ul>li:first-child>a{color:#444}
#header .header-nav-main nav>ul>li.active>a,#header .header-nav-main nav>ul>li.active>a.dropdown-toggle,#header .header-nav-main nav>ul>li.dropdown.active>a,#header .header-nav-main nav>ul>li.dropdown.active>a.dropdown-toggle,#header .header-nav-main nav>ul>li.dropdown.open>a,#header .header-nav-main nav>ul>li.dropdown.open>a.dropdown-toggle,#header .header-nav-main nav>ul>li.dropdown:hover>a,#header .header-nav-main nav>ul>li.dropdown:hover>a.dropdown-toggle,#header .header-nav-main nav>ul>li.open>a,#header .header-nav-main nav>ul>li.open>a.dropdown-toggle,#header .header-nav-main nav>ul>li:hover>a,#header .header-nav-main nav>ul>li:hover>a.dropdown-toggle{}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu{border-left:none;border-right:none;border-bottom:none;margin-top:0}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{border-bottom:none}
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after{content:"\f105";font-family:FontAwesome;font-size:inherit;border:none;margin:0}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu{border-radius:0;padding:0;width:100%;margin-left:-15px}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content{padding:10px 20px 20px}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ol,#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ul,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ol,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ul{list-style:none;margin:0;padding:5px 0;left:100%}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ol li,#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ul li,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ol li,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ul li{line-height:22px}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ol li a,#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ul li a,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ol li a,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ul li a{padding:0;margin:0}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ol li a:focus,#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ol li a:hover,#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ul li a:focus,#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content ul li a:hover,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ol li a:focus,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ol li a:hover,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ul li a:focus,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ul li a:hover{text-decoration:underline}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .dropdown-mega-sub-title,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .dropdown-mega-sub-title{display:block;font-size:14px;font-weight:600;padding:0;line-height:1.5;margin-bottom:10px}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .cat-img,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .cat-img{display:block;padding:0;margin-top:15px}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .cat-img img,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .cat-img img{display:block;max-width:100%;height:auto}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .dropdown-mega-top,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .dropdown-mega-top{padding:4px 0 8px;border-bottom:1px solid #eee;color:#000}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .dropdown-mega-top a,#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .dropdown-mega-top span,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .dropdown-mega-top a,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .dropdown-mega-top span{font-size:12px;font-weight:400;color:#000;text-transform:uppercase;padding:0;margin-right:15px}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .dropdown-mega-top span,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .dropdown-mega-top span{font-weight:700}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area{position:relative;text-align:center}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area img,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area img{display:inline-block;max-width:100%;height:auto;margin:0}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header{position:absolute;top:-35px;left:-15px;text-align:left}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header h3,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header h3{font-size:23px;font-weight:600;color:#fff;background-color:#2e2e2e;line-height:1;padding:6px 50px 6px 8px;margin-bottom:15px;text-transform:uppercase}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header .btn,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header .btn{padding:5px 7px 5px 8px;color:#fff;border:0;font-size:13px;min-width:109px;text-align:center;text-transform:uppercase;border-radius:4px}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header .btn i,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area .menu-banner-header .btn i{margin-left:4px}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu .dropdown-mega-content .menu-banner-area p,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content .menu-banner-area p{position:absolute;bottom:8px;width:60%;text-align:center;left:50px;line-height:14px;font-size:13px;margin-bottom:0}
#header .header-nav-main nav>ul>li.dropdown-mega-small>.dropdown-menu{width:600px}
#header .header-nav-main nav>ul>li.dropdown-mega-small .mega-banner-bg img{position:absolute;right:10px;top:-10px;height:273px;width:auto;max-width:none;z-index:-1;border-radius:7.98px}
#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ol li,#header .header-nav-main nav>ul>li.dropdown-mega>.dropdown-menu .dropdown-mega-content ul li{line-height:23px}
#header .header-nav-main nav>ul>li.active>a,#header .header-nav-main nav>ul>li.active>a:focus,#header .header-nav-main nav>ul>li.active>a:hover,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.active>a,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.active>a:focus,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.active>a:hover,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.open>a,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.open>a:focus,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary.open>a:hover,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a:focus,#header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-primary:hover>a:hover,#header .header-nav-main nav>ul>li.open>a,#header .header-nav-main nav>ul>li.open>a:focus,#header .header-nav-main nav>ul>li.open>a:hover,#header .header-nav-main nav>ul>li:hover>a,#header .header-nav-main nav>ul>li:hover>a:focus,#header .header-nav-main nav>ul>li:hover>a:hover{background-color:#fff;border-radius:0;color:#400190}
#header .header-nav-main nav>ul>li .dropdown-menu>li:hover>a,#header .header-nav-main nav>ul>li .dropdown-menu>li:hover>a:focus,#header .header-nav-main nav>ul>li .dropdown-menu>li:hover>a:hover{background-color:#f4f4f4}
@media (min-width:992px){#header .header-nav-main{margin-top:0;float:none;min-height:46px}
}
#header .header-nav .cart-dropdown,#header .header-nav .header-logo{display:none}
#header .header-nav .header-logo img{width:auto;height:32px;margin-right:20px;margin-top:3px}
#header .header-nav .cart-dropdown{float:right}
#header .header-nav .cart-dropdown .cart-dropdown-icon{height:34px;line-height:34px;margin-top:4px}
#header .header-nav .cart-dropdown .cart-dropdown-icon i{font-size:31px}
#header .header-nav .cart-dropdown .cart-dropdown-icon .cart-info .cart-qty{font-size:12px}
@media (max-width:991px){#header .header-nav,#header .header-nav-main{display:none}
}
.tip{color:#fff;position:relative;display:inline-block;font-size:9px;font-weight:400;padding:2px;z-index:1;border-radius:2px;line-height:1;margin:0 0 0 10px;vertical-align:middle;text-transform:uppercase}
#mainNav .dropdown-menu li .tip{margin-top:-2px}
.tip:before{content:"";position:absolute;left:auto;right:100%;top:50%;margin-top:-4px;border:3px solid transparent}
.tip.tip-new{background-color:#0cc485!important}
.tip.tip-new:before{border-right-color:#0cc485!important}
.tip.tip-hot{background-color:#eb2771!important}
.tip.tip-hot:before{border-right-color:#eb2771!important}
#mainNav>li>a .tip{position:absolute;top:-7px;right:10px}
#mainNav>li>a .tip:before{position:absolute;left:3px;top:100%;width:3px;height:3px;margin:0;border-color:transparent!important}
.mmenu-toggle-btn,.user-btn{display:block;width:35px;height:auto;padding:0;margin:5.5px 5px;color:#787878;line-height:40px;vertical-align:middle;text-align:center}
#mainNav>li>a .tip.tip-new:before{border-top-color:#0cc485!important}
#mainNav>li>a .tip.tip-hot:before{border-top-color:#eb2771!important}
.body{position:relative;left:0;-webkit-transition:left .3s;-moz-transition:left .3s;transition:left .3s;background-color:#ebebeb}
.mmenu-toggle-btn{font-size:22px}
.user-btn{font-size:23px}
.mmenu-toggle-btn{color:#fff;text-decoration:none}
.mmenu-toggle-btn:hover{color:#fff;}
.mobile-nav{display:block!important;position:fixed;top:0;left:-250px;z-index:999;width:250px;height:100%;overflow-y:scroll;padding:20px 15px;-webkit-transition:left .3s;transition:left .3s;background-color:#151515}
.mobile-side-menu{list-style:none;margin:0;padding:0}
.mobile-side-menu>li>a{text-transform:uppercase}
.mobile-side-menu li{display:block;position:relative}
.mobile-side-menu li:after{content:'';display:table;clear:both}
.mobile-side-menu li a{display:block;font-size:14px;line-height:40px;background-color:transparent;color:#fff;border:0;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;text-decoration:none!important}
.mobile-side-menu li a:after{content:'';display:table;clear:both}
.mobile-side-menu li ul{display:none;padding:0;margin:0;list-style:none}
.mobile-side-menu li li a{margin-left:10px;font-size:12px}
.mobile-side-menu li li a:before{font:normal normal 16px/40px FontAwesome;text-decoration:inherit;content:"\f105";-webkit-font-smoothing:antialiased;float:left;margin-right:10px}
.mobile-side-menu li li li a{margin-left:20px}
.mobile-side-menu li .mmenu-toggle{position:absolute;top:0;right:0;display:block;color:#fff;background-color:transparent;cursor:pointer;font-size:0;width:40px;height:40px;margin-top:1px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.mobile-side-menu li .mmenu-toggle:after{content:"\f196";font-family:FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;width:19px;height:19px;font-size:19px;line-height:19px;display:block;position:absolute;left:10px;top:11px}
.mobile-side-menu li.open>.mmenu-toggle:after{content:"\f147"}
#mobile-menu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:998;opacity:0;visibility:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.mmenu-open.body{left:250px}
.mmenu-open #mobile-menu-overlay{opacity:.15;visibility:visible}
.mmenu-open .mobile-nav{left:0}
.social-icons li a{background:0 0}
.newsletter-popup{max-width:700px;height:324px;background:center center no-repeat #f1f1f1;padding:40px 40px 25px;border-top:4px solid #400190;border-radius:5px;margin-right:auto;margin-left:auto;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.5)}
.newsletter-popup-content{max-width:300px;text-align:center}
.newsletter-popup-content .btn,.newsletter-popup-content .form-control{font-size:13px;padding-top:7px;padding-bottom:7px}
.newsletter-popup-content .form-control{height:34px}
.newsletter-popup h2{font-weight:700;color:#313131;font-size:16px;line-height:1;margin:30px 0 12px}
.newsletter-popup p{font-size:13px;line-height:1.4;color:#444}
.newsletter-popup form{margin:0 0 8px}
.newsletter-subscribe{font-size:11px;text-align:left}
.newsletter-subscribe .checkbox{margin-top:15px}
.newsletter-subscribe input{margin-top:2px}
.newsletter-subscribe label{font-size:11px}
.mfp-close-btn-in .newsletter-popup .mfp-close{color:#400190;font-weight:700;opacity:.85;top:-5px}
.homepage-bar{padding:11px;margin-bottom:60px;background-color:#171717}
.homepage-bar .col-md-4{padding-top:20px;padding-bottom:21px}
@media (min-width:992px){.homepage-bar .col-md-4{text-align:center;border-left:1px solid #353535}
    .homepage-bar .col-md-4:first-child{border-left:none}
    .banners-container .slider-area{float:left;width:100%}
}
.homepage-bar .bar-icon{font-size:36px;color:#fff;display:inline-block;vertical-align:middle}
@media (max-width:991px){.homepage-bar .bar-icon{min-width:36px;text-align:center}
}
.homepage-bar .bar-textarea{display:inline-block;vertical-align:middle;text-align:left;margin-left:7px}
.homepage-bar h3{color:#fff;font-size:16px;font-weight:600;margin:0;line-height:1.5}
.homepage-bar p{color:#fff;font-size:12px;margin:0;line-height:1}
.banners-container{padding:16px 0 0;margin-bottom:0}
.banners-container .row{margin-left:-8px;margin-right:-8px}
.banners-container .row [class*=col-]{padding-left:8px;padding-right:8px}
.banners-container .side-area,.banners-container .slider-area{padding:0 8px}
.banners-container .slider-area .owl-carousel{margin-bottom:0}
.banners-container .slider-area .owl-theme .owl-dots{position:absolute;bottom:8px;margin:0;left:0;right:0}
@media (min-width:768px){.banners-container .slider-area .owl-theme .owl-dots{bottom:15px}
}
@media (min-width:992px){.banners-container .side-area{float:left;width:100%}
}
.banner{display:block;position:relative;margin-bottom:9px}
.banner img{display:block;width:100%;height:auto}
.banner:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;visibility:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.banner:hover:before{visibility:visible;opacity:.1}
.banners-area{margin-bottom:32px}
.banners-area .row{margin-left:-10px;margin-right:-10px}
.banners-area .row [class*=col-]{padding-left:10px;padding-right:10px}
.banners-area .banner{margin-bottom:9px}
.home-products-tab .nav.nav-links{position:relative;margin-bottom:10px}
.home-products-tab .nav.nav-links:before{content:'';width:calc(100% - 50px);position:absolute;left:0;height:1px;top:50%;z-index:1;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,.2) 70%,transparent 100%);background-image:linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,.2) 70%,transparent 100%)}
.home-products-tab .nav.nav-links:after{content:'';display:table;clear:both}
.home-products-tab .nav.nav-links li{position:relative;z-index:2;float:left;font-size:16px;font-weight:700;line-height:20px;background-color:#fff}
.home-products-tab .nav.nav-links li a{color:#313131;padding:0;text-transform:uppercase}
.home-products-tab .nav.nav-links li+li a{padding-left:15px;margin-left:12px;border-left:1px solid #ddd}
.home-products-tab .nav.nav-links li.active a{color:#400190}
.home-products-tab .nav.nav-links li:last-child{padding-right:20px}
.home-products-tab .tab-content{box-shadow:none;padding:0;border:none}
.client{display:block;margin-bottom:15px}
.client img{width:auto!important;max-width:100%!important}
.slider-title{position:relative;margin:0 0 20px;font-size:16px;line-height:1.1;font-weight:700;color:#313131;text-transform:uppercase}
.slider-title .inline-title{background-color:#fff;padding-right:20px;position:relative;z-index:2}
.slider-title .line{display:block;height:1px;position:relative;width:calc(100% - 50px);left:0;bottom:.55em;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,.2) 70%,transparent 100%);background-image:linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,.2) 70%,transparent 100%);z-index:1}
.slider-title .view-all{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#400190;font-size:13px;line-height:inherit;font-weight:400;text-transform:capitalize}
.slider-title:after{content:'';display:table;clear:both}
.slider-title.text-center>.inline-title{padding:0 20px}
.slider-title.text-center .line{background-image:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);background-image:linear-gradient(to right,transparent,rgba(0,0,0,.2),transparent)}
@media (max-width:320px){.slider-title .line{display:none}
}
.recent-posts-carousel .row{margin-left:-10px;margin-right:-10px}
.recent-posts-carousel .row [class*=col-]{padding-left:10px;padding-right:10px}
.recent-posts-carousel .post .post-image{margin-bottom:15px}
.recent-posts-carousel .post .post-image .img-thumbnail{padding:2px;display:block}
.recent-posts-carousel .post h2{font-weight:400;min-height:55px}
.recent-posts-carousel .post .post-content{font-size:14px}
.recent-posts-carousel .post .post-content p{margin-bottom:10px}
.recent-posts-carousel .post .btn.btn-link{padding:0;font-size:16px;font-weight:300}
.sidebar .custom-block h3{font-weight:600;font-size:20px;color:#000;line-height:1;margin-bottom:15px}
.sidebar .custom-block h5{font-family:Arial;font-weight:400;font-size:11px;color:#878787;line-height:1;margin-bottom:13px}
.sidebar .custom-block p{font-weight:400;font-size:14px;color:#666;line-height:1.42}
.sidebar.shop-sidebar .category-list{list-style:none;padding:0;margin:0}
.sidebar.shop-sidebar .category-list li{position:relative;line-height:20px}
.sidebar.shop-sidebar .category-list li a{color:#777;font-size:13px;line-height:2.5}
.sidebar.shop-sidebar .category-list li a.plus{position:absolute;right:1px;color:#400190;font-size:16px;line-height:32px;font-family:FontAwesome}
.sidebar.shop-sidebar .category-list li a.plus:focus,.sidebar.shop-sidebar .category-list li a.plus:hover{text-decoration:none}
.sidebar.shop-sidebar .category-list li a.plus:before{content:"\f0fe"}
.sidebar.shop-sidebar .category-list li ul{display:none;padding-left:15px;margin:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.sidebar.shop-sidebar .category-list li.open>a.plus:before{content:"\f146"}
.sidebar.shop-sidebar .category-list li.open>ul{display:block}
.owl-carousel .owl-nav{top:-40px;width:auto;margin:0;line-height:1}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{position:static;left:auto;right:auto;width:auto;height:auto;background-color:transparent!important;font-size:18px;line-height:1;min-width:22px;color:#400190;padding:0;margin:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.owl-carousel .owl-nav .owl-next:focus,.owl-carousel .owl-nav .owl-next:hover,.owl-carousel .owl-nav .owl-prev:focus,.owl-carousel .owl-nav .owl-prev:hover{background-color:transparent!important;color:#f0595e}
.owl-theme .owl-dots .owl-dot span{width:8px;height:8px}
.page-header{border:none;padding:6.5px 0;min-height:0;margin-bottom:30px}
.page-header .breadcrumb{margin:0}
.page-header .breadcrumb>li{font-size:13px;text-transform:capitalize}
.page-header .breadcrumb>li.active,.page-header .breadcrumb>li>a,.page-header .breadcrumb>li>a:hover,.page-header .breadcrumb>li>a:ocus{color:#646464;font-weight:700}
.page-header .breadcrumb>li+li:before{content:'\f105';font-size:12px;opacity:1;color:#646464}
.about-container{font-size:14px}
.about-container p{line-height:1.7}
.fullwidth-banner{position:relative;min-height:150px;background-size:cover;background-position:center center}
.fullwidth-banner>div{position:absolute;z-index:1;top:50%;width:100%;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.fullwidth-banner>div h2{color:#fff;margin:0;font-weight:600;font-size:24px;line-height:1.1}
@media (min-width:600px){.fullwidth-banner{min-height:200px}
    .fullwidth-banner>div h2{font-size:30px}
}
@media (min-width:768px){.fullwidth-banner{min-height:350px}
    .fullwidth-banner>div h2{font-size:45px}
}
.fullwidth-banner>div h2 strong{font-weight:800}
.fullwidth-banner>div p{font-weight:300;font-size:16px;display:none;margin:0;color:#fff}
.fullwidth-banner:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#393733;opacity:.65;filter:alpha(opacity=65)}
.products-grid:after,.toolbar .sorter:after{content:'';clear:both}
.boxed-banner-carosel{margin-bottom:25px}
.boxed-banner-carosel .boxed-banner{margin-bottom:0}
.boxed-banner-carosel .owl-dots{position:absolute;left:0;right:0;bottom:6px}
.boxed-banner{position:relative;margin-bottom:25px}
.boxed-banner>img{display:block;height:auto;width:100%;border-radius:5px}
.boxed-banner .banner-content{position:absolute;left:5%;top:37%}
.boxed-banner .banner-content h2{color:#2b2b2b;margin:0;font-weight:400;font-size:14px;line-height:1.1}
@media (min-width:600px){.boxed-banner .banner-content h2{font-size:24px}
}
@media (min-width:768px){.fullwidth-banner>div p{display:block}
    .boxed-banner .banner-content h2{font-size:28px;margin-bottom:6px}
}
@media (min-width:992px){.boxed-banner .banner-content h2{font-size:35px;margin-bottom:10px}
}
.boxed-banner .banner-content p{font-weight:400;display:none;margin:0;color:#2b2b2b;max-width:280px}
@media (min-width:768px){.boxed-banner .banner-content p{display:block;font-size:12px}
}
@media (min-width:992px){.boxed-banner .banner-content p{font-size:16px}
}
.boxed-banner .banner-content img{display:inline-block;max-width:50%;width:auto;vertical-align:middle}
.boxed-banner .banner-content .shop-now{margin-left:10px;font-size:10px;color:#2b2b2b;vertical-align:middle}
@media (min-width:480px){.boxed-banner .banner-content .shop-now{font-size:12px}
}
@media (min-width:768px){.boxed-banner .banner-content img{max-width:100%}
    .boxed-banner .banner-content .shop-now{margin-left:15px;font-size:14px}
}
@media (min-width:992px){.boxed-banner .banner-content .shop-now{margin-left:20px;font-size:16px}
}
.toolbar-bottom{text-align:center;margin-top:20px}
.toolbar-bottom .toolbar{display:inline-block}
.toolbar{margin-bottom:8px}
.toolbar .sorter:after{display:table}
.toolbar .sorter .sort-by{float:left;margin-right:15px;margin-bottom:4px}
.toolbar .sorter .sort-by a img{margin-top:-4px}
.toolbar .sorter .limiter{float:right}
.toolbar .sorter label{font-weight:400;margin-right:5px;color:#777;font-size:13px;vertical-align:middle}
.toolbar .sorter select{background:#fff;border:1px solid #ccc;padding:2px 8px;height:26px;color:#777;font-size:13px;border-radius:3px}
.toolbar .sorter .view-mode{float:left;margin-right:10px;line-height:29px;height:30px}
.toolbar .sorter .view-mode i{font-size:14px;border:1px solid #ccc;background-color:#fff;color:#ccc;width:26px;height:26px;line-height:24px;display:inline-block;text-align:center;border-radius:3px;vertical-align:top}
.toolbar .sorter .view-mode a:focus i,.toolbar .sorter .view-mode a:hover i,.toolbar .sorter .view-mode span i,.toolbar .sorter .view-mode span:focus i,.toolbar .sorter .view-mode span:hover i{color:#fff;background-color:#400190;border-color:#400190}
.toolbar .sorter .pagination{float:right;margin:0 0 5px 8px}
.toolbar .sorter .pagination a,.toolbar .sorter .pagination span{border-radius:3px;min-width:26px;padding:3px 6px;margin-left:5px;text-align:center}
.products-grid{list-style:none;padding:0;margin:0 -10px}
.products-grid:after{display:table}
.products-grid li{width:100%;padding:10px 10px 0}
.products-grid.columns6{margin:0 -5px}
.products-grid.columns6 li{padding-left:5px;padding-right:5px}
.products-grid.columns7{margin:0 -4px}
.products-grid.columns7 li{padding-left:4px;padding-right:4px}
.products-grid.columns8{margin:0 -3px}
.products-grid.columns8 li{padding-left:3px;padding-right:3px}
@media (min-width:0){.products-grid li{float:left;width:50%}
    .products-grid li:nth-child(2n+1){clear:left}
    .products-grid.columns5 li,.products-grid.columns6 li,.products-grid.columns7 li,.products-grid.columns8 li{width:33.33%}
    .products-grid.columns5 li:nth-child(2n+1),.products-grid.columns6 li:nth-child(2n+1),.products-grid.columns7 li:nth-child(2n+1),.products-grid.columns8 li:nth-child(2n+1){clear:none}
    .products-grid.columns5 li:nth-child(3n+1),.products-grid.columns6 li:nth-child(3n+1),.products-grid.columns7 li:nth-child(3n+1),.products-grid.columns8 li:nth-child(3n+1){clear:left}
}
@media (min-width:768px){.products-grid.columns3 li,.products-grid.columns4 li{width:33.33%}
    .products-grid.columns3 li:nth-child(2n+1),.products-grid.columns4 li:nth-child(2n+1){clear:none}
    .products-grid.columns3 li:nth-child(3n+1),.products-grid.columns4 li:nth-child(3n+1){clear:left}
    .products-grid.columns5 li,.products-grid.columns6 li,.products-grid.columns7 li,.products-grid.columns8 li{width:25%}
    .products-grid.columns5 li:nth-child(3n+1),.products-grid.columns6 li:nth-child(3n+1),.products-grid.columns7 li:nth-child(3n+1),.products-grid.columns8 li:nth-child(3n+1){clear:none}
    .products-grid.columns5 li:nth-child(4n+1),.products-grid.columns6 li:nth-child(4n+1),.products-grid.columns7 li:nth-child(4n+1),.products-grid.columns8 li:nth-child(4n+1){clear:left}
}
@media (min-width:992px){.products-grid.columns6 li,.products-grid.columns7 li,.products-grid.columns8 li{width:20%}
    .products-grid.columns6 li:nth-child(4n+1),.products-grid.columns7 li:nth-child(4n+1),.products-grid.columns8 li:nth-child(4n+1){clear:none}
    .products-grid.columns6 li:nth-child(5n+1),.products-grid.columns7 li:nth-child(5n+1),.products-grid.columns8 li:nth-child(5n+1){clear:left}
}
@media (min-width:1200px){.products-grid.columns4 li{width:25%}
    .products-grid.columns4 li:nth-child(3n+1){clear:none}
    .products-grid.columns4 li:nth-child(4n+1){clear:left}
    .products-grid.columns5 li{width:20%}
    .products-grid.columns5 li:nth-child(4n+1){clear:none}
    .products-grid.columns5 li:nth-child(5n+1){clear:left}
    .products-grid.columns6 li{width:16.66%}
    .products-grid.columns6 li:nth-child(5n+1){clear:none}
    .products-grid.columns6 li:nth-child(6n+1){clear:left}
    .products-grid.columns7 li{width:14.25%}
    .products-grid.columns7 li:nth-child(5n+1){clear:none}
    .products-grid.columns7 li:nth-child(7n+1){clear:left}
    .products-grid.columns8 li{width:12.5%}
    .products-grid.columns8 li:nth-child(5n+1){clear:none}
    .products-grid.columns8 li:nth-child(8n+1){clear:left}
}
.products-list{list-style:none;padding:0;margin:0 10px}
.products-list li{padding:20px;width:100%;border-bottom:1px solid #dadada}
.product{position:relative}
.product .product-image-area{overflow:hidden;position:relative;background-color:#fff}
.product .product-image-area .product-image{display:block;overflow:hidden;position:relative}
.product .product-image-area .product-image img{display:block;margin:0 auto;height:auto;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s; max-width:110px; max-height:110px}
.product .product-image-area .product-image .product-hover-image{position:absolute;left:0;top:0;opacity:0;visibility:hidden}
.product .product-image-area .product-actions{position:absolute;width:100%;bottom:15px;left:0;text-align:left;padding:0 10px;visibility:hidden;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}
.product .product-image-area .product-actions .addtocart,.product .product-image-area .product-actions .addtowishlist,.product .product-image-area .product-actions .comparelink{opacity:1;visibility:visible;left:auto;right:auto;width:32px;height:32px;line-height:30px;font-size:17px;background-color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;text-align:center;margin-top:0;margin-bottom:0}
.product .product-quickview{position:absolute;bottom:-40px;background-color:#400190;color:#fff;padding:10px;z-index:9;border-radius:3px;opacity:0;visibility:hidden;-webkit-transition:all .1s;-moz-transition:all .1s;transition:all .1s;font-size:12px;font-weight:700;line-height:1.4}
.product .product-quickview span{margin-left:2px}
.product .product-quickview:focus,.product .product-quickview:hover{opacity:.9!important;color:#fff;text-decoration:none}
.product:hover .product-image-area .product-actions,.product:hover .product-image-area .product-image .product-hover-image,.product:hover .product-quickview{visibility:visible;opacity:1}
.product .product-quickview:focus span,.product .product-quickview:hover span{text-decoration:underline}
.product .product-label{right:10px;top:10px;color:#fff;line-height:1;z-index:5;text-align:center}
.product .product-label+.product-label{top:40px}
.product .product-label span{display:block;position:relative;padding:10px 6px;font-size:16px;font-weight:600;border-radius:2px}
.product .product-label span.discount{background-color:#f90909}
.product .product-label span.new{background-color:#62b959}
.product .product-details-area{padding:10px 0}
.product .product-details-area .product-actions{margin:0}
.product .product-name{color:#222;font-weight:400;font-size:14px;margin:0 0 3px}
.product .product-name a{color:#222}
.product .product-name a:focus,.product .product-name a:hover{color:#400190;text-decoration:none}
.product:hover .product-image-area .product-actions .addtocart{color:#400190;background-color:#fff;border:1px solid #400190}
.product:hover .product-image-area .product-actions .addtocart:focus,.product:hover .product-image-area .product-actions .addtocart:hover{color:#fff;border-color:#400190;background-color:#400190}
.product-ratings{font-size:11px;line-height:1.25;height:14px;margin:7px 0 6px}
.product-ratings .ratings-box{position:relative;display:inline-block;margin-top:1.5px;overflow:hidden;width:64px;height:11px;font-size:0;line-height:0;text-indent:-999em}
.product-ratings .ratings-box .rating:before,.product-ratings .ratings-box:before{font-family:FontAwesome;content:"\f005\20\f005\20\f005\20\f005\20\f005";width:64px;height:11px;display:block;font-size:11px;line-height:11px}
.product-ratings .ratings-box:before{color:#c3c5c9}
.product-ratings .ratings-box .rating{float:left;height:11px;position:absolute;left:0;top:0;overflow:hidden}
.product-ratings .ratings-box .rating:before{color:#400190}
.product-price-box{font-size:0;margin:5px 0 3px}
.product-price-box .old-price,.product-price-box .product-price{display:inline-block;vertical-align:middle;font-weight:600;line-height:.8}
.product-price-box .old-price{color:#999;font-size:14px;text-decoration:line-through}
.product-price-box .old-price+.product-price{margin-left:0}
.product-price-box .product-price{font-size:20px;color:#444;display:block}
.product-actions a{display:inline-block;position:relative;margin:10px 1px;vertical-align:middle;border-radius:5px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.product-actions a:focus,.product-actions a:hover{text-decoration:none}
.product-actions a.addtocart{color:#333;background-color:#fff;font-size:14px;padding:0 10px 0 8px;height:32px;line-height:30px;border:1px solid #ccc}
.product-actions a.addtocart i{font-size:15px;margin-right:2px}
.product:hover .product-actions a.addtocart{background-color:#400190;border-color:#400190;color:#fff}
.product-actions a.addtocart.outofstock{padding:0 10px;cursor:default}
.product:hover .product-actions a.addtocart.outofstock{color:#333!important;background-color:#fff!important;border-color:#ccc!important}
.product-actions a.addtowishlist,.product-actions a.comparelink,.product-actions a.quickview{font-size:13px;height:32px; padding:0 10px; font-weight:700;line-height:32px;background-color:transparent;visibility:hidden;opacity:0}
.hide-addtolinks .product-actions a.addtowishlist,.hide-addtolinks .product-actions a.comparelink,.hide-addtolinks .product-actions a.quickview{display:none}
.product.product-list:after,.product.product-sm:after{display:table;content:'';clear:both}
.product-actions a.addtowishlist{right:-37px;background-color:#400190;color:#fff}
.product-actions a.addtowishlist:hover{color:#fff;background-color:#2b0b40}
.product:hover .product-actions a.addtowishlist{visibility:visible;opacity:1;right:0}
.product-actions a.comparelink{left:-37px;background-color:#1691d3;color:#fff}
.product-actions a.comparelink:hover{color:#fff;background-color:#0087cf}
.product:hover .product-actions a.comparelink{visibility:visible;opacity:1;left:0}
.product-actions a.quickview{visibility:visible;opacity:1;color:#400190;border:1px solid #400190}
.product-actions a.quickview:hover{color:#fff;background-color:#400190}
.product.product-list .product-short-desc{font-size:14px;line-height:1.5}
.product.product-list .product-ratings{background:0 0;margin-bottom:10px}
.product.product-list .product-name{font-size:16px;}
.product.product-list .product-price-box{margin-top:10px}
.product.product-list .product-actions{margin:0}
.product.product-list .product-actions a.addtowishlist,.product.product-list .product-actions a.comparelink,.product.product-list .product-actions a.quickview{left:auto;right:auto;visibility:visible;opacity:1}
.product.product-list .product-actions a.addtocart{background-color:#400190;border-color:#400190;color:#fff}
.product.product-list .product-image-area{float:left;width:25%}
.product.product-list .product-details-area{text-align:left;padding:0 15px;float:left;width:75%}
.product.product-sm{padding:6px 0 8px;max-width:300px}
.product.product-sm .product-image-area{width:33%;float:left;padding:2px}
.product.product-sm .product-details-area{float:left;width:67%;text-align:left;padding:10px 16px}
.product.product-sm .product-name{font-size:12px}
.product.product-sm .product-ratings{background:0 0;margin-bottom:5px}
.product.product-sm .product-price-box{margin:2px 0 3px}
.product.product-sm .product-price-box .old-price{font-size:11px}
.product.product-sm .product-price-box .old-price+.product-price{margin-left:3px}
.product.product-sm .product-price-box .product-price{font-size:15px}
.sidebar.shop-sidebar .panel-group{margin-bottom:40px;background-color:#fff;margin-top:0}
.sidebar.shop-sidebar .panel-group .panel+.panel{margin-top:14px}
.sidebar.shop-sidebar .panel.panel-default{border-radius:6.99px;border:none}
.sidebar.shop-sidebar .panel.panel-default .panel-heading{border-radius:0}
.sidebar.shop-sidebar .panel.panel-default .panel-heading .panel-title{font-size:15px;font-weight:700;color:#777;line-height:40px;background-color:#fff;padding:10px 0 0 20px}
.sidebar.shop-sidebar .panel.panel-default .panel-heading a{position:relative;padding-top:11.5px;padding-bottom:11.5px;padding-right:45px;background-color:#fff;color:#777}
.sidebar.shop-sidebar .panel.panel-default .panel-heading a:before{font-family:FontAwesome;content:"\f0d8";width:26px;height:26px;display:block;border:1px solid #ddd;position:absolute;right:15px;top:50%;margin-top:-13px;border-radius:3px;color:#ccc;text-align:center;line-height:24px;background-color:#fff;font-size:10px}
.sidebar.shop-sidebar .panel.panel-default .panel-heading a:hover:before{background-color:#400190;border-color:#400190;color:#fff}
.sidebar.shop-sidebar .panel.panel-default .panel-heading a.collapsed{border-radius:6.99px}
.sidebar.shop-sidebar .panel.panel-default .panel-heading a.collapsed:before{content:"\f0d7"}
.sidebar.shop-sidebar .panel.panel-default .panel-body{padding:0 0 20px 20px;border-top:none;border-bottom:1px solid #f5f5f5;font-size:13px}
.sidebar.shop-sidebar .filter-price{margin:14px 0 9px}
.sidebar.shop-sidebar .filter-price #price-slider{margin-bottom:20px}
.sidebar.shop-sidebar .filter-price .noUi-target{background:#eee;border-radius:0;border:none;box-shadow:none}
.sidebar.shop-sidebar .filter-price .noUi-handle{background:#400190;cursor:pointer;border-radius:5px;border:none;box-shadow:none}
.sidebar.shop-sidebar .filter-price .noUi-handle:after,.sidebar.shop-sidebar .filter-price .noUi-handle:before{display:none}
.sidebar.shop-sidebar .filter-price .noUi-horizontal{position:relative;height:7px}
.sidebar.shop-sidebar .filter-price .noUi-horizontal .noUi-handle{position:absolute;width:13px;height:18px;border:0;left:-6.5px;top:-6px}
.sidebar.shop-sidebar .filter-price .noUi-horizontal .noUi-base .noUi-origin{position:absolute}
.sidebar.shop-sidebar .filter-price .noUi-connect{background-color:#f48387;box-shadow:inset 0 0 3px rgba(51,51,51,.45)}
.sidebar.shop-sidebar .filter-price .filter-price-details{text-align:center}
.sidebar.shop-sidebar .filter-price .filter-price-details *{white-space:normal}
.sidebar.shop-sidebar .filter-price .filter-price-details span{vertical-align:middle;line-height:26px}
.sidebar.shop-sidebar .filter-price .filter-price-details .form-control{display:inline-block;vertical-align:middle;color:#a3a2a2;padding:2px 5px;font-size:14px;margin:0 2px;width:50px;height:26px}
.sidebar.shop-sidebar .filter-price .filter-price-details .btn{border:none;height:26px;line-height:26px;color:#fff;border-radius:5px;padding:0 10px;font-size:14px;margin:5px 0}
.sidebar.shop-sidebar ol,.sidebar.shop-sidebar ul{padding:0;margin:-7px 0 0;list-style:none}
.sidebar.shop-sidebar ol li a,.sidebar.shop-sidebar ul li a{color:#777;line-height:2.5}
.sidebar.shop-sidebar .configurable-filter-list{padding:0;margin:0 -5px;list-style:none;font-size:0}
.sidebar.shop-sidebar .configurable-filter-list li{display:inline-block;margin:0 5px 8px}
.sidebar.shop-sidebar .configurable-filter-list li a{display:block;color:#777;width:30px;height:30px;font-size:14px;line-height:28px;background:#f4f4f4;border:1px solid #ccc;border-radius:3px;float:left;margin:0;padding:0;text-align:center}
.sidebar.shop-sidebar .configurable-filter-list li a:hover{border-color:#400190;text-decoration:none}
.sidebar.shop-sidebar .configurable-filter-list.filter-list-color li a{padding:1px}
.sidebar.shop-sidebar .configurable-filter-list.filter-list-color li a span{display:inline-block;width:26px;height:26px;border-radius:3px}
.sidebar.shop-sidebar h4{margin-bottom:10px}
.sidebar.shop-sidebar .owl-carousel .owl-nav{top:-28px;width:auto;right:5px;margin:0;line-height:1}
.sidebar.shop-sidebar .owl-carousel .owl-nav .owl-next,.sidebar.shop-sidebar .owl-carousel .owl-nav .owl-prev{font-size:16px;line-height:1;min-width:18px}
@media (max-width:767px){.product-img-box{margin-bottom:25px}
    .product-details-box .product-nav-container{margin-top:-15px}
}
.product-img-box img{display:block;width:100%;height:auto}
.product-img-box .owl-carousel{margin-bottom:0}
.zoomContainer{z-index:49}
.product-img-box-wrapper{position:relative;margin-bottom:10px}
.product-img-box-wrapper .product-img-zoom{position:absolute;right:11px;bottom:7px;z-index:50}
.product-details-box .product-nav-container{float:right}
.product-details-box .product-nav-container .product-nav{display:inline-block;vertical-align:middle;position:relative;font-size:0}
.product-details-box .product-nav-container .product-nav a{color:#555;display:inline-block;font-size:22px;line-height:58px;text-decoration:none;min-width:31px;text-align:center}
.product-details-box .product-nav-container .product-nav a:focus,.product-details-box .product-nav-container .product-nav a:hover{text-decoration:none}
.product-details-box .product-nav-container .product-nav .product-nav-dropdown{border-top:3px solid #400190;position:absolute;top:100%;left:auto;right:0;margin-right:-17.5px;padding:10px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1;visibility:hidden;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;text-align:center;border-radius:4px}
.product-details-box .product-nav-container .product-nav .product-nav-dropdown:before{content:"";width:5px;height:2px;border:5px solid transparent;border-bottom-color:#400190;display:block;position:absolute;top:-13px;right:32px}
.product-details-box .product-nav-container .product-nav .product-nav-dropdown img{display:block;width:80px;height:auto;margin-bottom:10px}
.product-details-box .product-nav-container .product-nav .product-nav-dropdown h4{margin:0;font-weight:600;font-size:11px;line-height:1.35;color:#777}
.product-details-box .product-nav-container .product-nav.product-nav-prev .product-nav-dropdown{right:auto;left:0;margin-left:-17.5px;margin-right:0}
.product-details-box .product-nav-container .product-nav.product-nav-prev .product-nav-dropdown:before{right:auto;left:32px}
.product-details-box .product-nav-container .product-nav:hover>.product-nav-dropdown{visibility:visible;opacity:1}
.product-details-box .product-nav-container .product-nav:hover>a{color:#400190;text-decoration:none}
.product-details-box .product-name{margin:15px 0 0;font-weight:600;line-height:1.3;color:#555}

@media (max-width:767px){.product-details-box .product-name{font-size:16px}
}
.product-details-box .product-rating-container{margin-bottom:20px}
.product-details-box .product-rating-container .product-ratings{vertical-align:middle;display:inline-block;background:0 0;margin:0 2px 0 0;font-size:16px;height:20px}
.product-details-box .product-rating-container .product-ratings .ratings-box{margin-top:1.5px;width:100px;height:16px}
.product-details-box .product-rating-container .product-ratings .ratings-box:before{width:100px;height:16px;font-size:16px;line-height:16px}
.product-details-box .product-rating-container .product-ratings .ratings-box .rating{height:16px}
.product-details-box .product-rating-container .product-ratings .ratings-box .rating:before{width:100px;height:16px;font-size:16px;line-height:16px}
.product-details-box .product-rating-container .review-link{vertical-align:middle;display:inline-block;font-size:13px;font-weight:600;color:#9e9e9e}
.product-details-box .product-rating-container .review-link a{color:#9e9e9e;display:inline-block;vertical-align:bottom;padding:0 5px}
.product-details-box .product-rating-container .review-link a:focus,.product-details-box .product-rating-container .review-link a:hover{text-decoration:none;color:#400190}
.product-details-box .product-short-desc{padding:0 0 10px}
.product-details-box .product-short-desc p{font-size:14px;line-height:1.65;margin:0 0 20px}
.product-details-box .product-detail-info{padding-bottom:20px;margin-top:20px}
.product-details-box .product-detail-info .product-price-box{margin:0 0 20px}
.product-details-box .product-detail-info .product-price-box .old-price{vertical-align:bottom;font-size:18px;line-height:1.2;font-weight:600;color:#9e9e9e}
.product-details-box .product-detail-info .product-price-box .product-price{font-size:33px;line-height:1}
.product-details-box .product-detail-info .availability{margin:0 0 10px;font-size:14px;color:#777;font-weight:400}
.product-details-box .product-detail-info .email-to-friend{margin-bottom:0}
.product-details-box .product-detail-info .email-to-friend a{color:#400190}
.product-details-box .product-detail-options{margin:20px 0 0;position:relative;padding-bottom:0;border-bottom:1px solid #ebebeb}
.product-details-box .product-detail-options label{font-size:12px;font-weight:700;line-height:1;margin:0 0 10px}
.product-details-box .product-detail-options label span:last-child{margin-left:5px;font-weight:400}
.product-details-box .product-detail-options .configurable-filter-list{padding:0;margin:0 0 20px;list-style:none;font-size:0}
.product-details-box .product-detail-options .configurable-filter-list li{display:inline-block;margin:0 3px 5px 0}
.product-details-box .product-detail-options .configurable-filter-list li a{display:block;color:#777;width:30px;height:30px;font-size:14px;line-height:28px;background:#f4f4f4;border:1px solid #ccc;border-radius:3px;float:left;margin:0;padding:0;text-align:center}
.product-details-box .product-detail-options .configurable-filter-list li a:hover{border-color:#400190;text-decoration:none}
.product-details-box .product-detail-options .configurable-filter-list.filter-list-color li a{padding:1px}
.product-details-box .product-detail-options .configurable-filter-list.filter-list-color li a span{display:inline-block;width:26px;height:26px;border-radius:3px}
.product-details-box .product-detail-qty{display:inline-block;vertical-align:middle;margin-right:7px;width:60px}
.product-details-box .product-detail-qty #product-vqty{border-radius:3px;width:35px!important;border-color:#e1e1e1;color:#400190;padding-left:2px;padding-right:2px;text-align:center}
.product-details-box .product-detail-qty .btn{border-radius:3px}
.product-details-box .product-detail-qty .btn.btn-default{color:#ccc;font-size:8px;border:2px solid #e1e1e1}
.product-details-box .product-detail-qty .btn.btn-default.bootstrap-touchspin-up{margin-top:-2px}
.product-details-box .product-detail-qty .btn.btn-default.bootstrap-touchspin-down{margin-bottom:-2px}
.product-details-box .product-actions{margin-top:10px}
.product-details-box .product-actions:after{content:'';display:table;clear:both}
.product-details-box .product-actions .addtocart{color:#fff;border-color:#400190;background-color:#400190;line-height:36px;height:38px;min-width:160px;text-align:center}
.product-details-box .product-actions .addtocart:focus,.product-details-box .product-actions .addtocart:hover{color:#fff;border-color:#f0595e;background-color:#f0595e}
.product-details-box .product-actions .actions-right{float:right}
@media (max-width:480px){.product-details-box .product-actions .actions-right{float:none;margin-top:-5px}
}
.product-details-box .product-actions .actions-right .addtowishlist,.product-details-box .product-actions .actions-right .comparelink{opacity:1;visibility:visible;left:auto;right:auto;width:38px;height:38px;line-height:38px;font-size:17px}
.product-details-box .product-actions .actions-right .addtowishlist+.comparelink{margin-left:5px}
@media (min-width:768px){.product-details-box .product-share-box{padding-bottom:20px}
}
.bootstrap-touchspin .input-group-btn-vertical{position:relative;white-space:nowrap;width:1%;vertical-align:middle;display:table-cell}
.bootstrap-touchspin .input-group-btn-vertical>.btn{display:block;float:none;width:100%;max-width:100%;padding:9px 10px;margin-left:-1px;position:relative}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:3px}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{margin-top:-2px;border-radius:3px}
.bootstrap-touchspin .input-group-btn-vertical i{position:absolute;top:5px;left:6px;font-size:9px;font-weight:400}
.sidebar .feature-box h4{color:#313131;font-size:16px;margin:0;line-height:1.5;padding-top:6px;font-weight:600}
.sidebar .feature-box .feature-box-info{padding-left:60px;font-size:12px}
.sidebar .feature-box.feature-box-style-3{min-height:50px;margin-bottom:20px}
.sidebar .feature-box.feature-box-style-3 .feature-box-icon{font-size:30px;color:#000;float:left;width:50px;height:50px;line-height:48px;border:1px solid #bbb;border-radius:50%;text-align:center}
.sidebar .feature-box.feature-box-style-3 .feature-box-icon i.fa{color:#000}
.sidebar.product-sidebar .product.product-sm .product-image-area{width:44%}
.sidebar.product-sidebar .product.product-sm .product-details-area{width:56%}
.sidebar.product-sidebar .product.product-sm .product-name{font-size:13px;margin-bottom:10px}
.sidebar.product-sidebar .product.product-sm .product-price-box .product-price{font-size:20px}
.sidebar.product-sidebar .owl-carousel .owl-nav{top:-68px}
.tabs.product-tabs{margin-bottom:40px}
@media (min-width:992px){.tabs.product-tabs{margin-bottom:50px}
}
.tabs.product-tabs .tab-content{padding:30px 25px;min-height:200px;background-color:#fff}
.tabs.product-tabs .tab-content p{margin-bottom:15px}
.tabs.product-tabs.tabs-left li a{border-radius:5px 0 0 5px;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important}
@media (min-width:768px){.tabs.product-tabs.tabs-left li a{border-right:none;margin-right:-1px;text-align:right}
    .tabs.product-tabs.tabs-left li+li{margin-top:2px}
}
.tabs.product-tabs.tabs-left .tab-content{border-left:1px solid #eee;padding:37px 15px 27px}
@media (max-width:767px){.tabs.product-tabs.tabs-left .nav-tabs{display:block;width:100%;height:auto}
    .tabs.product-tabs.tabs-left li{display:block}
    .tabs.product-tabs.tabs-left li a{margin-left:0;margin-right:0;border-right:1px solid #eee!important}
    .tabs.product-tabs.tabs-left .tab-content{display:block;width:100%;height:auto;padding-top:25px;padding-bottom:15px}
}
.product-table,.ratings-table{width:100%;border-spacing:0;empty-cells:show;font-size:100%}
.product-table tbody td,.product-table thead th,.ratings-table tbody td,.ratings-table thead th{border-bottom:1px solid #dcdcdc;padding:10px;line-height:1.3}
.product-table .table-label{font-weight:700;color:#000;width:35%}
.ratings-table{margin:20px 0 40px;border:1px solid #ddd}
@media (max-width:767px){.ratings-table{margin-bottom:30px}
}
.ratings-table input[type=checkbox],.ratings-table input[type=radio]{margin-left:auto;margin-right:auto}
@media (max-width:600px){.tabs.product-tabs .nav-tabs li{display:block}
    .product-table tbody td,.product-table thead th,.ratings-table tbody td,.ratings-table thead th{padding-left:5px;padding-right:5px}
    .ratings-table thead{display:none}
}
.ratings-table thead th{font-weight:600;font-size:11px;padding:3px 15px;color:#777;white-space:nowrap;vertical-align:middle;text-transform:uppercase;background-color:#f6f6f6;text-align:center}
.ratings-table tbody td{font-size:13px;text-align:center}
.ratings-table tbody td:first-child{font-weight:700;text-align:left}
.product-desc-area ul{padding-left:15px;margin-left:2px}
.product-desc-area ul li{line-height:20px}
.product-desc-area p{margin-bottom:15px}
.product-tags-area label{display:block;font-size:18px;margin:0 0 20px;font-weight:400}
.product-tags-area .form-control.pull-left{width:250px;margin-right:10px}
.collateral-box ol,.collateral-box ul{margin-top:-20px}
.collateral-box ol li,.collateral-box ul li{border-bottom:1px solid #eee;padding:20px 0 10px}
.add-product-review{padding-top:15px}
.panel-group.produt-panel{margin-bottom:55px;border:none}
@media (min-width:992px){.panel-group.produt-panel{margin-bottom:65px}
}
.panel-group.produt-panel .panel.panel-default{border:none}
.panel-group.produt-panel .panel.panel-default .panel-heading{background-color:transparent}
.panel-group.produt-panel .panel.panel-default .panel-heading .panel-title{font-size:15px}
.panel-group.produt-panel .panel.panel-default .panel-heading .panel-title a{position:relative;border-radius:5px;background-color:#f4f4f4;border-left:4px solid #400190}
.panel-group.produt-panel .panel.panel-default .panel-heading .panel-title a:before{content:"\f0d7";color:#fff;font-family:FontAwesome;display:block;position:absolute;right:20px;top:50%;margin-top:-10px}
.panel-group.produt-panel .panel.panel-default .panel-heading .panel-title a.collapsed:before{content:"\f0da";color:#400190}
.panel-group.produt-panel .panel.panel-default .panel-heading .panel-title a:not(.collapsed){color:#fff;background-color:#400190}
@media (max-width:480px){.cart h1 span{display:block;margin-bottom:10px}
    .cart h1 .pull-right{float:none!important}
}
.btn.btn-default.hover-primary:focus,.btn.btn-default.hover-primary:hover{color:#fff;background-color:#400190;border-color:#400190}
.btn-remove{display:inline-block;width:34px;height:34px;font-size:18px;line-height:22px;overflow:hidden;padding:5px 0;color:#400190}
.qty-dec-btn,.qty-inc-btn,.qty-input{text-align:center;height:30px;display:inline-block;vertical-align:middle}
.btn-remove:focus,.btn-remove:hover{color:#f0595e;text-decoration:none}
.qty-holder{display:inline-block;width:125px;white-space:nowrap;vertical-align:middle;font-size:0}
.qty-dec-btn,.qty-inc-btn{width:30px;background:#f4f4f4;border:1px solid #ccc;color:#777;line-height:30px;border-radius:0;margin:0;font-size:14px;font-weight:700;text-decoration:none}
.qty-dec-btn:focus,.qty-dec-btn:hover,.qty-inc-btn:focus,.qty-inc-btn:hover{color:#400190;background:#f4f4f4;text-decoration:none}
.qty-input{padding-top:4px;width:35px!important;font-size:14px;color:#777;border-radius:0;border:1px solid #ccc;margin:0 -1px;outline:0}
.edit-qty{display:inline-block;font-size:14px;margin-left:8px;color:#400190;vertical-align:middle}
.edit-qty:focus,.edit-qty:hover{color:#f0595e;text-decoration:none}
.cart-table-wrap{background:#fff;display:block;padding:30px;margin-bottom:50px}
@media (min-width:992px){.cart-table-wrap{margin-bottom:60px}
}
.cart-table{width:100%;border:0;border-spacing:0;font-size:14px}
.cart-table tbody tr td,.cart-table thead tr{border-bottom:1px solid #dcdcdc}
.cart-table thead tr th{font-weight:600;padding:5px 0;color:#777;white-space:nowrap;vertical-align:middle;line-height:1}
.cart-table tbody tr td{padding:15px 10px 15px 0;line-height:1.3}
.cart-table tbody tr td.product-action-td{padding-left:0;padding-right:0}
.cart-table tbody tr td.product-image-td a{display:block}
.cart-table tbody tr td.product-image-td a img{display:block;width:80px;height:auto}
.cart-table tbody tr td.product-name-td h2{font-size:14px;font-weight:400;margin-bottom:0}
.cart-table tbody tr td.product-name-td h2 a{color:#545454}
.cart .sidebar.shop-sidebar .panel.panel-default .panel-heading a,.cart-table tbody tr td.product-name-td h2 a:focus,.cart-table tbody tr td.product-name-td h2 a:hover{color:#000}
.cart-table tfoot td{padding:15px 5px 0}
.cart-table tfoot .btn.btn-default.btn-continue{float:left}
.cart-table tfoot .btn.btn-default.btn-update{float:right;margin-left:10px}
.cart-table tfoot .btn.btn-default.btn-clear{float:right}
@media (max-width:1199px){.cart-table thead{display:none}
    .cart-table tbody tr{position:relative;display:block;border-bottom:1px solid #dcdcdc;padding:25px 0}
    .cart-table tbody tr td{display:block;padding:0 0 15px;width:100%;border-width:0;text-align:center!important}
    .cart-table tbody tr td:last-child{padding-bottom:0}
    .cart-table tbody tr td .qty-holder{width:90px}
    .cart-table tbody tr td.product-action-td{position:absolute;top:20px;z-index:1}
    .cart-table tbody tr td.product-action-td .btn-remove{float:right}
    .cart-table tbody tr td.product-image-td{padding-bottom:15px}
    .cart-table tbody tr td.product-image-td a img{margin:0 auto}
    .cart-table tbody tr:first-child{padding-top:0}
    .cart-table tbody tr:first-child td.product-action-td{top:-5px}
    .cart-table tfoot td{padding-top:25px}
    .cart-table tfoot .btn.btn-default.btn-clear,.cart-table tfoot .btn.btn-default.btn-continue,.cart-table tfoot .btn.btn-default.btn-update{float:none;display:block;width:100%;margin:0 0 10px}
}
.cart .sidebar.shop-sidebar .panel.panel-default .panel-body{padding:15px}
.cart .sidebar.shop-sidebar .form-control{font-size:13px}
.cart .sidebar.shop-sidebar .panel p{font-size:14px}
.cart .sidebar.shop-sidebar .panel .btn-block+.btn-block{margin-top:0}
.cart .sidebar.shop-sidebar .panel .btn-link{font-size:13px}
.totals-table{width:100%;margin-bottom:5px}
.totals-table tbody tr{border-bottom:1px solid #dcdcdc}
.totals-table tbody tr:last-child{border-bottom:none}
.totals-table tbody tr td{padding:10px;line-height:1.4;font-size:15px;font-weight:300;text-align:left!important}
.totals-table tbody tr td:last-child{color:#000;text-align:right!important;font-weight:600}
.totals-table tbody tr:last-child td:last-child{font-size:17px}
.crosssell-products{margin-bottom:25px}
.crosssell-products .product.product-sm .product-details-area{padding-top:4px;padding-bottom:0}
.crosssell-products .product.product-sm .product-name{font-size:13px;margin-bottom:2px}
.crosssell-products .product.product-sm .product-price-box{margin-top:0;margin-bottom:4px}
.crosssell-products .product.product-sm .product-price-box .old-price{font-size:14px}
.crosssell-products .product.product-sm .product-price-box .product-price{font-size:20px}
.crosssell-products .product.product-sm .btn{font-size:12px;padding-top:0;padding-bottom:0;line-height:25px}
.checkout-menu{margin-bottom:10px}
.checkout-menu .btn{font-size:13px;padding:9px 19px}
.checkout-menu .btn i{margin-right:4px}
.checkout-review-dropdown .dropdown-menu{position:absolute;right:0;top:40px;width:300px;background-color:#fff;border-width:6px 0 0;border-style:solid;border-color:#400190;z-index:1;border-radius:7.98px 7.98px 5px 5px;color:#777;box-shadow:0 3px 8px rgba(0,0,0,.5);margin-top:10px;padding:30px 15px 30px 10px}
@media (max-width:320px){.checkout-review-dropdown .dropdown-menu{width:260px}
}
.checkout-review-dropdown .dropdown-menu h3{font-weight:600;color:#404040;font-size:16px;border-bottom:1px solid #b6b6b6;line-height:1;padding-bottom:13px;padding-left:9px;margin-bottom:20px}
.checkout-review-dropdown .dropdown-menu table{width:100%;border:0;border-spacing:0}
.form-col #discountArea,.form-col .checkout-review-action{border-top:1px solid #b6b6b6}
.checkout-review-dropdown .dropdown-menu table td:last-child,.checkout-review-dropdown .dropdown-menu table th:last-child{padding-right:0}
.checkout-review-dropdown .dropdown-menu table td{border-bottom:1px solid #eaeaea;color:#676767;font-size:14px;font-weight:400;vertical-align:middle}
.checkout-review-dropdown .dropdown-menu table thead th{font-weight:400;color:#1c1c1c;font-size:15px;line-height:1;padding:0 15px 7px;border-bottom:1px solid #eaeaea}
.checkout-review-dropdown .dropdown-menu table tbody td{padding:14px;line-height:1.4}
.checkout-review-dropdown .dropdown-menu table tfoot td{padding:10px 0;line-height:1}
.form-col{color:#393939;margin-bottom:30px}
.form-col h3{font-weight:600;color:#404040;font-size:16px;text-align:left;border-bottom:1px solid #b6b6b6;padding-bottom:8px;line-height:1;margin-bottom:20px;text-transform:none}
.form-col h3.no-border{border-bottom:none;margin-bottom:0;padding-bottom:0}
.form-col label{display:block;color:#393939;font-weight:400;font-size:14px;line-height:1.25;margin-bottom:2px}
@media (max-width:767px){.form-col .row{margin-left:-7.5px;margin-right:-7.5px}
    .form-col .row [class*=col-]{padding-left:7.5px;padding-right:7.5px}
}
.form-col .form-group{margin-bottom:10px}
@media (min-width:992px){.form-col .form-group.margin-left{margin-left:4%}
    .form-col .form-group.margin-left .form-control{width:182px}
}
.form-col .form-group.wide .form-control{display:block;width:100%}
.form-col .form-group.wide .form-control.pull-left{width:auto}
.form-col .form-group .form-control{margin-bottom:0;font-size:13px}
@media (min-width:992px){.form-col .form-group .form-control{display:inline-block;width:auto;width:100%}
}
.form-col .form-group .checkbox label{font-size:13px}
.form-col .ship-list{padding-left:0;list-style:none;margin-top:10px;margin-bottom:30px;font-size:14px}
.form-col .ship-list li{margin-bottom:5px}
.form-col .ship-list li:nth-child(2n){padding-left:5px}
.form-col .expand-plus{display:inline-block;width:16px;height:16px;border-radius:2px;background-color:#400190;color:#fff;text-align:center;font-size:16px;line-height:14px;vertical-align:middle;margin-left:16px;text-decoration:none}
.form-col .expand-plus:before{content:'-'}
.form-col .expand-plus.collapsed:before{content:'+'}
.form-col .expand-plus:focus,.form-col .expand-plus:hover{text-decoration:none}
.form-col #discountArea{margin-top:10px;padding-top:10px}
.form-col #discountArea.collapsing{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.form-col .checkout-payment-method .radio{margin-bottom:14px}
.form-col #payment-credit-card-area{display:none}
.form-col #payment-credit-card-area.show{display:block}
.modal .modal-footer:after,.panel-box .panel-box-title:after{display:table;content:'';clear:both}
.form-col .checkout-review-action h5{color:#3f3f3f;font-size:16px;font-weight:700;margin-top:30px;margin-bottom:10px}
.form-col .checkout-review-action h5 span{margin-left:45px}
.modal,.modal-open,body{padding-right:0!important}
.modal-backdrop{background-color:rgba(0,0,0,.5)}
.modal-backdrop.in{opacity:0.5}
.modal{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.modal label{margin-bottom:2px}
.modal .modal-header{padding:20px;border-bottom:none}
.modal .modal-header h4{color:#4a4a4a;font-weight:600;font-size:16px;margin:0}
.modal .modal-header .close{font-size:14px;opacity:.95;margin-top:-8px;margin-right:-8px}
.modal .modal-content{border:none;box-shadow:0 3px 8px rgba(0,0,0,.5)}
.modal .modal-body{padding:0 20px 20px}
.modal .modal-body p{font-size:14px;color:#393939;margin:0 0 10px}
.modal .modal-footer{border-top:1px solid #e5e5e5;padding:19px 20px 20px;margin-top:15px;vertical-align:middle}
.modal .modal-footer .btn{font-size:13px;padding-top:9px;padding-bottom:9px}
.modal .modal-footer .btn.btn-link{font-size:12px;padding:9.5px 0}
.alert.success-msg{font-size:14px}
.panel-box{margin-bottom:30px}
.panel-box a{color:#400190}
.panel-box a:focus,.panel-box a:hover{color:#f0595e}
.panel-box .panel-box-title{padding:10px 15px;border:1px solid #ddd;background-color:#f5f5f5;position:relative;border-radius:6.99px 6.99px 0 0}
.panel-box .panel-box-title h3,.panel-box .panel-box-title h4{float:left;font-size:13px;font-weight:700;line-height:18px;text-transform:uppercase;margin:0;color:#313131}
.panel-box .panel-box-title .panel-box-edit{float:right;line-height:18px;font-size:12px}
.panel-box .panel-box-content{padding:20px 15px;font-size:13px;border:1px solid #ddd;border-top:0;border-radius:0 0 6.99px 6.99px;background-color:#fbfbfb}
#account-chage-pass{display:none;margin-top:30px}
#account-chage-pass.show{display:block}
.featured-box{box-shadow:0 2px 3px rgba(0,0,0,.08)}
.featured-box.featured-box-flat{background:#fff}
.featured-box h4{font-size:16px}
label .required{color:#eb340a}
.form-section{overflow:hidden}
.form-section .featured-box{margin-bottom:30px}
.form-section .featured-box .box-content{padding:35px 25px}
@media (min-width:768px){.tabs.product-tabs.tabs-left .tab-content{min-height:250px}
    .form-section .form-content{min-height:275px}
}
.form-section p{margin-bottom:15px}
.form-section .form-action{padding-top:8px;margin-top:1em;text-align:right}
.form-section .form-action a:not(.btn){color:#400190}
.form-section .form-action a:not(.btn).pull-left{line-height:38px}
.form-section .form-action a:not(.btn):focus,.form-section .form-action a:not(.btn):hover{color:#ef464c;text-decoration:underline}
.form-section .required{color:#eb340a;font-size:11px;text-align:right}
@media (min-width:992px){
    .form-section.register-form [class*=col-]{padding-left:15px;padding-right:15px}
}
.blog-posts article{padding-bottom:18px;margin-bottom:30px}
@media (max-width:991px){.blog-posts+.toolbar{margin-bottom:35px}
}
article.post-large h2{font-size:20px;margin:0 0 10px;font-weight:600}
article.post-large .post-image .owl-dots{position:absolute;left:0;right:0;bottom:10px;z-index:20}
article.post-large .post-video iframe{border:none}
article.post-large .post-content{font-size:14px}
article.post-large .post-content p{margin-bottom:15px}
article.post-large .post-content p:last-of-type{margin-bottom:12px}
article.post-large .btn.btn-link{font-size:13px;padding:0;color:#777}
article.post-large .btn.btn-link:focus,article.post-large .btn.btn-link:hover{color:#400190}
article.post-large .post-meta{font-size:13px;line-height:1.65;margin-top:15px}
article.post-large .post-meta>span{display:inline;padding-right:15px}
article.post-large .post-meta>span i{margin-right:7px}
article.post-large .post-meta a,article.post-large .post-meta span{color:#777}
article.post-large .post-meta a:focus,article.post-large .post-meta a:hover{color:#400190}
aside ul.nav-list>li>a{font-size:13px;padding-left:21px}
aside ul.nav-list>li>a:before{margin-left:-11px}
aside ul.nav-list>li.active>a{color:#400190;font-weight:600}
aside ul.nav-list>li.active>a:before{border-left-color:#400190}
.sidebar h4{margin:0 0 10px;line-height:1.2;font-size:16px;font-weight:700;color:#313131}
.sidebar .nav.nav-list{margin-bottom:30px}
.sidebar .simple-post-list{margin-bottom:40px}
.sidebar .simple-post-list li{padding:10px 0;border-bottom:none}
.sidebar .simple-post-list li a{font-size:13px}
.sidebar .simple-post-list li .post-image{width:60px;line-height:0}
.sidebar .simple-post-list li .post-image .img-thumbnail{padding:2px}
.sidebar .simple-post-list li .post-image img{display:block;max-width:100%;height:auto}
.sidebar .simple-post-list li .post-meta{font-size:12px}
.sidebar .tagcloud{margin-bottom:30px}
.sidebar .tagcloud a{display:block;padding:10px 14px;background-color:#e1e1e1;color:#7e7d79;font-size:13px;font-weight:400;line-height:11px;float:left;margin:0 7px 7px 0}
.sidebar .tagcloud a:focus,.sidebar .tagcloud a:hover{color:#fff;background-color:#400190;text-decoration:none}
.sidebar .tagcloud:after{content:'';display:table;clear:both}
.sidebar .sidebar-compare-products{margin-bottom:30px;font-size:13px}
.post-share{margin-top:30px}
.post-block h3{font-size:18px;font-weight:600}
.section-contact-area{padding-bottom:20px}
@media (min-width:992px){.section-contact-area{padding-bottom:40px}
}
label{font-size:14px}
.form-control{border-radius:4px;border:2px solid #d4d4d4;height:42px;padding-top:8px;padding-bottom:8px}
.google-map{height:300px;margin:0 0 30px}
.list-contact li{margin-bottom:15px}
.list-contact li i{display:block;float:left;width:43px;height:43px;background-color:#400190;color:#fff;line-height:43px;text-align:center;font-size:16px;border-radius:6px}
.list-contact li i.fa-mobile{font-size:24px}
.list-contact li div{margin-left:55px;margin-bottom:0;font-size:14px;line-height:21px}
@media (min-width:992px){#footer .footer-copyright .footer-payment,#footer .footer-copyright .logo,#footer .footer-copyright .social-icons,#footer .footer-copyright .social-icons li{margin-bottom:0}
    #footer .footer-copyright .logo{margin-right:0}
    #footer .footer-copyright .social-icons{margin-right:60px}
    #footer .footer-copyright .footer-payment{margin-top:1px}
    #footer .footer-copyright .copyright-text{margin-bottom:0;margin-top:6px}
}
@media (max-width:991px){#footer .footer-copyright{text-align:center}
    #footer .footer-copyright .logo{margin-bottom:8px}
    #footer .footer-copyright .social-icons{margin-bottom:5px}
    #footer .footer-copyright .footer-payment,#footer .footer-copyright .logo img{margin-left:auto;margin-right:auto}
    #footer .footer-copyright .footer-payment{margin-bottom:10px}
}
html .scroll-to-top{right:0; bottom:50px;min-width:40px;padding:9px 5px 31px;font-size:16px;color:#fff;border-radius:7px 0 0 7px;}
html .scroll-to-top:focus,html .scroll-to-top:hover{color:#fff;background-color:#400190}



.pagination {
    position: relative;
    z-index: 1
}


.pagination ul {
    list-style-type: none;
}

.pagination ul > li {
  display: inline-block;
  /* You can also add some margins here to make it look prettier */
  zoom:1;
  *display:inline;
  /* this fix is needed for IE7- */
}

.pagination  a, .pagination  span {
  background-color: #fff;
      border: 1px solid #ddd;
      color: #ff950d;
      float: left;
      line-height: 1.42857;
      margin-left: -1px;
      padding: 6px 12px;
      position: relative;
      text-decoration: none;
      border-radius: 3px;
    margin-left: 5px;
    min-width: 26px;
    padding: 3px 6px;
    text-align: center;

}

.pagination li.active > span {
  background-color: #ff950d;
      border-color: #400190 #400190 #e4141b;
      color: #fff;
      font-weight: bold;
}