/** style.css

 * 

 * Theme Name:	The Bootstrap

 * Theme URI:	http://en.wp.obenland.it/the-bootstrap/

 * Description:	A WordPress Theme based on Bootstrap, from Twitter. It features a 100% responsive layout, a superb gallery and image handling with a custom image meta widget and carousel for gallery post-formats, the Glyphicon Icon set, a clean and simple design and a lot more! The Bootstrap runs on HTML5 and CSS3, a 12-column grid and comes with custom jQuery plugins. See the Bootstrap documentation on GitHub for reference.

 * Author:		Konstantin Obenland

 * Author URI:	http://en.wp.obenland.it/

 * Version:		2.0.1

 * Tags:		black, blue, white, light, custom-background, custom-header, custom-menu, featured-images, flexible-header, flexible-width, full-width-template, left-sidebar, microformats, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns

 * Text Domain:	the-bootstrap

 * Domain Path:	/lang

 *

 * License:		GNU General Public License v3.0

 * License URI:	http://www.gnu.org/licenses/gpl-3.0.html

 *

 *

 *	Copyright (C) 2012 Konstantin Obenland <konstantin@obenland.it>

 *

 *	This program is free software: you can redistribute it and/or modify

 *	it under the terms of the GNU General Public License as published by

 *	the Free Software Foundation, either version 3 of the License, or

 *	(at your option) any later version.

 *

 *	This program is distributed in the hope that it will be useful,

 *	but WITHOUT ANY WARRANTY; without even the implied warranty of

 *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

 *	GNU General Public License for more details.

 *

 *	You should have received a copy of the GNU General Public License

 *	along with this program.  If not, see <http://www.gnu.org/licenses/>.

 */





/* =Elements

-------------------------------------------------------------- */

ul.dropdown-menu li{ display:block}

.comment-respond{display:none}
#comments{display:none}

blockquote cite:before {

	content: '\2014 \00A0';

}



blockquote cite {

	color: #999999;

	display: block;

	font-size: 13px;

	line-height: 18px;

}



figure {

	margin: 0;

}



h1, h2, h3, h4, h5, h6, .clear {

	clear: both;

}





/* =Classes

-------------------------------------------------------------- */

.bluebox{ background:#006ba0; color:#fff; margin-bottom:30px; }

.bluebox h2{ color:#fff!important;  margin:0!important;}

.greybox{ background:#4f4f4f; color:#fff;  margin-bottom:30px;}

.greybox span{ font-size:18px; color:#cccccc}

.greybox h2{ color:#fff!important;  margin:0!important;}

.emailbox{ background:#333333!important; color:#cccccc!important; width:95%; border:0!important; height:30px!important; margin:10px 0 0 0!important;}

.emailarea{ background:#333333!important; color:#cccccc!important; width:95%; border:0!important; height:100px!important; margin:10px 0 0 0!important;}



.wpcf7-submit{ background:#ffffff!important; border:0!important;  padding:5px 10px!important; text-transform:uppercase; margin:10px 0 0 0!important;}



.boxpadding{ padding:20px; min-height:270px}

.boxpadding h2{ color:#fff}

.assistive-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}



body > .container {

	/*margin: 18px auto;*/

}



/* Right Content */

.sidebar-content #primary,

.sidebar-content #attachment-comment {

	float: right;

	margin: 0 20px 0 0;

}



.block {

	display: block;

}





/* =Page

-------------------------------------------------------------- */



#page {

	background-color: #FFFFFF;

	/*margin-right: -20px;*/

	padding: 30px 0px 0px;

}



#header-image {

	display: block;

}



#menu-alert {

	margin: 4px 0 0;

	padding: 6px 35px 6px 14px;

	position: absolute;

}



#branding hgroup,

#header-image,

.entry-content {

	margin-bottom: 18px;

}



.entry-attachment {

	margin-bottom: 36px;

}



.single #author-info,

.author #author-info,

.single article.post,

.single article.page {

	margin-bottom: 54px;

}



#author-info,

article.post,

article.page {

	margin-bottom: 72px;

}



.page-header,

.entry-content {

	word-wrap: break-word;

}



.post-password-form legend {

	font-size: inherit;

}



.entry-content .twitter-tweet-rendered {

    max-width: 100% !important;

}





/* =Comments

-------------------------------------------------------------- */



#comments-title {

	border-bottom: 1px solid #EEEEEE;

	font-size: 19.5px;

    margin: 0 0 27px;

}



#comment,

.entry-content iframe,

.entry-content embed {

	max-width: 100%;

}



.commentlist > li {

	margin-bottom: 36px;

}



.commentlist ul.children {

	margin: 10px 0 18px;

	list-style: none;

}



#reply-title {

	position: relative;

}



#reply-title small {

	position: absolute;

	right: 0;

	top: 7px;

}





/* =Sidebar

-------------------------------------------------------------- */



.form-search {

	margin: 0;

}



.widget {

	word-wrap: break-word;

}



.widget .wp-caption {

	display: inline-block;

}





/* =Images

-------------------------------------------------------------- */



.entry-content .post-thumbnail {

	margin: 0 20px 20px 0;

}



.entry-attachment .thumbnail.attachment-table {

	display: table;

	margin: 0 auto;

}



.thumbnail > img {

	width: auto\9; /* Cure IE8 max-width bug */

}



img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



.gallery-columns-3.thumbnails [class*="span"] {

	width: 29.3%;

}

.gallery-columns-5.thumbnails [class*="span"] {

	width: 15.9%;

}

.gallery-columns-6.thumbnails [class*="span"] {

	width: 12.6%;

}

.gallery-columns-7.thumbnails [class*="span"] {

	width: 10.2%;

}





/* =Footer

-------------------------------------------------------------- */



#colophon .credits {

	margin: 0;

}



