/*
Theme Name: Herolab
Theme URI: https://www.herolab.us
Description: Customized theme by diguno media.
Author: diguno media
Author URI: https://www.diguno.com/
Version: 1.0
*/


@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=9ba29b1c-52c3-48a7-a1d0-0c06b8ca2840");
@font-face{
	font-family:"Neue Helvetica_n2";
	src:url("fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix") format("eot")
}
@font-face{
	font-family:"Neue Helvetica";
	src:url("fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix");
	src:url("fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix") format("eot"),url("fonts/b8765d4b-d9a3-48b9-ac65-560e7517cf0e.woff2") format("woff2"),url("fonts/d7d2e6c6-fc3a-41a5-9b52-648e12e215b2.woff") format("woff"),url("fonts/cb64744b-d0f7-4ef8-a790-b60d6e3e4f21.ttf") format("truetype"),url("fonts/ccde919e-a712-41ef-b90f-9efc47661659.svg#ccde919e-a712-41ef-b90f-9efc47661659") format("svg");
	font-weight: 200;
	font-style: normal;
}
@font-face{
	font-family:"Neue Helvetica_n7";
	src:url("fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix") format("eot")
}
@font-face{
	font-family:"Neue Helvetica";
	src:url("fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix");
	src:url("fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix") format("eot"),url("fonts/6dfa3ef5-ebc5-4d23-a631-b3d746c2ad39.woff2") format("woff2"),url("fonts/588c9ba8-1d28-4ad6-bf18-7128152d84c4.woff") format("woff"),url("fonts/55334dfb-9c72-4147-8de0-21239f17ff25.ttf") format("truetype"),url("fonts/62455047-c81f-44f1-8938-7739fa0f0e8d.svg#62455047-c81f-44f1-8938-7739fa0f0e8d") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face{
	font-family:"PT Serif_n4";
	src:url("fonts/12250a72-87bf-4050-8dfc-1677a548dfb2.eot?#iefix") format("eot")
}
@font-face{
	font-family:"PT Serif";
	src:url("fonts/12250a72-87bf-4050-8dfc-1677a548dfb2.eot?#iefix");
	src:url("fonts/12250a72-87bf-4050-8dfc-1677a548dfb2.eot?#iefix") format("eot"),url("fonts/daff771d-ed12-4f77-b628-5ce88849ccf3.woff2") format("woff2"),url("fonts/7b473b97-65f7-4000-b120-dd06b5fdad35.woff") format("woff"),url("fonts/420cfbc5-061f-4b7d-a09e-2271d573cd98.ttf") format("truetype"),url("fonts/d662a9c6-74d9-45e5-8b56-d11079831793.svg#d662a9c6-74d9-45e5-8b56-d11079831793") format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family:"PT Serif_i4";
	src:url("fonts/fe0a2d02-a834-4a03-a840-bbd0746deb2d.eot?#iefix") format("eot")
}
@font-face{
	font-family:"PT Serif";
	src:url("fonts/fe0a2d02-a834-4a03-a840-bbd0746deb2d.eot?#iefix");
	src:url("fonts/fe0a2d02-a834-4a03-a840-bbd0746deb2d.eot?#iefix") format("eot"),url("fonts/418bae73-ab34-4109-ad13-0c4f52a84dd7.woff2") format("woff2"),url("fonts/e2518996-e558-4d5a-82a4-84be4d1cbb62.woff") format("woff"),url("fonts/f1e0c680-d239-433c-b9c1-ad40a50eaac0.ttf") format("truetype"),url("fonts/c115ac53-2c53-4c9f-af4a-3d98a30f578c.svg#c115ac53-2c53-4c9f-af4a-3d98a30f578c") format("svg");
	font-weight: 400;
	font-style: italic;
}
@font-face{
	font-family:"PT Serif_n7";
	src:url("fonts/34da553f-4bd4-475f-b53d-051355af14de.eot?#iefix") format("eot")
}
@font-face{
	font-family:"PT Serif";
	src:url("fonts/34da553f-4bd4-475f-b53d-051355af14de.eot?#iefix");
	src:url("fonts/34da553f-4bd4-475f-b53d-051355af14de.eot?#iefix") format("eot"),url("fonts/1d5a1355-b36d-4a31-8c16-31277902bd52.woff2") format("woff2"),url("fonts/718b20a4-0660-4c89-a786-1345bb65f2db.woff") format("woff"),url("fonts/03e02516-7458-4730-bd8e-c4107dac9c21.ttf") format("truetype"),url("fonts/1b008891-b524-4d1c-a8f1-cef5b1f18d08.svg#1b008891-b524-4d1c-a8f1-cef5b1f18d08") format("svg");
	font-weight: 700;
	font-style: normal;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	 -webkit-text-size-adjust:100%;
}

a img{ border: none; }

/* WORDPRES DEFAULTS */
:focus {/* remember to define focus styles! */
	outline: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 

a img {
	border: 0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.125em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.125em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.text-alignright{ text-align: right; }
.text-aligncenter{ text-align: center; }

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* FORMS */
.form label{ display: block; margin-top: 20px; }

form, input, textarea, select{ font-family: "PT Serif", Times, "Times New Roman", serif; }

input[type=text],input[type=password],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 5px; color: #4e4e4e; }

input[type=text]:focus, input[type=password],:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#8CA8C9; box-shadow: 0 0 3px #eee; color: #3e3e3e; }

input[type=text],input[type=password], input.text, input.title, textarea, select { margin:0.5em 0; }

textarea { padding: 5px; }

input[type=text],
input[type=password],
input.text,
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	width: 98%;
	padding: 3px 5px;
}

select{ min-width: 200px;}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	color: #373737;
}

textarea {
	width: 98%;
	font-size: 12px;
}


/* Images */
img{ max-width: 100%; height: auto; }
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; }
p img, .wp-caption { margin-top: 0.4em; }

