/*
	Theme Name: Cloud Checkr
	Theme URI: http://cloudcheckr.com/
	Description: Cloud Checkr theme based on the famous Wordpress CMS.
	Version: 21.6
	Author: Cloud Checkr
	Author URI: http://cloudcheckr.com/
*/

/* #Reset & Basics */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500italic,500,700,700italic);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { padding-left: 30px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* #Basic Styles */
body { background: #fff; font-family: "Roboto", Arial, sans-serif; line-height: normal; font-size: 21px; color: #666; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-weight: 300; }

header { background: #fff; }
#sub-header { background-position: center center; background-size: cover; margin-bottom: -30px; padding: 60px 0; margin-top: 0; position: relative; margin-bottom: 15px; }
#sub-header h1 { font-size: 60px; margin: 0 0 90px 0; }
nav { position: relative; z-index: 2000; }

/* #Typography */
h1, h2, h3, h4, h5, h6 { color: #73a4d7; font-family: "Roboto", Arial, sans-serif; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h2 { font-size: 37px; margin-bottom: 20px; font-weight: 300; }
h2 span { font-weight: 300; }
h3 { font-size: 30px; margin-bottom: 20px; font-weight: 300; }
h4 { font-size: 20px; margin-bottom: 4px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
p, ul { margin-bottom: 30px; }
.subheader { color: #777; }
em { font-style: italic; }
strong { font-weight: 500; }
small { font-size: 80%; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }

header h1 { color: #fff; font-size: 60px; margin-top: 30px; }

.btn-cta { font-size: 18px; display: inline-block; padding: 10px; border: 1px solid #3e8613; background: #3e8613; color: #fff; border-radius: 5px; text-decoration: none; font-weight: 400; cursor: pointer; box-shadow: 0 4px #337110; }
.btn-cta:hover { color: #ddd; background: #317a00; }
.btn-cta:focus { text-decoration: none; }

.btn-cta-invert { font-size: 18px; display: inline-block; padding: 10px; border: 1px solid #3e8613; color: #3e8613; background: #fff; border-radius: 5px; text-decoration: none; font-weight: 400; cursor: pointer; }
.btn-cta-invert:hover { background: #3e8613; color: #fff; }
.btn-cta-invert:focus { text-decoration: none; }

.btn-cta-stacked { display: inline-block; margin-bottom: 30px; }
.btn-cta-inline { display: inline-block; margin: 0 15px 30px 15px; }

.price-block .btn-cta, .table-plan .btn-cta { font-size: 18px; display: inline-block; padding: 10px; border: 1px solid #fff; border-radius: 5px; text-decoration: none; font-weight: 400; cursor: pointer; color: #fff; border-color: #fff; background: #3e8613; }
.table-plan .btn-cta  { font-size: 14px; }
.price-block .btn-cta:hover, .table-plan .btn-cta:hover { color: #fff; background: #3e8613; }

@media (max-width: 767px) {
	header { background-size: cover; }
	header h1 { font-size: 38px; }
	.header-container { background: #fff; }
}

/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* #Links */
a { color: #666; text-decoration: underline; outline: 0; }
a:hover { text-decoration: none; }

/* #Images */
img { max-width: 100%; height: auto; }

/* #Buttons */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #62a70f; border: 0px; color: #fff; display: inline-block; font-weight: 700; font-size: 14px; text-decoration: none; cursor: pointer; text-transform: uppercase; padding: 13px 15px; padding-bottom: 10px; font-family: "Roboto", Arial, sans-serif; }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{ color: #f1f1f1; background: #317a00; border-color: #126000; }

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: #226d00; }
.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }

.button.big { font-size: 30px; font-weight: 300; text-transform: none; padding: 8px 15px; padding-bottom: 5px; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* #Forms */
form { }
fieldset { }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #e5e5e5; padding: 4px 8px; outline: none; font-weight: 300; font: 16px "Roboto", Arial, sans-serif; color: #3f3f3f; margin: 0; width: 226px; max-width: 100%; display: block; background: #fff; -webkit-border-radius: 2px; border-radius: 2px; }
select { padding: 0; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #3f3f3f;  }
textarea { min-height: 60px; }
legend { display: block; font-weight: bold; font-size: 13px; }
label { color: #999; font-size: 16px; font-weight: 500; text-transform: uppercase; display: block; margin-bottom: 3px; }
select { width: 220px; }
input[type="checkbox"] { display: inline; }
label span, legend span { font-weight: normal; font-size: 13px; color: #444; }

/* #Misc */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.title { padding: 82px 0px; text-align: center; background: url(images/title-bg.jpg) no-repeat center center; background-size: cover; }
.title h1 { margin: 0px; color: #fff; }
.down-arrow { position: absolute; left: 0px; right: 0px; top: -70px; height: 60px; background: url(images/dark-arrow.png) no-repeat center center; }
.down-arrow.dark { background: url(images/arrow-white.png) no-repeat center center; }
.down-arrow a { display: block; width: 60px; height: 60px; margin: 0px auto; }
.down-arrow#caseArrow1 { top: -180px; }

/* Resets */
.clear { clear: both; }
.centering { max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; }

/* Begin Typography & Colors */
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
small, .nocomments, .postmetadata, blockquote, strike { color: #777; }
small { font-family: 'Roboto', Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
/* End Typography & Colors */

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.children { padding: 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#respond { font-size: 14px; }
#respond h3 { font-weight: 400; margin: 0px; font-size: 16px; text-transform: uppercase; color: #666; }
#respond input[type=text], #respond textarea { width: 420px; }
#respond p { margin-bottom: 25px; }
#respond input#submit { font-weight: 300; font-size: 18px; padding: 5px 45px; }
.commentmetadata { font-weight: normal; }
.commentmetadata { margin: 0; display: block; }
.commentlist li ul li { font-size: 1em; }
.commentlist li .avatar { position: absolute; left: 0px; top: 0px; border: 0px; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; }
.commentlist li .comment-author { margin-bottom: 10px; }
.commentlist li .comment-author span { font-weight: 400; font-size: 18px; color: #999; }
.commentlist cite { font-size: 18px; text-transform: uppercase; font-weight: 400; }
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist li { font-size: 14px; margin: 0px; padding: 15px; list-style: none; background: #ddffff; border-bottom: 3px solid #c0e7ff; margin-bottom: 20px; }
.commentlist .comment-body { position: relative; padding-left: 62px; }
.commentlist li.odd { background: #e2e2e2; border-color: #c6c6c6; }
.commentlist li p { margin-bottom: 10px; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
#commentform { margin: 5px 10px 0 0; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
a img { border: none; }
.navigation { display: block; text-align: center; width: 100%; overflow: hidden; padding: 10px 0px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { border: 1px solid #666666; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* Icon Fonts */
@font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),  url('fonts/flexslider-icon.woff') format('woff'),  url('fonts/flexslider-icon.ttf') format('truetype'),  url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }

/* FlexSlider Necessary Styles */
#frontslider{}
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; position: relative; max-height: 100%; }
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme */
#frontslider{max-height:inherit;overflow:hidden;}
.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

/* wrapper */
#main { position: relative; display: block; width: 100%; min-height: 100%; }

/* layout */
#layout { margin: 0 auto; width: 100%; }

	/* header */
	#header { padding: 18px 0px; position: relative; z-index: 90; width: 100%; min-width: 1020px; border-bottom: 3px solid #ccc; background: #fff; }
	#header .logo { padding: 6px 0px; float: left; }
	#header .logo a { display: block; }
	
		/* menu nav 
		.menuNav { float: right; }
		.menuNav ul { float: left; margin: 0px; }
		.menuNav ul li { list-style: none; position: relative; float: left; margin-left: 5px; }
		.menuNav ul li a { padding: 10px; display: block; font-size: 18px; text-decoration: none; }
		.menuNav ul li a:hover { color: #3E8613; }
		.menuNav ul li.btn { margin-left: 10px; }
		.menuNav ul li.btn a { padding: 7px 15px; font-weight: 300; text-transform: none; }
		.menuNav ul li.btn a:hover { color: #fff; }
		.menuNav ul li ul { display: none; padding-top: 26px; float: none; position: absolute; left: 0px; top: 40px; width: 120px; }
		.menuNav ul li:hover ul { display: block; }
		.menuNav ul li ul li { float: none; margin: 0px; border-left: 3px solid #CCC; border-right: 3px solid #CCC; background: #fff;  }
		.menuNav ul li ul li:last-child { border-bottom: 3px solid #CCC; -moz-border-radius: 0px 0px 6px 4px; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; }
		.menuNav ul li ul li a { font-size: 14px; padding: 5px 10px; }
		*/
	
	/* content */
	#content { overflow: hidden; width: 100%; background: #fff; }
		
		/* banner */
		#banner { position: relative; width: 100%;max-height:100%; }
		/*#banner { position: fixed; top:88px;bottom:0;left:0;right:0; }*/
		#banner .slider-text { position: absolute; left: 0px; width: 100%; top: 0px; }
		#banner .partner-logo { position: absolute; right: 30px; bottom: 35px; z-index: 10; }
		#banner .centering { width: 950px; padding: 50px 0px; }
		#banner h1 { color: #fff; margin-bottom: 10px; font-size: 56px;}
		#banner a.button { padding: 10px 15px; padding-bottom: 7px; }
		
		.case-title { padding: 20px 0px; text-align: center; background: #537ba4; }
		.case-title h2 { margin: 0px; font-weight: 300; font-size: 30px; color: #fff; }
			
		.cases-item { padding: 90px 0px; font-size: 20px; font-weight: 300; position: relative; }
		.cases-item h2 { font-weight: 400; font-size: 45px; }
		.cases-item h2 span { display: block; }
		.cases-item a { color: #3e8614; }
		.cases-item .centering { overflow: hidden; }
		.cases-item img { float: left; }
		.cases-item .detail { padding: 80px 0px; margin-left: 544px; }
		.cases-item.even { color: #fff; background: #92beee; }
		.cases-item.even h2 { color: #fff; }
		.cases-item.even img { float: right; }
		.cases-item.even .detail { margin: 0px; margin-right: 544px; }
		
		#commentArea { padding: 50px 0px; padding-bottom: 30px; position: relative; font-weight: 300; font-size: 20px; }
		#commentArea h3 { text-align: center; }
		#commentArea h4 { margin: 0px; padding-top: 5px; }
		#commentArea h5 { font-weight: 300; }
		#commentArea p { text-align: justify; margin-bottom: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
		#commentArea a { color: #3e8614; }
		#commentArea .user-detail { width: 100%; }
		#commentArea .user-detail img { float: left; margin-right: 10px; }
		#commentArea .flexslider .slides > li { width: 450px; margin-right: 100px; }
		#commentArea .flexslider .slides > li img { width: auto; }
		#commentArea .flex-direction-nav .flex-next { right: -40px; }
		#commentArea .flex-direction-nav .flex-prev { left: -40px; }
		#commentArea .comment-item { padding: 20px 0; }
	
		#userLogos { padding-bottom: 30px; text-align: center; }
		#userLogos h5 { font-size: 18px; text-align: left; margin-bottom: 30px; font-weight: 300; text-transform: uppercase; color: #cccccc; background: url(images/single-line.gif) repeat-x center center; }
		#userLogos h5 span { padding: 0 18px; margin-left: 144px; display: inline-block; background: #fff; }
		#userLogos a { display: inline-block; margin-right: 42px; }
		#userLogos a:last-child { margin-right: 0px; }
		#userLogos a img { opacity: 0.2; }
		#userLogos a:hover img { opacity: 1.0; }
		
		.optimiz-item { font-size: 18px; text-align: center; position: relative; padding: 50px 0; min-height: 300px; }
		.optimiz-item h2 { font-size: 45px; margin-bottom: 0px; }
		.optimiz-item .detail { padding: 30px 0 0 0; }
		.optimiz-item .desc { padding: 0 120px; }
		.optimiz-item .desc p { line-height: 1.5; }
		.optimiz-item ul { list-style: disc; text-align: left; display: inline-block; padding-left: 20px; }
		.optimiz-item li { margin-bottom: 5px; }
		.optimiz-item .without-image { /* font-size: 22px; */ }
		.optimiz-item img { display: block; margin: 0px auto; }
		.optimiz-item .btn-cta { color: #3e8613; border-color: #3e8613; background: transparent; box-shadow: none; }
		.optimiz-item .btn-cta:hover { color: #fff; background: #3e8613; }
		
		.optimiz-item.even { color: #fff; background: #73a4d7; }
		.optimiz-item.even h2 { color: #fff; }
		.optimiz-item.even .img-screenshot:after { background: linear-gradient(to bottom,  rgba(115, 164, 215,0) 0%,rgba(115, 164, 215,1) 75%); }
		.optimiz-item.even .btn-cta { color: #fff; border-color: #fff; box-shadow: none; }
		.optimiz-item.even .btn-cta:hover { color: rgb(115, 164, 215); background: #fff; }

		body .optimiz-item:nth-child(5n+5) { background: #62a70f; color: #fff; }
		body .optimiz-item:nth-child(5n+5) h2, body .optimiz-item:nth-child(5n+5) p { color: #fff; }
		body .optimiz-item:nth-child(5n+5) .img-screenshot:after { background: linear-gradient(to bottom,  rgba(98, 167, 15,0) 0%,rgba(98, 167, 15,1) 75%); }
		body .optimiz-item:nth-child(5n+5) .btn-cta { color: #fff; border-color: #fff; box-shadow: none; }
		body .optimiz-item:nth-child(5n+5) .btn-cta:hover { color: rgb(98, 167, 15); background: #fff; }
		
		#moreButton { padding: 40px 0px; text-align: center; background-color: #fff; width:100%;}
		#moreButton h5 { font-size: 45px; font-weight: 300; margin-bottom: 20px; }
		#moreButton p { margin-bottom: 25px; display: inline-block;  }
		#moreButton a.button { padding-left: 15px; padding-right: 15px; min-width: 320px; background: #62a70f; display: inline-block; position: relative; }
		#moreButton a.button:hover { color: #f1f1f1; background: #548d0d; }
		/* #moreButton a.button:after { width: 100%; height: 20px; bottom: 0; left: 0; content: " ";  position: absolute; background: url(images/angle.png) bottom center no-repeat; background-size: contain; } */
													
		/* left */
		#left { padding: 50px 0px; float: left; width: 650px; }
		#left div.pagination { padding: 0px; text-align: left; margin: 20px 0px; margin-bottom: 0px; }
		#left div.pagination a, #left div.pagination span { padding: 5px 12px; font-size: 18px; border: 1px solid #ccc; display: inline-block; margin-right: 5px; }
		#left div.pagination a { text-decoration: none; color: #999; }
		#left div.pagination a:hover { border-color: #999; }
		#left div.pagination span.current { background: #3e8613; color: #fff; }
			
			.post-list { font-size: 16px; margin-bottom: 20px; }
			.post-list h2 { font-size: 34px; margin: 0px; }
			.post-list .date { font-weight: 400; margin-bottom: 10px; }
			
			.single-post h2 { margin-bottom: 5px; }
			.single-post .date { margin-bottom: 30px; font-size: 16px; }
			
			.entry ul, # ol { margin: 0 0 20px 40px; } 
			.entry ul li { list-style: outside; margin-bottom: 20px; }
			.entry ol li { list-style: decimal inside none; margin-bottom: 20px; }
			
			h3#comments { padding: 10px 0; font-weight: 400; margin: 0px; font-size: 16px; text-transform: uppercase; color: #666; border-top: 2px solid #666; }
			h3#comments a { text-decoration: none; color: #ccc; }
			h3#comments a:hover { color: #666; }
			
		/* center */
		#center { max-width: 1000px; padding: 50px 0px; margin: 0px auto; }
		
		/* right */
		#right { padding: 50px 0px; float: right; width: 300px; }
			
			.widget { padding: 24px 28px; font-size: 13px; color: #fff; margin-bottom: 28px; border-bottom: 3px solid #226d00; background: #3e8613; }
			.widget h3 { color: #fff; margin-bottom: 15px; font-weight: 300; font-size: 22px; }
			.widget a { color: #fff; }
			.widget ul { margin: 0px; padding: 0px; }
			.widget ul li { list-style: none; margin: 0px; padding: 0px; margin-bottom: 2px; }
			
			.widget.widget_recent_entries ul li,
			.widget.widget_recent_comments ul li { margin-bottom: 12px; }
			.widget.widget_recent_entries ul li:last-child,
			.widget.widget_recent_comments ul li:last-child { margin: 0px; }
			
			.widget.widget_search input#s { border-color: #3f3f3f; }
			
	/* signup */
	
	
	/* footer */
	#footer { padding: 45px 0px; overflow: hidden; width: 100%; min-width: 1020px; }
		
		.widget-bottom { font-size: 20px; font-weight: 300; color: #cccccc; width: 20%; float: left; }
		.widget-bottom h3 { font-size: 16px; color: #666666; text-transform: uppercase; font-weight: 400; }
		.widget-bottom a { color: #ccc; text-decoration: none; }
		.widget-bottom a:hover { color: #fff; }
		.widget-bottom ul { margin: 0px; padding: 0px; }
		.widget-bottom ul li { list-style: none; margin: 0px; padding: 0px; margin-bottom: 10px; }
		
		
/* Pricing Tables */
.pricing-table{display:table;border:1px solid #dedede;border-right:none;border-bottom:none;width:100%;table-layout:fixed;}
.pricing-table .row{display:table-row;}
.pricing-table .cell{display:table-cell;padding:10px;text-align:center;border:1px solid #dedede;border-left:none;border-top:none;vertical-align:middle;width:50%;}
.pricing-table .pricing-cell-title{font-weight:bold;font-size:22px;padding:0 10px 10px;border-bottom:1px dotted #dedede;color:#5e8bb9;}
.pricing-table .cost{padding:10px;font-size:14px;color:#3e8613;}
.pricing-table .cost sup{font-size:75%;top:-.5em;line-height: 0;position:relative;vertical-align: baseline;}
.pricing-table .features{margin:0;padding:0;font-size:14px;}
.pricing-table .features li{list-style-type:none;margin:20px 0;}
.pricing-table a{color:#3E8613}

.pricing-breakdown-container { overflow-x: scroll; }
.pricing-breakdown{display:table;border:1px solid #dedede;width:100%;border-left:none;}
.pricing-breakdown .row{display:table-row;}
.pricing-breakdown .cell{display:table-cell;padding:10px;text-align:center;border:1px solid #dedede;border-left:none;border-top:none;vertical-align:middle;font-size:12px;}
.pricing-breakdown .row.header .cell .pricing-cell-title{color:#5e8bb9;font-weight:bold;font-size:18px;border-bottom:1px dotted #dedede;}
.pricing-breakdown .row.header .cell .cost{color:#3e8613;margin-top:5px;}

.pricing-cta{display:table;border:0px solid;border-right:none;border-bottom:none;width:100%;table-layout:fixed;}
.pricing-breakdown .row{display:table-row;}
.pricing-breakdown .cell{display:table-cell;padding:10px;text-align:center;border:0px;border-left:none;border-top:none;vertical-align:middle;border-left:1px solid #dedede;}

.pricing-button{text-align:center;display:inline-block;margin:0 auto;}


/* Our Team Page */
#css3table {
	width: 700 px;
	color: #000000;
	padding:0px;
	display: table;
	border: 1px solid white;
}
#row {
	display: table-row;
}
#gap {
	width: 100px;
	padding:0px;
	background: #ffffff;
	border: 1px solid white;
	display: table-cell;
}
#info {
	width: 166px;
	padding:0px;
	background: #ffffff;
	border: 1px solid white;
	display: table-cell;
	padding-bottom:30px;
}
.circular-image img {
               width: 166px;
               height: 166px;
               -webkit-border-radius: 84px;
               -moz-border-radius: 84px;
               -ms-border-radius: 84px;
               -o-border-radius: 84px;
                border-radius: 84px;
                              }
							  

/* News section */
.news-highlights{width:800px;margin:0 auto;}
.news-highlights td{text-align:center;padding:10px 25px 25px;vertical-align:top;font-size:16px;font-style:italic;}

ul.news-list{border-top:1px solid #dedede;margin:20px 0 0 0;}
ul.news-list li{border-bottom:1px solid #dedede;padding:15px 0;overflow:hidden;}
ul.news-list li .blog{float:left;width:180px;height:54px;text-align:center;line-height:54px;}
ul.news-list li p{float:left;margin:0 0 0 20px;width:770px;}

.press-link a { color: #ff9900; text-decoration: underline; outline: 0; font-size: 18px;}
.press-link a:hover { text-decoration: none; }


/* Expanding menu for Resources page*/
.expander{}
.expander-content{display:none;}
.expander-trigger{}

/*Tables for Pricing Features page*/
#post-2308 .table-plan thead>tr>th{padding: 2px;}
#post-2308 .table-plan {margin-top:20px; margin-bottom: 30px}
#post-2308 .table-plan tbody>tr>td {border: 1px solid #ddd}


/* Tables for Resources page */
.tri-table{width:100%;}
.tri-table td{width:33.33%;padding:0 10px;}
.tri-table td:first-child{padding: 0 20px 0 0;}
.tri-table td:last-child{padding:0 0 0 20px;}

/* Career Page Font */
#careers {font-size:16px;}
#careers li{margin: -3px 0 0 0;}

/*Hubspot Page Transfer CSS */
ul.images{margin:0;padding:0;width:100%;}
ul.images li{width:230px;padding:10px;margin:0px;list-style-type:none;display:block;display: inline-block;}
.signature{}
.signature img{float:left;}
.signature p{margin:10px 20px;}

/*YouTube Video Embeds*/
.page page-id-5494 page-template-default {
   display: block;
   margin: 0 auto;
}

/*Business Page Table BG Images*/
table tr td.one
{
 background-image: url(http://i.imgur.com/ohp7Qan.jpg);
}
table tr td.two
{
 background-image: url(http://i.imgur.com/ohp7Qan.jpg);
}
table tr td.three
{
 background-image: url(http://i.imgur.com/ohp7Qan.jpg);
}
table tr td.four
{
 background-image: url(http://i.imgur.com/ohp7Qan.jpg);
}
table tr td.five
{
 background-image: url(http://i.imgur.com/ohp7Qan.jpg);
}
table tr td.six
{
 background-image: url(http://i.imgur.com/ohp7Qan.jpg);
}
h2.business
{
	text-shadow: 2px 3px 7px rgba(0,0,0,0.5);
	font-size: 37px;
}

/*NEW Business Page Code*/
table.thirds{
	margin:0 auto;
	width: 100% !important;
} 	
table.thirds tr td{
	width:33.3333%;
}

table tr td.color-header1 {
 height: 115px;
 font-size:140%;
 font-weight: bold;
 text-shadow: 1px 2px 5px rgba(0,0,0,0.2);
 padding-left: 30px;
 background-color:#77DD77;
 color:#ffffff;
 vertical-align: middle;
 border-top: 1px solid #333333;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
}
table tr td.color-header2 {
 height: 115px;
 font-size:140%;
 font-weight: bold;
 text-shadow: 1px 2px 5px rgba(0,0,0,0.2);
 padding-left: 30px;
 background-color:#DEA5A4;
 color:#ffffff;
 vertical-align: middle;
 border-top: 1px solid #333333;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
}
table tr td.color-header3 {
 height: 115px;
 font-size:140%;
 font-weight: bold;
 text-shadow: 1px 2px 5px rgba(0,0,0,0.2);
 padding-left: 30px;
 background-color:#AEC6CF;
 color:#ffffff;
 vertical-align: middle;
 border-top: 1px solid #333333;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
}
table tr td.color-header4 {
 height: 115px;
 font-size:140%;
 font-weight: bold;
 text-shadow: 1px 2px 5px rgba(0,0,0,0.2);
 padding-left: 30px;
 background-color:#CB99C9;
 color:#ffffff;
 vertical-align: middle;
 border-top: 1px solid #333333;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
}
table tr td.color-header5 {
 height: 115px;
 font-size:140%;
 font-weight: bold;
 text-shadow: 1px 2px 5px rgba(0,0,0,0.2);
 padding-left: 30px;
 background-color:#FFB347;
 color:#ffffff;
 vertical-align: middle;
 border-top: 1px solid #333333;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
}
table tr td.color-header6 {
 height: 115px;
 font-size:140%;
 font-weight: bold;
 text-shadow: 1px 2px 5px rgba(0,0,0,0.2);
 padding-left: 30px;
 background-color:#CFC4C4;
 color:#ffffff;
 vertical-align: middle;
 border-top: 1px solid #333333;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
}
table tr td.uses-text {

 height:300px;
 padding-left: 30px;
 padding-right: 30px;
 padding-top: 30px;
 vertical-align:top;
 position:relative;
 font-size:80%;
 border-bottom: 1px solid #333333;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
}

table tr td.uses-text img{
	position:absolute;
	bottom:30px;
	left: 30px; 
	margin: 0 auto;
}


/* New Homepage */
body.page-id-8006 { font-size: 16px; }

#hpv3_hero { background-size: cover; background-position: center center; position: relative; overflow: hidden; padding: 90px 0; }
	.slider-text { padding: 0 15px; }
	#hero-slider .table-cell { width: 50%; }
	#hpv3_hero .table, #hpv3_hero .table-cell { margin: 0; vertical-align: middle; height: 100%; }
	#hpv3_hero h1 { color: #fff; font-size: 2.2em; margin-bottom: 10px; }
	#hpv3_hero p { color: #fff; margin-bottom: 30px; font-size: 1.2em; }
	#hpv3_hero a.hpv3_hero_button { background: #fff; color: #5a85db; padding: .5em 2em; text-decoration: none; }
	#hpv3_hero a.hpv3_hero_button:hover { background: #5a85db; color: #fff; } 
	#hpv3_hero_image { position: absolute; left: 58.33333333%; height: 700px; width: 41.66666667%; top: 10%; background-repeat: no-repeat; background-size: cover; }
	
#hpv3_logos { padding: 45px 0; }
	#hpv3_user_logos { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
	#hpv3_user_logos li { flex-grow: 1; margin: 0; padding: 0; text-align: center; list-style: none;  width: calc(100% * 1/5); }
	#hpv3_user_logos li img { width: 75%; height: auto; margin: 0 auto; }
	#hpv3_logos a.hpv3_hero_button { background: #5a85db; color: #fff; padding: .5em 2em; text-decoration: none; }
	#hpv3_logos a.hpv3_hero_button:hover { background: #ccc; color: #5a85db; } 

#hpv3_azure-banner { background-size: auto 100%; background-position: center center; background-repeat: repeat-x; padding: 90px 0; position: relative; margin-bottom: 75px; }
	#hpv3_azure-banner p { color: #fff; font-size: 1.2em; }
	#hpv3_azure-banner a.hpv3_hero_button { background: #fff; color: #5a85db; padding: .5em 2em; text-decoration: none; }
	#hpv3_azure-banner a.hpv3_hero_button:hover { background: #ccc; color: #5a85db; } 
	
#hpv3_mid-banner { background-size: cover; background-position: center center; padding: 90px 0; border-top: 5px solid #3a8add; position: relative; }
	#hpv3_mid-banner:before { content: "New"; display: block; position: absolute; left: 5%; background: #3a8add; padding: 10px 45px; color: #fff; top: 0px; font-weight: 700; font-size: .9em; }
	.mid_banner_icon { width: 100px; height: auto; margin: 0 auto; }
	#hpv3_mid-banner h2 { color: #fff; font-size: 2.2em; font-weight: 400; }
	#hpv3_mid-banner p { color: #fff; font-size: 1.2em; }
	#hpv3_mid-banner a.hpv3_hero_button { background: #fff; color: #5a85db; padding: .5em 2em; text-decoration: none; }
	#hpv3_mid-banner a.hpv3_hero_button:hover { background: #5a85db; color: #fff; } 
	
#hpv3_solutions { padding: 45px 0; }	
	.hpv3_solutions_top { padding: 45px 25%; }
	.hpv3_solutions_top h2 { color: #5a85db; font-size: 2.2em; font-weight: 400; margin-bottom: 0; }
	.hpv3_solution { padding: 45px 0; }
	#hpv3_solutions .table, #hpv3_solutions .table-cell { margin: 0; vertical-align: middle; height: 100%; }
	#hpv3_solutions .solution-text { width: 55%; }
	#hpv3_solutions .solution-screenshot { width: 45%; }
	.solution-container { padding: 45px; padding-left: 0; }
	#hpv3_solutions h3 { color: #5a85db; font-size: 2em; font-weight: 400; }
	#hpv3_solutions a.hpv3_hero_button { background: #5a85db; color: #fff; padding: .5em 2em; text-decoration: none; }
	#hpv3_solutions a.hpv3_hero_button:hover { background: #ccc; color: #5a85db; } 
	.solution-image-push-left.solution-text { left: 45%; position: relative; }
	.solution-image-push-right.solution-screenshot { left: -55%; position: relative; }
	.solution-image-push-left .solution-container { padding-left: 45px; }
	
#hpv3_bottom-banner { padding: 90px 0; }	
	.bottom_banner_image { width: 50%; height: auto; }
	#hpv3_bottom-banner h2 { color: #fff; font-size: 2.2em; font-weight: 400; }
	#hpv3_bottom-banner p { color: #fff; }
	#hpv3_bottom-banner a.hpv3_hero_button { background: #fff; color: #5a85db; padding: .5em 2em; text-decoration: none; }
	#hpv3_bottom-banner a.hpv3_hero_button:hover { background: #5a85db; color: #fff; } 
	
#hpv3_get-started { padding: 90px 0; margin-bottom: 90px; }
	#hpv3_get-started h2 { color: #fff; font-size: 3em; font-weight: 400; }
	#hpv3_get-started h3 { color: #fca732; font-size: 2em; font-weight: 400; margin-bottom: 0; }
	#hpv3_get-started .table, #hpv3_get-started .table-cell { margin: 0; vertical-align: middle; height: 100%; }
	#hpv3_get-started .table-75 { width: 66.6666667%; }
	#hpv3_get-started .table-25 { width: 33.3333332%; }
	#hpv3_get-started .get-started-box { padding: 30px 45px; background: #fff; }
	#hpv3_get-started .get-started-logo { width: 100%; height: auto; }
	.get-started-list { margin: 0; padding: 0; }
	.get-started-list li { list-style: none; text-align: left; margin-bottom: 15px; font-weight: 400; }
	.get-started-list li img { width: 35px; height: auto; margin-right: 10px; vertical-align: middle; }
	#hpv3_get-started .hpv3_hero_button { display: block; background: #fca732; padding: .5em 0; color: #fff; font-weight: 400; text-align: center; text-decoration: none; font-size: 1.25em; }
	
#hpv3_news-center { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 45px 0; margin-bottom: 45px; background: linear-gradient(to right,  #3a8add 0%,#3a8add 50%,#ffffff 50%,#ffffff 100%); }
	#hpv3_news-center h2 { color: #5a85db; font-size: 2.2em; font-weight: 400; }
	#hpv3_news-center .home-twitter h2 { color: #fff; }
	#hpv3_news-center .home-news { padding-left: 15px; }
	#hpv3_news-center .blog-post-title a { color: #5a85db; text-decoration: none; font-weight: 400; font-size: 1.2em; }
	#hpv3_news-center .blog-post-date { font-size: .9em; display: inline-block; margin: 5px 0; }
	#hpv3_news-center .blog-post-more {  color: #5a85db; text-decoration: none; }
	

@media (max-width: 767px) {
	#hpv3_hero { height: auto; padding: 30px 0; }
	#hpv3_hero_image { display: none; }
	#hero-slider .table-cell { width: 100%; height: auto; float: left; display: block; }
	#hpv3_user_logos li { width: calc(100% * 1/2); }
	#hpv3_solutions .table-cell, .solution-image-push-right, #hpv3_get-started .table-75, #hpv3_get-started .table-25  { width: 100%; clear: both; float: left; height: auto; }
	.solution-container, .solution-image-push-left .solution-container{ padding: 30px 0; }
	.solution-image-push-left.solution-text { left: 0; position: relative; }
	.solution-image-push-right.solution-screenshot { left: 0; position: relative; }
	.hpv3_solutions_top { padding: 0; }
	.hpv3_solution { padding: 0; }
	.hpv3_hero_button { display: block; text-align: center; }
	#hpv3_news-center { background: #fff; }
	#hpv3_news-center .home-twitter h2 { color: #3a8add; }
	.get-started-list li img { width: 20px; }
	#hpv3_hero, #hpv3_solutions, #hpv3_get-started, #hpv3_news-center { text-align: center; }
	#hpv3_news-center .home-news { padding: 0; }
	#hpv3_get-started { padding: 30px 0; }
	.home-twitter { display: none; }
	footer { text-align: center; }
	
}