html {
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 background: url(images/serwis-rowerow-wroclaw-bg-1.jpg) no-repeat; 
 background-position: center center;  
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-attachment: fixed; 
}  



body {
 width:100%;
 margin:0;
 padding:0; 
 font-family: 'Open Sans', sans-serif;
 width:100%;
 font-size:14px;
 color: #fff;
 background: transparent!important; 
} 


#main {
 width: 100%;
 height: 100vh; 
 background: transparent!important;
 box-sizing: border-box; 
}

h1 {
 font-family: 'Montserrat', sans-serif;	
 font-size: 55px;
}

h3 {
 font-family: 'Montserrat', sans-serif;	
 font-size: 28px;
}



.main-col {
 padding: 2.5% 2% 2% 2%;
 font-size:19px;
}

.main-col p {
 margin-bottom:25px;	
}
    
	.main-info-container {
	 margin-top:5%;
	 overflow: hidden;
	}
	
	.autoryzowany-serwis {
     background :#8dc73f;
	 padding:8px 15px 12px 15px;
	 margin-bottom:15px;
	}
	
	.autoryzowany-serwis h3 {
     color: #111;
	}
	
	#gallery-container {
	 position: relative;
	 box-sizing: border-box;
	 margin-bottom:10px;
	}
	
	#gallery-container ul {
	 margin:0;
     padding:0;
     list-style: none;	 
	}
	
	#gallery-container ul li{
	 display: inline-block;
     width:33%;
     margin:0;
     padding:0;	 
	}
	
	#gallery-container li img {
     width:100%;
     heightl auto;	
     border:10px solid #fff;	 
	}
	
	.button-show {
     margin-top:20px;
	 display: inline-block;
     background: #8dc73f;
     color: #fff;
     padding: 10px 25px;
	 cursor: pointer;
	 z-index:99;
	}
	
	.button-close {
     position: fixed;
	 right:0;
	 top:0px;
	 display: inline-block;
     background: #8dc73f;
     color: #fff;
	 font-size:40px;
     padding: 15px 30px;
	 cursor: pointer;
	 z-index:999999;
	}
	
	.modal-box {
     display: none;		
	}

	.modal-box {
     position: ABSOLUTE;
	 /*overflow-y: scroll;*/
     top:0;
	 left:50%;
     width:100%;
	 /*max-width:80hw;*/
     background: #111;
     padding: 30px;
	 /*max-height: 80vh;
	 height:100vh;*/
     transform:translate(-50%,0%); 
     -ms-transform:translate(-50%,0%);
     -webkit-transform:translate(-50%,0%);
     -moz-transform:translate(-50%,0%);
     -o-transform:translate(-50%,0%);
     -webkit-overflow-scrolling: touch;  	 
	}
	
	.service-price-table td {
	 font-size:17px;
     padding: 8px;	 
     border-bottom:1px solid rgba(255,255,255,0.2);	 
	}
	
	td.colspan-title {
    background: #8dc73f;		
	}


.row-sidebar {
 background: rgba(17,17,17,0.9);
 color: #fff;
 height: 100vh;
 padding: 40px 30px 10px 20px;
}

    .logo {
	 max-width:160px;
	 width:100%;
	 height: auto;
	 margin-bottom:15px;
	}

    .contact-box {
	 width:90%;
	 display: block;
	 border-bottom:1px solid rgba(255,255,255,0.1);
	 padding:14px 0;
	 -moz-transition: all .3s ease;
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;	
	}
	
	.contact-box a {
	 color: #fff;
	}	
	
	.contact-box i {
	 width: 35px;
	 height: 35px;
	 margin-right: 10px;
	 float: left;
	 border-radius: 50%;
	 font-size: 18px;
	 text-align: center;
	 /*line-height: 35px; */
	 color: #fff;	 
	}
	
	.contact-box:hover {
	 background: #8dc73f;
	}


footer {
 position: fixed;
 bottom:0;
 left:0;
 width:100%;
 padding:20px;
 background: rgba(0,0,0,0.6);
 color: #8dc73f;
 font-size:13px;
}

footer a {
 color: #8dc73f;
}

footer .design {
 float: right;
}









form {
    margin:25px 0 0 0;
}

form label {
    display: block;
    margin-bottom:.2em;
    font-family:"Inconsolata", sans-serif;
    font-size:13px;
    line-height:13px;
    font-size:1.3rem;
    line-height:1.3rem;
    color:#000;
}

form label.error {
    margin-top:-1em;
    margin-bottom:1em;
    font-size:12px;
    line-height:12px;
    font-size:1.2rem;
    line-height:1.2rem;
    color:#c0392b
}

form input[type="text"], form input[type="password"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="week"], form input[type="email"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="time"], form input[type="url"], form textarea {
    margin-bottom:15px;
    padding:6px 4px; 
    background:#111;
    border:1px solid rgba(255,255,255,0.5);    
    border-radius:0;
	width:90%;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;	
}


form input[type="text"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="datetime"]:focus, form input[type="datetime-local"]:focus, form input[type="month"]:focus, form input[type="week"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="time"]:focus, form input[type="url"]:focus, form textarea:focus {
    border-color:#8dc73f;
   
   
}
form input[type="text"][disabled], form input[type="password"][disabled], form input[type="date"][disabled], form input[type="datetime"][disabled], form input[type="datetime-local"][disabled], form input[type="month"][disabled], form input[type="week"][disabled], form input[type="email"][disabled], form input[type="number"][disabled], form input[type="search"][disabled], form input[type="tel"][disabled], form input[type="time"][disabled], form input[type="url"][disabled], form textarea[disabled] {
    background:#fff
}
form input[type="text"].error, form input[type="password"].error, form input[type="date"].error, form input[type="datetime"].error, form input[type="datetime-local"].error, form input[type="month"].error, form input[type="week"].error, form input[type="email"].error, form input[type="number"].error, form input[type="search"].error, form input[type="tel"].error, form input[type="time"].error, form input[type="url"].error, form textarea.error {
    background:#e6e6e6;
    border-color:#c0392b
}

fieldset {
    border:0px;
    margin:0;
    padding:0
}

.required {
    color:#e9266d
}


#submit {
 color: #fff;
 background: #8dc73f;
 border:none;
 padding: 4px 10px;
 text-align: center;
}

.form-area {
 position: relative;	
}

#success, #error {
    display:none
}

#success span, #error span {
 display:block;
 position:absolute;
 top:0;
 width:100%;
 height:100%;
 padding: 20px;
 background: #8dc73f; 
 color: #fff;
 
}

#success span p, #error span p {
    margin-top:1em
}

#success span p {
  /*color:#9bd32d*/
}

#error span p {
    color:#c0392b
}