/*

Theme Name: Patti Child

Description: Creative / Portfolio One-Page Theme

Author: Cédric Dagherir cedric@dahive.fr

Template: patti

Version: 1.0

*/

/*
html body #header{
	top:0 !important;
}
*/

html body h1, html body h2, html body ul#mainnav li a, #medias, .oswald-fallback {
	font-family: 'Oswald', 'Open Sans', sans-serif !important;
}
.lato-fallback {
	font-family: 'Lato', 'Open Sans', sans-serif !important;
}

html body #header .percent-one-fourth, html body #header #kdseries-logo, html body #header .percent-three-fourth .lang-switch,html body ul#mainnav{
	margin-bottom:15px;
}

html body #header .percent-three-fourth{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	    -ms-flex-align:end;
	        align-items:flex-end;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}

	html body #header .logo{
		line-height: 0;
		max-width:128px;
	}

		html body #header .logo img{
			width:100%;
		}

	html body #header #kdseries-logo{
		max-width:88px;
	}

		html body #header #kdseries-logo img{
			width:100%;
		}
	html body #header #kohler-sdmo-logo{
		max-width:95px;
	}

		html body #header #kohler-sdmo-logo img{
			width:100%;
		}

	html body #header .lang-switch{
		color:white;
	 	text-transform: uppercase;
	 	font-family: Oswald;
	 	font-weight:400;
	 	height: 1em;
   		line-height: 1em;
   		cursor:pointer;
   		
	}
	html[lang="ru-RU"] body #header .lang-switch{
		margin-right:3em;
	}

		html body #header .lang-switch > ul > li{
			position:relative;
		}
			html body #header .lang-switch > ul > li > span{
				margin-left:5px;
			}

			html body #header .lang-switch > ul > li > ul{
				display:none;
				
				position:absolute;
				top:1.2em;
			}

				html body #header .lang-switch > ul > li > ul li a{
					padding: 0.5em 1em;
	    			display: block;
	    			color:white;
	    			background: #0f4896;
				}

				html body #header .lang-switch > ul > li > ul li:hover a{
					background:#051d3e;
			}

html body #header .centered-wrapper{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	    -ms-flex-align:end;
	        align-items:flex-end;
}

html body ul#mainnav{
	padding-top: 0;
}

	html body ul#mainnav li a{
	 	color:white;
	 	text-transform: uppercase;
	 	font-weight:300;
	 	margin:0;
	 	padding:0 10px;
	 	display:block;
	 	height: 1em;
   		line-height: 1em;
	 }

html body .dark-header ul#mainnav > li{
	background:none;
	border-right:1px solid white;
}
	html body .dark-header ul#mainnav > li:last-child{
		border-right:none;
	}

html body #panel-menu{
		display:none;
	}


footer#footer{
	background:url(img/footer-net.jpg) center center no-repeat;
	background-size: cover;
	color:white;
}

	footer#footer h3{
		color:white;
	}

	footer #topfooter{
		border:none;
	}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select{
	border-color:#686868;
}

::-webkit-input-placeholder {
   color: #686868;
}

:-moz-placeholder { /* Firefox 18- */
   color: #686868;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #686868;  
}

:-ms-input-placeholder {  
   color: #686868;  
}


#wpgmza_marker_list_1{
	margin-top:1rem;
}
	#wpgmza_marker_list_1.owl-carousel.owl-drag .owl-item.active {
		width:100%;
	    background: grey;
	    color: white;
		margin: 0 .5rem;
		box-sizing:border-box;
	}
	#wpgmza_marker_list_1.owl-carousel.owl-drag .item {
	    width: 100%;
	    background:transparent;
		margin: 0;
		padding:1rem .5rem;
		box-sizing:border-box;
		font-family: 'Oswald', 'Open Sans', sans-serif !important;
		cursor:pointer;
	}

	#wpgmza_marker_list_1 .wpgmza_carousel_info_holder{
		margin:0;
	}
	#wpgmza_marker_list_1 .wpgmza_carousel_info_holder p{
		margin:0;
	}
		#wpgmza_marker_list_1 .wpgmza_carousel_info_holder p.wpgmza_marker_title{
			font-weight:normal;
			font-size:1em;
		}
		#wpgmza_marker_list_1 .wpgmza_carousel_info_holder p.wpgmza_marker_address{
			font-weight:bold;
			text-transform: uppercase;
			color:#1a1a1a;
		}


#wpgmza_map_1 .wpgmza_modern_infowindow_inner_1{
	width:auto !important;
}
	#wpgmza_map_1 .wpgmza_modern_infowindow_inner_1 .wpgmza_modern_infowindow_close{
		color:white;
		width: 30px;
		font-size:30px;
	}

#map .patti-grid{
	display:none;
}

@media only screen and (max-width: 1023px){

	html body #header .percent-one-fourth, html body #header #kdseries-logo, html body .percent-three-fourth .lang-switch,html body ul#mainnav{
		margin-bottom:0;
	}

	html body #navigation{
		display:none;
	}

	html body .nav-btn{
		position:relative;
		z-index:100;
		top:0;
	}

	html body #header{
		padding-bottom:0;
	}

		html body #header.menu-mobile-opened{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
    		-webkit-box-orient: vertical;
    		-webkit-box-direction: normal;
    		-webkit-flex-direction: column;
    		    -ms-flex-direction: column;
    		        flex-direction: column;
    		height:100%;
		}

	html body #header .centered-wrapper{
		-webkit-box-align:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
		margin-bottom:15px;
	}

	html body #header .percent-one-fourth{
		max-width: 30%;
   		margin-right: 10%;
	}
		html body #header .percent-one-fourth img{
			width:100%;
		}

	html body #header .percent-three-fourth{
		-webkit-justify-content:space-around;
		    -ms-flex-pack:distribute;
		        justify-content:space-around;
		-webkit-box-align:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
		padding-right:3em;
		position: relative;
		z-index:1;
	}
		html body #header .percent-three-fourth .logo {
		    width: 40%;
		    max-width:140px;
		}
			html body #header .percent-three-fourth .logo img{
				width:100%;
			}
	html body #header .percent-three-fourth .lang-switch{
		display: none;
	}

	
	#panel-menu{
	    background: #444;
	    width: 100%;
	    -webkit-box-flex:1;
	    -webkit-flex:1;
	        -ms-flex:1;
	            flex:1;
	}

		#panel-menu .panel-menu-content{
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
			height:100%;
		}

		#panel-menu .panel-menu-content ul#wrap-navigation{
			display: flex;
		    flex-direction: column;
		    justify-content: space-around;
		    height: 100%;
		}


			#panel-menu ul#wrap-navigation li a{
			    display: block;
			    padding: 5%;
			    color: white;
			    text-transform: uppercase;
			    font-family: Oswald;
			    font-size: 1.2em;
			}

				#panel-menu ul#wrap-navigation li a:hover{
					background: #333;
				}

		#panel-menu .menu-patti-menu-container{
			border-bottom: 1px solid #333;
			flex:1;
		}

	#footer-panel-menu{
		margin-top:auto;
		color:white;
		padding:1em;
	}

		#panel-menu .lang-switch{
			padding:2em 1em;
			text-align:center;
		}

		html body #panel-menu .lang-switch > ul > li > ul{
			position:relative;
			top:0.5em;
		}	

}