/*  
Theme Name: TYLORSCLUB.UK
Theme URI: http://www.kulikowski-it.pl
AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author: AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author URI: http://www.kulikowski-it.pl
Description: Realizacja witryny internetowej wykonana przez firme "KULIKOWSKI-IT" Adam Kulikowski. c)2017 All rights reserved. Wszystkie prawa zastrzezone. 
*/
	
	/* Reset CSS */
		html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } 
		body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
		nav ul { list-style:none;} blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }		
		table { border-collapse:collapse; border-spacing:0; }
		hr { display:block; height:1px; border:0; border-top:1px solid #dddddd; margin:1em 0; padding:0; }
		input, select { vertical-align:middle; height:35px;}
		select { padding:5px;}
		h1,h2,h3,h4,h5 { font-weight: normal; }

	/* Project CSS */


			@font-face {
				font-family: 'RalewayLight';
				src: url('font/Raleway-Light.eot');
				src: url('font/Raleway-Light.eot?#iefix') format('embedded-opentype'),
					url('font/Raleway-Light.woff') format('woff'),
					url('font/Raleway-Light.ttf') format('truetype');
				font-weight: normal;
				font-style: normal;
			}

			@font-face {
				font-family: 'RalewaySemiBold';
				src: url('font/Raleway-SemiBold.eot');
				src: url('font/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
					url('font/Raleway-SemiBold.woff') format('woff'),
					url('font/Raleway-SemiBold.ttf') format('truetype');
				font-weight: normal;
				font-style: normal;
			}

			@font-face {
				font-family: 'RalewayHeavy';
				src: url('font/Raleway-Heavy.eot');
				src: url('font/Raleway-Heavy.eot?#iefix') format('embedded-opentype'),
					url('font/Raleway-Heavy.woff') format('woff'),
					url('font/Raleway-Heavy.ttf') format('truetype');
				font-weight: normal;
				font-style: normal;
			}

			@font-face {
				font-family: 'RalewayBold';
				src: url('font/Raleway-Bold.eot');
				src: url('font/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
					url('font/Raleway-Bold.woff') format('woff'),
					url('font/Raleway-Bold.ttf') format('truetype');
				font-weight: normal;
				font-style: normal;
			}

			@font-face {
				font-family: 'RalewayThin';
				src: url('font/Raleway-Thin.eot');
				src: url('font/Raleway-Thin.eot?#iefix') format('embedded-opentype'),
					url('font/Raleway-Thin.woff') format('woff'),
					url('font/Raleway-Thin.ttf') format('truetype');
				font-weight: normal;
				font-style: normal;
			}

			@font-face {
				font-family: 'RalewayRegular';
				src: url('font/Raleway.eot');
				src: url('font/Raleway.eot?#iefix') format('embedded-opentype'),
					url('font/Raleway.woff') format('woff'),
					url('font/Raleway.ttf') format('truetype');
				font-weight: normal;
				font-style: normal;
			}




body .booked-list-view .booked-list-view-nav .booked-list-view-date-next {
    display: none !important;
}

body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev {
    display: none !important;
}
body .booked-list-view a.booked_list_date_picker_trigger {
    display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title {
    font-size: 10pt;
}
body .booked-list-view span.booked-datepicker-wrap {
    display: none;
}

body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
    font-size: 20px !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 40%;
	font-family:arial;
}

.wpcf7 input[type="submit"]
{ 
    background-color: #193151;
    color: #fff;
    width: 40%;
	border:0px;
}




	body { font-family: 'RalewayRegular'; font-size: 1em; color: #444; background: #fff;}		
		
		
			
		#topsite { float: left; width: 100%; padding: 15px 0px 15px 0px; background:#fff; }		
		
		#flagslang{ float:right; margin-left:5px;}
		#flagslang ul { list-style:none; }
		#flagslang ul li { list-style:none; padding: 5px; float: left; }
		#flagslang ul li.active { background:#ddd; }
		
		
		#flagandcurr { float: right; }
		
		#ue { width: 205px; position: fixed; right: 0; top: 187px; height: 120px; z-index: 22111111111; }
		#ue a { margin-left: 15px; margin-top: 3px; opacity: 0.85; }
		#socialmedia { width: 65px; position: fixed; right: 0; top: 250px; height: 120px; z-index: 22111111111; }
		#socialmedia a { margin-left: 15px; margin-top: 3px; opacity: 0.75; }
			#socialmedia a.sc_fb { float: left; display: block; width: 60px; height: 56px; background: url('images/socialmedia/fb.png') left center no-repeat;  }
			#socialmedia a.sc_ins { float: left; display: block; width: 60px; height: 56px; background: url('images/socialmedia/inst.png') left center no-repeat;  }
				#socialmedia a:hover { margin-left: 8px; opacity: 1.0; }
				
				#socialmedia a:hover, #socialmedia a {
										-webkit-transition: all 250ms ease-in-out;
										-moz-transition: all 250ms ease-in-out;
										-o-transition: all 250ms ease-in-out;
										transition: all 250ms ease-in-out;		
				}
			
	
			#logo { float: left; width: 20%; }
				#logo img { max-width: 100%; height: auto; }
			#menu { float: left; width: 50%; }
			
			#cart { float: right; width: 30%; }
			#cart p { float: left; margin-left: 5%; padding: 20px 20px 20px 60px; background: url('images/cart.png') left center no-repeat; } 
			#cart a { color: #444; text-decoration: none; }
			
			#cartmobile { float: right; width: auto; display: none; }
			#cartmobile p { float: left; font-size: 0.9em; margin-left: 1%; padding: 6px 10px 6px 40px; background: url('images/cartmobile.png') left center no-repeat; } 
			#cartmobile a { color: #444; text-decoration: none; }	
			
		
					
		.container { margin: 0 auto; }  
	

		
			#slider { float: left; width: 100%; background: #dddddd; }
		
		
		
		
			#about_content_bg { float: left; width: 100%; padding: 50px 0px 50px 0px; background: #f9f9f9; }

				#about_content { float: left; width: 50%; }
					#about_content_text { float: right; }	
					#about_content_text h1, #about_content_text h2, #about_content_text h3 { margin: 30px 0px 30px 0px; font-size: 2.5em; font-family: 'RalewayHeavy'; text-transform: uppercase; color:#193151;}	
					#about_content_text p { font-size: 0.95em; line-height: 1.7em; text-align: justify; color:#444; }
					#about_content_text a { float: left; margin: 30px 0px 40px 0px; font-family: 'RalewaySemiBold'; text-decoration: none; font-size: 0.9em; padding: 11px 35px; color: #fff; background: #193151; text-transform: uppercase; }
					#about_content_text a:hover { background: #ddd; color:#000; }
					
				#about_img { float: right; width: 45%; }
					#about_img img { max-width: 90%; float: right; height: auto; border: 20px solid #fff; border-right: 0px; }

						
			

			

			#anatomiakoszuli_bg  { float: left; width: 100%; padding: 50px 0px 40px 0px; }
				
				#anatomiakoszuli_img { float: left; width: 50%; }
				#anatomiakoszuli_img img { max-width: 95%; margin: 1% 2.5%; height: auto; }
				#anatomiakoszuli_img h1 { color:#193151; margin: 50px 120px 50px 50px; font-size: 2em; text-transform: uppercase; font-family: 'RalewayHeavy'; line-height: 1.35em; text-align: center;  float: right; }
				#anatomiakoszuli_img p { text-align: right; }
				#anatomiakoszuli_img h1 span { color: #444; font-family: 'RalewayLight'; font-size: 1.15em; }
				

				#anatomiakoszuli_text { background: #f9f9f9; float: right; width: 45%; padding: 2% 2.5% 2% 2.5%; }
				
				#anatomiakoszuli_text h5 { color:#000; font-size: 1em;  line-height: 1.45em; margin-top: 10px; font-family: 'RalewayBold'; padding: 12px 0px 12px 0px; padding-left: 45px; background: url(images/listitem.png) center left no-repeat; }
				#anatomiakoszuli_text p { line-height: 1.45em; padding-left: 45px; font-size: 0.9em; max-width: 600px; }	

		
		
			#page_content, #content { float: left; width: 100%; }
				
				#page_content { padding: 50px 0px 50px 0px; }
		
	
				#content img.alignleft { float: left; margin: 5px 20px 20px 0px; }    
				#content img.alignright { float: right; margin: 5px 0px 20px 20px;  }  
				
				#content img { max-width: 100%; height: auto; }
				#content img.alignleft, #content img.alignright { max-width: 50%; height: auto; }  
				#content img.alignleft { max-width: 100%; height: auto; }  
				#content img.aligncenter { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }  
				 
				#content h1, #content h2, #content h3, #content h4, #content h5 { font-family: 'RalewayHeavy'; text-transform:uppercase; margin: 20px 0px 20px 0px;} 
					
				#content h1 { color: #193151; font-size: 1.8em;} 
				#content h2 { color: #193151; font-size: 1.5em;} 
				#content h3, #content h4, #content h5 { color: #193151; font-size: 1.3em;} 
				
				#content p { color: #444; margin: 7px 0px 7px 0px; line-height: 1.8em; }   	
				#content ul, #content ol { margin-left: 20px; color: #000; line-height: 1.8em; } 	

				#content table { width: 100%;  }
				#content table td { padding: 3px; border-bottom: 1px solid #ddd; }


					#contact_form { float: right ; width: 45%; }
					
					#contact_content { float: left; width: 50%; }

									#contact_form form {
										padding: 0px; margin: 0px; 
										float: left;
										font-weight: normal;
										font-size: 0.9em;
										width: 100%;
										margin-bottom: 20px;
									}
									

									#contact_form  label span { color: red; }
									
									#contact_form  input,#contact_form textarea,#contact_form select {
										font-size: 0.9em;
										border:1px solid #cccccc; 
										color: #9b9b9b;
										margin-left: 2%;
										background: #f4f6f8;
										width: 92%;			
										padding: 1% 2%;
										float: left;
									}
									#contact_form  label {  
										margin-left: 2%;
										width: 88%;			
										padding: 1% 2%;
										float: left;							
									}
								
									#contact_form  input:hover, #contact_form  textarea:hover,#contact_form  select:hover {
										border:1px solid #d9d9d9;
										background: #FFF;
									}
									
									#contact_form  input:hover,#contact_form  input,#contact_form  textarea,#contact_form  textarea:hover,#contact_form  select,#contact_form  select:hover {
										-webkit-transition: all 250ms ease-in-out;
										-moz-transition: all 250ms ease-in-out;
										-o-transition: all 250ms ease-in-out;
										transition: all 250ms ease-in-out;
									}

									#contact_form  textarea {
										display: block;
										float: left;
										resize: none;
										background: #f4f6f8;
										min-height: 65px;
									}
									
										
								/*
								 buttons css3
								*/
							
								#contact_form  input.btn_send { 
										font-size: 1em; text-transform: uppercase; font-weight: normal;
										height: auto;
										text-decoration: none; padding: 0; margin: 0; border: 0; border: none; cursor: pointer; 
										color: #ffffff; background: #193151; box-shadow: none;
										float: right;
										width: 24%;			
										padding: 1% 3%;
										margin-right: 2%;
										margin-bottom: 5px;
										margin-top: 20px;
									}
									#contact_form  input.btn_send:hover { 
										background: #ddd; color:#000;

									}
									
									#contact_form input.btn_send:hover,#contact_form  input.btn_send { 
												-webkit-transition: all 200ms ease-in-out;
												-moz-transition: all 200ms ease-in-out;
												-o-transition: all 200ms ease-in-out;
												transition: all 200ms ease-in-out;
									}		
									
									
									#contact_form  p.form_msg { float: left; width: 96%; margin: 2% 2% 0% 2%; font-size: 1.1em; }
									
						
				
				#about_content_text a:hover, #about_content_text a, #footerlast .gototop a.gototop_btn:hover, #footerlast .gototop a.gototop_btn {
										-webkit-transition: all 200ms ease-in-out;
										-moz-transition: all 200ms ease-in-out;
										-o-transition: all 200ms ease-in-out;
										transition: all 200ms ease-in-out;	 
				 
				 }
	
	
			
				#footerbg { float: left; width: 100%; padding: 30px 0px 0px 0px; margin-bottom: 20px; border-bottom: 10px solid #fff; }
					#footerbg p.private_policy_rodo { font-size: 0.9em; color:#444; float: left; width: 100%; padding: 10px 0px 10px 0px; }
					#footerbg p.private_policy_rodo a { text-decoration: underline; color:#444; }
					#footerbg p.private_policy_rodo a:hover { color:#000; }
				
					#footerbg, #mapa, #map_wrapper, #contactformbg { height: 150px; }
					
											
					#mapa { float: left; width: 100%;  position: absolute;  z-index: 11; }
					#contactformbg { float: left; position: relative; width:40%; background: #fff; z-index: 22; top:0;   }
					#contactformborder { float: left; width: 100%;  border-top: 10px solid #193151;  }
					#contactform { float: left; width: 90%; margin: 5% 5% 2% 5% }
					#contactform h3 { font-family: 'RalewayHeavy'; float: left; width: 100%; text-transform:uppercase;  color: #193151; font-size: 1.8em; margin: 20px 0px 20px 0px; }
					
					
					
					#contact_footer_info { float: left; width: 95%; margin-left: 5%; margin-top: 10px; }
					#contact_footer_info p { padding: 12px 0px 12px 40px; font-size: 0.95em; }
						#contact_footer_info p,#contact_footer_info a { color:#7c7c7c; text-decoration: none; }
						
						#contact_footer_info p.footerinfo_mail { background: url('images/mail.png') center left no-repeat;  }
						#contact_footer_info p.footerinfo_tel { background: url('images/tel.png') center left no-repeat; }
						
						
						
						
						
						
										#contact_form_footer form {
											padding: 0px; margin: 0px; 
											float: left;
											font-size: 0.9em;
											width: 100%;
											margin-bottom: 10px;
											font-family: 'RalewayRegular';
										}
										

										#contact_form_footer  label span { color: red; }
										
										#contact_form_footer  input,#contact_form_footer textarea ,#contact_form_footer select {
											font-size: 0.9em;
											color: #9b9b9b;
											background: #f1f1f1;
											width: 95%;			
											padding: 2% 2.5%;
											float: left;
											border: 0;
											border: none;
											font-family: 'RalewayRegular';
											margin: 5px 0px 5px 0px;
										}

									
										#contact_form_footer  input:hover, #contact_form_footer  textarea:hover,#contact_form_footer  select:hover {
											background: #f7f7f7;
										}
										
										#contact_form_footer  input:hover,#contact_form_footer  input,#contact_form_footer  textarea,#contact_form_footer  textarea:hover,#contact_form_footer  select,#contact_form_footer  select:hover {
											-webkit-transition: all 250ms ease-in-out;
											-moz-transition: all 250ms ease-in-out;
											-o-transition: all 250ms ease-in-out;
											transition: all 250ms ease-in-out;
										}
										
										#contact_form_footer  input.btnsend { 
											cursor: pointer;
											background: #f1f1f1;
											text-transform:uppercase;
											font-family: 'RalewaySemiBold';
											font-size: 1em;
											float: left; width: 100%;
											margin: 7px 0px 10px 0px;
											padding: 2% 2.5%;
											color:#193151;
										}
										#contact_form_footer  input.btnsend:hover {
											background: #193151; color:#fff;
											
										}

										#contact_form_footer  textarea {
											display: block;
											float: left;
											resize: none;
											background: #f1f1f1;
											min-height: 80px;
											font-family: 'RalewayRegular';
										}
						
					
					
					
					
					
				#footerlast { float: left; width: 100%; padding: 20px 0px 50px 0px; }
				
				#footerlast .copyright { float: left; width: auto; }
				#footerlast .footermenu { float: right; width: auto; margin-top: 10px; }
					#footerlast .footermenu ul { float: right; width: 50%; list-style: none; width: auto; font-family: 'RalewayLight'; text-transform: uppercase; }
					#footerlast .footermenu ul li {display: inline;  }
					#footerlast .footermenu ul li a { padding: 10px 15px; text-decoration: none; color: #193151; font-size: 0.85em;  }
					#footerlast .footermenu ul li a:hover {  text-decoration: underline; }
				
					#footerlast .gototop { float: right; } 
					#footerlast .gototop a.gototop_btn { margin-left: 20px; padding: 10px 20px; background: #193151 url('images/gototop.png') center no-repeat; }
					#footerlast .gototop a.gototop_btn:hover { background: #31588d url('images/gototop.png') center no-repeat; }
				
				#footerlast p { font-size: 0.9em; color: #444; line-height: 1.7em; }
				#footerlast a { color: #444; text-decoration: none; }

								
				
				
				#footercity { float: left; width: 100%; margin-bottom: 60px; }		
					#footercity p { font-size: 1.2em; color:#193151; text-transform: uppercase; letter-spacing: 1px; }
		
				#switchercurr { float: right; position: relative; height: 1px; margin-top: -5px; min-width: 100px; }
				#switchercurr select {
					border: 1px solid #f0f0f0;
					padding: 2px;
					text-transform: uppercase;
					font-size: 0.9em;
					font-family: 'RalewayLight';
				}
	
	#content .off_package { float: left; width: 30%; margin: 2% 1.5%; padding: 3% 0%; opacity: 0.9; border: 1px solid #193151; }	
		#content .package_inside { float: left; width: 90%; background: url('images/offbg.png') top left no-repeat; background-size:cover; padding: 2% 5%; }
		#content .package_inside img { float: left; width: 100%; height: auto; margin: 20px 0px 20px 0px; opacity: 0.9; }
		
		#content .off_package h1, #content .off_package h3, #content .off_package p { text-align: center; line-height: 1.5em; }
		
			#content .off_package h1 { font-size: 1.65em; line-height: 1.25em; }
			#content .off_package h3 { font-size: 1.1em; }
			
		/*
			#content #package1 { background: #08adfd; }
			#content #package2 { background: #bebebe; }
			#content #package3 { background: #dab63f; }
		*/
			
			#content #package1 { background: #f0f0f0; }
			#content #package2 { background: #f0f0f0; }
			#content #package3 { background: #f0f0f0; }
			#content #package4 { background: #f0f0f0; }
			
			
			
			#content .off_package a.off_package_btn { padding: 5px 20px; background: #fff; color:#193151; text-decoration: none; text-transform: uppercase; font-family: 'RalewayLight'; font-size: 1.2em;	}
			#content .off_package a.off_package_btn:hover { background:#193151; color:#f1f1f1; }
					
			#content .off_package:hover { opacity: 1; }			
			#content .off_package:hover img { opacity: 1; }		


			#content .off_package:hover img, #content .off_package img, #content .off_package:hover, #content .off_package, .collection_bottom a, .collection_bottom a:hover, #content .off_package a.off_package_btn:hover, #content .off_package a.off_package_btn {
													-webkit-transition: all 220ms ease-in-out;
													-moz-transition: all 220ms ease-in-out;
													-o-transition: all 220ms ease-in-out;
													transition: all 220ms ease-in-out;	 
			}
			
			
			
			
			.collection_bottom { float: left; width: 100%; padding: 35px 0px 20px 0px; border-top: 2px solid #193151; margin-top: 20px; }
					.collection_bottom p { width: 100%; text-align: right; }
					.collection_bottom a { float: right;  text-align: right; padding: 15px 50px; text-decoration: none; background:#193151; color:#f1f1f1; font-family: 'RalewayLight'; font-size: 1.2em; text-transform: uppercase;  }			
					.collection_bottom a:hover {background:#f1f1f1; color:#193151}
			
			
			


				#map_canvas {
					width: 100%;
					height: 100%;
				}	
				
				
				

	
				
/* RWD elements DIV */	


		@media (min-width: 1441px) {
			.container  {width:1280px;}
			#about_content_text { width: 640px; }
			
			#logo { width: 20%; float: left;  }
			#menu { width: 45%; float: left;  }
			#cart { width: 20%; float: left; margin-top: 30px; }
			#flagandcurr { float: right; width: 15%; margin-top: 45px; }
			.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; padding: 0; position: relative; width: 30%; margin: 2% 1.5% 2% 1.5%; }
			
		}
		
		
		@media (max-width: 1440px) and (min-width: 1281px) {
			.container  {width:1180px;}
			#about_content_text { width: 590px; }			
			
			#logo { width: 18%; float: left;  }
			#menu { width: 47%; float: left; margin-top: 20px; }
			#cart { width: 20%; float: left; margin-top: 25px; }
			#flagandcurr { float: right; width: 15%; margin-top: 40px; }
			

			#anatomiakoszuli_img h1 { font-size: 1.9em; }

			.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; padding: 0; position: relative; width: 30%; margin: 2% 1.5% 2% 1.5%; }
						
			
		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:1000px;}
			#about_content_text { width: 500px; }				
			
			#logo { width: 18%; float: left;  }
			#menu { width: 82%; float: left; margin-top: 10px; }
				#menu ul { font-size: 0.9em; }
						#menu ul  a{ padding: 15px 10px; margin: 10px 0px 10px 0px; }
						#menu ul ul  a{ padding: 20px 10px; margin: 0px; }				
				
			#cart { width: 20%; float: left;margin-top: 15px; }
			#cart p { font-size: 0.9em; }
			
			#flagandcurr { float: right; width: 15%; margin-top:30px; }
			#switchercurr { min-width: auto;  }
			
			#anatomiakoszuli_img h1 { font-size: 1.6em; margin: 50px 100px 50px 40px; }
			
			.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; padding: 0; position: relative; width: 30%; margin: 2% 1.5% 2% 1.5%; }
			
			
		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			
			#topsite { padding: 10px 0px 10px 0px; }
			
			#about_content_text { width: 370px; }	
			
			
			#logo { width: 25%; float: left; margin-top: 10px; }
			
				#mobilemenu { float: left; width: 100%; }
			
			#menu { width: 75%; float: left; margin-top: 10px; }
				#menu ul { font-size: 0.9em; float: left; }
						#menu ul  a{ padding: 15px 10px; margin: 0px 0px 10px 0px; }
						#menu ul ul  a{ padding: 20px 10px; margin: 0px; }				
				
			#cart { width: 25%; float: right; margin-top: 10px; }
			#cart p { float: right; font-size: 0.9em; padding: 12px 10px 12px 50px;}
				
			#anatomiakoszuli_img h1 { font-size: 1.6em; margin: 50px 60px 50px 10px; }

			#contactformbg { width:50%; }	
			
			.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; padding: 0; position: relative; width: 30%; margin: 2% 1.5% 2% 1.5%; }
			
			#content .off_package { float: left; width: 44%; margin: 2% 2.5%; padding: 3% 0%; opacity: 0.9; }	
			#content .off_package a.off_package_btn { font-size: 1.0em; }
			
			
			#flagandcurr { float: right; width: 45%; margin-top: 25px; }
				#switchercurr { min-width: auto;  }
			
		}

		@media (max-width: 768px) and (min-width: 480px) {
			.container   { width:90%; }
			
			#topsite { padding: 10px 0px 10px 0px; }
				#logo { width: 40%; float: left; margin-top: 10px; }
				#menu { width: 100%; float: left; margin-top: -50px;}

					#logo img { float: left; position: relative; z-index: 99999; }
							
					#menu { width: 100%; float: left; position: relative; padding: 5px 0px; z-index: 9998; margin-right: 1%; }
									
	
			#flagandcurr { float: left; width: 100%; margin-top: 5px; }
				#cart { display: none; }
				#cartmobile { display: block; }
				#flagslang { float: right; margin-left: 10px;   margin-right: 10px; }
				
				#switchercurr { float: right; min-width: auto; margin-top: 0px; }	
				#switchercurr select {
					border: 1px solid #f0f0f0;
					padding: 0px;
					font-size: 0.8em;
				}	

				#about_content { float: left; width: 90%; margin: 2% 5%; }
					#about_content_text { float: left; width: 100%;}
				#about_img { float: left; width: 90%; margin: 3% 5%; }
				#about_img img { max-width: 100%; float: left; height: auto; border: none; }

				
			#anatomiakoszuli_img { float: left; width: 90%; padding: 0; margin: 0% 5% 0% 5%; }
			#anatomiakoszuli_text { float: left; width: 90%; padding: 3% 5% 5% 5%; }		
			#anatomiakoszuli_img h1 { font-size: 1.5em; text-align: center; margin: 20px 0px 30px 0px; float: none; }
			
			#footerlast .footermenu { float: left; width: 100%; margin-top: 40px; }
			#footerlast .footermenu ul { float: left; }
			#footerlast .footermenu ul li a { padding: 5px 10px; text-decoration: none; color: #193151; font-size: 0.95em;  }

					#footerbg, #mapa, #contactformbg { height: auto; position: relative; }
					#contactformbg { width:100%; }	
					#mapa { float: left; width: 100%; height: 450px; position: relative;  z-index: 11; }
					#map_wrapper {  height: 450px;  }
						
			#content .off_package { float: left; width: 44%; margin: 2% 2.5%; padding: 3% 0%; opacity: 0.9; }	
			#content .off_package a.off_package_btn { font-size: 1.0em; }
			
	
		}
		
		@media (max-width: 479px) {
			.container   {width:90%;}
			
			#topsite { padding: 10px 0px 10px 0px; }
				#logo { width: 50%; float: left; margin-top: 10px; }
				#menu { width: 100%; float: left; margin-top:-45px; }

					#logo img { float: left; position: relative; z-index: 99999; }
							
					#menu { width: 100%; float: left; position: relative; padding: 5px 0px; z-index: 9998; margin-right: 1%; }
									
	
			#flagandcurr { float: left; width: 100%; margin-top: 5px; }
				#cart { display: none; }
				#cartmobile { display: block; }
				span.mobileoffmenucart { display: none; }
					#cartmobile p { float: left; font-size: 0.85em; margin-left: 1%; padding: 5px 10px 5px 10px; background: none; } 
					
				#flagslang { float: right; margin-left: 10px;   margin-right: 10px; }
				
				#switchercurr { float: right; min-width: auto; margin-top: 0px; }	
				
				#switchercurr select {
					border: 1px solid #f0f0f0;
					padding: 0px;
					font-size: 0.8em;
				}				
			
				#about_content { float: left; width: 90%; margin: 2% 5%; }
					#about_content_text { float: left; width: 100%;}
				#about_img { float: left; width: 90%; margin: 3% 5%; }
				#about_img img { max-width: 100%; float: left; height: auto; border: none; }

			#anatomiakoszuli_img { float: left; width: 100%; padding: 0; margin: 0% 0% 2% 0%; }
			#anatomiakoszuli_text { float: left; width: 90%; padding: 3% 5% 5% 5%; }		
			#anatomiakoszuli_img h1 { font-size: 1.5em; float: none; text-align: center; margin:10px 0px 30px 0px; }

			#footerlast .copyright p  { font-size: 0.8em; }
			
			#footerlast .footermenu { float: left; width: 100%; margin-top: 40px; }
			#footerlast .footermenu ul { float: left; }
			#footerlast .footermenu ul li { float: left; clear: left; }
			#footerlast .footermenu ul li a { float: left; padding: 8px 5px; text-decoration: none; color: #193151; font-size: 0.9em;  }

			
					#footerbg, #mapa, #contactformbg { height: auto; position: relative; }
					#contactformbg { width:100%; }	
					#mapa { float: left; width: 100%; height: 450px; position: relative;  z-index: 11; }
					#map_wrapper {  height: 450px;  }
					
					.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; padding: 0; position: relative; width: 90%; margin: 5% 5% 5% 5%; }
			
					#content .off_package { float: left; width: 90%; margin: 3% 5%; padding: 3% 0%; opacity: 0.9; }	
						#content .off_package a.off_package_btn { font-size: 1.0em; }
						
						#socialmedia {
							position: fixed;
							top: 75%;
						}
						#ue {
							position: absolute;
							top: 184px;
							z-index: 0;
						}
						
						.mean-nav {background-color: #fff;}
		}

