/*
	Theme Name: Strong Inside Out
	Author: Proof Branding
	Author URI: http://proofbranding.com/
	Version: 1.0
*/

/* Reset
---------------------------------------- */
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,
input, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%;
}

body {
	background-color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 32px;
	line-height: 3.2rem;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
}

//html,body {
//	overflow-x: hidden;
//}

a img {
	border: none;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

/* ---HTML5 Elements--- */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Float Clearing
---------------------------------------- */
.clearfix:after,
.container:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix, * html .container {zoom: 1;}

*:first-child+html .clearfix, *:first-child+html .container  {zoom: 1;}

/* Links
---------------------------------------- */
a {
	color: #f6804b;
	text-decoration: none;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
		    transition: color 0.1s ease-in-out;
}

a:hover {
	color: #f5b01b;
}

.button {
	display: inline-block;
	padding: 18px 14px;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 18px;
	line-height: 1.8rem;
}

.button, .btn, .readmore, input[type=submit] {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.teaser .readmore { background-color: #f5b01b; color: #fff; }
.teaser .readmore:hover { background-color: #f6804b; }

.post-info a { color: #f5b01b; }
.post-info a:hover { color: #f6804b; }

.sidebar ul li a { color: #373737; }
.sidebar ul li a:hover { color: #f6804b; }


/* Structure
---------------------------------------- */
.cover {
	clear: both;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

.container {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto;
}

.content-area .container {
	padding: 75px 0;
}

.blog .content-area .container,
.single-post .content-area .container,
.archive .content-area .container {
	padding-top: 40px;
}

.header-area .container {
	padding: 50px 0;
}

.footer-area .container {
	padding: 30px 0;
}

/* Covers
---------------------------------------- */
.header-area, .footer-area { background: #000; }

#home-c1 { background-image: url(images/covers/home1.jpg); }

#home-c2 { background-image: url(images/covers/home2.jpg); }

#about-c1, #contact-c1 { background-image: url(images/covers/about1.jpg); }

#about-c3 { background-image: url(images/covers/about2.jpg); }

#about-c4 { background-image: url(images/covers/about3.jpg); }

#events-c1 { background-image: url(images/covers/events-tour.jpg); }

#events-c2 { background-color: #353535; }

#events-c3 { background-image: url(images/covers/events-teaching.jpg); }

#worklp-c1 {background-image: url(images/covers/workit.jpg); }

#p4-c2 { background-color: #353535; }


/* Form Elements
---------------------------------------- */
input,
select,
textarea {
	background-color: #f0f0f0;
	border: 0;
	padding: 16px;
	color: #353535;
	font-family: inherit;
	font-size: 24px;
	text-transform: uppercase;
	-webkit-appearance: none;
	border-radius: 0;
}

textarea {
	font-size: 18px;
}

button,
input[type="button"],
input[type="submit"],
.btn {
	background-color: #f6804b;
	color: #fff;
	border: none;
	cursor: pointer;
	padding: 20px 25px;
	width: auto;
	font-size: 24px;
	font-weight: 300;
	font-family: inherit;
	text-transform: uppercase;
	display: inline-block;
}

button:hover,
input:hover[type="button"],
input:hover[type="submit"],
.btn:hover {
	background-color: #f5b01b;
	color: #fff;
}

.btn.switch {
	background-color: #f5b01b;
}

.btn.switch:hover {
	background-color: #f6804b;
}

.btn.black {
	background-color: #000;
}

.btn.black:hover {
	background-color: #f5b01b;
}

/* ---Gravity Forms--- */

.content div.gform_wrapper input,
.content div.gform_wrapper select,
.content div.gform_wrapper textarea,
.content div.gform_wrapper .ginput_complex label {
	font-size: 14px;
	padding: 16px;
}

.content div.gform_wrapper input[type="submit"] {
	padding: 20px 25px;
}

.content div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
}

div.content .gform_wrapper .top_label .nolabel .gfield_label {
	display: none;
}

div.content .gform_wrapper {
	margin: 0;
	width: 100%;
	max-width: 100%;
}

div.content .gform_wrapper .top_label li.gfield.gf_left_half input.medium, 
div.content .gform_wrapper .top_label li.gfield.gf_left_half input.large, 
div.content .gform_wrapper .top_label li.gfield.gf_left_half select.medium, 
div.content .gform_wrapper .top_label li.gfield.gf_left_half select.large, 
div.content .gform_wrapper .top_label li.gfield.gf_right_half input.medium, 
div.content .gform_wrapper .top_label li.gfield.gf_right_half input.large, 
div.content .gform_wrapper .top_label li.gfield.gf_right_half select.medium, 
div.content .gform_wrapper .top_label li.gfield.gf_right_half select.large {
	width: 100%;
}

div.content .gform_wrapper .top_label li.gfield,
div.content .gform_wrapper .top_label li.gfield.gf_left_half,
div.content .gform_wrapper .top_label li.gfield.gf_right_half {
	margin: 0 0 19px 0;
}

div.content .gform_wrapper .top_label li.gfield.gf_left_half,
div.content .gform_wrapper .top_label li.gfield.gf_right_half {
	width: 48%;
}

div.content .gform_wrapper .top_label input.large, 
div.content .gform_wrapper .top_label select.large, 
div.content .gform_wrapper .top_label textarea.textarea {
	width: 100%;
}

div.content .gform_wrapper textarea.large {
	height: 120px;
}

div.content .gform_wrapper .gform_footer {
	padding: 0;
	margin: 16px 0 0 0;
}

/* Header
---------------------------------------- */
.logo,
.logo a {
	width: 389px;
	height: 88px;
}

.logo {
	float: left;
	background: url(images/logo.png) 0 0 no-repeat;
	text-indent: -999em;
}

.logo a {
	display: block;
}

/* Navigation
---------------------------------------- */
#navigation {
	float: right;
	width: auto;
}

.menu_control {
	display: none;
}

.menu { 
	position: relative; 
	list-style: none; 
	z-index: 50; 
	width: auto;
}

.menu li { 
	position: relative; 
	float: left; 
}

.menu ul { 
	position: absolute; 
	visibility: hidden; 
	list-style: none; 
	z-index: 110; 
}

.menu ul li { 
	clear: both; 
}

.menu ul, .menu ul li { width: 150px; }

.menu ul ul, .menu :hover ul :hover ul { left: 149px; }

.menu li:hover ul, .menu a:hover ul { left: -1px; }

.menu a { 
	display: block; 
}

.menu table { 
	position: absolute; 
	left: 0; 
	border-collapse: collapse; 
}

.menu table table { 
	top: 0 !important; 
}

.menu ul ul { 
	position: absolute; 
	top: 0; 
}

.menu li:hover ul, .menu a:hover ul, .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul { 
	visibility: visible;
}

.menu :hover ul ul, .menu :hover ul :hover ul ul { 
	visibility: hidden;
}

/* ---Custom Menu Styles--- */
#navigation ul li a {
	font-size: 24px;
	font-size: 2.4rem;
	text-transform: uppercase;
	color: #787878;
	padding: 10px 15px;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
		    transition: color 0.1s ease-in-out;
}

#navigation .menu li a:hover,
#navigation .menu li.current-menu-item a,
#navigation .menu li.current_page_parent a {
	color: #f6804b;
}

/* Optin Box
---------------------------------------- */
.optin {
	background: #f6804b;
}

.optin .container {
}

.optin p {
	padding-top: 75px;
	color: #fff;
	font-size: 25px;
	font-size: 1.7rem;
	line-height: normal;
}

.optin .container .form-fields {
	overflow: hidden;
	padding-top: 7px;
	padding-bottom: 10px;
}

.optin .form-fields input[type=email] {
	float: left;
	width: 60%;
	font-size: 18px;
	font-size: 1.8rem;
}

.optin .form-fields input[type=submit] {
	float: right;
	width: 38%;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	padding: 0;
	height: 59px;
	line-height: 59px;
}
/* Events Menu
---------------------------------------- */
.events-menu {
	background: #fff;
}

.events-menu .container {
	height: 75px;
}

/* Teasers
---------------------------------------- */
.teaser {
	border-top: 4px solid #f6804b;
	padding: 40px 0;
}

.teaser.top { 
	border: 0;
	padding-top: 0;
}

.post-thumb {
	margin: 30px 0;
}

.teaser .entry-content {
	overflow: hidden;
	margin-bottom: 20px;
}

/* Headline
---------------------------------------- */
.headline-area {
	margin-bottom: 10px;
}

.entry-title {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 39px;
	line-height: 3.9rem;
	font-weight: 200;
}

.post-info {
	font-size: 16px;
	font-size: 1.6rem;
	font-style: italic;
	color: #8a8a8a;
	overflow: hidden;
}

.post-info > p {
	float: left;
	width: auto;
}

.post-info .sharedaddy {
	clear: none;
	float: right;
	width: auto;
	border: 0;
}

.post-info div.sharedaddy .sd-content {
	width: 100%;
	float: none;
	margin: 0;
}

.post-info div.sharedaddy div.sd-block {
	border: 0;
	padding: 8px 0 0;	
}



/* Post Navigation
---------------------------------------- */
.navigation {
	color: #8a8a8a;
	padding: 30px 0 10px;
	overflow: hidden;
	font-weight: 200;
	text-transform: uppercase;
}

.post-navigation .prev {
	margin-bottom: 10px;
}


/* Entries
---------------------------------------- */
.blog.entry-content h1 { font-size: 2em; line-height: 1.222em; margin: 1.833em 0 0.611em 0; font-weight: bold; }

.blog.entry-content h2 { font-size: 1.586em; line-height: 1.222em; margin: 1.833em 0 0.611em 0; font-weight: bold; }

.blog.entry-content h3 { font-size: 1.286em; line-height: 1.222em; margin: 1.833em 0 0.611em 0; }

.blog.entry-content h4 { font-size: 1em; font-weight: bold; }

.blog.entry-content h5 { font-size: 1em; font-style: italic; }

.blog.entry-content h6 { font-size: 1em; }

.blog.entry-content p { margin-bottom: 1.571em; }

.blog.entry-content acronym, .blog.entry-content abbr { font-size: 0.786em; }

.blog.entry-content code, .blog.entry-content pre { font-family: Consolas, "Andale Mono", Monaco, Courier, "Courier New", Verdana, sans-serif; }

.blog.entry-content code { font-size: 0.929em; }

.blog.entry-content pre { font-size: 0.857em; line-height: 1.5em; margin-bottom: 1.833em; padding: 0.667em 0.917em; }

.blog.entry-content sub, .blog.entry-content sup { line-height: 0.786em }

.blog.entry-content ul { list-style: disc; margin: 0 0 1.571em 1.571em; }

.blog.entry-content ol { list-style: decimal; margin: 0 0 1.571em 1.571em; }

.blog.entry-content ul ul, .blog.entry-content ul ol, .blog.entry-content ol ul, .blog.entry-content ol ol { margin: 0 0 0 1.571em; }

.blog.entry-content dl { margin-bottom: 1.571em; }

.blog.entry-content dd { margin-bottom: 1.571em; }

.blog.entry-content blockquote { margin: 0 0 1.571em 0.786em; padding-left: 0.786em; }

.blog.entry-content blockquote.right, .blog.entry-content blockquote.left { width: 45%; font-size: 1.286em; line-height: 1.222em; }

.blog.entry-content blockquote.right { margin: 0 0 1.222em 1.222em; }

.blog.entry-content blockquote.left { margin: 0 1.222em 1.222em 0; }

.blog.entry-content img.left, .blog.entry-content img.alignleft, .wp-caption.alignleft { margin: 0 1.571em 1.571em 0; }

.blog.entry-content img.right, .blog.entry-content img.alignright, .wp-caption.alignright { margin: 0 0 1.571em 1.571em; }

.blog.entry-content img.center, .blog.entry-content img.aligncenter, .wp-caption.aligncenter { margin: 0 auto 1.571em auto; }

.blog.entry-content img.block, .blog.entry-content img.alignnone, .wp-caption.alignnone { margin: 0 auto 1.571em 0; }

.blog.entry-content img[align="left"] { margin-right: 1.571em; margin-bottom: 1.571em; }

.blog.entry-content img[align="right"] { margin-bottom: 1.571em; margin-left: 1.571em; }

.blog.entry-content img[align="middle"] { margin-bottom: 1.571em; }

.blog.entry-content img.frame, .blog.entry-content .wp-caption { padding: 0.714em; border-width: 0.071em; }

.blog.entry-content img.stack { margin-left: 1.571em; }

.blog.entry-content .wp-caption p { font-size: 0.857em; line-height: 1.5em; margin-bottom: 0; }

.entry-content p {
	margin-bottom: 20px;
}

.section-title {
	color: #f5b322;
	font-weight: 300;
	text-transform: uppercase;
}

.white {
	color: #fff;
}

.highlight {
	color: #f6804b;
}

.lowlight {
	color: #f5b322;
}

.light {
	font-weight: 300;
}

.dark-box {
	background-color: #353535;
	padding: 15px;
	color: #fff;
}

.large {
	font-size: 66px;
	font-size: 6.6rem;
	line-height: 1.2;
}

.medium {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.3;
}

.lgp {
	font-size: 29px;
	font-size: 2.9rem;
	line-height: 40px;
	line-height: 4rem;
	font-weight: 300;
}

.lgp span {
	font-weight: normal;
}

.cb {
	padding: 25px 20px;
	color: #fff;
	background: #000;
	margin-bottom: 20px;
}

.cb p {
	margin: 0;
}

.cb a {
	color: #f5b322;
}

hr {
	background: #fff;
	border: 0;
	clear: both;
	height: 1px;
	margin: 30px 0;
}

.one-half, .one-fifth, .four-fifth { margin-bottom: 20px; }


.entry-content img {
	margin: 0 0 20px 0;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
	margin-bottom: 20px;
}

.entry-content ul,
.entry-content ol {
	margin-left: 20px;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	margin-bottom: 20px;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	margin: 0;
}

.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}

.gallery dl {
	margin: 0;
}

.gallery-caption {
	margin: -20px 0 0 0;
}

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}

blockquote.right {	
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}


/* Setup Comments
---------------------------------------- */
.comments-area {}

.comments-area a { 
	color: #fd7900; 
	text-decoration: none;
}

h2.comments-title { 
	margin: 20px 0 30px; 
	font-weight: bold; 
}

h2.comments-title span { 
	font-style: italic;
}

ol.commentlist {
    margin: 30px 0 40px 0;
    list-style-type: none;
}

li.comment {
    margin: 0 0 20px 0;
    padding: 10px;
    background-color: #f4f6f8;
}

li.comment article {
    margin: 0 0 0 75px;
    position: relative;
    min-height: 70px;
    padding-bottom: 10px;
}

li.comment .comment-meta {
    overflow: hidden;
    float: left;
    display: block;
    width: 50%;
}

li.comment .comment-text { 
	padding-bottom: 1px
}

.comment article {
	position: relative;
}

.comment .avatar {
    position: absolute;
    left: -75px;
}

li.comment p {
    clear: both;
    margin-bottom: 15px;
}

li.comment cite {
    font-weight: bold;
    font-style: normal;
    margin: 0 8px 0 0;
    float: left;
}

li.comment cite a {
    color: #444;
    padding-right: 10px;
}

li.comment cite a:hover {
    text-decoration: none;
    color: #A0410D;
}

.commentmetadata,
.commentmetadata a {
    font-size: 10px;
    text-transform: uppercase;
    color: #aaa;
}

.commentmetadata a:hover { color: #777 }

.says { display: none }

.comment-meta {
    margin: 0 0 5px;
    line-height: 22px;
    position: relative;
}

li.comment .comment-body a.comment-reply-link {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    color: #aaa;
    padding: 0 10px 0 0;
    font-size: 11px;
    font-style: italic;
}

li.comment .comment-body a.comment-reply-link:hover { 
	color: #777;
}

.moderation {
    font-size: 11px;
    font-style: italic;
    color: #c88865;
}

ul.children {
    list-style-type: none;
    margin: 0 0 0 20px;
}

ul.children li.comment {
    background: none;
    border-top: 1px solid #ebebeb;
    padding: 15px 0 0 0;
    margin: 0;
}

ul.children .avatar {
    width: 30px;
    height: 30px;
    left: -50px;
}

ul.children li.comment .comment-body { margin: 0 0 0 50px }

/* -- Respond --*/
h3#reply-title { 
	margin: 20px 0 0;
	font-weight: bold;
}

#commentform {
    padding-top: 20px;
    margin-bottom: 50px;
}

#commentform p { 
	clear: both; 
	overflow: hidden; 
	margin-bottom: 15px; 
	font-size: 14px;
}

#commentform input[type=text],
#commentform textarea {
    border: 1px solid #ddd;
    background: #fcfcfc;
    text-transform: none;
    font-size: 16px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	float: right;
	width: 67.8733%;
	line-height: 30px;
	text-align: left;
}

#commentform label .required { color: red; }

#commentform input[type=text] {
    padding: 0.5%;
    border: 1px solid #ddd;
    width: 28.35595%;
    float: left;
    margin-right: 5%;
}

