/*=============================================================
    Authour : AREMO X3
   
========================================================  */

/*==============================
GENERAL STYLES
==============================*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');

body {
   
    line-height: 20px;
	color: #fff;
	
	 font-family: "Roboto Condensed", "Open Sans", sans-serif;
     text-transform: uppercase;
     margin: 0;
}

.pad-bottom {
    padding-bottom: 20px;
}

section {
    padding-bottom: 0px;
    padding-top: 0px;
}

.btn {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.set-bk-clr {
    background-color: #FF2276;
}

.clr-set {
    color: #FF2276;
}

.f-big {
    font-size: 40px;
    font-weight: 900;
}

.set-bk-clr:hover {
    background-color: rgba(107, 1, 41, 0.67);
}
  .rodo{text-align: center;
 padding-top:50px;
 padding-left: 40px;
 padding-right: 40px;}
 
/*==============================
effect
==============================*/
h1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 92px;
 
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}


/* Main styles */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);

.text {
  fill: url(#gr-radial);font-size:60px;
}

/* Other styles */



svg {
  position: relative;
  width: 100%;
  height: 100%;
  
}

/*==============================
NAVBAR STYLES
==============================*/

.wthree_banner_grid:hover{transition: 1s all;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         transform: scale(1.2);
		 color:#fff;}
		 
	

		 .zoom:hover{-webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2;
       
		 }
		 
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.navbar-brand {
padding:0px;

}
    .navbar-brand img {
        height:50px;
    }
.navbar-default .navbar-toggle {
    border-color: #FFF;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: rgba(0, 0, 0, 0);
    }

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 900;
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #000;
        text-decoration: none;
    }

.navbar-default {
    background: rgba(5, 19, 53, 0.89);
    border-color: transparent;
}
/* ADDED PADDING IN NAVBAR */
.navbar {
    padding: 10px;
    -webkit-transition: background .8s ease-out,padding .8s ease-out;
    -moz-transition: background .8s ease-out,padding .8s ease-out;
    transition: background .8s ease-out,padding .8s ease-out;
}
/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {
    padding: 0px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.contact-firma 
{ padding-left:10px;

  float:right;
  margin-top:0px;
  }
  .contact-firma img { height:60px;}

/* =============================================================
  HEADER SECTION STYLES
 ============================================================ */

#header {
    background: url(../img/f8.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

    #header .overlay {
        background-color: rgba(0, 61, 152, 0.2);
        min-height: 400px;
    }

    #header h1 {
        line-height: 60px;
        font-size: 45px;
        font-weight: 900;
        padding-top: 50px;
        padding-bottom: 15px;
        color: #FFF;
    }


    #header h4 {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;	
    line-height: 30px;
    font-size: 12px;
    padding-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
    color: #dfe9fe;
	letter-spacing: 1px;
}

	.wel {    background: -moz-linear-gradient(90deg, #006EC2 0%, #000000 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #006EC2)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #006EC2 0%, #000000 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #006EC2 0%, #000000 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #006EC2 0%, #000000 100%); /* ie10+ */
    background: linear-gradient(0deg, #006EC2 0%, #000000 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#006EC2',GradientType=0 ); /* ie6-9 */ 
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
          border-radius: 5px;
		  margin-top: 130px;
		  padding-left: 15px;
          padding-right: 15px;
		  border: 1px solid #fff;
		  margin-bottom: 50px;
	}

	.wel .glyphicon { font-size:40px;}
		  
		.row  h2{
		font-family: 'Barlow Condensed', sans-serif;
		padding-bottom:40px;
		font-size:46px;
		color: #78eddd;
		margin-top: 0px;
		text-shadow: #00e4ff -2px -2px 34px;
		font-weight: 600;
		}
		.row  h3, h4{
		padding-bottom:10px;
		font-size:40px;
		color: #fff;
		font-size:22px;
		padding-left:0px;
		
		}
   
  
.comments {
	margin-top: 30px;
	  border: 1px solid #D2D2D2;
    background: rgba(7, 35, 105, 0.73);
    -webkit-border-radius: 10px;
    -moz-border-radius: 20px;
	margin-left: 15px;
    margin-right: 15px;
	font-size:16px;
}

.comments span {
	font-size: 0.8em;
	font-weight: 400;
}

.comment {
	margin: 10px;
}
.container.banner-drop h3 {
    text-align: center;
    color: #83ffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
    font-size: 20px;
	font-weight:600;
	margin-top: 0px;
    margin-bottom: 0px;
	line-height: 28px;
	
}


@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


.banner-text-agileits {
        

  background-color: rgba(5, 6, 6, 0.55); 
	 padding:15px;
	 margin-bottom: 25px;

     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #fff;
	 padding-bottom: 15px;
}

.banner-text-agileits:hover {
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
background-color: rgba(5, 6, 6, 0.65);  
}
.banner-text-agileits-rodo {
        

  background-color: rgba(5, 6, 6, 0.55); 
	 padding:15px;
	 margin-bottom: 50px;

     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #fff;
	 padding-bottom: 15px;
}

.banner-text-agileits-rodo:hover {
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
background-color: rgba(5, 6, 6, 0.65);  
}
.banner-agileits-btm {
    background: url(../images/video.jpg)no-repeat 0px 0px;
    background-size: cover;
    padding: 0;
    min-height: 350px;
    position: relative;
    text-align: center;
}
.banner-agileits-btm h2 {
    color: #fff;
    padding: 8em 2em 3em;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 29px;
    display: inline-block;
    background: rgba(238, 76, 88, 0.26);
}

/*================================
    SERVICES STYLES
==================================*/
#services {
background: #fff;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
    color: #fff;
}

#services .overlay {
        background-color: rgba(22, 86, 126, 0.33);
        min-height: 400px;
    }

