@charset "utf-8";
/*
Theme Name: BrianHaskins
Theme URI: http://www.BrianHaskins.com/
Description: This template is designed for Brian Haskins - Break Through.
Author: Farrukh Khan
Tags: custom header, fixed width, two columns
*/

body {
	background:#ffffff;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#303132;
	margin:0px;
	padding:0px;
	}

a { color:#bf9933; outline:none; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
a img { outline:none; border:0px; }
img { max-width:100%; height:auto; }


h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#303132;
	}

p {
	margin:0px 0px 15px 0px;
	padding:0px;
	line-height:22px;
	}

blockquote {
	background:#f9f9f9;
	border-top:solid 3px #bf9933;
	border-bottom:solid 3px #bf9933;
	padding:20px 20px 1px 20px; margin:0px 20px 20px 20px; }

label { display:block; margin:0px 0px 5px 0px; }
input, textarea { width:91.5%; padding:4%; margin:0px 0px 15px 0px; border:solid 1px #cccccc; background:#f9f9f9; color:#5d696f; font-family: 'Open Sans', sans-serif; }
textarea { resize:none; height:60px; }
select { width:100%; padding:2%; border:solid 1px #444444; background:#ffffff; color:#5d696f; }
input[type="submit"] { width:auto; color:#1f272a; font-size:20px; background:#bf9933; border:0px; margin:0px; padding:2% 8%;
transition:ease-in-out background 250ms; -moz-transition:ease-in-out background 250ms; -o-transition:ease-in-out background 250ms;
-webkit-transition:ease-in-out background 250ms; -ms-transition:ease-in-out background 250ms; cursor:pointer; border-radius:5px;
-moz-border-radius:5px; -o-border-radius:5px; -border-radius:5px;}
input[type="submit"]:hover { background:#ffffff; }

input.wpcf7-not-valid, #contact-frmbox select.wpcf7-not-valid, #contact-frmbox textarea.wpcf7-not-valid { border:solid 1px #ff3300; }

input.wpcf7-validates-as-required, #contact-frmbox select.wpcf7-validates-as-required, #contact-frmbox textarea.wpcf7-validates-as-required { border-left:solid 3px #ff3300; }

span.wpcf7-not-valid-tip { display:none !important; }

#wpcf7-f78-p27-o1 div.wpcf7-response-output { font-size:13px; font-family: "Arial","Helvetica",sans-serif; background:#900; border:0px; color:#ffffff; text-align:center; padding:5px; margin:10px 0px 0px 0px; }

#wpcf7-f78-p27-o1 div.wpcf7-mail-sent-ok { font-size:13px; font-family: "Arial","Helvetica",sans-serif; background:#398f14; border:0px; color:#ffffff; text-align:center; padding:5px; margin:10px 0px 0px 0px; }

/*** Wrappers ***/
.wrapper {
	width:960px;
	margin:0px auto;
	padding:0px;
	}

#internal-page { padding:25px 0px 25px 0px; }

/*** Header ***/
#header {
	background:url(images/overlay.png);
	padding:20px 0px 20px 0px;
	position:fixed;
	width:100%;
	top:0%;
	}

#header-right {
	padding:0px;
	width:160px;
	float:right;
	}

#social-media-box { padding:10px 0px 0px 0px; float:right; }

#social-media-box a { background:#121415 no-repeat center center; border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; display:inline-block; margin:0px 0px 0px 8px; padding:0px; width:38px; height:38px; transition:ease-out background 250ms; -moz-transition:ease-out background 250ms; -o-transition:ease-out background 250ms; -webkit-transition:ease-out background 250ms; }

#social-media-box a.facebook { background-image:url(images/facebook.png); }
#social-media-box a.twitter { background-image:url(images/twitter.png); }
#social-media-box a.linkedin { background-image:url(images/linkedin.png); }
#social-media-box a.youtube { background-image:url(images/youtube.png); }

#social-media-box a:hover { background-color:#bf9933; }

#top_main_block { background:#ffffff url(images/bg.jpg); background-size:cover; color:#ffffff; }

/*** Splash Block ***/
#splash_block {
	width:1175px;
	background:url(images/brian.png) no-repeat left bottom;
	margin:0px auto; 
	padding:150px 25px 0px 0px;
	color:#ffffff;
	}