.comment-form-comment label { display: none; }

#commentform textarea {
    width: 95%;
    height: 150px;
    padding: 7px;
    border: 1px solid #ddd;
}

#commentform .form-allowed-tags {
	font-size: 0.8em;
}

#commentform input:focus,
#commentform textarea:focus { 
	border-color: #c0c0c0;
}

#commentform #submit {
   padding: 15px 25px;
   -webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		    transition: all 0.1s ease-in-out;
}

#commentform #submit:hover {
	
}

/* Sidebar Widgets
---------------------------------------- */
.sidebar .widget {
	font-weight: 200;
	margin-bottom: 50px;
}

.sidebar .widget-title {
	color: #f6804b;
	text-transform: uppercase;
	border-bottom: 4px solid #f6804b;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin-bottom: 10px;
}

/* ---Connect--- */
.widget ul.connect {
	overflow: hidden;
	color: #fff;
	background: #000;
	padding: 15px 5px 15px 10px;
	list-style: none;
	margin: 0;
}

.widget .connect li {
	float: left;
	line-height: 36px;
	text-transform: uppercase;
	width: 38px;
	height: 36px;
	text-indent: -999em;
	font-size: 22px;
	margin-left: 8px;
	margin-bottom: 0;
}

.connect li.text {
	text-indent: 0;
	width: auto;
	margin-left: 0;
}

