.ves-menu {
    padding: 0;
    margin: 0
}

.ves-megamenu {
    padding: 0;
    float: left;
    width: 100%
}

.ves-menu .ves-megamenu {
    padding: 0
}

.ves-megamenu .dropdown-menu .content-wrap .megamenu-content,
.ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar {
    float: left
}

.ves-menu .navigation .level0>.submenu.white-bg {
    background: rgb(255, 255, 255);
}

.ves-megamenu .dropdown-menu {
    border: 0 none;
    color: #333;
    display: block;
    margin-top: 0;
    padding: 20px;
    min-width: 230px
}

.ves-megamenu .dropdown-menu a {
    color: #333;
    padding: 0
}

.ves-megamenu .dropdown>.dropdown-menu {
    top: 100%
}

.ves-megamenu .dropdown.submenu-alignleft>.dropdown-menu {
    left: 0;
    right: auto
}

.ves-megamenu .dropdown.submenu-alignright>.dropdown-menu {
    right: 0;
    left: auto
}

.ves-megamenu .dropdown.submenu-left {
    position: static
}

.ves-megamenu .dropdown.submenu-right {
    position: static
}

.ves-megamenu .dropdown.submenu-right>.dropdown-menu {
    left: auto!important;
    right: 0!important;
    background: red
}

.ves-megamenu .dropdown-menu .megamenu-header {
    border-bottom: 0;
    float: none;
    margin-bottom: 0;
    padding-bottom: 15px;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .5px;
    color: #9bab39
}

.ves-megamenu .dropdown-menu .megamenu-header h4 {
    margin: 0
}

.ves-megamenu li.level0>a {
    position: relative;
    line-height: normal;
    float: none;
    color: #352f2d;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 22px;
    display: block;
    padding: 22px 22px;
    transition: all ease .4s
}

.ves-megamenu li.level0>a:hover {
    background: #616642;
    color: #fff
}

.ves-megamenu li.level0.custom-logo>a:hover {
    background: 0 0
}

.ves-megamenu li.level0.custom-logo>a {
    padding-top: 0
}

.ves-megamenu .nav-item>a {
    line-height: 45px;
    padding: 0 20px
}

.ves-megamenu .opener {
    position: absolute;
    right: 0;
    padding: 16px;
    top: 0;
    font: normal normal normal 14px/1 FontAwesome
}

.ves-megamenu .opener:before {
    content: "\f067"
}

.ves-megamenu .opener.item-active:before {
    content: "\f068"
}

.ves-megamenu .megamenu-widget .product-item-info {
    text-align: center
}

.ves-megamenu .megamenu-widget .block-title strong {
    font-weight: 700
}

.ves-megamenu .megamenu-widget .owl-item img {
    float: none;
    margin: auto
}

.ves-megamenu .megamenu-widget .block-title {
    text-transform: uppercase;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.5em;
    line-height: 1.2222em
}

.ves-megamenu .products-widget {
    position: relative;
    margin: 0
}

.ves-megamenu .products-widget .owl-nav {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 888
}

.ves-megamenu .products-widget .owl-nav a {
    float: left;
    width: 20px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 0;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    font-size: 18px
}

.ves-megamenu .products-widget .owl-nav a:hover {
    color: red;
    border-color: red
}

.ves-megamenu .products-widget .product-block .product-item-info {
    margin-bottom: 0
}

.products-widget .owl-nav.disabled {
    display: none
}

.ves-megamenu .megamenu-footer .links li,
.ves-megamenu .megamenu-header .links li {
    display: inline-block;
    padding: 0 5px
}

.ves-megamenu .dynamic-items a {
    width: 100%;
    float: left;
    padding-top: 0!important;
    padding-bottom: 0!important
}

.ves-megamenu .dynamic-content>.nav-item {
    display: none
}