#shadow_block { background:url(images/shadow_bg.png) repeat-x left bottom; }

#spl-wrapper { float:right; }

#splash_block h1 { font-family: 'Roboto', sans-serif; color:#ffffff; font-size:40px; font-weight:700; line-height:40px; margin:0px 0px 0px 0px; text-transform:uppercase; }
#splash_block h2 { font-family: 'Roboto', sans-serif; color:#ffffff; font-size:74px; font-weight:700; line-height:72px; margin:0px 0px 25px 0px; text-transform:uppercase; letter-spacing:2px;  }
#splash_block h3 { font-family: 'Roboto', sans-serif; color:#202020; font-size:84px; font-weight:300; line-height:88px; margin:0px; text-transform:uppercase; }
#splash_block p { line-height:26px; margin:0px 0px 30px 0px; color:#ffffff; font-size:18px; }

#signup_box { width:420px; background:url(images/bth-book.png) no-repeat left top; padding:15px 0px 125px 250px; text-align:center; }

/*** About Block ***/
#about_block {
	background:url(images/about-bg.jpg);
	background-size:100%;
	padding:110px 0px 110px 0px;
	font-size:18px;
	line-height:24px;
	}

#about_block #ab_content { width:500px; }

#about_block h1 { font-family: 'Roboto', sans-serif; color:#907334; font-size:64px; font-weight:300; line-height:68px; margin:0px 0px 0px 0px; text-transform:uppercase; }
#about_block h2 { font-family: 'Roboto', sans-serif; color:#dae1e4; font-size:108px; font-weight:300; line-height:100px; margin:0px 0px 25px 0px; text-transform:uppercase; }
#about_block p { line-height:30px; margin:0px 0px 30px 0px; color:#ffffff; }


/*** Title Block ***/
#title_block { background:#1c1d1e; padding:50px 0px 0px 0px; text-align:center; text-transform:uppercase; color:#ffffff; }
#title_block h1 { font-family: 'Roboto', sans-serif; color:#ffffff; font-size:40px; font-weight:300; line-height:40px; margin:0px 0px 5px 0px; }
#title_block h2 { font-family: 'Roboto', sans-serif; color:#ffffff; font-size:90px; font-weight:700; line-height:90px; margin:0px; }

.pointer { margin:0px 0px -20px 0px; }


/*** Products Block ***/
#product_block { padding:50px 0px 10px 0px; }

#product_block h1 { color:#303132; text-transform:uppercase; font-size:38px; line-height:34px; margin:0px 0px 15px 0px; }
	
#product_block .pbox { margin:60px 0px 60px 0px; }
#product_block .prd_thumb { float:left; width:405px; }
#product_block .prd_content { float:right; width:515px; }

#product_block .prd_thumb.swtrt { float:right; }
#product_block .prd_content.swtlt { float:left; }


/*** About Page ***/
#splash_block.ab_spl_block {
	background:url(images/brian2.png) no-repeat 25px 80px;
	padding:120px 25px 100px 0px;
	}

#signup_box.about_subox {
	width:420px;
	background:url(images/bth-book.png) no-repeat right top;
	background-size:30%;
	padding:15px 190px 55px 0px;
	}

#cirlce_block {
	color:#dae1e4;
	text-align:center;
	background:url(images/circle.png) no-repeat center center;
	font-family: 'Roboto', sans-serif;
	font-size:44px;
	font-weight:bold;
	line-height:50px;
	text-transform:uppercase;
	padding:65px 0px;
	}
#cirlce_block span { display:block; color:#ffffff; font-size:20px; line-height:24px; margin-bottom:5px;  }

#about_page_content { padding:0px 0px 50px 0px; }

#about_page_content h1, #about_page_content h2, #about_page_content h3 {
	font-family: 'Roboto', sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	}

#about_page_content h1 { font-size:34px; line-height:36px; margin:0px; }
#about_page_content h2 { font-size:58px; line-height:60px; color:#303132; }
#about_page_content h3 { font-size:46px; line-height:48px; }