.connect a {
	width: 38px;
	height: 36px;
	display: block;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		    transition: all 0.1s ease-in-out;
}

.connect a:hover {
	opacity: 0.8;
}


.connect .twitter a { background: url(images/connect-twitter.png) 0 0 no-repeat; }

.connect .facebook a { background: url(images/connect-facebook.png) 0 0 no-repeat; }

.connect .pinterest a { background: url(images/connect-pinterest.png) 0 0 no-repeat; }

.connect .instagram a { background: url(//stronginsideout.com/wp-content/uploads/2016/02/footer-insta.png); }

/* ---Search Form--- */
#searchform label {
	display: none;
}

#searchform input[type=text] {
	float: left;
	width: 72%;
	margin-right: 3%;
	padding: 0 4%;
	height: 55px;
	font-size: 21px;
	font-weight: 300;
}

#searchform input[type=text]:focus {
	outline: none;
}

#searchform input[type=submit] {
	float: left;
	width: 25%;
	text-align: center;
	padding: 0;
	height: 55px;
	line-height: 55px;
	font-size: 21px;
	font-weight: 300;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		    transition: all 0.1s ease-in-out;
}

#searchform input[type=submit]:hover {
	background-color: #f5b322;
}

/* Footer
---------------------------------------- */
.footer {
	color: #fff;
	text-align: center;
}