.ves-megamenu .dynamic-items li>a>.caret {
    position: absolute;
    right: 20px;
    top: 20px;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

.ves-megamenu .dynamic-items li:hover {
    cursor: pointer
}

.ves-megamenu .dynamic-content>.nav-item.dynamic-active {
    display: block
}

.ves-megamenu .dropdown-menu .megamenu-footer {
    float: left;
    margin-top: 20px;
    width: 100%
}

.ves-megamenu .megamenu-widget .owl-item .product-item {
    width: 100%!important
}

.ves-megamenu .megamenu-widget .product-item {
    text-align: center
}

.ves-megamenu .product-item .product-item-actions {
    margin: 0
}

.new-icon {
    background: #d52462;
    color: #fff;
    text-transform: uppercase;
    padding: 0 4px
}

.ves-megamenu .product-item .product-item-name {
    font-weight: 700
}

.feature-box-v3 .fa:before {
    font-size: 30px
}

.ves-megamenu .product-image-container {
    max-width: 180px
}

.ves-megamenu li {
    list-style: none;
    margin: 0
}

.ves-menu>.block-title {
    margin: 0;
    text-align: center;
    padding: 10px;
    background: #333;
    color: #fff;
    text-transform: uppercase
}

.ves-menu .navigation .level0 .submenu {
    background: 0 0;
    padding: 0;
}

.ves-menu .submenu .products-grid .product-item-photo {
    padding: 0;
    float: left;
    width: 100%;
    text-align: center
}

.ves-menu .level0 .submenu .products-grid a {
    padding: 0
}

.navigation .level0 .submenu .products-grid a:hover {
    background: 0 0
}

.ves-megamenu .level0 .products-grid .product-item .product-item-actions {
    margin: 10px 0 10px
}

.ves-megamenu .level0 .products-grid .product-item .product-item-name {
    font-weight: 400
}

.ves-megamenu .icon {
    position: absolute;
    right: 10px;
    color: #fff;
    z-index: 999
}

.ves-megamenu .submenu .megamenu-sidebar.left-sidebar a,
.ves-megamenu .submenu .megamenu-sidebar.right-sidebar a {
    padding: 0
}

.ves-megamenu .level0 .submenu {
    z-index: 99
}

.ves-menu.navigation>ul {
    background: #f0f0f0;
    padding: 0
}

.ves-menu.navigation {
    position: static
}

.navigation .ves-megamenu .level1 .submenu {
    background: 0 0;
    z-index: 999
}

@media (min-width:768px) and (max-width:992px) {
    .ves-menu .dynamic-content,
    .ves-menu .dynamic-items {
        display: block!important
    }
}

@media only screen and (min-width:1200px) {
    .ves-megamenu.menu-hover .nav-item:hover>.submenu {
        display: block
    }
    .ves-menu .ves-megamenu {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }
    .navigation .ves-megamenu .level0 {
        margin: 0
    }
    .navigation .ves-megamenu .level0>a .caret::after {
        content: "\f107";
        font-family: fontawesome;
        padding-left: 15px
    }
    .navigation .ves-megamenu .level0 .submenu a {
        padding: 14px 20px;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 13px;
        letter-spacing: .5px;
        color: #fff;
        display: flex;
        align-items: center;
    }
    .navigation .ves-megamenu .level0 .submenu a img{
        margin-right: 10px;
    }
    .navigation .ves-megamenu .level0 .submenu a:hover,
    .navigation .ves-megamenu .level0 .submenu .active a     {
        background: 0 0;
        color: #352f2d;
        background-image: url(../images/backmenu.png);
        background-repeat: no-repeat;
        background-size: cover;
        border: 0;
    }
    .navigation .ves-megamenu .level0 .submenu .submenu a:hover {
        background: 0 0;
        color: #fff;
        background-image: url(../images/orangebg.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 14px 20px
    }
    .navigation .ves-megamenu .level0>.submenu .megamenu-content .mega-col {
        background: #616642;
        padding: 30px 0 25px 15px
    }
    .navigation .ves-megamenu .level0>.submenu .submenu .megamenu-content .mega-col {
        background: 0 0;
        padding: 0 20px 0 0
    }
    .navigation .ves-megamenu .level1.custom-pro-link {
        margin-top: 30px
    }
    .navigation .ves-megamenu .level1.custom-pro-link a {
        font-size: 14px;
        line-height: 28px;
        letter-spacing: .4375px;
        font-weight: 500
    }
    .navigation .ves-megamenu .level0 .submenu {
        min-width: 500px
    }
    .navigation .ves-megamenu .level1.custom-pro-link a span {
        background: url(../images/Arrow.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 30px;
        transition: all ease .4s
    }
    .navigation .ves-megamenu .level0 .submenu::before {
        display: none
    }
    .navigation .ves-megamenu .level1.custom-pro-link a:hover {
        background: 0 0;
        color: #fff;
        background-image: none
    }
    .navigation .ves-megamenu .level1.custom-pro-link a:hover span {
        padding-right: 40px
    }
    .ves-megamenu .nav-item>a {
        padding: 0
    }
    .ves-megamenu .mega-col {
        float: left
    }
    .ves-column1>.item-content1>.mega-col {
        width: 100%
    }
    .ves-column2>.item-content1>.mega-col {
        width: 50%
    }
    .ves-column3>.item-content1>.mega-col {
        width: 33.3333%
    }
    .ves-column4>.item-content1>.mega-col {
        width: 25%
    }
    .ves-column5>.item-content1>.mega-col {
        width: 20%
    }
    .ves-column6>.item-content1>.mega-col {
        width: 16.6666%
    }
    .ves-column7>.item-content1>.mega-col {
        width: 14.2857%
    }
    .ves-column8>.item-content1>.mega-col {
        width: 12.5%
    }
    .ves-column9>.item-content1>.mega-col {
        width: 11.1111%
    }
    .ves-column10>.item-content1>.mega-col {
        width: 10%
    }
    .ves-column11>.item-content1>.mega-col {
        width: 9.0909%
    }
    .ves-column12>.item-content1>.mega-col {
        width: 8.3333%
    }
    .ves-menu .navigation .level0>.submenu {
        border: 0;
        box-shadow: none
    }
    .navigation .ves-megamenu .level0 .submenu .submenu-right .submenu {
        left: auto!important;
        right: 80%!important;
        background: red
    }
    .ves-megamenu .dynamic-content>.nav-item>.content-wrap {
        float: left;
        width: 100%
    }
    .sections.nav-sections {
        width: 100%
    }
    .ves-megamenu .level0 .megamenu-widget>.carousel>.products-grid .product-item {
        width: 100%
    }
    .ves-megamenu .level0 .megamenu-widget>.carousel>.carousel-inner>.item {
        padding-left: 10px
    }
    .navigation .ves-megamenu .level0 .submenu .dynamic-items li,
    .ves-megamenu .level0 .submenu .dynamic-items li {
        float: left;
        width: 100%
    }
    .ves-megamenu .level0 .submenu .dynamic-items>ul>li>a {
        padding: 10px 0!important;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        text-indent: 10px;
        float: left;
        width: 100%;
        position: relative;
        margin: 0
    }
    .ves-megamenu .level0 .submenu .dynamic-items>ul>li>a:hover {
        background: #fff
    }
    .ves-megamenu .level0 .submenu .dynamic-items li a:hover {
        border-right-color: #fff
    }
    .navigation .ves-megamenu .submenu .feature-box a {
        padding: 0
    }
    .megamenu-title {
        display: none
    }
    .ves-megamenu .opener {
        display: none
    }
    .ves-megamenu .level0 .submenu {
        min-width: 230px
    }
    .ves-megamenu .level0 .submenu .dynamic-items ul {
        padding: 0;
        float: left;
        width: 100%;
        display: block!important
    }
    .navigation .ves-megamenu .level0 .submenu .submenu {
        padding: 0;
        width: 100%
    }
    .navigation .ves-megamenu .level0 .level2 .submenu .submenu {
        padding-left: 15px
    }
    .ves-megamenu .product-item a {
        display: inline-block!important
    }
    .navigation .ves-megamenu .level0 .submenu .submenu {
        left: 100%!important;
        background: 0 0;
        box-shadow: none;
        padding-left: 60px;
        padding-top: 40px
    }
    .ves-megamenu .level0 .submenu .submenu {
        border: 0;
        left: 100%!important;
        float: left
    }
    .ves-megamenu .level0 .submenu .submenu a {
        font-size: 12px;
        line-height: 11px;
        letter-spacing: .5px;
        color: #352f2d;
        padding: 14px 0
    }
    .ves-megamenu .level0 {
        float: none
    }
    .nav-sections-item-content .ves-menu {
        display: block
    }
    .ves-megamenu.menu-hover li .dropdown-menu {
        position: absolute
    }
    .level0 .submenu a:hover {
        background: 0 0
    }
    .ves-megamenu .level0 .submenu a {
        padding: 0
    }
    .ves-megamenu .level0 .nav-item>a {
        padding: 0 20px;
        line-height: 45px
    }
    .level0 .submenu {
        min-width: auto
    }
    .level0 .submenu {
        position: static
    }
    .ves-megamenu {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0
    }
    .ves-megamenu.menu-hover .nav-item:hover>.dropdown-menu {
        display: block;
        min-height: 380px;
    }
    .ves-megamenu a:hover {
        text-decoration: none
    }
    .ves-megamenu.menu-hover .dropdown:hover>.dropdown-menu {
        display: block;
        z-index: 99
    }
    .dynamic-items li.dynamic-active,
    .dynamic-items li:hover {
        border-right: transparent
    }
    .ves-megamenu .level0 .submenu .dynamic-items>ul>li.dynamic-active>a {
        border-right-color: transparent
    }
    .dynamic-items li.dynamic-active .caret,
    .dynamic-items li:hover .caret,
    .ves-megamenu .dropdown-menu {
        display: none
    }
    .ves-megamenu .level0>.dropdown-mega {
        width: 100%;
        display: block;
        top: 100%
    }
    .ves-megamenu .dropdown-menu {
        padding: 20px
    }
    .ves-megamenu.menu-click .dropdown-menu .content-wrap .megamenu-content,
    .ves-megamenu.menu-click .dropdown-menu .content-wrap .megamenu-sidebar,
    .ves-megamenu.menu-click .dropdown-menu .megamenu-footer,
    .ves-megamenu.menu-click .dropdown-menu .megamenu-header,
    .ves-megamenu.menu-click .mega-col {
        float: left;
        width: 100%!important
    }
    .ves-megamenu.menu-click .level0 .dropdown-submenu .submenu,
    .ves-megamenu.menu-click .level0 .submenu {
        max-width: 100%;
        border-radius: 0;
        box-shadow: none;
        display: none;
        position: absolute
    }
    .ves-megamenu.menu-click img,
    .ves-megamenu.menu-click li {
        max-width: 100%
    }
    .ves-megamenu.menu-click .submenu {
        padding-left: 20px;
        display: none;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0
    }
    .ves-megamenu.menu-click .level0 .submenu {
        width: 100%
    }
    .ves-megamenu.menu-click .level0>.submenu {
        padding-right: 10px
    }
    .feature-box:hover .icons {
        background: #ef2840;
        color: #fff
    }
}

.navigation ul .level0:last-child {
    margin-right: 0
}

@media only screen and (max-width:1199px) {
    .ves-megamenu li.level0>a {
        font-size: 18px;
        padding: 15px 15px
    }
}

@media only screen and (max-width:1199px) {
    body .nav-sections .header.links li>a {
        border-top: 0;
        border-bottom: 1px solid #fff
    }
    body .nav-sections .header.links {
        border-bottom: 0
    }
    body .navigation {
        max-width: 100%;
        padding: 0
    }
    .ves-menu .carousel-inner .item {
        text-align: center
    }
    .ves-menu .product-items.owl-carousel {
        width: 100%!important;
        max-width: 100%
    }
    .ves-menu .level0 .submenu {
        width: 100%!important;
        position: relative
    }
    .ves-menu .navigation .level0>.submenu {
        width: 100%!important;
        display: none;
        background-color: transparent;
        padding-left: 15px
    }
    .ves-megamenu .submenu a {
        color: #fff;
        padding: 0 15px!important
    }
    .nav-sections .navigation a:hover {
        color: #fff
    }
    .ves-megamenu .submenu .nav-item.level1 {
        position: relative
    }
    .ves-megamenu .submenu .nav-item.level1:last-child {
        border-bottom: none
    }
    body .header.content .header-main-inner .sections.nav-sections .nav-sections-item-content .navigation .ves-megamenu .dropdown-menu .megamenu-header {
        display: none
    }
    .ves-megamenu .submenu .nav-item {
        border-bottom: 1px solid #fff;
        display: inline-block;
        width: 100%
    }
    .ves-megamenu .submenu .megamenu-content>.level2 {
        padding-left: 25px
    }
    .ves-megamenu .submenu .mega-col-level-2:last-child .nav-item:last-child {
        border-bottom: none
    }
    .ves-menu .block-title {
        display: none
    }
    .megamenu-title {
        display: block
    }
    .ves-nav-before-open {
        height: 100%;
        width: 100%
    }
    .ves-nav-before-open .page-wrapper {
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        transition: left .3s;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: relative
    }
    .ves-nav-before-open body {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%
    }
    .ves-navopen .page-wrapper {
        left: 80%;
        left: calc(100% - 54px)
    }
    .ves-navopen .nav-toggle:after {
        background: rgba(0, 0, 0, .01);
        content: '';
        display: block;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1
    }
    .ves-megamenu .level0 .submenu .submenu {
        background: 0 0;
        display: none
    }
    .ves-megamenu .products-widget .owl-nav a {
        padding: 5px 15px;
        width: auto;
        font-size: 20px
    }
    .ves-megamenu .products-widget .owl-nav {
        width: 80px
    }
    .ves-megamenu img {
        max-width: 100%
    }
    .ves-megamenu.nav-mobile .submenu {
        display: none
    }
    .nav-mobile .submenu {
        max-width: 100%!important
    }
    .nav-mobile .nav-item>a {
        padding: 0;
        width: 100%;
        float: left
    }
    .nav-mobile li a {
        width: 100%;
        width: auto
    }
    .nav-mobile .caret {
        display: none
    }
    .nav-mobile {
        float: left
    }
    .nav-mobile li {
        float: left;
        position: relative!important;
        border-bottom: 1px solid #e5e5e5
    }
    .nav-mobile .nav-item {
        width: 100%!important;
        position: relative!important
    }
    .submenu.dropdown-menu {
        position: relative;
        padding: 0;
        border-radius: 0;
        box-shadow: none
    }
    .nav-mobile .submenu {
        border: 0;
        padding: 0;
        transition: left .3s ease-out;
        width: 100%;
        background: #f8f8f8
    }
    .nav-mobile .dropdown-menu .content-wrap .megamenu-content,
    .nav-mobile .dropdown-menu .content-wrap .megamenu-sidebar,
    .nav-mobile .dropdown-menu .megamenu-footer,
    .nav-mobile .dropdown-menu .megamenu-header {
        float: left;
        width: 100%!important
    }
    .ves-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 80;
        top: 0;
        background: rgba(0, 0, 0, .701961);
        left: 0
    }
    .ves-megamenu .opener.item-active {
        background: 0 0
    }
    .nav-mobile .megamenu-title {
        padding-left: 20px;
        padding-bottom: 20px;
        font-size: 20px
    }
    .nav-mobile li a {
        width: auto
    }
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 0
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner .item:first-child {
    padding-top: 10px
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1
}

@media screen and (max-width:991px) {
    .ves-megamenu .submenu .nav-item:last-child {
        border: none
    }
}

@media screen and (max-width:767px) {
    .ves-megamenu .submenu a {
        color: #fff;
        font-size: 15px;
        display: flex;
        align-items: center;
        border: none !important;
        color: #fff !important;
    }
    .ves-megamenu .submenu a img{
        margin-right: 10px;
    }
    .ves-megamenu .submenu .megamenu-content>.level2 {
        padding-left: 15px
    }
    .nav-sections-item-title {
        height: 55px;
        padding: 14px
    }
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x
}

.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.ves-megamenu .submenu .carousel-control.left,
.ves-megamenu .submenu .carousel-control.right {
    border: 1px solid rgba(0, 0, 0, .1);
    text-shadow: none;
    top: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding: 12px;
    position: absolute;
    background: #f5f5f5;
    color: #333;
    opacity: 1;
    transition: opacity .3s ease-in-out, background-color .3s ease-in-out, background-position .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, background-position .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, background-position .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, background-color .3s ease-in-out, background-position .3s ease-in-out;
    line-height: 1.5em
}

.ves-megamenu .submenu .carousel-control.left:before,
.ves-megamenu .submenu .carousel-control.right:before {
    top: 0;
    position: absolute
}

.carousel-control.left:hover,
.carousel-control.right:hover {
    background: #ee2f2f;
    color: #fff
}

.ves-megamenu .submenu .carousel-control.left:hover,
.ves-megamenu .submenu .carousel-control.right:hover {
    background-color: #000;
    color: #fff
}

.ves-megamenu .submenu .carousel-control.left:hover:before,
.ves-megamenu .submenu .carousel-control.right:hover:before {
    color: #fff
}

html.nav-before-open {
    overflow: hidden
}

.ves-megamenu * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:1199px) {
    .view-submenu.submenu,
    .view-submenu.ves-megamenu {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .hide-submenu {
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 100%;
        cursor: pointer;
        background-color: #313131;
        -webkit-transition: background-color .25s ease-out;
        transition: background-color .25s ease-out
    }
    .view-submenu .hide-submenu {
        background-color: #3e3e3e;
        z-index: 9999
    }
    .hide-submenu::before {
        border-bottom: 2px solid #ededed;
        border-right: 2px solid #ededed;
        bottom: 0;
        content: "";
        cursor: pointer;
        font-size: 0;
        height: 6px;
        left: 0;
        margin: auto;
        opacity: 0;
        padding: 4px;
        position: absolute;
        right: -6px;
        top: 0;
        transform: rotate(135deg);
        transition: opacity .1s ease-out 0s;
        width: 6px
    }
    .view-submenu .hide-submenu::before {
        opacity: 1;
        transition: opacity .15s ease-out .3s
    }
}

.ves-megamenu .nav-item>.submenu-active {
    display: block!important
}

@media only screen and (max-width:1199px) {
    .view-submenu.ves-megamenu {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (min-width:1200px) {
    .nav-item.submenu-left.dropdown-submenu {
        position: initial
    }
    .ves-megamenu .submenu .level1.nav-dropdown {
        position: relative
    }
}