#services h1 {
        line-height: 60px;
        font-size: 45px;
        font-weight: 900;
        padding-top: 50px;
        padding-bottom: 15px;
        color: #FFF;
    }


#services h4 {
        line-height: 30px;
        font-size: 22px;
        padding-bottom: 40px;
        text-transform: uppercase;
		color: #fff;
    }
#services1 {
    background: url(../img/b4.png) no-repeat center center;
}
#services2 {
    background: url(../img/f8.jpg) no-repeat center center;
	  padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
    color: #fff;
}
#services2 .overlay {
        background-color: rgba(5, 6, 6, 0.55);
        min-height: 400px;
    }
#services2 i {
        font-size: 40px;
        padding: 30px;
        color: #cbcbcbe6;
    }

#services2 h4 {
        padding-bottom: 25px;
        padding-top: 0px;
		color:#ffffffe6;
		margin-top:0px;
		font-size:22px;
    }

#services1 i {
        font-size: 40px;
        padding: 30px;
        color: #FFF;
    }

#services1 h4 {
        padding-bottom: 25px;
        padding-top: 0px;
		
		margin-top:0px;
    }

.pliki p{
	float:left;
	}
.contento {
	 padding:15px;
	 margin-bottom: 50px;
	 background-color: rgba(5, 6, 6, 0.55);        
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #fff;
	 padding-bottom: 35px;
	}
	
.contento:hover {
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
	 padding:15px;
	 margin-bottom: 50px;
	 background-color: rgba(5, 6, 6, 0.65);      
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #fff;
	 padding-bottom: 35px;
	}