@media (max-width: 600px) {
	#ue {
		display: none;
	}
}	




					
						
				@media (max-width: 768px) {


							#contact_form { float: right; width: 100%; }
							#contact_content { float: left; width: 100%; }
			

				}		
						
											
											
			#content form.woocommerce-ordering select.orderby { border: 1px solid #f0f0f0; padding: 4px; text-transform: uppercase; font-size: 0.9em; font-family: 'RalewayLight'; }
			#content ul.products li span.price {  font-family: 'RalewayLight'; color: #444; font-size: 1.4em; text-align: center;}
			#content ul.products li h2 { text-align: center; }

			#content  ul.products li.product .button { float: left;	width: 90%; text-align: center; padding: 3% 5%; text-transform: uppercase; font-family: 'RalewayThin'; font-size: 1em; }

			
			#content .product form.cart { padding: 30px 0px 30px 0px; float: left; width: 100%; }
			#content .product form.cart button.single_add_to_cart_button { color: #fff; background-color: #ebe9eb; text-transform: uppercase;  font-family: 'RalewayLight'; }
			.woocommerce .quantity .qty { padding: 6px; font-size: 1em; }
			#content .wc-proceed-to-checkout .checkout-button { color: #fff; background-color: #ebe9eb; text-transform: uppercase;  font-family: 'RalewayLight'; }
			
			#payment input#place_order {  color: #fff; background-color: #193151; text-transform: uppercase;  font-family: 'RalewayLight';}

			
			
			
			#content .ngg-galleria .galleria-info { background:#fff; opacity: 1.0; }
			#content .ngg-galleria .galleria-info-text { padding: 10px 0px 10px 0px; }
			#content .ngg-galleria .galleria-info-title { color: #193151; font-size: 2em; }

			

		.woocommerce div.product form.cart .variations select {
			padding: 7px 10px;
			margin-bottom: 20px;
			font-family: 'RalewayLight';
			font-size: 1.1em;
		}
		
		#content .woocommerce-variation-price { margin: 20px 0px 30px 0px;  }
		#content .woocommerce-variation-price span.price { font-size: 1.4em; color:#193151; }
		
		
		
		#content section.related, #content div.product_meta { display: none; }


		#content .wcppec-checkout-buttons, #content .woo_pp_cart_buttons_div  { display: none; }