.wp-caption { margin-bottom: 20px; max-width: 96%; padding: 9px; }
.wp-caption img { display: block;	margin: 0 auto;	max-width: 98%; }
.wp-caption .wp-caption-text { text-align: right; color: #666; font-size: 11px; margin-bottom: 0.6em; padding: 0px 0 5px 20px; position: relative; }
.wp-caption .wp-caption-text:before { content: '\2014 '; padding-right: 5px; }

/* Image borders */
.img,
img[class*="align"],
img[class*="wp-image-"] {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #e5e5e5;
	padding: 4px;
	background: #f2f2f2;
	border-radius: 3px;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	border-color: #ccc;
}

hr{ clear: both; border: none; border-bottom: 1px solid #ccc; margin: 35px 0 50px; width: 360px; max-width: 100%; }

input[type=text],input[type=password],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #eee; padding: 10px 20px; color: #808080; font-size: 18px; }
input[type=text]:focus,input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#ddd; color: #777; }
input[type=text],input[type=password], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }


/* CLASSES */
.init{ margin: 0!important; padding: 0!important; }
.init-top{ margin-top: 0px!important; padding-top: 0!important; }
.init-bottom{ margin-bottom: 0px!important; padding-bottom: 0!important; }

.init-{ margin: 2px 0!important; padding: 0!important; }

.margintop{ margin-top: 50px!important; }

.clear{ clear: both; }

.hide, .hidden{ 
    position: absolute;
    width: 1px; 
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;   
}

.break {
    -ms-word-break: break-all;
    word-break: break-all; 
    word-break: break-word; 
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.fl-right{ float: right!important; }
.fl-left{ float: left!important; }

.alt{ color: #e38605; }
.alt2{ color: #e51c24; }

.small{ font-size: 13px; }
.smallprint, .fineprint{ font-size: 11px; color: #888; font-style: italic; }
h1 .fineprint{ display: block; font-size: 13px; font-family: "PT Serif"; font-weight: normal; line-height: 2em; }

h1 .small a{ font-size: 13px!important; }
.big{ font-size: 18px; line-height: 1.3em; }

.nav ul{ margin: 0; padding: 0; }
.nav li{ list-style: none; display: inline; padding: 0 2px; margin: 0 10px 0 0; }
.nav li a{ text-decoration: none; }

.borderless{ border: none!important; background: none!important; }

#mobileswitch{ width: 100%; background: #eee; border-bottom: 1px solid #ddd; }
#mobileswitch p{ margin: 0; padding: 10px 0; text-align: center; font-size: 13px; }

h1.logo{ position: relative; }
h1.logo a.logofix{ display: none; }
h1.logo a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* Typography */
p,li,table,div,td,tr,th,dd,dt{ font-family: "PT Serif", Times, "Times New Roman", serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Neue Helvetica", Helvetica, Arial, sans-serif; }
gform_button{ }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  }

h1{
	font-size: 44px;
	font-weight: 700;
	color: #333;
}
h2{
	font-size: 33px;
	font-weight: 700;
	color: #808080;
}
h3, .h3, h3 a {
	font-size: 28px;
	font-weight: 700;
	color: #333;
	text-decoration: none;
}
h3 a:hover{ color: #111; }
h4, .h4 {
	color: #808080;
	font-size: 24px;
	font-weight: 200;
	text-transform: uppercase;
}
h5 {
	color: #808080;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #E6E6E6;
	padding: 0 0 2px;
	margin: 20px 0 10px;
}
h6 {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.text-alignright{ text-align: right; }
.text-alignleft{ text-align: left; }

.titled{}
.page-titled{ text-align: center; }

p, li{ font-size: 18px; color: #666; line-height: 1.7em; }

div h1:first-child{ margin-top: 0; }

a{ color: #8ac03f; transition: all .2s ease-in-out; }
a:hover{ color: #333; }

*:focus, * { outline: 0!important; }

#mainContent iframe{ clear: both; margin-top: 15px; }

#slides{ background: #ddd; }
.slide{ width: 100%; overflow: hidden; }

#home #banner #slides{ /*min-height: 680px;*/ position: relative; }
#home #banner #slides:before{ display: block; content: ""; width: 100%; padding-top: 43.75%; }
#home .slide, #home #banner #slides .hero-img-slide{ width: 100%; top: 0; left: 0; right: 0; bottom: 0; }

#bannerless{ height: 120px; }

.cycle-slide-active{ z-index: 250!important; }

/* Contact Page Bolded text */
.page-id-16 p strong{ font-family: "Neue Helvetica"; font-size: 24px; font-weight: normal; color: #8ac03f; }
.page-id-16 p a{ text-decoration: none; }

/*----------------------------------------------------*/
/* Layout */
#wpadminbar{ display: none!important; }
html, body{ background: #f2f2f2; padding: 0!important; margin: 0!important; min-width: 320px; }

.wrapper{ position: relative; width: 895px; max-width: 100%; min-width: 320px; margin: 0 auto; }
#header .wrapper{ width: 1100px; }

#header{ position: fixed; top: 0; width: 100%; background: rgba(255,255,255,0.85); z-index: 999; border-bottom: 1px solid #ccc; transition: all .4s ease-in-out; opacity: 1; }
#header.scroll{ transform: translateY(-100%); opacity: 0; }
#header.scroll.reveal{ transform: translateY(0%); opacity: 1; }
#header #logo{ width: 200px; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); transition: all 0.3s ease-in-out; }

.sidebar{ width: 25%; max-width: 100%; float: left; }
.mainContent{ width: 70%; max-width: 100%; float: right; }

#home-content{ background-color: #fff; border-bottom: 1px solid #ccc; padding: 30px 0; }
#home-content *:first-child{ margin-top: 0; }

#breadcrumbs{ background: #fff; border-bottom: 1px solid #ccc; padding: 20px 0; margin-bottom: 40px; font-size: 13px; color: #ccc; }
#breadcrumbs a{ font-family: "Neue Helvetica", Helvetica, Arial, sans-serif; color: #b3b3b3; text-decoration: none; font-weight: 700; }
#breadcrumbs a:hover{ color: #aaa; }
#breadcrumbs .sep{ display:inline-block; margin: 0 15px 0 5px; }
#breadcrumbs a.current-item{ cursor: default; color: #aaa; }

#scroller{ position: fixed; bottom: 10%; right: 40px; background: rgba(255,255,255,0.9); z-index: 888; visibility: hidden; opacity: 0; transition: all 0.6s ease-in-out; }
.scroller #scroller{ opacity: 1; visibility: visible; }
#scroller a{ display: block; width: 55px; height: 55px; line-height: 55px; text-align: center; font-size: 26px; color: #bbb; border: 1px solid #bbb; }
#scroller a:hover{ color: #aaa; border-color: #aaa; }

#footer{ background: #e6e6e6; border-top: 1px solid #ccc; margin-top: 60px; }
#footer-logo{ max-width: 60%; width: 340px; margin: 40px auto; }
#footNotes{ background: #b3b3b3; border-top: 1px solid #f2f2f2; }
#footNotes p{ margin: 0 5%; }
#footNotes p, #footNotes a{ text-align: center; text-transform: uppercase; font-family: "Neue Helvetica", Helvetica, Arial, sans-serif; font-weight: 200; text-decoration: none; color: #808080; font-size: 12px; padding: 18px 0; }
#footNotes a:hover{ color: #777; }

.video-thumbs{ margin-top: 30px!important; }

.summary-video-thumbnail{ width: 300px; max-width: 90%; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.3); margin: 5px 0!important; float: left; }
.summary-video-thumbnail .post-summary{ padding: 5px 10px; }
.summary-video-thumbnail h3, .summary-video-thumbnail h3 a{ font-size: 22px; }
.summary-video-thumbnail .post-summary p{ font-size: 14px; margin-bottom: 0; }
.summary-video-thumbnail a.button.small{ font-size: 13px; }
.summary-video-thumbnail .one_half{ width: 42.5%; margin-bottom: 0!important; }
.summary-video-thumbnail .one_half.last-column{ width: 54%; }

.summary-video-thumbnail .video-thumbnail{ border-bottom: 4px solid #8ac03f; display: block; position: relative; }  
.summary-video-thumbnail .video-thumbnail img{ border-bottom: 1px solid #fff; display: block; opacity: 1; transition: all .3s ease-in-out; } 
.summary-video-thumbnail .video-thumbnail:hover img{ opacity: 0.9; }
.summary-video-thumbnail .video-thumbnail .overlay{ width: 68px; height: 43px; line-height: 43px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(0,0,0,0.7); color: #fff!important; border-top-left-radius: 15px 8px; border-top-right-radius: 15px 8px; border-bottom-left-radius: 15px 8px; border-bottom-right-radius: 15px 8px; font-size: 20px; transition: 0.3s all ease-in-out; text-shadow: -1px 1px 3px rgba(0,0,0,0.5); }
.summary-video-thumbnail .video-thumbnail:hover .overlay{ background: rgba(204,24,30,1); }

.grid{ width: 945px; max-width: 100%; margin: 0 auto; }

/* BLOG */
.post-banner{ position: relative; }
.post-banner-with-video{ max-height: 550px; }
.post-banner-with-video:before{ display: block; content: ""; width: 100%; padding-top: 56.25%; }
.video-slide, .video-slide iframe{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;  }

.post-titled, .above-titled{ margin-top: 100px; }

.summary{ margin-top: 45px; margin-bottom: 65px; }

.summary-hero-image .slide{ margin-bottom: 30px; }
.summary-left-feature, .summary-right-feature{ margin-bottom: 100px; }
.summary-lead-title h3 a{ font-size: 44px; }

.summary-left-feature .meta_item, .summary-right-feature .meta_item{ width: 45.5%; float: left; margin-right: 5%; }
.summary-left-feature .meta_item:nth-child(2), .summary-right-feature .meta_item:nth-child(2){ margin-right: 0; text-align: right; }

.summary-right-feature h3, .summary-right-feature p{ text-align: right; }
.summary-right-feature .meta_item{ text-align: right; }
.summary-right-feature .read_more p.one_half{ float: right; text-align: right; margin-left: 3%; margin-right: 0!important; }
.summary-right-feature .read_more p.last-column{ text-align: left!important; margin-left: 0!important; clear: none; }
.summary-right-feature .meta_item:first-child{ padding-left: 5px; }
.summary-right-feature .meta_item:first-child,.summary-right-feature .meta_item:first-child p{ text-align: left!important; }

.meta-buttons{ padding: 10px 15px 0; background: #fafafa; margin: 30px 0 40px; border: 1px solid #e2e2e2; border-top-width: 4px; }

.meta p{ margin: 0; }
.meta a{ 
	font-size: 13px;	
	text-decoration:none;
	display:inline-block;
	font-family: "Neue Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.meta a:hover{ color: #808080; }

#shareurl{ display: none; }

.meta .fa{ font-size: 22px; display: inline-block; margin-right: 15px; }

.colorme.facebook{ color: #34589B!important; }
.colorme.twitter{ color: #23aae1!important; }
.colorme.linkedin{ color: #0077B5!important; }
.colorme.google-plus{ color: #EA4335!important; }
.colorme.youtube{ color: #CC181E!important; }
.colorme.instagram{ color: #895A4D!important; }


.wrapper .wrapper{ padding-left: 0!important; padding-right: 0!important; min-width: 100px; }

/* NAVIGATION */
.menu li{ display: inline-block; margin: 0 10px; }
#header .menu li a{ color: #4d4d4d; text-decoration: none; }
#header .menu li a:hover{ color: #111; }

#navigation-wrapper-1{ width: 50%; float: left; padding: 5px 0; }
#navigation-wrapper-2{ width: 50%; float: right; padding: 5px 0; }

#navigation-wrapper-1 a{ font-size: 14px; font-family: "Neue Helvetica", Helvetica, Airal, sans-serif; font-weight: 700; text-transform: uppercase; }

#navigation-wrapper-2 *{ text-align: right; }



/* Search */
.curtain{ position: fixed; top: 74px; right: 0px; transform: translateX(100%); transition: 0.3s all ease-in-out; z-index: 999; max-width: 90%; opacity: .5; }
.curtain.open{ transform: translateX(0); opacity: 1; }
.curtain #search-box{ width: 500px; margin: 0 auto; padding: 30px 50px; background: rgba(255,255,255,0.95); z-index: 999; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; position: relative; }
input.search-field{ margin-top: 15px; background: url(images/backgrounds/search.png) no-repeat center right; border: 1px solid #dadada; }
.close{ position: absolute; right: 12px; top: 10px; margin: 0; padding: 0; }
.close a{ color: #aaa; } .close a:hover{ color: #888; }

.query-term{ background: #8ac03f; color: #fff; display: inline-block; padding: 1px 3px; margin: 0 2px; }

/* MEGA MENU */
#mega-menu{ position: fixed; top: 74px; right: 0px; transform: translateX(100%); transition: 0.3s all ease-in-out; z-index: 999; opacity: .5; }
#mega-menu.open{ transform: translateX(0); opacity: 1; }
#mega-menu .mega-content{ width: 500px; margin: 0 auto; padding: 30px 50px; background: rgba(255,255,255,0.95); z-index: 999; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; position: relative; }

.mega h3{ color: #444; text-transform: uppercase; margin: 10px 0; font-size: 21px; }  
.mega  h4{ color: #555; text-transform: uppercase; margin: 10px 0; font-size: 18px; }

#mega-menu .menu{ padding: 0 10px; margin-bottom: 20px; }
#mega-menu .menu li{ display: block; margin: 0; }
#mega-menu .menu li a{ color: #555; text-transform: uppercase; font-family: "Neue Helvetica", Helvetica, Arial; text-decoration: none; font-weight: 700; font-size: 15px; display: block; }
#mega-menu .menu li a:hover{ color: #8ac03f; } 

#mega-menu .group{ margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #eee; }

#mega-menu .sharelist a, .social_buttons a{ color: #fff!important; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 5px; }
#mega-menu .sharelist a{ margin-right: 3px; }

.social_buttons .colorme.facebook{ background-color: rgba(52,88,155,1)!important; color: #fff!important; }
.social_buttons .colorme.twitter{ background-color: rgba(35,170,225,1)!important; color: #fff!important; }
.social_buttons .colorme.linkedin{ background-color: rgba(0,119,181,1)!important; color: #fff!important; }
.social_buttons .colorme.google-plus{ background-color: rgba(234,67,53,1)!important; color: #fff!important; }
.social_buttons .colorme.youtube{ background-color: rgba(204,24,30,1)!important; color: #fff!important; }
.social_buttons .colorme.instagram{ background-color: rgba(137,90,77,1)!important; color: #fff!important; }

.social_buttons .colorme.facebook:hover{ background-color: rgba(52,88,155,.7)!important; }
.social_buttons .colorme.twitter:hover{ background-color: rgba(35,170,225,.7)!important; }
.social_buttons .colorme.linkedin:hover{ background-color: rgba(0,119,181,.7)!important; }
.social_buttons .colorme.google-plus:hover{ background-color: rgba(234,67,53,.7)!important; }
.social_buttons .colorme.youtube:hover{ background-color: rgba(204,24,30,.7)!important; }
.social_buttons .colorme.instagram:hover{ background-color: rgba(137,90,77,.7)!important; }


/*------------------------------------------------*/
/*  2. Buttons
/*------------------------------------------------*/
a.button, input[type=submit], .comment-footer a {
	text-decoration:none;
	display:inline-block;
	line-height: 2em;
	margin:0 10px 10px 0;
	font-family: "Neue Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	padding: 3px 10px;
	cursor: pointer;
}
a.inline-button.button{ margin-top: 10px; }

a.button.default, .comment-footer a{
	color:#8ac03f;;
}
a.button.default:hover, input[type=submit]:hover, .comment-footer a:hover{
	color: #6A9831;
	background: rgba(0,0,0,0.05);
}

a.button.small, input[type=submit]{ font-size: 14px; background: rgba(0,0,0,0.03); }
a.button.small:hover, input[type=submit]:hover{ background: #8ac03f; color: #fff; }

a.button.large{ font-size: 18px; border: 2px solid #8ac03f; padding: 2px 25px; }
a.button.large:hover{ background: #8ac03f; color: #fff; }

a.button.grey,.comment-footer a{ color: #bbb; }
a.button.grey:hover,.comment-footer a:hover{ color: #aaa; background: none; }

input[type=submit]{ line-height: 1.5em; border: none; background: #8ac03f; border: 1px solid #8ac03f; color: #fff; }
input[type=submit]:hover{ color: #8ac03f; background: #fff; border-color: #ddd; }


/* Comments */
img.avatar { float:left; margin: 0 10px 5px 0; }
div.avatar, .userComments img.avatar { 
	width: 80px; height: 80px; 
	float:left; 
	margin: 5px 18px 10px 6px; 
	background: #fff; 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	-webkit-background-clip: padding-box;
	padding: 2px;
	border: 1px solid #e2e2e2;
}

.comment-content img.avatar{ width: 40px; height: 40px; background: none; border: none; position: relative; top: -5px; }

#comments{ clear:both; display: none; }
#comments.visible{ display: block; }
#comments ul.children, #comments li ul.children { margin: 0; padding-left: 20px; }
#comments li, #Comments li ul li 	{ background: none; }
.comment-list 						{ margin: 40px 0 0; padding: 0; }
.comment-list li.comment 			{ clear: both; list-style: none; margin-left: 0; overflow: hidden; padding: 18px 0 0; position: relative; }

.comment-content, .the-comment-form-container{ background: #fafafa; border: 1px solid #e2e2e2; border-radius: 2px; padding: 8px 25px; position: relative; } 
.comment-content:before, .the-comment-form-container:before{ display: block; height: 25px; width: 25px; content: " "; position: absolute; top: 35px; left: 0; transform: rotate(45deg) translateX(-70%); background: #fafafa; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }

.children .comment-content{ margin-top: 5px; }
.children .comment-content:before{ top: 0; left: 10px; transform: rotate(135deg) translate(-70%,0); }

.comment-header .date{ float: right; width: 40%; font-size: 13px; text-align: right; font-family: "Neue Helvetica", Helvetica, Arial, sans-serif; color: #999;  }
.comment-header h4{ float: left; width: 60%; margin: 0; text-transform: none; font-style: normal; font-size: 20px; }
.comment-header cite{ font-style: normal; }
.comment-header a{ color: #666; text-decoration: none; }

.comment-text{ padding-top: 22px; }
.comment-text p{ font-size: 14px; font-family: "Neue Helvetica", Helvetica, Arial, sans-serif; }
.children .comment-text{ clear: both; padding: 0; }

.comment-footer{ text-align: right; }
.comment-footer a{ font-size: 13px; margin: 0; }

#comments h4 a{ text-decoration: none; color: #555; }

#comment-form{ margin: 30px 0 50px; }
#comment-form h4{ margin-bottom: 10px!important; }

/* comment container */
.the-comment-container, .the-comment-form-container{ margin-left: 117px; min-height: 67px; padding-top: 14px; }
	


/*----------------------------------------------------*/
/* Other */

.testimonial h3 span{
	font-size: 14px;
	display: block;
	font-weight: normal;
}

.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .five_sixths{ margin-bottom: 10px!important; }

.gform_wrapper{ padding: 5px 20px; background: #fafafa; border: 1px solid #e5e5e5; }
li.gfield{ margin: 5px 0; }
li.gfield label{ margin-bottom: 0!important; }

.gform_wrapper label.gfield_label{ font-family: "Neue Helvetica", Helvetica, Arial, sans-serif; }
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_time_"] label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label{ font-family: "Neue Helvetica", Helvetica, Arial, sans-serif; }
body.page-id-16 .gform_wrapper .top_label div.ginput_container{ margin-top: 0; }


#paginate *{ text-align: center; }
#paginate hr{ margin: 20px auto 40px; }
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none; font-family: "Neue Helvetica", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 14px; }
.wp-paginate a {background:#fff; font-weight: bold; border:1px solid #ccc; color:#999; margin-right:4px; padding:4px 8px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#fafafa; color:#888;}
.wp-paginate .title {color:#aaa; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#8ac03f; border:1px solid #63902e; margin-right:4px; padding:4px 8px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next { border: none; background: none!important; }

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}

@media print {
    * {
        background: none !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
 
        /* Images, vectors and such */
        filter: Gray();                          /* IE4-8: depreciated */
        filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */
        -webkit-filter: grayscale(100%);         /* Chrome + Safari 6 */
        -moz-filter: grayscale(100%);            /* Future proof */
        -ms-filter: grayscale(100%);             /* Future proof */
        -o-filter: grayscale(100%);              /* Future proof */
        filter: grayscale(100%);                 /* Future proof or polyfilled */
    }
 
    a {
        text-decoration: underline;
    }
 
    a[href]:after {
        content: " (" attr(href) ")";
    }
 
    a[href="#"],
    a[href="javascript:"] {
        content: "";
    }
}

@media (max-width: 1100px){
	#home .wrapper{ padding: 0 5%; }
}

@media (max-width: 895px){
	.wrapper{ padding: 0 5%; }
}

@media (max-width: 825px){
	#header .wrapper{ padding: 0 15px; }
	#navigation-wrapper-1{ display: none; }
	#header #logo{ left: auto; transform: none; }
	
	#top{ height: 74px; }
	#bannerless{ height: 30px; }
	
	.comment-header .date{ float: none; width: 100%; text-align: left; }
	.comment-header h4{ float: none; width: 100%; }
	.comment-header img.avatar{ display: none; }
}

@media (max-width: 600px){
	#header #logo{ width: 160px; top: 13px; }
	
	.mainContent{ float: none; width: 100%; }
	.meta{ float: none; width: 100%; display: none; clear: both; }
	
	.read_more p{ margin: 0!important; }
	.read_more a{ width: 100%; text-align: center!important; }
	
	.summary-left-feature .one_half,
	.summary-left-feature .one_third,
	.summary-right-feature .one_half,
	.summary-right-feature .one_third{ float: none; padding: 0 5%; width: 100%; margin: 0; }
	.summary-right-feature h3, .summary-right-feature p{ text-align: left; }
	
	.summary{ padding-bottom: 30px!important; margin-bottom: 50px; border-bottom: 1px solid #e2e2e2; }
	
	#footNotes span{ display: block; }
	
	.mega{ max-width: 100%; width: 100%; }
	.mega .mega-content{ max-width: 100%; }
}

@media (max-width: 500px){
	#scroller{ display: none; }
	
	#comment-form img.avatar{ display: none; }
	.the-comment-form-container{ margin-left: 0; }
	.the-comment-form-container:before{ display: none; }
	
	.curtain #search-box{ padding: 30px; }
}