.contento strong{color:#e4fffb; font-size:24px;}

.contento ul{color:#dfe9fe; 
font-size:18px; 
text-align:left; 
font-weight:400;
text-transform: none;
line-height: 1.4em;

padding-right:10px;
}

.contento p {
	font-family: 'Barlow Condensed', sans-serif;
    color: #83ffff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1.2px;
    line-height: 1.4em;
    text-transform: uppercase;
}
.gwarancja{
     margin-top:230px;
      
	 }
.gwarancja p{
     font-size:20px;
     font-weight:bold;
	 }
.cont{  padding:15px;
	 margin-bottom: 40px;
	 background-color: rgba(5, 6, 6, 0.55); 
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #fff;
	 padding-bottom: 35px;}
	 
.cont:hover{transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
background-color: rgba(5, 6, 6, 0.65);  }
/* =============================================================
  CLIENTS SECTION STYLES
 ============================================================ */

#clients {
    background: transparent;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
}

#clients .overlay {
        background-color: rgba(22, 86, 126, 0.33);
       
        min-height: 200px;
        color: #fff;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.clients-carousel {
    margin-top: 20px; /*SMALL TOP MARGIN FOR SPACE */
    padding: 0 30px 20px 30px;padding-top: 20px;
}

.clients-carousel .thumbnail {
        border: 1px solid #fff6;
    }
.clients-carousel .carousel-control.left {
        height: 30px;
        width: 25px;
        margin-top: 65px;
        background: transparent;
        left: -15px;
    }

    .clients-carousel .carousel-control.right {
        height: 30px;
        width: 25px;
        margin-top: 65px;
        background: transparent;
        right: -15px;
    }

    .clients-carousel img {
        width: 100%;
        height: 120px;
    }

#clients .thumbnail {
    background-color: transparent;
}

/* =============================================================
 PORTFOLIO SECTION STYLES
 ============================================================ */

/* FOR CHANGING COLOR OF ACTIVE CATEGORY */
.caegories a.active {
    background-color: #FF2276;
    border: 2px solid #FF2276;
}

/* FOR TRANSITION BEAUTIFULLY */
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

#works .work-wrapper {
    border: 2px solid #FF2276;
    padding: 2px;
    margin: 5px 5px 10px 5px;
}

#works img {
    filter: gray; /* FOR IE6-9 */
    -webkit-filter: grayscale(1); /* FOR Google Chrome, Safari 6+ and  Opera 15+ */
    opacity: 0.8;
}

    #works img:hover {
        filter: none; /* FOR IE6-9 */
        -webkit-filter: grayscale(0); /* FOR Google Chrome, Safari 6+ and  Opera 15+ */
        opacity: 1;
    }
/* =============================================================
  TESTIMONIAL SECTION STYLES
 ============================================================ */
#testimonial {
    background: url(../img/221.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
}

    #testimonial .overlay {
        background-color: rgba(3, 7, 24, 0.7);
        padding-top: 90px;
        min-height: 300px;
        color: #fff;
        padding-top: 100px;
        padding-bottom: 100px;
    }
	.row .glyphicon{ font-size:40px;  padding: 15px; padding-top:18px;}
/* =============================================================
  TEAM SECTION STYLES
 ============================================================ */
  .test-lewo{ text-align:center;}
  .test-prawo{ text-align:center;}
  .test-lewo-rodo{ text-align:center;padding-top:25px;}
  .test-prawo-rodo{ text-align:center;padding-top:25px;}
 
#team {
    background-color: rgba(237, 237, 237, 1);
}

.media img {
    margin-right: 40px;
    max-height: 150px;
    margin-bottom: 20px;
    border: 2px solid #FF2276;
}

    .media img:hover {
        opacity: 0.6;
    }
/* =============================================================
  CONTACT SECTION STYLES
 ============================================================ */
#contact {
    background: url(../img/clients.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
	
}

#contact .overlay {
        background-color: rgba(0,0,0,0.9);
        padding-top: 90px;
        min-height: 300px;
        color: #fff;
        padding-top: 100px;
        padding-bottom: 100px;
    }
	
.contact-info1 {
   float: right;
   text-align: center;
   padding-top: 14px;
   padding-right: 20px;
   padding-bottom: 0px;
   padding-left: 10px;
}

