.oxygen {font-family: 'Oxygen';} 
#brand img {height: 110px; }
#brand #pageslogan {color: rgb(41, 35, 35); }
.pricing_heading {background: rgb(129, 215, 66); }
.pricing_heading h3, .pricing_heading h4 {color: rgb(255, 255, 255); }
body {background-color: rgb(255, 255, 255); }
body {font-size: 19px; }
body {color: rgb(41, 35, 35); }
a {color: rgb(41, 35, 35); }
h1, h1 a, a h1 {font-size: 36px; }
h1, a h1, h1 a {color: #242424; }
h2, h2 a, a h2 {font-size: 32px; }
h2, a h2, h2 a {color: #242424; }
h3, h3 a, a h3 {font-size: 28px; }
h3, a h3, h3 a {color: #242424; }
h4, h4 a {font-size: 24px; }
h4, a h4, h4 a {color: #242424; }
h5, h5 a {font-size: 20px; }
h5, a h5, h5 a {color: #242424; }
h6, h6 a {font-size: 16px; }
h6, a h6, h6 a {color: #242424; }
#overheader {background-color: rgb(37, 164, 169); }
#overheader > div {padding-top: 13px; }
#overheader > div {padding-bottom: 13px; }
#overheader {color: rgb(255, 255, 255); }
#overheader {font-size: 14px; }
#overheader {text-align: center; }
.header_add_content {color: rgb(37, 164, 169); }
#headline {background-color: rgb(255, 255, 255); }
header #menu, body.has_slider header #menu:hover {background: rgb(37, 164, 169); }
header ul#menu > li > a, header ul#menu > li > i {font-size: 14px; }
header .main-menu a {color: #ffffff; }
header#headline.logo-blocked-left #navleft  {text-align: center; }
header #menu > li:hover  > a {color: rgb(255, 255, 255); }
header #menu > li:hover  {background-color: rgb(37, 164, 169); }
ul#menu ul.sub-menu  a {font-size: 13px; }
header .main-menu ul.sub-menu li a, header .main-menu ul.sub-menu li, ul#responsive_menu li a {color: rgb(253, 253, 253); }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li  {border-color: #6cbf31 !important; }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li  {border-bottom: 1px solid; }
header #menu ul.sub-menu li, .seven_mega_menu ul.menu li {background-color: #72bf3b; }
.mean-container .mean-bar, .mean-container .mean-nav {background-color: rgb(25, 25, 25); }
.mean-container .mean-bar, .mean-container .mean-bar:after, .mean-bar a, .mean-container a.meanmenu-reveal, .mean-container .mean-nav ul li a  {color: rgb(255, 255, 255); }
.mean-container .mean-bar:after {content: Menu; }
#head_line {background-color: #000000; }
#head_line > div {padding-top: 40px; }
#head_line > div {padding-bottom: 40px; }
#head_line h1 {font-size: 40px; }
#head_line h1 {color: #ffffff; }
#head_line h2 {font-size: 35px; }
#head_line h2 {color: rgb(136, 136, 136); }
.mainsection {background-color: #f5f5f5; }
#footer, #footer_gradient {background-color: rgb(37, 164, 169); }
.footer-inner {padding-top: 50px; }
.footer-inner {padding-bottom: 20px; }
#footer {color: #ffffff; }
#secondfooter {background-color: rgb(33, 119, 123); }
#secondfooter {color: rgb(255, 255, 255); }
#secondfooter {text-align: center; }
a.social_media.social_icon {background-color: #ad0000; }
a.social_media.social_icon {border-radius: 4px; }





 



/* BEGINN NON AUTO STYLES */

body  { background-color:rgb(255, 255, 255);    background-position:center center;background-attachment:fixed }
body {		background: rgb(255, 255, 255);
			background: -moz-linear-gradient(top, rgb(255, 255, 255) , rgb(216, 216, 216) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(,rgb(255, 255, 255)), color-stop(100%,rgb(216, 216, 216)));
			background: -webkit-linear-gradient(top, rgb(255, 255, 255) ,rgb(216, 216, 216) 100%);
			background: -o-linear-gradient(top, rgb(255, 255, 255) ,rgb(216, 216, 216) 100%);
			background: -ms-linear-gradient(top, rgb(255, 255, 255) ,rgb(216, 216, 216) 100%);
			background: linear-gradient(to bottom, rgb(255, 255, 255) ,rgb(216, 216, 216) 100%); 
			/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(255, 255, 255)', endColorstr='rgb(216, 216, 216)',GradientType=0 ); REMOVED DUE IE ERROR (IE IGNORE THE GRADIENT AND DISPLAYS A BLUE BACKGROUND INSTEAD, THANK YOU IE!!!) */
		}
#layout.block {box-shadow:0px 0px 80px  rgba(46, 46, 46, 0.51); -webkit-box-shadow:0px 0px 80px  rgba(46, 46, 46, 0.51); -moz-box-shadow:0px 0px 80px  rgba(46, 46, 46, 0.51); -o-box-shadow:0px 0px 80px  rgba(46, 46, 46, 0.51); }
.ui-tabs-nav li a, h3.toggle-trigger, h3.accordion-trigger, .accordion h3 { font-size:19px;}


body  { color:rgb(41, 35, 35); font-family: 'Oxygen'   ; font-weight: normal; font-size:19px;}
a  { color:rgb(41, 35, 35); }
a:hover { color:rgb(33, 119, 123);}
a:visited {}
h1, a h1, h1 a, .tagline, .h1 {font-family: 'Oxygen'   ; font-weight: normal;  font-size:36px;  color:#242424 ;  line-height:42px;}
h2, a h2, h2 a, .h2 {font-family: 'Oxygen'   ; font-weight: normal;  font-size:32px;  color:#242424 ;  line-height:38px;}
h3, a h3, h3 a, .h3 {font-family: 'Oxygen'   ; font-weight: normal;  font-size:28px;  color:#242424 ;  line-height:34px;}
h4, a h4, h4 a, .h4 {font-family: 'Oxygen'   ; font-weight: normal;  font-size:24px;  color:#242424 ;  line-height:30px;} 
h5, a h5, h5 a, .h5 {font-family: 'Oxygen'   ; font-weight: normal;  font-size:20px;  color:#242424 ;  line-height:26px;}
h6, a h6, h6 a, .h6 {font-family: 'Oxygen'   ; font-weight: normal;  font-size:16px;  color:#242424 ;  line-height:22px;}

#overheader {  background-color:rgb(37, 164, 169);    background-position:left top; color:rgb(255, 255, 255); }
#overheader {}

#head_line { background-color:#000000;    background-position:center center;; } 
#head_line h1, #head_line a h1, #head_line h1 a {  font-size:40px;  color:#ffffff ;  line-height:46px;}
#head_line h2, #head_line h2 a, #head_line a h2 {  font-size:35px;  color:rgb(136, 136, 136) ;  line-height:41px;}
 
#brand img { margin-top:20px; margin-bottom:20px;}
#pagename { margin-top:20px;}
#pageslogan { margin-bottom:20px;}

body.has_slider header #menu { background:rgb(37, 164, 169);}

#headline {  background-color:rgb(255, 255, 255);    background-position:left top; }
#headline {}


header .main-menu {  font-size:14px;}

header#headline.has_menu_description .main-menu > li > a > span { top:14px;}
header.logo-left .main-menu > li > a, #headline.logo-left #menu > li > i, header.logo-right .main-menu > li > a, #headline.logo-right #menu > li > i { padding-top:-7px;}
#headline.logo-left #menu > li > i, #headline.logo-right #menu > li > i { margin-top:-7px;}

header.main-menu  .current-menu-item, .main-menu .current-menu-parent, .current-page-ancestor {}
header .main-menu li, header .main-menu a,  ul#responsive_menu a, .main-menu a:visited {  color:#ffffff;   } 
 
header .main-menu li:hover, header .main-menu li:hover > a { color: rgb(255, 255, 255) ;}
header .main-menu ul.sub-menu a { font-size: 13px ; }
header .main-menu  ul.sub-menu li, ul#responsive_menu li { background-color:#72bf3b ;   line-height:20px;  }
.seven_mega_menu { background-color:#72bf3b ;  color:rgb(253, 253, 253) ;  } 
ul.sub-menu::before { border-bottom-color:#72bf3b;}
header .main-menu  ul.sub-menu li a, header .main-menu  ul.sub-menu li,  ul#responsive_menu li a { color:rgb(253, 253, 253) ;  }	

header .seven_mega_menu *, header .seven_mega_menu *:hover, header .seven_mega_menu li, header .main-menu li:hover .seven_mega_menu, header .main-menu li:hover .seven_mega_menu a, header .seven_mega_menu a,  header li:hover .seven_mega_menu li { color:rgb(253, 253, 253) ;  }
header .seven_mega_menu { font-size: 13px ; }

header .main-menu  ul.sub-menu li a:hover { }
header #menu > li:hover { background-color:rgb(37, 164, 169);}
header ul.sub-menu li:hover {}
.mean-container .mean-bar:after { content:'Menu';}
.mean-container a.meanmenu-reveal span  { background-color:rgb(255, 255, 255);}
  
#slideshow_header { background-color:rgb(255, 255, 255);    background-position:left top;; } 
#slideshow_header h2, #slideshow_header a h2, #slideshow_header  h2 a, #slideshow_header  .h2 {  font-size:50px;  color:rgb(255, 255, 255) ;  line-height:56px;}
#slideshow_header h3, #slideshow_header a h3, #slideshow_header  h3 a, #slideshow_header  .h3 {  font-size:20px;  color:rgb(253, 253, 253) ;  line-height:26px;}
#slideshow_header h2, #slideshow_header h3 { text-shadow: 2px 2px 0px  rgb(60, 56, 50); }
#slideshow_header h2 span, #slideshow_header h3 span { }


.mainsection   { background-color:#f5f5f5;    background-position:left top; }
.mainsection  {}

#content  { }
#content a  { }
#content a:hover {}
#content a:visited {}
#content h1, #content a h1, .tagline  {   }
#content h1 strong {}
#content h2, #content a h2 {   }

#content h3, #content a h3 {   }
#content h4, #content a h4 {   } 
#content h5, #content a h5 {   }
#content h6, #content a h6 {   }

 
#footer {  background-color: rgb(37, 164, 169) ;   background-position:center center; }
#footer_gradient { background-color: rgb(37, 164, 169) ;}
 

#footer /* , #footer p, #footer * */ { color:#ffffff; }
#footer a  { }
#footer a:hover {}
#footer a:visited {}
#footer h2, #footer a h2 {   }
#footer h3, #footer a h3 {   }
#footer h4, #footer a h4 {   } 
#footer h5, #footer a h5 {   }
#footer h6, #footer a h6 {   }
#footer h3.widget-title { color:rgb(255, 255, 255) !important;  }

#secondfooter {  background-color:rgb(33, 119, 123);    background-position:left top; color:rgb(255, 255, 255); }
#secondfooter  {}

#underfooter {}

.callout {}
.testimonial-lists-item-shortcode h5::before { border-left:12px solid transparent !important; }
.post-count-comments::after {} 
.toggle  h3.box { color:rgb(129, 215, 66) !important; }
.toggle .box, .toggle .box + div {  border-color:rgb(129, 215, 66) !important;}
.toggle  h3.color { color: #FFFFFF !important;}
.toggle .color  { background:rgb(129, 215, 66) !important; }
.toggle .color + div {   border-color:rgb(129, 215, 66) !important;}
.accordion   h3.box { color:rgb(129, 215, 66) !important;}
.accordion .box, .accordion .box + div {   border-color:rgb(129, 215, 66) !important; }
::selection { background-color: rgb(37, 164, 169) !important}
.nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide {}
.pricing_heading::after { border-top-color: rgb(129, 215, 66);}


a.biggerPhoto, .skillsprogress   {  background-color:rgb(129, 215, 66); color:#FFFFFF;} 
#filters a , .pagination a, .pagination span, .page-pagination span, .page-pagination a  {   color:rgb(129, 215, 66);} 

/* UI BG */
.cbp_tmtimeline > li .cbp_tmicon, a.biggerPhoto:before, .div_portfolio_entry .lrs i,  .sc_button.custom, .feature_box > div:first-child,  a.portfolio_entry_bigger_image, .portfolio-img a.biggerPhoto,   .nivo-header .nivo-controlNav a.active, .cycle-content-navs a.activeSlide, #ascrail2000 > div, .nivo-header .nivo-controlNav a:hover, .tagcloud a, .cycle-content-navs a:hover { background-color:rgb(129, 215, 66) !important; color:#FFFFFF !important;}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { background-color:rgb(129, 215, 66) !important; color:#FFFFFF !important;}
 
.woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.button, .button.alt, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover
{
	 background-color:rgb(129, 215, 66) !important; color:#FFFFFF !important; text-shadow:none !important;
}
.woocommerce-message:before { background-color:rgb(129, 215, 66) !important;}
.woocommerce-message { border-top: 3px solid rgb(129, 215, 66);}




.title_box .title_box_title, .title_box .title_box_title i {  background-color:rgb(129, 215, 66);  }
.title_box .title_box_title {  color:#FFFFFF;  }
.title_box_title, .title_box .title_box_title i  { background-color:#FFFFFF;}
.title_box_title, .title_box .title_box_title i  { color:rgb(129, 215, 66);}

 h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .tagline strong, [class*="icon-"], p.contact_widget + span {  color:rgb(129, 215, 66);  }
 
.callout { border-left: 4px solid rgb(129, 215, 66) ;}
 
  

#overheader .inner {padding: 0;}
#overheader {min-height: 40px;line-height: 40px;}
header .inner {max-width: 100%;}

.headerline, .headerline h1 {font-size: 2em; line-height: 110% !important;}
#brand {margin: auto;width: 1200px;}
div#navleft {background: #25A4A9;}
#mega-menu-wrap-main_menu_1 {max-width: 1200px;margin: auto !important;}
.sanihauslink, #sani #mega-menu-wrap-main_menu_1 .mega-menu-toggle  {background: #E00116 !important;}
.starth3 {min-height:85px}
#content ul li, #content ol li, header ul.main-menu li .seven_mega_menu ul li {line-height: 150%;}

textarea, input[type=text], input[type=password], input[type=email], select, input[type=radio], input[type=checkbox] {margin-bottom: 5px;}
.ds {font-size: 12px;line-height: 140%;}
img.esf {width: 60%;}
input[type=submit], input[type=reset], a.button, .portfolio-filter, button {color: #606060;width: 100%;padding: 10px;border-radius: 5px;margin: 10px 0 0 0;}

#brand span {font-size: 2.5em;color: #25A4A9;line-height: 120px;float: left;font-weight: normal;font-family: Domine;font-style: italic;}
.logo {min-height: 120px;}

.eael-entry-title a {font-family: "Roboto", Sans-serif;
    font-weight: 600;font-size: 24px;color:#25A4A9 !important;line-height:120%}
.eael-grid-post-holder {border-style:none !important}
.eael-grid-post {padding:0px !important}

#secondfooter a {color:#FFF}
#footer {text-align: center;}

@media only screen and (max-width: 1200px) {
#mega-menu-wrap-main_menu_1 #mega-menu-main_menu_1 > li.mega-menu-item > a.mega-menu-link {padding: 0px 10px 0px 10px !important;font-size: 1em !important;}
#brand {margin: 0 20px 0 20px;max-width: calc(100% - 40px);}
#brand span {font-size: 2em;}
.headerline, .headerline h1 {font-size: 1.8em; line-height: 110%;}
}


@media only screen and (max-width: 767px) {
.sc_column.one_half ul {text-align: center !important;}

header#headline.logo-blocked-left #brand img {display: block;float: none;margin: auto !important;}
#brand span {font-size: 1.5em;float: none;display: block;line-height: 140%;}
.headerline, .headerline h1 {font-size: 1.5em; line-height: 110% !important;}
#footer {text-align: center;}
}

@media only screen and (max-width: 479px) {
#navleft {visibility: visible;}
#brand span {line-height: 110%;}
#brand {padding: 0px !important;}
#brand img, #brand a {margin: 10px auto !important;}
.headerline, .headerline h1 {font-size: 1.2em; line-height: 110% !important;}
} 