/* ======================
    Backgrounds
   ====================== */

body {
    background-color: rgb(,,);background-color: rgba(,,,1);}

#header-top {
    background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}

#header {
    background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}

#page-title {
    background-color: rgb(143,173,73);background-color: rgba(143,173,73,1);}

#footer {
    background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}

#content , #breadcrumbs{
    background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}

#bottom-widgets{
    background-color: rgb(236,236,239);background-color: rgba(236,236,239,1);    border-top: 3px solid #8fad49;
}

#header-top{
    border-bottom: 3px solid #8fad49;
}

    .special-h-tag, ul.tabs li.ui-tabs-active, .separator.style-2:after {
         background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);    }



/* ======================
    Typography
   ====================== */

body{
    font: normal normal 16px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #555555;
  line-height: 23px;
  text-transform: none;}

#header-top{
  color: #707070; 
}   


h1{
     font: normal 700 32px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 48px;
  text-transform: none;}

h2{
    font: normal normal 28px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 42px;
  text-transform: none;}
h3{
    font: normal 300 28px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 36px;
  text-transform: none;}
h4{
    font: normal 700 18px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 27px;
  text-transform: none;}

h5{
    font: normal 800 16px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 24px;
  text-transform: none;}
h6{
    font: normal 800 14px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 21px;
  text-transform: none;}
.post-title a, .fn a, .post-title a:visited{
  color: #707070; 
}
#navigation{
    font: normal 700 16px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #555555;
  line-height: 56px;
  text-transform: uppercase;}
#footer{
    font: normal normal 14px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 13px;
  text-transform: none;}

#page-title h1{
    font: normal normal 26px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #ffffff;
  line-height: 40px;
  text-transform: none;}

#bottom-widgets{
    font: normal normal 14px "Ubuntu","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 20px;
  text-transform: none;}
.sidebar-widgets{
	font: normal normal 14px "Merriweather Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
  color: #707070;
  line-height: 20px;
  text-transform: none;}

.ui-accordion .font-icon, ul.tabs li h6 { font-size: 16px !important; }

.breadcrumbs a, .breadcrumbs a:visited { color: #555555 !important; } 

/* ======================
    Layout 
   ====================== */

#header-top{
    margin-bottom: 25px;
}   

#logo{
	margin-top: 25px;
	margin-bottom: 25px;
}

#navigation{
     line-height: 76px;
}

#page-title h1{
	margin-top: 20px;
	margin-bottom: 20px;
} 
.left-sidebar-page,.right-sidebar-page,.dual-sidebar-page, .no-sidebar-page .be-section:first-child, .page-template-page-940-php #content {
    padding-top: 50px;
}  
.left-sidebar-page .be-section:first-child, .right-sidebar-page .be-section:first-child, .dual-sidebar-page .be-section:first-child {
    padding-top:0 !important;
}


/* ======================
    Colors 
   ====================== */



.sec-bg,
.tagcloud a,
input[type="text"],
input[type="email"], 
input[type="password"],
.pages_list a,
blockquote,
textarea,
th, 
.photostream ul li a img,
.post-tags a {
    background: #f9f9f9;
}


.sec-color,
.tagcloud a,
input[type="text"],
input[type="email"], 
input[type="password"],
.pages_list a,
blockquote,
.pagination a:visited,
textarea ,
th,
.post-tags a {
    color: #707070;
}

.sec-border,
.tagcloud a,
input[type="text"],
input[type="email"], 
input[type="password"],
blockquote,
textarea,
table ,
.post-tags a{
    border: 1px solid #eeeeee;
}

.sec-border-bottom{
    border-bottom: 1px solid #eeeeee;
}

#bottom-widgets .sec-bg, .tagcloud a,.photostream ul li a img, blockquote {
  background: #f9f9f9;
}
#bottom-widgets .sec-color, .tagcloud a, blockquote {
  color: #707070;
}
#bottom-widgets .sec-border ,.tagcloud a,.photostream ul li a img, blockquote {
  border: 1px solid #eeeeee;
}
#bottom-widgets .sec-title-color {
  color: #333333;
}
#bottom-widgets h5 {
  color: #555555;
}