/* ALFA BRAVO */



.butn {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #193151;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.butn:hover {
  background: #0e1c2d;
  text-decoration: none;
}

button { cursor: pointer;
border:0px;}




.vpc-options input:checked + label.custom:before {
    color: #193151 !important;
    font-size: 22px !important;;
}


.vpc-component-header {
    color: #193151 !important;; 
}


.vpc-component-header > span {
    padding-top: 10px !important;;
    padding-bottom: 10px !important;;

}


.vpc-group-name {
    display: block !important;;
    font-size: 12px !important;;
}
}


#vpc-preview, .vpc-cart-config-image, .saved-config-preview {
    border: 0px solid #f1f4f9 !important;;
}
}


#vpc-price-container {
    color: #183151 !important;;

}


.vpc-component:first-of-type {
    border-top: 1px solid #f1f4f9 !important;;
}


.vpc-component {
    border: 1px solid #f1f4f9 !important;;

}

.vpc-options {
    background-color: #f1f1f1 !important;
}


.vpc-success {
    background-color: #183151 !important; 
}
.vpc-success a {
    color: white !important;
}


#vpc-qty-container input[type=button], .vpc-action-buttons button {
    background: #183151 !important;
}

#vpc-qty-container input[type="button"] {
    background: #183151 !important;
}