#site-generator {

	float: right;

	font-family: Georgia, "Bitstream Charter", serif;

	font-style: italic;

}



#site-generator a {

	background: url("img/wordpress.png") no-repeat scroll left center transparent;

	color: #787878;

	display: inline-block;

	line-height: 16px;

	padding-left: 20px;

	text-decoration: none;

}



#site-generator.footer-nav-menu a {

	margin-top: 10px;

}



table .label {

	background-color: transparent;

	border-radius: none;

	color: inherit;

	font-size: inherit;

	text-transform: inherit;

}





/* =Jetpack Support

-------------------------------------------------------------- */



.comment-subscription-form > input[type=checkbox] {

	position: absolute;

}



.comment-subscription-form > label {

	min-height: 18px;

    padding-left: 18px;

}





/* =Bootstrap Adjustments

-------------------------------------------------------------- */



.navbar-fixed-top,

.navbar-fixed-bottom {

	position: fixed;

}



#comment,

.thumbnail {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



.label .post-edit-link,

.label .comment-edit-link {

	color: #FFFFFF;

}



.navbar-search {

	height: 34px;

}



.pagination span {

	background-color: #f5f5f5;

	color: #999999;

	cursor: default;

}



.pagination span.dots {

	background-color: #FFFFFF;

}





/* =WordPress Core

-------------------------------------------------------------- */



.aligncenter {

    display:block;

    margin: 0 auto 20px;

}



.alignright {

    float:right;

    margin: 0 0 20px 20px;

}



.alignleft {

    float:left;

    margin: 0 20px 20px 0;

}



.wp-caption {

	max-width: 100%;

}



.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	padding: 0 9px 9px;

	text-align: center;

}



