/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates


New Orange: ffb400;
Darker Orange: ff8600;
    
-----------------------------------------------------------------*/

            .mini-dc-frame {
                height: 200px;      /* equals max image height */
                width: 265px;
                white-space: nowrap;
/*                text-align: center; */
                margin: 1em 0;
            }

            .helper {
                display: inline-block;
                height: 100%;
                vertical-align: middle;
            }

            #resultDiv img {
                vertical-align: middle;
                max-height: 200px;
                max-width: 265px;
            }


.dark .button-dark:hover {
    background-color: #ff8600;
}

h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {
    color: #ffb400;
}

.fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 {
    border-bottom: 2px solid #ffb400;
}

.feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img {
    color: #ffb400;
}

.bgcolor {
    background-color: #ff8600 !important;
}

.owl-carousel .owl-dots .owl-dot {
	background-color: #ff8600;

}

#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
	border-top: 2px solid #ffb400;
}

#primary-menu ul ul li:hover > a {
    background-color: #F9F9F9;
    padding-left: 18px;
    color: #ff8600;
}