.footer a {
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		    transition: all 0.1s ease-in-out;
}

.footer p {
	margin-bottom: 20px;
}

.footer p a {
	color: #fff;
}

.footer p a:hover {
	color: #f5b01b;
}

.footer .disclaimer {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: normal;
}

ul.social {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

ul.social li,
ul.social li a {
	width: 55px;
	height: 53px;
}

ul.social li {
	display: inline-block;
	margin: 0 8px;
}

ul.social li a {
	display: block;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 55px 53px;
}

ul.social li.facebook a { background-image: url(images/facebook.png); }

ul.social li.twitter a { background-image: url(images/twitter.png); }

ul.social li.pinterest a { background-image: url(images/pinterest.png); }

ul.social li.instagram a { background-image: url(//stronginsideout.com/wp-content/uploads/2016/02/social-insta.png); }

ul.social li a:hover {
	opacity: 0.8;
}

/* Homepage
---------------------------------------- */
#home-c1 {
	text-align: center;
}

#home-c1 .container {
	padding-bottom: 0;
}

#home-c1 #form-intro {
	font-size: 26px;
	line-height: 34px;
	font-weight: 300;
}

#home-c1 #form-intro span {
	font-weight: 900;
}

#intro-box {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

#home-c1 #intro {
	font-size: 32px;
	line-height: 43px;
	margin-top: 50px;
	padding: 50px 0 30px;
}