.wp-caption .wp-caption-text {

	padding-top: 9px;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.sticky {}

.bypostauthor {}





/* =Responsiveness

-------------------------------------------------------------- */



@media (max-width: 767px) {

	body {

		padding:0;

	}

	.container {

		width: auto;

		padding: 0 10px;

	}

	#page {

		margin: 0;

		padding: 10px;

	}

	.thumbnail[class*="span"],

	.gallery [class*="span"] .thumbnail {

		display: table;

		float: left;

	}

	.carousel .item > img {

		width: 100%;

	}

	.thumbnails > li {

		float: left;

		margin-left: 20px;

	}

	.gallery-columns-2.thumbnails > li:nth-child(2n+1),

	.gallery-columns-3.thumbnails > li:nth-child(3n+1),

	.gallery-columns-4.thumbnails > li:nth-child(4n+1),

	.gallery-columns-5.thumbnails > li:nth-child(5n+1),

	.gallery-columns-6.thumbnails > li:nth-child(6n+1),

	.gallery-columns-7.thumbnails > li:nth-child(7n+1),

	.gallery-columns-8.thumbnails > li:nth-child(8n+1),

	.gallery-columns-1.thumbnails > li {

		margin-left:0;

	}

	.gallery-columns-2.thumbnails [class*="span"] {

		width: 47.4%;

	}

	.gallery-columns-3.thumbnails [class*="span"] {

		width: 29.9%;

	}

	.gallery-columns-4.thumbnails [class*="span"] {

		width: 21.2%;

	}

	.gallery-columns-6.thumbnails [class*="span"] {

		width: 12.4%;

	}

	.gallery-columns-7.thumbnails [class*="span"] {

		width: 9.9%;

	}

	.gallery-columns-8.thumbnails [class*="span"] {

		width: 8.7%;

	}

	.sidebar-content #primary,

	.sidebar-content #attachment-comment {

		float: none;

		margin: inherit;

	}

	#s {

		display: inline-block;

	}

	#site-generator,

	#site-generator.footer-nav-menu a {

		float: none;

		margin-top: 5px;

	}

	textarea[class*="span"] {

		height: auto;

	}

	.navbar-fixed-top, .navbar-fixed-bottom {

		margin: 0;

	}

}

@media (min-width: 768px) and (max-width: 778px) {

	#page {

		margin-right: -15px;

	}

}

@media (min-width: 768px) and (max-width: 979px) {

	.dl-horizontal dt {

		width: 85px;

	}

	.dl-horizontal dd {

		margin-left: 95px;

	}

}

@media (min-width: 1200px) {

	#page {

		/*margin-right: -30px;

		padding: 30px 0 0px 0px;*/

	}

	.sidebar-content #primary,

	.sidebar-content #attachment-comment {

		margin-right: 30px;

	}

	.wp-caption {

		display: table;

	}

}





/* End of file style.css */

/* Location: ./wp-content/themes/the-bootstrap/style.css */





.social {

	padding-top:15px;

	width:auto;

	clear:both;

	float:right;

}

.social .circle {

   /* background: none repeat scroll 0 0 #164091;

    border-radius: 50%;

    color: #fff;

    display: block;

    font-size: 18px;

    height: 1.8em;

    line-height: 1.8em;

    margin: 0 auto;

    text-align: center;

    width: 1.8em;

	margin-left:10px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;*/

}



.social .twit {

    background: none repeat scroll 0 0 #0abcf6;

}



.social a {

	font-size: 18px;

	color:#fff;

	text-decoration:none;

	height: 1.8em;

    line-height: 1.8em;

	width: 1.8em;

	background: none repeat scroll 0 0 #164091;

    border-radius: 50%;

	text-align:center;

	margin-left:10px;

	font-family:Arial, Helvetica, sans-serif;

	display:inline-block;

}

.social a:hover {

    background: none repeat scroll 0 0 #7c7c7c;

}

.contact {

	padding-top:20px;

	width:100%;

	clear:both;

	float:left;

	text-align:right;

}

.phone {

	font-size:30px;

	font-weight:300;

	color:#7c7c7c;

	float:right;

}



.phone img {

	margin-right:5px;

}

.location {

	text-align:right;

	font-size:14px;

	color:#006ba0;

	float:right;

	line-height:18px;

	margin-top:-6px;

	padding-right:20px;

}



.location span {

	display:block;

	color:#5b5b5b;

}

.topnav {

	padding-top:20px;

}

.banner {

	width:100%;

	float:left;

	clear:both;

}

.welcome-text {

	text-align:center;

	padding:20px 0px;

	float:left;

	width:100%;

	clear:both;

}

.left {

	text-align:left;

}

.center {

	text-align:center;

}

.right {

	text-align:right;

}

.readon {

	color:#5d5d5d;

	font-size:18px;

	font-weight:300;

	text-transform:uppercase;

	padding-top:20px;

	

}

.photo-thumb {

	width: 100%;

	position: relative;

	float:left;

}