.contact2 {
   
    float: right;
    width:200px;
	height:50px;
}
.contact-info1 ul {
    padding: 0px 0px 0px 0px;
}
.contact-info1 ul li {
    display: inline-block;
}
.tel {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	display: block;
    font-size:28px;
	margin-bottom:1%;
	color:white;
	float:right;
	margin-right:0px;
	margin-top: 6px;
}
#testimonial p {font-size:15px;}
#testimonial strong {font-size:24px;}
#testimonial p strong {font-size:2.5em;}

label{color: #999;}
/* =============================================================
 Dojazd
 ============================================================ */

  .box-dol {
	 padding: 45px 65px 35px 65px;
	 
	
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     border-top: 1px solid #cbcbcbe6;
     margin-bottom: 15px;
     border-bottom: 1px solid #cbcbcbe6;
	}
.box-dol p, b, h3,h4 {color: #cbcbcbe6;letter-spacing: 0.5px;font-family: "Roboto Condensed", "Open Sans", sans-serif;line-height: 20px;font-size:15px;text-transform:none;}
 
.box-right{text-align:left;
             padding:20px 20px;
			 color: rgba(255, 255, 255, 0.66);
             border: 0px solid #fff;
             border-radius: 0px;
     }
.box-left b,p{color: rgba(255, 255, 255, 0.66);}

.content h3 strong{color: rgba(0, 218, 255, 0.91);}	 
			 
.box-left{text-align:right;
             padding:20px 20px;
			
             border: 0px solid #fff;
             border-radius: 0px;
			 padding-bottom: 25px;
	}
			 


.get-directions {  text-align: center;  margin: 0; margin-bottom: 10px;}

 .direction-btn  {  
 background:transparent;  width: 200px; 
 height: 30px;border-radius: 10px;
 border: solid 1 px #fff;margin-top: 25px;
 padding: 0; 
 margin-left:0%;  
 min-width: 0;  
 position: relative;  
 top: 0px;}
 
  .direction-btn:hover {transition: 1s all;background:#999; background: -moz-linear-gradient(90deg, #006EC2 0%, #000000 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #006EC2)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #006EC2 0%, #000000 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #006EC2 0%, #000000 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #006EC2 0%, #000000 100%); /* ie10+ */
    background: linear-gradient(0deg, #006EC2 0%, #000000 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#006EC2',GradientType=0 ); /* ie6-9 */ }
 
 .get-directions input[type="text"] {    padding: 5px 2% 5px;  width: 80%;  max-width: 550px;  font-size: 15px; color: #747474;  font-weight: 400;  font-family: 'Raleway', sans-serif;  border: solid 1px #BEBEBE;  border-radius: 10px;  margin:45px 15px 0px 5px; text-align:center;}
 .trasa{ padding-top:25px; padding-bottom: 50px;}
/* =============================================================
  FOOTER SECTION STYLES
 ============================================================ */

#copyright {background-color:transparent;
            padding-bottom:20px;
			text-align:center;}
#copyright p {
	color:#fff;
   font-size:15px;
   margin-bottom:0px;}
   
   
	/*-- contact --*/  
.address-mdl {
    margin: 2em 0;
	color:#000;
	font-size: 1.2em;
	font-weight:600 ;
}
.address-mdl h5{
    font-size: 1.2em;
    font-weight: 600;
    color: #000;
	
	margin-top:2px;
	margin-right:15px;
}

.address-mdl p { 
    margin-top: 1em;
	color:#000;
	font-size:20px;
	font-weight:500 ;
}
.address-mdl p i.glyphicon { 
    color: #f79820;
    margin-right: 0.5em;
}
.address p { 
    margin-top: 1em;
	color:#000;
	font-size:20px;
	font-weight:550 ;
}
.address h5 {
    font-size: 1.4em;
    font-weight: 600;
    color: #000;
	padding-top:10px;
}
.address p i.glyphicon { 
    color: rgba(34, 137, 247, 1);
    margin-right: 0.5em;
}

.address p a {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
	text-transform: none;
    color: #eead31;
}
.address p a:hover{
    color: #52a5c6;
	transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.person{ padding: 20px 50px 0 0;
         min-height: 230px;
         margin-left: 80px;
		  }
.person p { 
font-family: "Roboto Condensed", "Open Sans", sans-serif;
    margin-top: 18px;
	color:#fff;
	font-size:17px;
	font-weight:550 ;
}
.person p span{ 
    margin-top: 1em;
	color:rgba(0, 218, 255, 0.91);
	font-size:20px;
	font-weight:600 ;
}
.person h5 {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
    font-size: 2em;
    font-weight: 600;
    color:#fff;
    margin-left: 0px;
    margin-top: 0px;
}
.person p i.glyphicon { 
    color: rgba(34, 137, 247, 1);
    margin-right: 0.5em;
}
.person h5 i.glyphicon {
    color: 
    rgba(34, 137, 247, 1);
    margin-right: 0.5em;
	font-size: 20px;
}

.person p a {
    color: #01caef;
	font-size: 20px;
}
.person p a:hover{
    color: #eead31;
}
.contact-agileinfo input[type="text"] {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
    width: 100%;
    color: #999;
    background: none;
    outline: none;
    font-size: 1.1em;
    padding: .7em .8em;
    border: solid 1px #ccc;
    -webkit-appearance: none;
    display: inline-block;
	margin-bottom: 5px;
} 
input.email {
    margin: 1em 0;
}
.contact-agileinfo textarea {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
    resize: none;
    width: 100%;
    background: none;
    color: #999;
    font-size: 1.1em;
    outline: none;
    padding: .7em .8em;
    border: solid 1px #ccc;
    min-height: 9em;
    -webkit-appearance: none;
    margin-top: 0em;
}
.contact-agileinfo input[type="submit"] {
	font-family: "Roboto Condensed", "Open Sans", sans-serif;
    border: none;
    outline: 2px solid rgba(34, 137, 247, 1);
    color: #fff;
    padding: .6em 3em;
    font-size: 1.1em;
    margin: 1em 1em 0 0;
    -webkit-appearance: none;
    background: rgba(34, 137, 247, 1);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
.contact-agileinfo input[type="submit"]:hover {
   background: url(../img/f8.jpg) no-repeat center center;
    color: #fff;
    letter-spacing: 6px;
	font-weight:bold;
}
.agileits-map iframe {
	width: 100%;
	min-height: 350px;
	border: none;
} 
.contact {
    padding-top: 2em; 
	padding-bottom:1em;
	background-color: rgba(0, 61, 152, 0.2);
}
/*-- //contact --*/
.dol{ background: #000;}



/*-- //welcome --*/
.w3ls_head {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 50px;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: .8em;
    position: relative;
}
.w3ls_head:before, .w3ls_head:after {
    position: absolute;
    background:#f79820;
    height: 2px;
    content: '';
}
.w3ls_head:before {
    width: 20%;
    bottom: 8%;
    left: 39.5%;
}

/* =============================================================
  Media
 ============================================================ */


 
 
 


@media(max-width: 1200px){
	.gwarancja p {
    
    line-height: 1.3em;}
	.contento p {line-height:25px;font-size: 18px;}
    .my p {float: left; }
	
	.person p a {
     font-size: 18px;
}
	
}
@media(max-width: 1000px) {
.contact-firma{ display:none;
}	
.person {min-height: 0px;padding: 0px 50px 0 0;
}

   
}

	
@media(max-width: 990px) {
.person p a {
     font-size: 20px;
}	
.container.banner-drop h3 {
   
letter-spacing: 0px;
font-size:18px;
}	
.contento ul {
    
    font-size: 15px;
  
	
}	
.rodo {
    text-align: justify;
   
    padding-left: 0px;
    padding-right: 0px;
}
#header {
    background: url(../img/f8.jpg) no-repeat center center;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
    color: #fff;
}
#header .overlay {background-color: transparent;}
#header h4 {
    line-height: 15px;
    font-size: 8px;
    padding-bottom: 40px;
    text-transform: uppercase;
    padding-left: 5px;
}	

#header h1 { text-align:center; font-size:35px;margin-top: 0px;padding-top:30px;}

.person h5 {
   
	margin-left:0px;
	margin-top:0px;}
.box-left {
    text-align: center;}
.box-right {
    text-align: center;}
.get-directions input[type="text"] {
   
    margin: 0px 15px 0px 5px;}
.row h2 {
    padding-bottom: 20px;
	text-align: center;}

}

@media (max-width: 640px) {

#header {background:#05528a;}
#dane { margin-top:40px;}
#dane p{padding-bottom:0px;font-size: 16px;}
  #clients{display:none;}
  
 .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
-webkit-transform: scale(1);
  transform: scale(1);
  
}
  
 .wthree_banner_grid:hover{transition: 1s all;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
         transform: scale(1);
		 color:#fff;}
 
 .row .glyphicon {
    font-size: 40px;
    padding-top: 15px;
    padding-right: 1px;
    padding-bottom: 15px;
    padding-left: 5px;
}	
  .contact {padding:1em 0 }
  .section {padding-top:0px}
  
 .box-dol {padding: 0px;border:0px;}
  
 .box.content {padding:0 0 0 0px;}
 .box .content ul li {
	margin: 0em;
	padding-left: 0em;
	
	padding-bottom:0px;
}

  .navbar-collapse collapse {display:none}
  
  .contento strong{line-height: 25px;}
  

  #header .overlay {background-color: rgba(255, 255, 255, 0);}
  #services .overlay {background-color: rgba(255, 255, 255, 0);}
  .text-center {
  text-align: left;}
  
  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 7px;
    margin-right: 5px;
    margin-bottom: 1px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}
 .navbar {
    padding: 1px;
    -webkit-transition: background .8s ease-out,padding .8s ease-out;
    -moz-transition: background .8s ease-out,padding .8s ease-out;
    transition: background .8s ease-out,padding .8s ease-out;
} 
.navbar-brand img {
    height: 45px;
}
.wel{margin-top:73px;margin-bottom: 20px;}
.pad-bottom { padding-bottom: 0px;}

section {
    padding-bottom: 0px;
    padding-top: 0px;
}

.gwarancja p {
    font-size: 18px;
    font-weight: normal;}
 ul  {
    
    padding-left: 0px;
    text-align: left;}
	
.contento ul {
  font-weight: normal;
  padding-left: 20px;
}
.contento{margin-bottom:20px;}


.container.banner-drop h3 {
   
letter-spacing: 0px;
font-size:16px;}

.banner-text-agileits {
padding-bottom: 10px;
padding-top: 10px;
margin-bottom:20px;}
.person p a {
     font-size: 18px;
}
.person {
    padding: 0px 0px 0 0;
    min-height: 0px;
    margin-left: 20px;
}
.rodo {padding-top: 50px;}
.person p {
    font-family: "Roboto Condensed", "Open Sans", sans-serif;
    font-size: 15px;
    
}

}

	


 @media (max-width: 360px) {
.wel  h4{text-align: center; }
.wel {padding-bottom: 20px;}
.container.banner-drop h3 {
   
letter-spacing: 0px;
font-size:15px;
margin-top:10px;
line-height: 15px;}

.banner-text-agileits {
padding-bottom: 15px;
padding-top: 5px;
margin-bottom:20px;}

.row h2 {font-size: 36px;}
.person {
    padding: 0px 0px 0 0;
    min-height: 0px;
    margin-left: 0px;
}
}