/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
body {
    color: #333;
    font-family: "Lato",sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
	padding-top:0px;
}

.metaslider .caption {
    font-size: 22px;
    text-align: center;
}

img { max-width:100%;}
.gap20 { padding:20px 0px;}
.gap30 { padding:30px 0px;}
.gap40 { padding:40px 0px;}
.gap50 { padding:50px 0px;}

.gap20b { margin-bottom:20px;}
.gap30b {margin-bottom:30px;}
.gap40b {margin-bottom:40px;}
.gap50b {margin-bottom:50px;}

.gap20t { margin-top:20px;}
.gap30t {margin-top:30px;}
.gap40t {margin-top:40px;}
.gap50t {margin-top:50px;}

.page_head {
	width:100%;
	height:auto; 
	top: 0;
	z-index: 99; position:absolute; 
}
.sticky {
    position: fixed; height:auto !important;
	-webkit-box-shadow: 0 10px 10px -10px #000000;
   -moz-box-shadow: 0 10px 10px -10px #000000;
        box-shadow: 0 10px 10px -10px #000000;
		padding: 10px;
}

.sticky .navbar-brand > img { width:70%;
    display: block;
}
.sticky .navbar-brand {
    float: left;
    font-size: 18px;
    height: auto;
    line-height: 20px;
    padding:0px;
}

.sticky .navbar-nav {
    float: right;
    margin: 0;
    padding:0;
}

.sticky .navbar-nav > li > a span{ display:block; text-align:center; font-size:20px; line-height:22px;  }
.sticky .navbar-nav > li > a span img{ width:30%;   }


.sticky .sticklogo {
    height: 60px;
}

.navbar-nav > li > a span{ display:block; text-align:center; font-size:50px; line-height:60px;  }
 
.banner { width:100%; height:auto;}
.banner img{ max-width:100%; height:auto;}