.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    display: none !important;
}


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    line-height: 30px !important;
}


.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #183151 !important;
}

.txt.vpc-selected {
    color: #183151 !important;
}



.shop_table a.button.alt {
display:none;
}











/* reset */
h2.accor {
    margin-top: 80px !important;
    margin-bottom: 0px !important;
}

li.a-items {

    margin-top: -20px !important;
}


ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

input[type=radio] {
  display: none;
}

.a-container input[type=checkbox] {
  display: none;
}

/* style */
.a-container {
  width: 100%;
  margin: 0px 0px !important;
}

.a-container label {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  
  padding: 10px 20px;
  color: #000;
  background-color: #efefef;
  border-bottom: 1px solid #ddd;
  
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.a-container label:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid #aaa;
  border-right: 6px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  right: 10px;
  top: 16px;
}

.a-container input:checked + label,
.a-container label:hover {
  background-color: #ddd;
  color: #222;
}

.a-container input:checked + label:after {
  border-top: 8px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #222;
  border-left: 6px solid transparent;
  top: 6px;
}

.a-content {
  padding: 0 20px 20px;
  display: none;
}

.a-container input:checked ~ .a-content {
  display: block;
}





body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title {

    color: #193151 !important;
}


















		
		/* COOKIES Ciasteczka */

		.cc-cookies { width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #dddddd; color: #fff; font-size: 0.85em; z-index: 99999999; text-align: center; color: #193151; line-height: 1.35em; }
		.cc-cookies a, .cc-cookies a:hover { color: #193151; text-decoration: underline; }
		.cc-cookies a:hover { text-decoration: none; }
		.cc-overlay { height: 100%; padding-top: 25%; }
		.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
		.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { 
			display: inline-block; color: #fff; text-decoration: none; 
			background: #193151; 
			padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; 
		}
		.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
		.cc-cookies a.cc-cookie-reset { background: #f15b00; }
		.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
		.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
		.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
		.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
		.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

		@media screen and (max-width: 768px) {
		.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
		}

		@media screen and (max-width: 480px) {
		.cc-cookies { position: relative; float: left; }
		}

		@media screen and (min-width: 991px)
		{

				.container_wrap
				{
					width: 100%;
					padding-right: 15px;
					padding-left: 15px;
					margin-right: auto;
					margin-left: auto;
				}

				.row
				{
					display: flex;
					flex-wrap: wrap;
					margin-left: -15px;
					margin-right: -15px;
				}

				.col-lg-4
				{
					flex: 0 0 30%;
    				max-width: 30%;
    				position: relative;
				    width: 100%;
				    min-height: 1px;
				    padding-right: 15px;
				    padding-left: 15px;
				}
		}

		.col-lg-4
		{
			margin-bottom: 30px;
		}

		.collection_bottom
		{
			display: none;
		}

		#menu ul ul
		{
			opacity: 0.96;
			box-shadow: 0px 2px 12px -7px rgba(0,0,0,0.75);
    		border-radius: 10px;
		}

@media (min-width: 1441px) {
#menu {
		width: 80%;
	}
}

@media (max-width: 1440px) and (min-width: 1281px) {
	#menu {
		width: 82%;
	}
}

/*@media (min-width: 769px) {
	#menu ul a {
		padding: 15px 10px;
	}
}*/

.button-check {
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  padding: .618em 1em;
  font-weight: 700;
  border-radius: 3px;
  left: auto;
  color: #fff;
  border: 0;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  background-color: #183151;
}
@media (min-width: 600px) {
.row-cols {
  display: flex;
}

.col-66 {
  padding-right: 30px;
  padding-top: 60px;
  width: 66.6666%;
  display: inline-block;
  box-sizing: border-box;
}

.col-33 {
  width: 33%;
  display: inline-block;
  box-sizing: border-box;
}
}
.row-cols .ngg-imagebrowser-nav {
  display: none;
}

/* .woocommerce-form-register .wccf_field_container_user_field,
.woocommerce-checkout.woocommerce-page .woocommerce-additional-fields {
  display: none;
} */

/* Blog */
#content h1 {
	line-height: 1.2em;
}