.photo-thumb span {

	display: inline-block;

	background: url(img/text-bg.png) center center repeat;

	color: #fff;

	padding: 8px 12px;

	position: absolute;

	top: 40%;

	left: 50%;

	font-size: 13px;

	width:200px;

	margin-left:-110px;

	text-align:center;

	font-family: 'Reenie Beanie', cursive, Arial, Helvetica, sans-serif;

  	font-weight: 300;

	font-size:40px;

	line-height:40px;



}

.photo-thumb:hover span {

	background: url(img/text-bg-h.png) center center repeat;

}

.btn-box {

	float:left;

	width:100%;

	clear:both;

	padding:40px 0px 30px 0px;

}

a.blue-btn {

	color:#ffffff;

	font-size:18px;

	font-weight:300;

	text-transform:uppercase;

	padding:15px 10px;

	background:#006ba0;

	text-decoration:none;

}

a.blue-btn:hover {

	background:#4f4f4f;

	text-decoration:none;

}

.testimonial-box {

	width:100%;

	background:#e6e6e6;

}

.testimonial-box h2 {

	font-size:42px;

	color:#363636;

	margin:0px;

	padding:20px 0px 30px 0px;

}

.testi-arrow {

	padding-bottom:42px;

	background:url(img/testimonial-arrow.png) bottom center no-repeat;

}

.testimonials {

	float:left;

	background:#006ba0;

	/*width:270px;*/

	/*height:100px;*/

	padding:30px;

	/*-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;*/

	color:#fff;

	font-size:15px;

	font-weight:300;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	border-radius: 30px;

}

.testimonials strong {

	display:block;

	padding-top:10px;

}

.btn-box2 {

	float:left;

	width:100%;

	clear:both;

	padding:30px 0px;

}

a.greay-btn {

	color:#ffffff;

	font-size:18px;

	font-weight:300;

	text-transform:uppercase;

	padding:15px 10px;

	background:#4f4f4f;

	text-decoration:none;

}

a.greay-btn:hover {

	background:#006ba0;

	text-decoration:none;

}
.product-row {
	clear:both;
	width:100%;
}

.project-row {

	padding:30px 0px;

	/*margin-bottom:50px;*/

}


.footer {

	background:#4f4f4f;

	color:#8a8a8a;

	text-align:center;

	width:100%;

	padding:30px 0px;

	font-size:14px;

}

#products-slider, #projects-slider {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

#products-slider .span4, #projects-slider .span4 {

	margin-left:0px;

	/*margin-right:30px;*/

}

.banner-row {

	position:relative;

	width:100%;

}

.bannertext {

	text-align:center;

	position:absolute;

	width:100%;

	font-family: 'Reenie Beanie', cursive, Arial, Helvetica, sans-serif;

	font-size:57px;

	font-weight: 300;

	z-index:99;

	top:40px;

	color:#ffffff;

}

.bannerBox {

	width: 50%;

	height: 400px;

	position: relative;

	float: left;

	padding: 120px 30px 0px 30px;

	z-index: 2;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.bannerimg1 {

	background:url(img/banner1.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: 50% 0, 50% 0, 50% 0, 50% 0;

	background-repeat: repeat, repeat, repeat, no-repeat;

}

.bannerimg2 {

	background:url(img/banner2.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: 50% 0, 50% 0, 50% 0, 50% 0;

	background-repeat: repeat, repeat, repeat, no-repeat;

}

.streamtext1 {

	color: #ffffff;

	font-size: 30px;

	font-weight: 300;

	line-height: normal;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	background:url(img/text-bg.png) repeat;

	font-size:40px;

	padding: 45px 0px;

	text-transform:uppercase;

	width:auto;

	float:right;

	width:270px;

	text-align:center;

}

.streamtext2 {

	color: #ffffff;

	font-size: 30px;

	font-weight: 300;

	line-height: normal;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	background:url(img/text-bg.png) repeat;

	font-size:40px;

	padding: 45px 0px;

	text-transform:uppercase;

	width:auto;

	float:left;

	width:270px;

	text-align:center;

}

/*.william-intro {
	background:url(img/william-warren.png) 70px top no-repeat #d1d1d1;
}*/
.william-intro-text {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#1a1a1a;
	font-weight:300;
}
.william-intro-text span {
	color:#006ba0;
	font-weight:700;
}