.alt-color,
li.ui-tabs-active h6 a,
#navigation.style1 a:hover,
#navigation.style1 .current-menu-item > a,
#navigation.style1 .current-menu-ancestor > a,
a,
a:visited,
.social_media_icons a:hover,
.post-title a:hover,
.fn a:hover,
.pricing-table .price,
a.team_icons:hover,
.portfolio.one-col .portfolio-title a:hover {
    color: #8fad49;
}

.ui-accordion-header-active a {
	color: #8fad49 !important;
}

.alt-bg,
input[type="submit"],
.tagcloud a:hover,
.pagination a:hover,
.post-tags a:hover,
#navigation.style2 ul li a:hover,
#navigation.style2 .current-menu-item > a,
#navigation.style2 .current-menu-ancestor > a {
    background-color: #8fad49;
    transition: 0.2s linear all;
}
.three-col .be-hoverlay .element-inner .portfolio-title.hover,
.four-col .be-hoverlay .element-inner .portfolio-title.hover,
.two-col .be-hoverlay .element-inner .portfolio-title.hover,
.fullscreen-col .be-hoverlay .element-inner .portfolio-title.hover,
.related-items .be-hoverlay .element-inner .portfolio-title.hover {
	background-color: #8fad49;
}
.alt-bg-text-color,
input[type="submit"],
.tagcloud a:hover,
.pagination a:hover,
.post-tags a:hover,
#navigation.style2 .current-menu-item > a,
#navigation.style2 .current-menu-ancestor > a {
    color: #ffffff !important;
    transition: 0.2s linear all;
}
.three-col .be-hoverlay .element-inner .portfolio-title a.hover,
.two-col .be-hoverlay .element-innerover .portfolio-title a.hover,
.four-col .be-hoverlay .element-inner .portfolio-title a.hover,
.fullscreen-col .be-hoverlay .element-inner .portfolio-title a.hover,
.related-items .be-hoverlay .element-inner .portfolio-title a.hover {
	color: #ffffff !important;
}

.thumb-icons a {
	background-color: #8fad49;
	transition: 0.2s linear all;
}
.thumb-icons a {
	color: #ffffff;
	transition: 0.2s linear all;
}
.thumb-icons a:hover{
	color: #8fad49;
}
.thumb-icons a:hover {
	background-color: #ffffff;
}
.overlay-thumb-icons a,.overlay-thumb-title a,.overlay-thumb-title span {
	color: #ffffff;
}

.filters span, .project_navigation{
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
}

.filters .current_choice{
   border-top:1px solid #8fad49;
   border-bottom:1px solid #8fad49;
   color:#8fad49;   
}

.sec-title-color,
th ,
a.team_icons ,
.portfolio-title a{
    color:#333333;
}
.be-shadow, .photostream ul li a img{
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.ui-accordion-header:first-child {
     border-top: 1px solid #eeeeee !important;
}

#navigation.style1 ul li a{
    border-left: 1px solid #333333;
}

.sidebar-navigation .current_page_item {
    border-right: 3px solid #8fad49;
    background: #ffffff ;
}

.post-meta, .post-meta a{
    color: #999999;
}

blockquote{
    border-left:2px solid #8fad49;
}

pre {
    background-image: -webkit-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f9f9f9 24px, #f9f9f9 56px);
    background-image: -moz-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f9f9f9 24px, #f9f9f9 56px);
    background-image: -ms-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f9f9f9 24px, #f9f9f9 56px);
    background-image: -o-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f9f9f9 24px, #f9f9f9 56px);
    background-image: repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f9f9f9 24px, #f9f9f9 56px);
    display: block;
    line-height: 28px;
    margin-bottom: 50px;
    overflow: auto;
    padding: 0px 10px;
    border:1px solid #eeeeee;
}

.separator, .special-heading hr {
  border-color: #bbbbbb ;
  color: #bbbbbb ;
}

/*  Optiopn Panel Css */