#home-c1 #intro {
	position: relative;
	background: rgba(246,128,75,0.08);
	margin: 0 !important;
}

#home-c1 #intro:before, #home-c1 #intro:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9999px;
	background: rgba(246,128,75,0.08);
	overflow: hidden;
}

#home-c1 #intro:before {
	right: 100%;
}

#home-c1 #intro:after {
	left: 100%;
}

#home-c1 input[type=email] {
	height: 49px;
	padding-top: 0;
	padding-bottom: 0;
	border:  1px solid #e3e3e3;
	background: #fff;
	margin-bottom: 10px;
}

#home-c1 input[type=submit] {
	height: 49px;
	padding-top: 0;
	padding-bottom: 0;
}

#home-c1 .video-box {
	position: relative;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);
	padding-top: 25px;
	padding-bottom: 51.25%; /* 16:9 */
	height: 0;
}

#home-c1 .video-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#home-c2 { 
	text-align: center;
}

#home-c2 .btn {
	width: 65%;
	text-align: center;
}

#home-c2 #writings {
	margin-top: -140px;
	overflow: hidden;
}

#home-c2 #writings p.white {
	font-size: 20px;
	font-size: 2rem;
	line-height: normal;
	padding-top: 10px;
}

/* Events Page
---------------------------------------- */
#events-c0 .container {
	padding: 0;
}