.breadcrumbg {background:#5fc093;}

nav { width: 100%; z-index:99;}

.graybg{ background:#f5f5f5;  border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.drakgraybg{ background:#e4e4e4; padding:0px; border-top:1px solid #dedede;}
.drakgraybg h2 { margin:0px; margin-bottom:30px;}

.drakgraybg2 { width:100%; height:auto; padding:30px 0px; background:#606369; color:#fff;}

.weltitle h1 {
    border-bottom: 1px solid #cfcfcf;
    font-size: 34px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 15px;font-family: 'Lato', sans-serif; font-weight:300;
}
.weltitle h1 span {
    border-bottom: 4px solid #5fc093;
    padding-bottom: 7px;
}

.tilteh1 h1 {
    border-bottom: 1px solid #cfcfcf;
    font-size: 34px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 15px;font-family: 'Lato', sans-serif; font-weight:300;
}
.tilteh1 h1 span {
    border-bottom: 4px solid #5fc093;
    padding-bottom: 7px;
}

.blogbox { width:100%; height:auto; color:#fff; }
.blogblue { width:100%; height:auto; background:#5fc093; padding:15px;}
.blogbox .btns {width:100%; background:#309365; padding:20px 0px; text-align:center; border-top:1px solid #7ad7ac; color:#fff; font-size:24px;}
.blogbox .btns a {background:#309365; padding:20px 0px; text-align:center; color:#fff;}
.blogbox .btns a:hover {background:#309365; padding:20px 0px; text-align:center; color:#fff;}

.menu_footer ul {
margin: 0;
padding: 0;
list-style-type: none; width:80%;
}
.menu_footer ul li a {
text-decoration: none; padding:0px 15px;
color:#333 !important; border-bottom:1px solid #cccccc; font-size:16px; line-height:30px;
display:block;
}
.menu_footer ul li a:visited {
color: #5fc093;
}
.menu_footer ul li a:hover, .menu_footer ul li .current {
color: #5fc093 !important;
}
.socialicon { padding-top:22px; margin:0px; width:auto;}
.socialicon ul { display:block; padding:0px; margin:0px;}
.socialicon li { list-style:none; display:inline;}
.socialicon li a { float:left; font-size:40px; color:#000000; text-decoration:none; padding-right:10px; padding-bottom:20px;}
.socialicon li a:hover { color:#5fc093;text-decoration:none;}

.panel-title span { float:left; padding-right:15px; margin-top:-5px;  }

.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114"; 
    float: left; font-size:14px; color:#fff !important; background:#49bb87; padding:4px; margin-right:10px;
    
}
.panel-heading a.collapsed:after {
    content:"\e080";   font-size:14px; color: #333 !important;  background:#fff;
}

/*=== Parallax ==========================================================*/

.parallax										{	width:100%; height:440px; background-color:#111!important;  background-attachment:fixed; background-repeat: no-repeat; background-position: 50% 0; background-size:cover; 
												}
												
.parallax-pattern								{	width:100%; height:300px; position:absolute; background-image:url(images/pattern.png);  
												}
												
.parallax-text									{	padding-top:60px; z-index:999!important; position:relative; text-align:center;
												}												
												
.parallax h1									{	text-align:center; font-size:36px;   font-weight:normal; color:#fff; margin-bottom:50px; 
text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
												}										
												
.parallax p										{	margin-top:40px; 
												}														
												
.parallax blockquote							{	font-style:italic; font-weight:bold; background-image:url(images/blockquote.png); background-repeat:no-repeat; background-position:center; height:50px; padding-top:170px; text-align:center; z-index:999!important; position:relative; font-size:14px;
												}											
												
.parallax small									{	position:relative; z-index:999!important; text-align:center!important;
												}
												
.parallax .symbol								{	font-size:400%; color:#fff!important; line-height:60px; 
												}

.parallax a:hover.symbol						{	color:#341931!important; 
												}
												
.parallax .dark-color							{	 color:#111;
												}												

.parallax .light-color							{	color:#fff!important;
												}
												
.parallax .light-color	h3						{	color:#fff; 
												}												
												

.parallax1										{	background-image:url(images/parallax1.jpg);
												}
												
.parallax2										{	background-image:url(images/parallax2.jpg); 
												}
												
.parallax3										{	background-image:url(images/parallax3.jpg); opacity:0.9;
												}

@media screen and (min-width:220px) and (max-width:319px) {
.parallax h2 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
}
.navbar-brand img { max-width:200px;}
.navbar-nav > li > a span {
    display: block;
    font-size: 26px;
    line-height: 20px;
    text-align: center;
}

.parallax iframe { max-width:100%;}	
.sticky .navbar-nav > li > a span img{ width:15%;   }
.navbar-nav > li > a span img{ width:15%;   }
.mgapb { margin-bottom:30px;}
.tilteh1 h1 {
    border-bottom: 1px solid #cfcfcf;
    font-family: "Lato",sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.carousel-caption { font-size:14px;}
.weltitle h1 {
    border-bottom: 1px solid #cfcfcf;
    font-size:24px;}
}

@media screen and (min-width:320px) and (max-width: 480px) {
.parallax h2 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
}
.navbar-brand img { max-width:200px;}
.navbar-nav > li > a span {
    display: block;
    font-size: 26px;
    line-height: 20px;
    text-align: center;
}
.navbar-default .navbar-nav > li > a {
  color: #777; background-color: #f5f5f5; border:1px solid #ddd; text-align:center; padding:10px 30px; font-size:18px;
}
.parallax iframe { max-width:100%;}	
.sticky .navbar-nav > li > a span img{ width:15%;   }
.navbar-nav > li > a span img{ width:15%;   }
.mgapb { margin-bottom:30px;}
.tilteh1 h1 {
    border-bottom: 1px solid #cfcfcf;
    font-family: "Lato",sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.carousel-caption { font-size:14px;}
.weltitle h1 {
    border-bottom: 1px solid #cfcfcf;
    font-size:24px;}
}

@media screen and (min-width:580px) and (max-width:640px) {
.parallax h2 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
}
.navbar-default .navbar-nav > li > a {
  color: #777; background-color: #f5f5f5; border:1px solid #ddd; text-align:center; padding:10px 30px; font-size:18px;
}
.mgapb { margin-bottom:30px;}
.parallax iframe { max-width:100%;}	
.carousel-caption { font-size:14px;}
}
@media screen and (min-width:641px) and (max-width:767px) {
.parallax h2 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
}
.navbar-default .navbar-nav > li > a {
  color: #777; background-color: #f5f5f5; border:1px solid #ddd; text-align:center; padding:10px 30px; font-size:18px;
}
.mgapb { margin-bottom:30px;}
.parallax iframe { max-width:100%;}	
.carousel-caption { font-size:14px;}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.parallax iframe { max-width:100%;}	
.parallax iframe { max-width:100%;}	
}


@media screen and (min-width:981px) and (max-width:1024px) {
	.parallax iframe { max-width:100%;}	
	.navbar-brand > img {
    display: block;
    max-width: 218px; padding-top:30px;
}

.sticky .navbar-brand > img {
    display: block;
    max-width: 218px; padding-top:10px;
}

}

.navbar-nav {
    margin: 15px 0;
}

.drakgraybg2 {
    width: 100%;
    padding: 11px 0px;
    background: #606369;
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #333;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}