#about_page_content p { line-height:28px; margin:0px 0px 30px 0px; color:#ffffff; font-size:20px; }

/*** Blog Page ***/
#splash_block.blog_spl_block { background:url(images/brian4.png) no-repeat right bottom; }

#blog_bnr_block { text-align:center; width:500px; padding-bottom:30px; }
#blog_bnr_block .live-circle { width:500px; margin:50px 0px; }
#blog_bnr_block h1 { font-family:'Roboto', sans-serif; color:#202020; font-size:64px; font-weight:300; line-height:68px; margin:0px; text-transform:uppercase; }
#blog_bnr_block h2 { font-family:'Roboto', sans-serif; color:#ffffff; font-size:70px; font-weight:700; line-height:70px; margin:0px; text-transform:uppercase; }
#blog_bnr_block h3 { font-family:'Roboto', sans-serif; color:#ffffff; font-size:46px; font-weight:700; line-height:46px; margin:0px; text-transform:uppercase; }

/*** Inner Page Title Block ***/
#splash_block.inner_title_block { background:none; padding:120px 0px 30px 0px; }

/*** Content Box ***/
#content_area_wide {}
#content_area_wide.narrow { float:left; width:630px; }

.page_content_box { margin:0px; padding:0px; }
.page_content_box.blog_post { padding:0px 0px 25px 0px; margin:0px 0px 20px 0px; border-bottom:dotted 1px #191919; }

h1.archhead { font-size:30px; line-height:34px; border-bottom:solid 2px #b7a366; padding-bottom:5px; }

.page_content_box h1 { font-size:36px; line-height:40px; text-transform:capitalize; }

.page_content_box h2 { font-size:30px; line-height:32px; }
	
.page_content_box h3 { font-size:26px; line-height:28px; }

.page_content_box h4 { font-size:22px; line-height:24px; }
	
.page_content_box h5 { font-size:18px; line-height:22px; }

.page_content_box h6 { font-size:16px; line-height:19px; margin:20px 0px; }

.page_content_box p { margin-bottom:15px; line-height:22px; }

.page_content_box ol{ list-style-position:inside; margin:0px 0px 0px 15px; padding:0px 0px 15px 0px; }
	
.page_content_box ol li{ padding:0px 0px 3px 0px; line-height:22px; }

.page_content_box ul{ list-style-position:inside; margin:0px 0px 0px 15px; padding:0px 0px 15px 0px; }

.page_content_box ul li{ padding:0px 0px 3px 0px; line-height:22px; }
 
.postbox ul.bigorange li { color:#ff8901; font-size:18px; line-height:24px;  }

/*** Sidebar ***/
#sidebar { float:right; width:300px; margin:0px; padding:0px; }

#sidebar h1 { font-size:24px; line-height:26px; }
	
#sidebar h2 { font-size:30px; line-height:32px; margin-bottom:12px; }
	
#sidebar h3 { font-size:26px; line-height:29px; margin-bottom:12px; }
	
#sidebar h4 { font-size:22px; line-height:26px; margin-bottom:12px; }
	
#sidebar h5 { font-size:18px; line-height:23px; margin-bottom:12px; }

#sidebar h6 { font-size:15px; line-height:20px; margin-bottom:12px; }

#sidebar p { margin-bottom:15px; line-height:22px; } 

#sidebar ol{ list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 12px 0px; }
	
#sidebar ol li{ padding:4px 0px 4px 0px; line-height:22px; border-top:dotted 1px #666666; }

#sidebar ul{ list-style-position:inside; margin:0px 0px 0px 0px; padding:0px 0px 12px 0px; }

#sidebar ul li{ padding:4px 0px 4px 0px; line-height:22px; border-top:dotted 1px #666666; }

#sidebar li:first-child{ border-top:0px; }

#sidebar a { text-decoration:none; }

#sidebar .widget {
	background:#f9f9f9;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	padding:20px 20px 8px 20px;
	margin-bottom:25px; }

/*** Footer ***/
#footer {
	background:#6b6c6d;
	color:#ffffff;
	padding:10px 0px;
	font-size:14px;
	line-height:20px;
	}

#footer a { color:#ffffff; }
#footer a:hover { color:#997c53; text-decoration:none; }

#copyright { float:left; width:600px;  }
#powered { display:block; }

#social-media-box.footsmb { padding:0px 0px 0px 0px; }


/*** Misc. Styles ***/
.clear { clear:both; }

.center { text-align:center; }
.right { text-align:right; }

.navigation {
	padding:5px 0px 15px 0px;
	margin:auto;
	}

.align-left {
	float:left;
	}

.align-right {
	float:right;
    text-align:right;
	}

.navigation a  {
	display:inline-block;
	background-color:#bf9933;
	text-decoration:none;
	padding:8px 12px;
	font-size:14px;
	color:#ffffff;
	transition:ease-in background 300ms;
	-moz-transition:ease-in background 300ms;
	-o-transition:ease-in background 300ms;
	-webkit-transition:ease-in background 300ms;
	border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -border-radius:5px;
	}

.navigation a:hover  { background-color:#303132; color:#ffffff; }
	
.alignleft {
	margin-top:5px;
	margin-right:10px;
	float:left;
	}

.alignright {
	margin-top:5px;
	margin-left:10px;
	float:right;
	}

.aligncenter {
	display:block;
	margin:0px auto 20px auto;
	}

.imgbrdr { border:solid 2px #303132; }

.post_thumb { border:solid 2px #303132; display:block; margin:0px auto 10px auto; max-width: 99.5%; }

.std_btn a {
	display:inline-block;
	background-color:#bf9933;
	text-decoration:none;
	text-transform:uppercase;
	padding:8px 15px;
	font-size:14px;
	color:#ffffff;
	transition:ease-in background 300ms;
	-moz-transition:ease-in background 300ms;
	-o-transition:ease-in background 300ms;
	-webkit-transition:ease-in background 300ms;
	border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -border-radius:5px;
	}

.std_btn a:hover { background-color:#303132; color:#ffffff; }

/*** Blog Page Styles ***/
.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; }
.author { background-image: url(images/user.png); background-repeat: no-repeat; padding-left: 20px; }
.post-info { color: #333; font-size: 12px; margin-bottom: 6px; padding: 5px 0px; border-top: dotted 1px #181818;
	border-bottom: dotted 1px #181818; }
.category { background-image: url(images/category.png); background-repeat: no-repeat; padding-left: 20px; }
.tags { background-image: url(images/tag.png); background-repeat: no-repeat; padding-left: 20px; margin-bottom: 10px; display: block; }
.comments { background-image: url(images/comment.png); background-repeat: no-repeat; padding-left: 20px; }
.bottom-info { color: #333; font-size: 12px; margin-bottom: 15px; padding: 5px 0px; border-top: dotted 1px #181818;
	border-bottom: dotted 1px #181818; }

/* COMMENT FORM */
#commentform input { width:150px; padding:2px; margin:0px; }
#commentform { margin: 0px; }
#commentform textarea { width:98%; padding:2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { padding:5px 8px; margin: 0 0 5px 0px; width:auto; }
.commentlist li .avatar { width: 32px; float: right; padding: 2px; background: #bf9933; margin-right: 0px; }
ol.commentlist { list-style: none; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; }
ol.commentlist li { background: none; padding-bottom: 5px; margin: 0px; }
.comment-meta { padding-bottom: 8px; }
ol.commentlist a { text-decoration: none; font-style: normal; }
ol.commentlist a:hover { text-decoration: underline; }
.reply { padding-bottom: 5px; }
.reply .comment-reply-link { background-color: #bf9933; padding: 4px 4px 4px 4px; color: #ffffff; }
.reply .comment-reply-link:hover { background-color: #303132; color: #ffffff; text-decoration: none; }
ul.children { list-style: none; margin: 0px; padding: 0px; }
.comment-body { border:solid 1px #c6c6c6; box-shadow:0px 0px 3px #c6c6c6; background-color: #f9f9f9; padding: 10px;
	margin-bottom: 5px; color: #000000; }

/*** Four-o-Four ***/
#four-o-four { padding:130px 0px 50px 0px; }
#four-o-four h1 { font-size:252px; line-height:252px; text-align:center; }
#four-o-four h2 { font-size:54px; line-height:54px; text-align:center; }

/**For Screens Equal to 960px and Less than 1024px ***/
@media only screen and ( min-width: 960px ) and ( max-width: 1024px ) {
	/*** Splash Block ***/
	#splash_block { width:950px; background:none; margin:0px auto; padding:100px 0px 0px 0px; }
	#spl-wrapper { float:none; padding:0%;  }
	#signup_box { margin:0px auto; }
	#splash_block h1, #splash_block h2, #splash_block h3 { text-align:center; }

	/*** About Block ***/
	#about_block { background-size:cover; padding:30px 0px 15px 0px; }

	/*** About Page ***/
	#splash_block.ab_spl_block { background:none; padding:100px 0px 50px 0px; }
}


/**For Screens Equal to 768px and Less than 960px ***/
@media only screen and ( max-width: 959px ) {
	/*** Wrappers **/
	.wrapper { width:750px; }
	#internal-page { padding:25px 0px 25px 0px; }
	
	/*** Header ***/
	#header { padding:10px 0px 10px 0px; }
	#header-right { padding:5px 0px 0px 0px; }
	#social-media-box { padding:0px 0px 0px 0px; float:right; }
	
	#top_main_block { background-size:cover; }
	
	/*** Splash Block ***/
	#splash_block { width:750px; background:none; margin:0px auto; padding:100px 0px 0px 0px; }
	#spl-wrapper { float:none; padding:0%; }
	#signup_box { margin:0px auto; }
	#splash_block h1, #splash_block h2, #splash_block h3 { text-align:center; }
	
	/*** About Block ***/
	#about_block { background-size:cover; padding:30px 0px 15px 0px; }
	
	/*** Products Block ***/
	#product_block { padding:40px 0px 20px 0px; }
	#product_block .pbox { margin:30px 0px 30px 0px; }
	#product_block .prd_thumb { width:300px; }
	#product_block .prd_content { width:420px; }
	
	/*** About Page ***/
	#splash_block.ab_spl_block { background:none; padding:100px 0px 50px 0px; }
	#signup_box.about_subox { margin:0px auto; width:420px; padding:25px 250px 50px 0px; background-size:35%; }
	#right_cntnr { float:none; }
	#cirlce_block { margin-bottom:20px; }
	
	/*** Blog Page ***/
	#splash_block.blog_spl_block { background-size:contain; }
	#blog_bnr_block .live-circle { width:200px; }
	#blog_bnr_block h1 {font-size:54px; line-height:58px; }
	#blog_bnr_block h2 {  font-size:60px; line-height:60px; }

	/*** Inner Page Title Block ***/
	#splash_block.inner_title_block { padding:95px 0px 30px 0px; }
	
	/*** Content Box & Sidebar ***/
	#content_area_wide.narrow { width:450px; }
	#sidebar { width:250px; }
	
	#copyright { }

	/*.alignleft, .alignright, .aligncenter { float:none; display:block; margin:0px auto 15px auto; }*/
}

/**For Screens Equal to 480px and Less than 768px ***/
@media only screen and ( max-width: 767px ) {
	/*** Wrappers **/
	.wrapper { width:460px; }
	#internal-page { padding:25px 0px 25px 0px; }

	/*** Header ***/
	#header { padding:10px 0px 10px 0px; }
	#header-right { float:none; width:100%; padding:0px; }
	#social-media-box { padding:5px 0px 0px 0px; float:right; }
	
	#top_main_block { background-size:cover; }
	
	/*** Splash Block ***/
	#splash_block { width:460px; background:none; margin:0px auto; padding:100px 0px 0px 0px; }
	#spl-wrapper { float:none; padding:0%; }
	#signup_box { margin:0px auto; width:300px; padding:0px 0px 0px 160px; background-size:35%; }
	#splash_block h1 { text-align:center; font-size:34px; }
	#splash_block h2 { text-align:center; font-size:46px; }
	#splash_block h3 { text-align:center; font-size:54px; }
	
	/*** About Block ***/
	#about_block { padding:30px 0px 20px 0px; background-image:none; background-color:#121415; }
	#about_block #ab_content { width:100%; float:none; }
	#about_block h2 { font-size:100px; }
	
	/*** Title Block ***/
	#title_block { padding:30px 20px 00px 20px; }
	#title_block h2 { font-size:80px; line-height:80px; }

	/*** Products Block ***/
	#product_block { padding:40px 0px 20px 0px; }	
	#product_block .prd_thumb { width:100%; float:none; text-align:center; margin:0px 0px 20px 0px; }
	#product_block .prd_content { width:100%; float:none; }
	
	/*** About Page ***/
	#splash_block.ab_spl_block { background:none; padding:100px 0px 50px 0px; }
	#signup_box.about_subox { margin:0px auto; width:300px; padding:0px 160px 0px 0px; background-size:33%; }
	#right_cntnr { float:none; }
	#cirlce_block { margin-bottom:20px; }
	
	/*** Blog Page ***/
	#splash_block.blog_spl_block { background:none; }	
	#blog_bnr_block { text-align:center; width:100%; padding-bottom:30px; }
	#blog_bnr_block .live-circle { width:200px; }
	#blog_bnr_block h1 {font-size:54px; line-height:58px; }
	#blog_bnr_block h2 {  font-size:60px; line-height:60px; }
	
	/*** Inner Page Title Block ***/
	#splash_block.inner_title_block { padding:95px 0px 30px 0px; }


	/*** Content Box & Sidebar ***/
	#content_area_wide.narrow { float:none; width:100%; border:0px; margin-bottom:25px; }
	#sidebar { float:none; width:100%; }

	#copyright { float:none; text-align:center; width:100%; }
	#social-media-box.footsmb { margin:10px auto 5px auto; float:none; text-align:center;  }

	blockquote { margin:0px 0px 20px 0px; }
	.alignleft, .alignright, .aligncenter { float:none; display:block; margin:0px auto 15px auto; }

}

/**For Screens Equal to 320px and Less than 480px ***/
@media only screen and ( max-width: 479px ) {
	/*** Wrappers **/
	.wrapper { width:300px; }
	
	/*** Splash Block ***/
	#splash_block { width:300px; background:none; margin:0px auto; padding:100px 0px 0px 0px; }
	#spl-wrapper { float:none; padding:0%; }
	#splash_block #signup_box { margin:0px auto; width:100%; padding:300px 0px 0px 0px;
	background-position:center top; background-size:70%; }
	#splash_block h1 { text-align:center; font-size:24px; line-height:30px; }
	#splash_block h2 { text-align:center; font-size:31px; line-height:33px; }
	#splash_block h3 { text-align:center; font-size:40px; line-height:80px; }
	
	/*** About Block ***/
	#about_block { padding:30px 0px 20px 0px; background-image:none; background-color:#121415; }
	#about_block #ab_content { width:100%; float:none; }
	
	/*** Title Block ***/
	#title_block { padding:30px 0px 00px 0px; }
	#title_block h1 { font-size:32px; line-height:36px; }
	#title_block h2 { font-size:54px; line-height:56px; }
	
	/*** Products Block ***/
	#product_block { padding:40px 0px 20px 0px; }	
	#product_block .prd_thumb { width:99%; float:none; text-align:center; margin:0px 0px 20px 0px; }
	#product_block .prd_content { width:100%; float:none; }

	/*** About Page ***/
	#splash_block.ab_spl_block { background:none; padding:100px 0px 50px 0px; }
	#cirlce_block { font-size:32px; line-height:40px; padding:35px 0px; background-size:70%; }
	
	/*** Four-o-Four ***/
	#four-o-four { padding:80px 0px 20px 0px; }
	#four-o-four h1 { font-size:150px; line-height:160px; text-align:center; }
	#four-o-four h2 { font-size:38px; line-height:50px; text-align:center; }
	#four-o-four br { display:none; }
}