/*!
 * Start Bootstrap - Business Frontpage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Customize the text color and shadow color and to optimize text legibility. */

.bodyBG {
	background-image: url(../images/pro-tek-pest-control-background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #000;
	/*background-color: #000;	*/
}

.border {
	bordern: 5px solid #fff;
}

.bottom {
	margin-bottom: 20px;
}

.rightmar {
	margin-right: 20px;
}

.img-hover:hover {
    opacity: 0.8;
}

.heading {
	color: #fff;
	margin-top: 0; 
	margin-bottom: 0;
}

.subhead {
	color: #fff;
	margin-top: 0; 
	margin-bottom: 0;
}

.callBtn {
	display: none;
}

.mobilehide {
	display: inherit;
}

.tinytop {
	margin-top: -5px;
}

/* PHOTO CAPTION CSS BEGIN */
div.wrapper{  
	position:relative; /* important(so we can absolutely position the description div */  
}

div.description{  
	position:absolute; /* absolute position (so we can position it where we want)*/  
	bottom:0px; /* position will be on bottom */  
	left:0px;  
	width:100%;  
	/* styling bellow */  
	background-color:#000;  
	font-family: 'tahoma';  
	font-size:15px;  
	color:white;  
	opacity:0.75; /* transparency */  
	filter:alpha(opacity=75); /* IE transparency */  
}
  
p.description_content{  
	padding:10px;  
	margin:0px;  
}
/* PHOTO CAPTION CSS END */

.notop {
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
}

	.unfloat {
		max-width: 360px;
	}
 

@media (max-width: 480px) {
  
	.callBtn {
		display: block;
	}

	.mobilehide {
		display: none;
	}
	
	.noflo {
		display: none;
	}
 
	.unfloat {
		max-width: 100%;
	}
 
}	
	

@media (min-width: 992px) {

	.valign {
		position: relative;
		top: 50%;
		transform: translateY(50%);
		display: block;
	}
	
}

@media (min-width: 768px) {

	.bigBtn {
		display: none;
	}
	
}

@media (min-width: 720px) {

	.noflo {
		float: right;
	}
 
	.unfloat {
		float: left;
	}
 
}

@media (max-width: 720px) {

	.bigBtn {
		display: compact;
	}
	
	.noflo {
		float: none;
	}
 
	.unfloat {
		float: none;
	}
 
}

@media (max-width: 480px) {

	.notop {
		padding-top: 0;
	}
	
	.centertext {
		text-align: center;
	}
 
	.bottom_line { 
		margin: 25px 0;
		height: 1px;
		background: black;
		background: -webkit-gradient(linear, 0 0, 100% 0, from(black), to(black), color-stop(50%, #333));
	}

}

.tagline {
    text-shadow: 0 0 10px #000;
    color: #fff;
}

.img-center {
    margin: 0 auto;
}


.text {
	font-size: 1.25em;
	line-height: 1.6em;
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
}

.smalltext {
	font-size: 1.15em;
	line-height: 1.4em;
	font-style: italic;
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
}

.topsm {
	margin-top: 5px;
}

.font {
	font-family: 'Open Sans Condensed', sans-serif;
}

.yellow {
	color: #FC0;
}

.top {
	margin-top: 40px;
}

.bottomSm {
	margin-bottom: 10px;
}

.topSm {
	margin-top: 10px;
}

.clearBG {
	background: url(../images/clear.png) repeat;
}

header.carousel .fill {
    width: 100%;
    height: auto;
    background-position: center;
    background-size: auto;
	background-repeat: no-repeat;
}

.slajd {
	padding: 0px; 
}

.link {
	color: #FC0;
	text-decoration: none;
}

.link:hover {
	color: #fff;
	text-decoration: none;
}

.img-circle {
	border: 10px solid #FC0;
	border-radius: 50%;
}



.green {
	background: #008f4c;
	color: #fef200;
	border-radius: 0;
}

.orange-button {
	background: #f46f22;
	color: #fff;
	border-radius: 0;
	font-size: 2em;
	margin-top: -20px;
	border-bottom: 1px solid #000;
}

.green:hover {
	color: #f46f22;
}

.inverse {
	background-color: hsl(209, 100%, 42%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333", endColorstr="#000");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#333), to(#000));
	background-image: -moz-linear-gradient(top, #333, #000);
	background-image: -ms-linear-gradient(top, #333, #000);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #000));
	background-image: -webkit-linear-gradient(top, #333, #000);
	background-image: -o-linear-gradient(top, #333, #000);
	background-image: linear-gradient(#333, #000);
	border: 1px solid #666;
	color: #FC0 !important;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	text-align: center;
	text-align: center;
}


.inverse:hover  {
	background-color: hsl(209, 100%, 42%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333", endColorstr="#000");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#333), to(#000));
	background-image: -moz-linear-gradient(top, #333, #000);
	background-image: -ms-linear-gradient(top, #333, #000);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #000));
	background-image: -webkit-linear-gradient(top, #333, #000);
	background-image: -o-linear-gradient(top, #333, #000);
	background-image: linear-gradient(#333, #000);
	border: 1px solid #fff;
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	text-align: center;
	text-align: center;
}

/* CUSTOM NAVBAR BEGIN */

.navbar-inverse { 
	background-color: #D41717;
	font-size: 1.25em;
	color: #FC0;
	margin-top: 40px; 
	margin-bottom: 0; 
	border-radius: 0; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { 
	background-color: #961010;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #961010;
}

.dropdown-menu { background-color: #D41717;}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus { 
	background-color: #961010;
}

.navbar-inverse { 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #333333));
	background-image: -webkit-linear-gradient(top, #000, #333333);
	background-image: -o-linear-gradient(top, #000, #333333);
	background-image: linear-gradient(#000, #333333);
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus { 
	background-image: none;
}

.navbar-inverse { 
	border-color: #080808;
	background: #008f4c;
}

.navbar-inverse .navbar-nav>li>a { 
	color: #fef200;
}

.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus { 
	background: none;
	color: #f46f22;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus { 
	color: #FFFFFF;
}

.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus { 
	color: #FFFFFF;
}

.dropdown-menu>li>a { 
	color: #FFFFFF;
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus { 
	color: #FFFFFF;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret { 
	border-top-color: #333;
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
	border-top-color: #FFFFFF;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
	border-bottom-color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
	border-bottom-color: #FFFFFF;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}

/* CUSTOM NAVBAR END */

.kocka {
	border-radius: 0;
}

.wrapGray {
	padding-bottom: 10px;
}

.faded_line { 
    margin: 25px 0;
    height: 1px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(black), to(black), color-stop(50%, #333));
}

.form-control {
	border-radius: 5;
}

.embed-responsive-16by9 {
	padding-bottom: 38.46%;
}

.row.pic-center > div {
    display: inline-block;
    float: none;
}

/* NAVBAR TEXT STYLES */

@media (min-width: 720px) {

	.navbar-brand {
		display: none;
	}
	
	.navtext {
		font-size: 0.85em;
	}
	.navbar-right {
		float: right !important;
		margin-right: -15px;
	}
	.navbar-right ~ .navbar-right {
		margin-right: 0;
	}
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto;
	}
}

@media (max-width: 1200px) {
	.navbar-brand {
		display: none;
	}
	.navLink {
		font-size: 1.4em;
	}
}

@media (max-width: 998px) {
	.navbar-brand {
		display: none;
	}
	.navLink {
		font-size: 1.015em;
	}
}

@media (min-width: 1200px) {
	.navLink {
		font-size: 1.2em;
	}
	.navbar-brand {
		display: inline-block;
	}
}


/* NAVBAR STYLES END */