::selection { background: #4aad02; }
.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content,
#primary-menu ul ul, #primary-menu ul li .mega-menu-content {
    border-top-color: #4aad02;
}
.button.button-3d { background-color: rgba(167, 26, 22, 0.1); }
.button.button-3d:hover, .button.button-3d:focus { background-color: rgba(74, 173, 2, 0.5) !important; }
.portfolio-desc h3 a:hover, .portfolio-overlay a:hover, a, #primary-menu ul ul li:hover > a, h1 > span:not(.nocolor), h2 > span:not(.nocolor),
h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor), #primary-menu > ul > li:hover a, 
#primary-menu > ul > li.current a { color: #4aad02; }
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover > a, 
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current > a, 
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover > a, 
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current > a,
.tagcloud a:hover {
    color: #4aad02 !important;
}
.tagcloud a:hover { border-color: #4aad02 !important; }
#gotoTop:hover, .owl-theme .owl-dots .owl-dot span { background-color: #4aad02; }
.section {
    margin-top: 0px !important;
    padding: 10px 0px;
}
#primary-menu ul ul li:hover > a { color: #4aad02 !important; }
.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, .more-link {
    border-bottom-color: #4aad02;
}
.si-share span { float: right; }
#page-title { padding: 20px 0px; }
.portfolio-single-image iframe { height: 420px; width: 100%; }
.content-wrap { padding: 40px 0px; }
.widget [role=form] { margin-bottom: 0px; }
.sidebar-widgets-wrap .widget { padding-top: 20px; }
.widget { margin-top: 20px; }
#portfolio_pager { float: right; }
#portfolio_sort { float: left; }
#portfolio_pager, #portfolio_sort {
    position: relative;
    margin: 0 0 40px 0;
    list-style: none;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 4px;
}
#portfolio_pager li, #portfolio_sort li {
    position: relative; 
    float: left;
}
#portfolio_pager li { float: right; }
#portfolio_pager a, #portfolio_sort a {
    display: block;
    position: relative;
    padding: 8px 18px;
    font-size: 13px;
    line-height: 15px;
    color: #666;
    border-right: 1px solid rgba(0,0,0,0.07);
}
#portfolio_pager li:first-child a, #portfolio_sort li:last-child a {
    border-right: none;
    border-radius: 0 4px 4px 0;
}
#portfolio_pager li:last-child a, #portfolio_sort li:first-child a {
    border-radius: 4px 0 0 4px;
}
#portfolio_pager li.activeFilter a, #portfolio_sort li.activeFilter a {
    font-weight: bold;
    color: #fff !important;
    background-color: #4aad02;
    margin: -1px 0px;
    padding: 9px 18px;
}
#portfolio_pager li a:hover, #portfolio_sort li a:hover { color: #4aad02; }
#btnInlineSearchClear { border-radius: 0px; }
#google-map { height: 300px; }
label, #top-search [role=form] input { font-family: 'Droid Arabic Naskh'; }
.form-control-container { position: relative; }
[data-valtarget] {
    position: absolute;
    top: 0px;
    left: 10px;
    color: red;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
[data-valtarget].in {
    opacity: 1;
    top: 40px;
    visibility: visible;
}
.button-red { background-color: #4aad02 !important; }
.egvGrid, .egvGrid tr, .egvGrid td { border: none; }
.egvGrid { width: 100%; }
.egvHeader { display: none; }
.entry { display: block; }
.egvPager span, .egvPager a {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0px 5px;
    font-size: 18px;
}
.egvPager span {
    font-weight: bold;
    border: 1px solid #f5f5f5;
}
.egvPager a {
    color: #4aad02;
    background-color: #f5f5f5;
    border: 1px solid #4aad02;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.egvPager span, .egvPager a:hover {
    color: #fff;
    background-color: #4aad02;
    border-color: #f5f5f5;
}
#logo img {
    height: 60px;
    margin: 20px 0px;
}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo img { margin: auto; }
#header-wrap { background-color: #4aad02 !important; }
.transparent-header #header-wrap { background-color: rgba(73, 172, 1, 0.35) !important; }
.sticky-header #header-wrap { background-color: #4aad02 !important; }
#header-wrap #primary-menu ul li a { color: #fff; }
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current > a,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li > a:hover,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover > a { color: #000 !important; }
.video-section { height: 560px; }
.center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after { margin-top: 10px; }
.video-overlay, .video-placeholder {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.25) !important;
}
.ingredients p, .custom-content p { margin-bottom: 0px; }
.ingredients ul, .custom-content ul {
    margin: 1em 0px;
    padding-right: 40px;
    list-style-type: disc;
    display: block;
}
.custom-image {
    float: left;
    width: 400px;
    margin-right: 2em;
    margin-bottom: 1em;
}
.custom-content { font-size: 14px; }
.custom-content h1, .custom-content h2, .custom-content h3 {
	display: block;
    background: transparent;
    padding: 0 0 10px;
    border-bottom: 2px solid #4aad02;
	font-weight: 600 !important;
	margin: 0px;
	margin-bottom: 30px;
}
.custom-content h1 { font-size: 26px; }
.custom-content h2 { font-size: 24px; }
.custom-content h3 { font-size: 22px; }
.custom-content h4 { font-size: 20px; }
.custom-content h5 { font-size: 18px; }
.custom-content h6 { font-size: 16px; }
.line, .double-line { margin: 40px 0px 30px; }

/*Fonts*/
#primary-menu ul li a { font-size: 16px; }
#page-title.page-title-parallax .breadcrumb { font-size: 16px; }
.heading-block h4 { font-size: 24px; }
.heading-block ~ p:not(.lead) { font-size: 18px; }
body { font-size: 18px; }

@media (max-width: 800px) {
    .section { padding: 20px 0px; }
    .portfolio-full .portfolio-item { width: 50%; }
    .portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: 0px; }
    .portfolio-meta li span { width: 80px; }
}
@media (max-width: 767px) {
    #slider:not(.swiper_wrapper) .slider-caption, .slider-caption .button, 
    body.device-touch.device-xxs .portfolio-notitle .portfolio-desc { display: block !important; }
    body.device-touch.device-xxs .portfolio-notitle .portfolio-desc { position: static; }
    .slider-caption h2 { font-size: 30px; }
    #portfolio_pager li a, #portfolio_sort li a { font-size: 10px; }
    .custom-image { width: 200px; }
	.css3-spinner { display: none !important; }
}
@media (max-width: 480px) {
    .portfolio-desc h3 { font-size: 12px; }
    .portfolio-desc span { font-size: 10px; }
    .custom-image {
        float: none;
        width: 100%;
        margin-right: 0px;
    }
}