/* 
Theme Name: webdev.pl 
Theme URI: http://webdev.pl/
Description: Motyw dla Wordpress na potrzeby webdev.pl, oparty o motyw Pilot Fish
Author: Wojciech Geller & Mikołaj Benesz
Author URI: http://webdev.pl/
Version: 1.0
*/


/* Remove dotted outline from image inputs */
input::-moz-focus-inner {
  border: 0;
}

/* Remove dotted outline from all links */
a, a:focus, button:focus, button::-moz-focus-inner, .btn:focus {
 outline: 0;
}

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
-webkit-text-stroke: 0.4px;
}

body {overflow-x: hidden;}
.section {
	transition: height .50s ease-in-out;
   -moz-transition: height .50s ease-in-out;
   -webkit-transition: height .50s ease-in-out;
}

#scrollToTop {
	position: fixed;
	bottom: 50px;
	right: 50px;
	opacity: 1;
    transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
}

#scrollToTop a {
	font-size: 50px;
	color: rgba(0,0,0,0.3);
}

#scrollToTop.hiding{
	opacity: 0;
}

#navigation .navbar-brand, #navigation .navbar-nav li a {
	line-height: 40px;
}

.carousel {
	margin-bottom: 0;
}

.content-icon i {
	font-size: 100px;
	color: rgb(39, 67, 147);
	height: 175px;
}

.service {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px 15px 10px;
	height: 250px;
	
	background: rgba(0,0,0,0.4);
	-moz-box-shadow: 5px 5px rgb(0,0,0);
	-webkit-box-shadow: 5px 5px rgb(0,0,0);
	box-shadow: 5px 5px rgba(0,0,0,0.3);
	
	border-radius: 25px;
}
.service-icon {
	font-size: 50px;
	float: left;
	border-radius: 100px;
	height: 90px;
	width: 90px;
	background: rgba(255,255,255,0.1);
	padding-top: 20px;
}
.service h4 {
	font-weight: bold;
}
.service .desc {
    overflow: hidden;
    padding-left: 10px;
	text-align: justify;
}

#section-1 {
	color:#000;
}
#section-1 .bg {

}
#section-2 {
	background: #284694;
}
#section-2 h1, .service h4, .service .desc {
	/* text-shadow: 3px 3px 0px rgba(41, 41, 41, 0.6); */
	color: #FFF;
}
#section-2 i {
	color: rgba(255,255,255,0.7);
}
.left-hide {
	right: -3000px;
	opacity: 0;
}
.right-hide {
	left: -3000px;
	opacity: 0;
}
#bg-1 {
	background: url(../images/1.jpg) no-repeat fixed 50% 0%;
	height: 400px;
	width: 100%;
}
#bg-2 {
	background: url(../images/bg2.jpg) no-repeat fixed 50% 0%;
	height: 400px;
	width: 100%;
}
#bg-3 {
	background: url(../images/ekipa_tlo.jpg) no-repeat fixed 50% 0%;
	background-size: cover;
	height: 400px;
}

#bg-4 {
	background: url(../images/rekrutacja_tlo.jpg) no-repeat fixed 50% 0%;
	height: 400px;
	width: 100%;
}

#bg-5 {
	background: url(../images/zoom-27088731-4.jpg) no-repeat fixed 50% 0%;
	height: 400px;
	width: 100%;
}
.big-icon {
	padding: 10px;
	font-size: 100px;
}

#section-5, #section-4 {
	padding-bottom: 20px;
}

.imaggge {
    position: relative;
}

.color-block {
    background: rgba(39, 67, 147, 0.5);
    height: 242px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 242px;
	opacity: 0;
	border-radius: 3px;
   transition: all .50s ease-in-out;
   -moz-transition: all .50s ease-in-out;
   -webkit-transition: all .50s ease-in-out;
}

.color-block i {
	position: relative;
	top: 0;
	font-size: 50px;
	color: rgba(255,255,255,0.5);
   transition: all .50s ease-in-out;
   -moz-transition: all .50s ease-in-out;
   -webkit-transition: all .50s ease-in-out;
}

#map-canvas {
	height: 500px;
	width: 100%;
}

#contact form .control-label {
	text-align: left;
}

	#bg-1, #bg-2, #bg-3, #bg-4, #bg-5 {
		clear:both;
	}

@media screen and (max-width: 768px){
	#bg-1, #bg-2, #bg-3, #bg-4, #bg-5 {
		display: none;
	}
}

#section-1 .well {
	padding: 5px;
}



#section-1 i {
background: rgb(74,102,178); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(74,102,178,1) 19%, rgba(39,67,147,1) 53%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(19%,rgba(74,102,178,1)), color-stop(53%,rgba(39,67,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(74,102,178,1) 19%,rgba(39,67,147,1) 53%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(74,102,178,1) 19%,rgba(39,67,147,1) 53%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(74,102,178,1) 19%,rgba(39,67,147,1) 53%); /* IE10+ */
background: linear-gradient(135deg,  rgba(74,102,178,1) 19%,rgba(39,67,147,1) 53%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a66b2', endColorstr='#274393',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

color: #FFF;
padding: 5px 10px;
border-radius: 15px;
margin: 10px;
border: 5px solid rgba(74,102,178,0.5);
}

.section a.btn.btn-lg {
	margin: 50px;
}

#footer {
	text-align: right;
	padding: 15px;
	color:#FFF;
	overflow: hidden;
	border-top: 1px solid rgba(0,0,0,0.3);
}

#footer p img {
	margin: 5px 10px;
}

.fb {
	font-size: 38px;
	color: #000;
	margin-top: 5px;
}

.flname {
	color: #284694;
}

.flname small {
	color: #284694;
}
/*
#section-4 .col-md-9 {
background: -moz-linear-gradient(left,  rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,244,244,0)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */

	padding: 10px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 1px solid red;
}
*/
.easing {
	visibility: hidden;
	opacity: 0;
}

#item_1 {
	background: url(../images/main_projektujemy_b.jpg) no-repeat  0 0;
	background-size: cover;
}

#item_2 {
	background: url(../images/main_hostujemy_b.jpg) no-repeat  0 0;
	background-size: cover;
}

#item_3 {
	background: url(../images/main_optymalizujemy_b.jpg) no-repeat  0 0;
	background-size: cover;
}

#item_4 {
    background: url(../images/main_doradzamy_b.jpg) no-repeat  0 0;
    background-size: cover;
}



.socialmedia a {
	display: inline-block;
}
.socialmedia a span i {
	color: gray;
}
.socialmedia a:hover span i {
	color: black;
}

.navbar-header {
	height: 70px;
}

#klauzula {
	font-size: 11px;
	font-family: Arial;
	padding: 10px 0;
}

.klienci{
	margin: 13px 15px;
}

#klienci_pasek{
	background-color: #f0f5f9;
	overflow: hidden;
	padding: 10px 0;
	margin-bottom: 90px;
	text-align: center;
}

#klienci_pasek div:first-child {
	padding-top: 5px;
}

#czym_sie_zajmujemy {
	clear: both;
}

#lang:hover {
	background: rgba(255,255,255,0.7);
}

.portfolio-item {
	min-height: 300px;
	text-align: center;
	margin: 0 auto;
}

@media screen (max-width: 1024px) {
	.portfolio-item {
		min-height: 200px !important;
	}
}