#events-c0 ul {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

#events-c0 ul li {
	margin-bottom: 10px;
}

#events-c0 ul a {
	font-weight: 300;
	color: #484848;
	display: block;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
}

#events-c0 ul a span {
	font-weight: 400;
}

#events-c0 ul a:hover,
#events-c0 ul a:hover span.highlight {
	color: #f5b01b;
}

/* Work It Landing Page
---------------------------------------- */
#worklp-c1 {
	text-align: center;
}

#worklp-c1 p.medium {
	font-weight: 300;
}

/* Contact Page
---------------------------------------- */
#contact-c1 .gform_wrapper .gform_footer {
	padding-top: 0;
}

/* Product Pages
---------------------------------------- */
#p4-c1 .dark-box p {
	margin-bottom: 10px;
	line-height: normal;
}

#p4-c1 .dark-box p a {
	color: #fff;
}

#p4-c1 .dark-box p a:hover,
#p4-c1 .dark-box p a.active {
	color: #dba01e;
}

/* Large Screen Media Queries
---------------------------------------- */
@media only screen and (min-width: 1024px) {
	
	/* ---Header--- */
	.logo { float: left; width: auto; }
	#navigation { float: right; width: auto; margin-top: 25px; }
	
	/* ---Content Area--- */
	.content-sidebar .content { float: left; width: 63%; }
	.content-sidebar .sidebar { float: right; width: 30%; }
	
	/* ---Optin Container--- */
	.optin .container { height: 75px; overflow: hidden; }
	.optin .container p { float: left; width: 70%; padding-top: 0; padding-left: 50px; line-height: 75px; line-height: 7.5rem; }
	.optin .container .form-fields { float: right; width: 30%; padding-bottom: 0; }
	
	/* ---Form Fields--- */
	.content div.gform_wrapper input, .content div.gform_wrapper select, .content div.gform_wrapper textarea, .content div.gform_wrapper .ginput_complex label { font-size: 16px; }
	
	/* ---Post Navigation--- */
	.page-navigation .prev { float: left; width: 50%; }
	.page-navigation .next { float: right; width: 50%; text-align: right; }
	
	/* ---Footer--- */
	.creds { float: left; width: 50%; text-align: left; }
	.footer-right { float: right; width: 50%; }
	ul.social { float: right; width: auto; margin-top: 50px; }
	
	/* ---Home Page--- */
	#home-c1 input[type=email] { float: left; width: 60%; margin-bottom: 0; }
	#home-c1 input[type=submit] { float: right; }
	#home-c2 { text-align: left; }
	#home-c2 #writings { margin-top: -50px; }
	#home-c2 #writings h2 { float: left; width: 34%; }
	#home-c2 #writings p.white { float: left; width: 30%; }
	#home-c2 #writings p.holder { float: right; width: 30%; }
	
	/* ---Events page--- */
	#events-c0 .container { padding: 27px 0; }
	#events-c0 ul { overflow: hidden; }
	#events-c0 ul li { margin: 0; float: left; width: 33%; }
	#events-c0 ul a { font-size: 30px; font-size: 3rem; }
	.gform_wrapper .left-right .gform_body { clear: none; float: left; width: 52%; }
	.gform_wrapper .left-right .gform_footer { clear: none; float: right; width: 45%; margin-top: 0 !important; }
	.gform_wrapper .left-right input.medium { width: 100% !important; }
	.content div.gform_wrapper .left-right input[type=submit] { padding-top: 19px; padding-bottom: 19px; }

	
	/* ---contact page--- */
	#contact-c1 .gform_wrapper { width: 550px; }
	
	/* ---product pages--- */
	#v-intro { float: left; width: 300px; }
	#v-demo { float: right; width: 394px; }
}