.blog-row {
	width: 100%;
	display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 40px;
}

.col-blog, .col-sidebar, .col-img, .col-excerpt {
	display: block;
	float: left;
	width: 100%;
}

.col-excerpt__content a {
	text-decoration: none;
}

.col-excerpt__content .button-check {
	margin-top: 15px;
	transition: all 200ms ease-in-out;
}

.col-excerpt__content .button-check:hover {
	background: #31588d 
}

.col-sidebar .widget {
	margin-top: 25px;
	margin-bottom: 50px;
}


.widget {
	list-style: none;
}

@media (min-width: 1024px) {
	.col-blog {
		width: 65%;
		max-width: 800px;
	}
	.col-sidebar {
		float: right;
		width: 35%;
	}
	.sidebar__container {
		padding-left: 15px;
	}
}

@media (min-width: 600px) {
	.col-img {		
		width: 33%;
	}
	.col-img__content {
		padding-right: 20px;
	}

	.col-excerpt {		
		width: 67%;
	}

	.col-excerpt__content {
		padding-left: 20px;
	}

	.col-img img {
		transition: transform 200ms ease;
	}

	.col-img img:hover {
		transform: scale(1.03);
	}

	.top-0 {
		margin-top: 0 !important;
	}
}

/* end blog */

/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Shows the reCAPTCHA on the Contact page */
.page-id-22 .grecaptcha-badge {
    visibility: visible !important;
}

#footerlast .footermenu { margin-top: 50px; }
#footerbg { margin: 0; }

.tailors-video {
	min-width: 100%;
	min-height: 100%;
}

.tailors-video video {
	position: absolute;
    top: 0;
    left: 0;

    z-index: auto;
    background-size: cover;
    object-fit: cover;
    -webkit-object-fit: cover;
}
	
.page-template-template-slider #page_content {
	border-top: 10px solid #193151;
	}

	
@media (min-width: 1025px) {

	
.page-template-template-slider #page_content {
	border-top: 0px;
	}

}

#content ul {
	list-style: disc;
}

.footer-logos {
	text-align: left;
	width: 100%;
	margin-top: 30px;
	float: left;	
}

.footer-logos img {
	max-width: 100%;
}

#wpcf7-f5224-p5136-o1>form>div:nth-child(2)>div {
    width: 90%;
}

#wpcf7-f5224-p5136-o1>form>div:nth-child(2)>div>div>span>input {
    width: 100%;
}

/* woocommerce profile */

video {
	max-width: 1200px !important;
}