/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#mega-menu-wrap {

    width: 100%;

    background: #e3411f;

    position: relative

}

#mega-menu-title {

    padding: 10px 0 10px 15px;

    font-size: 15px;

    font-family: "Roboto Condensed", sans-serif;

    font-weight: 700;

    color: #fff;

    cursor: pointer

}

#mega-menu-title i {

    margin-right: 9px

}

#mega_menu {

    position: absolute;

    top: 100%;

    margin-top: 10px;

    left: 0;

    width: 100%;

    border: 1px solid #ddd;

    padding: 0;

    background: #fff;

    display: none

}

#mega_menu > li {

    position: relative;

    z-index: 8

}

#mega_menu > li > a > span.icon {

    width: 27px;

    display: inline-block;

    position: relative;

    top: -2px;

    margin-bottom: -2px;

    margin-left: -5px

}

#mega_menu > li > a img {

    max-height: 25px;

    max-width: 100%

}

#mega_menu li a {

    padding: 7px 15px;

    display: block;

    font-size: 15px;

    font-weight: bold

}

#mega_menu ul.sub-menu li a {

    padding-bottom: 8px

}

#mega_menu > li.has-child > a:after {

    content: "\f105";

    font-family: FontAwesome;

    float: right

}

#mega_menu li > .toggle {

    display: none

}

#mega_menu li:hover {

    background: #f5f5f5

}

#mega_menu > li > ul.sub-menu {

    position: absolute;

    top: 0px;

    left: 100%;

    background: #fff;

    width: 209%;

    margin: 0 0 0 1px;

    padding: 0 0px 0 0

}

#mega_menu > li > .menu-image {

    position: absolute;

    left: 100%;

    top: -1px;

    display: none;

    width: 210%;

    background: #fff;

    text-align: right;

    border: solid 1px #ccc;

    box-shadow: 0 6px 12px rgba(0,0,0,0.175)

}

#mega_menu > li > .menu-image > img { position: relative; z-index: 1 }

#mega_menu > li:hover > ul.sub-menu, #mega_menu > li:hover > .menu-image {

    display: block

}

#mega_menu > li:hover > ul.sub-menu:before {

    content: "";

    background: transparent;

    position: absolute;

    top: -1px;

    bottom: 0;

    width: 15px;

    left: -15px

}

#mega_menu ul.sub-menu > li {

    position: relative;

}

#mega_menu ul.sub-menu > li > .menu-image {

    position: absolute;

    top: 0; right: 0;

    width: 50%;

    text-align: right;

    display: none;

    z-index: 2;

}

#mega_menu ul.sub-menu > li:hover > .menu-image {

    display: block;

}



#header.header.has-sticky .header-wrapper.stuck #mega_menu {

    margin-top: 0

}

#header.header.has-sticky .header-wrapper.stuck #mega_menu:not(.active) {

    display: none

}

#header.header #mega_menu.active {

    display: block

}

#header-contact>li>a { padding-bottom: 9px }



.vi-header {

    border-bottom: solid 1px #77674d;

}

.vi-left-title {

    width: auto;

    background: #77674d;

    color: #fff;

    padding: 3px 10px;

    font-size: 18px;

    position: relative;

    margin: 0

}

.vi-left-title a { color: #fff }

.vi-left-title a:hover { color: #ff6600; }

.vi-left-title:after {

    border: 17px solid transparent;

    border-left-color: #77674d;

    border-bottom-color: #77674d;

    position: absolute;

    top: 0;

    left: 100%;

    content: ""

}

.vi-right-link a {

    color: #555;

    font-size: 14px;

    margin-left: 15px

}

.vi-right-link a:first-child {

    margin-left: 0

}

.vi-right-link a.vi-more, .vi-right-link a:hover {

    color: #0056a8

}

.vi-right-link a.vi-more:after {

    content: "\f101";

    font-family: FontAwesome;

    margin-left: 4px

}

.product .product-title {
	min-height: 40px;
    font-size: 15px

}

.box, .box-image, .box-text {
box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
min-height: 157px;
}
.box-text {
padding: 7px;
}
.text-center .button:first-of-type {

    border-color: #ef4896;
    background: #ef4896;
    color: white;
    border-radius: 28px;
    text-transform: none !important;
    font-family: arial;
    font-size: 12px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}