/* Tablet & Desktop Media Queries
---------------------------------------- */
@media only screen and (min-width: 768px) {
	.one-half, .one-fifth, .four-fifth { margin-bottom: 0; }
	.one-half { float: left; width: 46%; margin-left: 8%; }
	.one-third { float: left; width: 30.666667%; margin-left: 4%; }
	.one-fifth { float: left; width: 20%; margin-left: 8%; }
	.four-fifth { float: left; width: 72%; margin-left: 8%; }
	.first { margin-left: 0; }
	.one-half.video { width: 42%; margin-left: 8%; }
	.one-half.video.first { width: 50%; margin-left: 0; }
} 


/* Tablet Media Queries
---------------------------------------- */
@media only screen and (min-width: 767px) and (max-width: 1023px) {
	
	/* ---Header--- */
	.logo, .logo a { width: 200px; height: 45px; }
	.logo { background-size: 200px 45px; }
	#navigation ul li a { font-size: 14px; font-size: 1.4rem; }
}

/* Mobile Menu Media Query
---------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---Header--- */
	.header-area .container { padding: 30px 0; }
	.logo, .logo a { width: 280px; height: 63px; }
	.logo { float: none; width: 100%; background-size: 280px 63px; background-position: center center; }
	
	/* ---Navigation--- */
	#navigation {float: none; width: 100%; margin: 15px 0px 0;}
	.menu_control { display: block;	width: 100%; height: 40px; border-width: 0; background: #000 url(images/hamburger2.png) center center no-repeat; color: #fff; padding: 10px; cursor: pointer; font-weight: bold; text-align: center; }
	#navigation ul { display: none; padding: 0; }
	#navigation ul.show_menu { display: block; }
	#navigation ul,
	#navigation ul li,
	#navigation ul li a { float: none; background: transparent; border: none; }
	#navigation ul > li { border-bottom: 1px solid #666; }
	#navigation ul li a,
	#navigation ul li.active a,
	#navigation ul li a:hover,
	#navigation ul li:hover a { border: none; padding: 5px 10px; line-height: 150%; background: transparent; background-image: none; }
	#navigation ul li:hover a {	color: #fff; }
	/* Initial reset and hide sublevels in mobile view */
	#navigation ul.sub-menu,
	#navigation ul.sub-menu li,
	#navigation ul.sub-menu li:hover,
	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover { display: none; position: relative; left: 0px; line-height: 100%; background: none; border: none; border-style: none; box-shadow:none; padding: 0 10px; margin: 0; height: auto; background-image: none; background-color: #000; }
	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover { padding: 6px 0px 6px 0px; background-color: #000; }
	#navigation li:hover ul.sub-menu,
	#navigation li:hover ul.sub-menu li,
	#navigation li:hover ul.sub-menu li a { display: inline-block; background-color: #000; }
	#navigation ul > li.current-menu-item > a { background-color: inherit; color: #fff; }
	
	/* ---Headlines--- */
	.post-info { font-size: 14px; font-size: 1.4rem; }
	
	/* ---Home--- */
	#home-c1 .container { padding-top: 10px; }
	
	/* ---Work It Page--- */
	#worklp-c1 .large, #worklp-c1 .medium,  #worklp-c1 .btn  {  font-size: 20px; font-size: 2rem; }
	#worklp-c1 .container:nth-child(1n) { padding-bottom: 20px; }
	#worklp-c1 .container:nth-child(2n) { padding-top: 0; }
}
#ois_2 div span{
	text-align:center;
}
#ois_2{
  margin:40px 0;
}