/* RESET STYLI  */


html, body, div, span, applet, object, iframe,
                h1, h2, h3, h4, h5, h6,  blockquote, pre,
                a, abbr, acronym, address, big, cite, code,
                del, dfn, em, font, img, ins, kbd, q, s, samp,
                small, strike, sub, sup, tt, var,
                dl, dt, dd,
                fieldset, form, label, legend {
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: 0;
                    font-weight: inherit;
                    font-style: inherit;
                    font-size: 100%;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 20px;
                    color:#725A46;
                    background-color:white;
									  font-size:13px;
                    font-family: 'Roboto', sans-serif;
                }
								
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }
					
p {padding:0px;margin:0px;}
			

			
			
.mediax {
float:left ;
width:48% ;
}


@media screen and (min-width: 0px) and (max-width: 600px)  {


.mediax {
     width:100% ;
		 padding:0% !important;
}



}
			
			
			

@media screen and (min-width: 0px) and (max-width: 500px)  {

.boxoferta-ng2{
display:none !important;
}


}

@media screen and (min-width: 0px) and (max-width: 990px)  {
.boxpodstrona_text span {
display:none !important;
}

.naglowek_tresc h1 {font-size:20px;}

}


			
			
			
.tresc-kontakt p a { color:#8AAA66;text-decoration:underline;}
.tresc-kontakt p a:hover { color:#5E4C39; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}

.tresc p a { color:#8AAA66;text-decoration:underline;}
.tresc p a:hover { color:#5E4C39; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}

.tresc2 p a { color:#8AAA66;text-decoration:underline;}
.tresc2 p a:hover { color:#5E4C39; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}


.tresc-col p a { color:#8AAA66;text-decoration:underline;}
.tresc-col p a:hover { color:#5E4C39; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}

			
			
			
#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color:white;
     z-index: 99999;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url('../grafika/ajax-loader.gif');
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }

.strona {
	width: 100%;
	border: 0px;  
	margin:0 auto;
	min-width:320px;
	max-width:1220px;
}




@media screen and (min-width: 0px) and (max-width: 1380px) 

{



.strona {
	max-width:1120px;
}

}




.ramka {
	width: 96%;
	border: 0px;  
	float:left;
	padding: 0px 2% 0px 2%;
}



@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.pulse-css3:hover, .pulse-css3:focus {
  -webkit-animation: pulse 1s linear infinite;
  -moz-animation: pulse 1s linear infinite;
  -ms-animation-name: pulse 1s linear infinite;
  -o-animation-name: pulse 1s linear infinite;
  animation-name: pulse 1s linear infinite;
}


.pasek-top {
	width: 100%;
	border: 0px;  
	float:left;
	height:4px;
   background-image: url('../grafika/pasektop.jpg');
     background-repeat: no-repeat;
     background-position: center top;
}

.top {
	width: 100%; 
	float:left;
	height:113px;
	padding-top:16px;
	padding-bottom:10px;
	position:relative;
	z-index:110;
}

.logo {
	width: 20%;
	border: 0px;  
	float:left;
}


.logo img{
	width: 100%;
	border: 0px;  
	float:left;
	max-width:121px;
	max-height:85px;
	margin-top:10px;
}


.logo_top {
width: 100%;
background-color: #FFFFFF;
border-bottom: 1px solid #EFEFEF;
border-top: 4px solid #755E4B;
position: fixed;
top: 0px;
z-index: 9999;
}



@media screen and (min-width: 0px) and (max-width: 980px) 

{

.logo_top {
position: relative;
}


}


.logo_top2 {
float: left;
width: 100%;
background-color: #FFFFFF;
height: 130px;
}


.tresc-col {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
		width: 100%;
}


 @media screen and (min-width: 0px) and (max-width: 940px) 

{



.tresc-col {
-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
		width: 100%;
}



}



.law {
width: 100%;
float: left;
   background-image: url('../grafika/law.jpg');
     background-repeat: no-repeat;
     background-position: right -30px;
}



@media screen and (min-width: 701px) and (max-width: 970px)  {


.law {
     background-position: 500px -30px;
}



}



@media screen and (min-width: 0px) and (max-width: 700px)  {


.law {
     background-position:320px -30px;
}



}


.linia_wpisy {
float: left;
display: table;
margin: 10px 1% 10px 1%;
background-color: #8AAA66;
width: 48%;
height: 230px;
}




.linia_wpisy_td {
width: 70%;
padding: 30px 5% 30px 5%;
color: #FFFFFF;
font-size: 26px;
line-height: 32px;
font-weight: 700;
height: 170px;
vertical-align: middle;
display: table-cell;
}


.linia_wpisy_td a {
line-height: 32px;
font-weight: 700;
text-decoration:none;
color:white;
}

.linia_wpisy_td a:hover {
color:#5E4C39;
}





@media screen and (min-width: 0px) and (max-width: 870px)  {


.linia_wpisy {
float: left;
display: table;
margin: 10px 0% 10px 0%;
background-color: #8AAA66;
width: 100%;
height: 230px;
}


}

.linia_wpisy_td2{
width: 70%;
padding: 30px 5% 30px 5%;
color: #FFFFFF;
font-size: 16px;
line-height: 22px;
font-weight: 700;
height: 170px;
vertical-align: middle;
display: table-cell;
text-align: center;
}

.linia_wpisy_td2 a{
color: #FFFFFF;
text-decoration: none;
}

.linia_wpisy_td2 a:hover{
color: #5E4C39;
}




.top2 {
	width: 80%;
	border: 0px;  
	float:left;
}

@media screen and (min-width: 0px) and (max-width: 770px)  {


.logo {
	width: 30%;
}


.top2 {
	width: 70%;
}


}



.box-formularz {
	width: 100%;
	border: 0px;  
	float:left;
	text-align:right;
		border-bottom: 2px solid #DFDFDF;
		height: 47px;
}

.box-formularz a{
	font-weight:300;
	font-size:16px;
}

.box-formularz span{
	background-color:#CCDABC;
	font-size:22px;
	color:white;
	font-weight:500;
	padding:15px 20px 18px 15px;
	margin-left:20px;
}


.box-formularz span img{
	vertical-align:middle;
}














@media screen and (min-width: 501px) and (max-width: 770px)  {


.logo {
	width: 30%;
}


.top2 {
	width: 70%;
}

.box-formularz {
	margin-top:3px;
}



.box-formularz a{
	font-size:13px;
}


.box-formularz span{
	font-size:16px;
	font-weight:500;
		padding:20px 10px 21px 10px;
}

.box-formularz span img{
	display:none;
}


.box-formularz .pulse-css3{
	display:none;
}



}




@media screen and (min-width: 0px) and (max-width: 500px)  {


.logo {
	width: 40%;
}


.top2 {
	width: 60%;
}

.box-formularz {
	margin-top:3px;
}


.box-formularz a{
	display: none;
}


.box-formularz span{
	font-size:13px;
	font-weight:500;
		padding:0px 0px 0px 0px;
		background-color:#FFFFFF;
		color: #5E4C39;
		display:block;
		float:left;
		clear:both;
}

.box-formularz span img{
	display:none;
}



.box-formularz .pulse-css3{
	display:none;
}



}





nav {
	width: 100%;
	border: 0px;  
	float:left;
	margin-top:25px;
}


#nawigacja-menu{
  list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float:right;
}


@media screen and (min-width: 0px) and (max-width: 770px)  {

#nawigacja-menu{
  display: none;
}


}



#nawigacja-menu li{
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 30px;
	text-align:center;
  vertical-align:middle;
	float:left;
}

#nawigacja-menu li a{
text-decoration:none;
font-size:21px;
color:#755E4B;
font-weight:bold;
}

#nawigacja-menu li a:hover{
color:#CCDABC;
}

.menubold {
color:#A6B995 !important;
}



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

{

#nawigacja-menu li{
	padding: 0px 20px 0px 20px;
}


}



@media screen and (min-width: 0px) and (max-width: 990px) 

{

#nawigacja-menu li{
	padding: 0px 11px 0px 11px;
}


#nawigacja-menu li a{
font-size:21px;
}



}


@media screen and (min-width: 0px) and (max-width: 770px) 

{



#nawigacja-menu li:first-child a{
display: none;

}



}



.slider {
	width: 100%;
	border: 0px;  
	float:left;
   background-image: url('../grafika/tlobaner.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 height:724px;
		 position:relative;
		 z-index:0;
		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
overflow: hidden;
}



.facet {
  position: absolute;
	right: 0%;
	top: 0px;
	height: 100%;
	   background-image: url('../grafika/facet.png');
     background-repeat: no-repeat;
     background-position: left top;
		 width: 35%;
		 		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
display:block;
		 
}



@media screen and (min-width: 0px) and (max-width: 900px) 

{


.facet {
		 width: 45%;
		 
		 
}


}



.facet2 {
  position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	   background-image: url('../grafika/facet.png');
     background-repeat: no-repeat;
     background-position: left 0px;
		 width: 25%;
		 		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
		 
}


@media screen and (min-width: 0px) and (max-width: 900px) 

{


.facet2 {
		 width: 45%;
		  background-position: left 0px;
		 
}


}






.podstrona  {
	width: 100%;
	border: 0px;  
	float:left;
   background-image: url('../grafika/podstrona_a.jpg');
     background-repeat: no-repeat;
     background-position: center 0px;
		 height:454px;
		 position:relative;
		 z-index:0;
		 		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
}
 
 
 @media screen and (min-width: 0px) and (max-width: 1140px) 

{


.podstrona  {
	width: 100%;
	border: 0px;  
	float:left;
   background-image: url('../grafika/podstrona_a.jpg');
     background-repeat: no-repeat;
     background-position: center 0px;
		 height:384px;
		 position:relative;
		 z-index:0;
		 		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
}
 


}
 
 
 
 
 
.naglowek_podstrona {
padding: 60px 0px 0px 0px;
width: 100%;
float: left;
text-align: center;
position: relative;
z-index: 10;
}

.naglowek_podstrona span{
color: #FFFFFF;
font-size: 50px;
line-height: 58px;
font-weight: 700;
}

.naglowek_podstrona h2{
color: #FFFFFF;
font-size: 30px;
line-height: 38px;
font-weight: 400;
}


 @media screen and (min-width: 0px) and (max-width: 1140px) 

{


.naglowek_podstrona {
padding: 60px 0px 0px 0px;
width: 100%;
float: left;
text-align: center;
}

.naglowek_podstrona span{
color: #FFFFFF;
font-size: 30px;
line-height: 38px;
font-weight: 700;
}

.naglowek_podstrona h2{
color: #FFFFFF;
font-size: 20px;
line-height: 28px;
font-weight: 400;
}


}




.pasek_baner {
	width: 100%;
	border: 0px;  
	float:left;
   background-image: url('../grafika/pasek_top.png');
     background-repeat: no-repeat;
     background-position: center top;
		 height:68px;
		 position:relative;
		 z-index:0;
		 margin-top: -60px;
}


.pasek_baner2 {
	width: 100%;
	border: 0px;  
	float:left;
   background-image: url('../grafika/pasek_top2.png');
     background-repeat: no-repeat;
     background-position: center top;
		 height:68px;
		 position:relative;
		 z-index:0;
		 margin-top: -224px;
}



.pasek_baner3 {
	width: 100%;
	border: 0px;  
	float:left;
   background-image: url('../grafika/pasek_top2.png');
     background-repeat: no-repeat;
     background-position: center top;
		 height:68px;
		 position:relative;
		 z-index:0;
}



.sekwencja {
	width: 100%;
	border: 0px;  
	float:left;
	 height:724px;
}

.txt {
	width:70%;
	border: 0px;  
	float:left;
	text-align:center;
	padding-left:15%;
	padding-right:15%;
	margin-top:100px;
  height:624px;
	position:relative;
}

.txt span{
	width:100%;
	border: 0px;  
	display:block;
	position:absolute;
	left:0px;
	bottom:20px;
	text-align:center;
}

.dpl-pager {
	width:100%;
	border: 0px;  
	display:block;
	position:absolute;
	left:0px;
	bottom:160px;
	text-align:center;
	z-index:999;
}

.dpl-pager span{
	padding:12px;
	margin-left:7px;
	margin-right:7px;
	cursor:pointer;
	background-image: url('../grafika/alfabiale.png');
	font-size:0px;
	position:relative;
	z-index:999;
}

.dpl-pager span.cycle-pager-active {
background-color:#5E4C39;
background-image: none;
}





.txt h1 {
	font-weight:bold;
	font-size:70px;
	color:white;
	line-height:90px;
}

.txt h2 {
	font-weight:bold;
	font-size:30px;
	color:white;
	line-height:40px;
}

.txt h3 {
	font-size:30px;
	color:#755E4B;
	line-height:40px;
	font-weight:300;
}






@media screen and (min-width: 1221px) and (max-width: 1440px) 

{


.slider {
		 height:684px;
		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
}


.txt {
  height:584px;
}


.sekwencja {
	 height:684px;
}




}




@media screen and (min-width: 901px) and (max-width: 1220px) 

{


.slider {
		 height:624px;
		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
}



.sekwencja {
	 height:624px;
}



.txt {
  height:514px;
}



.txt h1 {
	font-size:60px;
	line-height:70px;
}

.txt h2 {
	font-size:20px;
	line-height:30px;
}

.txt h3 {
	font-size:20px;
	line-height:30px;
}




}



@media screen and (min-width: 701px) and (max-width: 900px) 

{


.slider {
		 height:524px;
		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
}



.sekwencja {
	 height:524px;
}


.txt {
  height:454px;
}




.txt {
	margin-top:70px;
}




.txt h1 {
	font-size:60px;
	line-height:70px;
}

.txt h2 {
	font-size:20px;
	line-height:30px;
}

.txt h3 {
	font-size:20px;
	line-height:30px;
}

.dpl-pager {
	left:0px;
	bottom:110px;

}



}



@media screen and (min-width: 0px) and (max-width: 700px) 

{


.slider {
		 height:444px;
		 		 background-size: cover; 
-o-background-size: cover;
-webkit-background-size: cover; 
-moz-background-size:cover;
}




.txt {
	margin-top:60px;
	  height:384px;
}





.sekwencja {
	 height:444px;
}




.txt h1 {
	font-size:25px;
	line-height:30px;
}

.txt h2 {
	font-size:17px;
	line-height:28px;
}

.txt h3 {
	display: none;
}



.dpl-pager {
	left:0px;
	bottom:100px;

}


}











.tlo-okancelarii {
	width: 100%;
	border: 0px;  
	float:left;
	padding-bottom: 40px;
   background-image: url('../grafika/tlookancelarii.jpg');
     background-repeat: no-repeat;
     background-position: center top;
}

.tlo-okancelarii-ng {
	width: 100%;
	border: 0px;  
	float:left;
	color:#755E4B;
	text-transform:uppercase;
	font-weight:900;
	font-size:33px;
	line-height: 40px;
	padding-top:50px;
	padding-bottom:40px;
	text-align:center;
}



@media screen and (min-width: 0px) and (max-width: 900px) 

{


.tlo-okancelarii-ng {
	font-size:22px;
	line-height: 30px;
}






}


.box-okancelarii {
	width: 42%;
	border: 0px;  
	float:left;
	background-image: url('../grafika/alfabiale.png');
	font-size:15px;
	font-weight:500;
	line-height:24px;
	color:#403426;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:4%;
	padding-right:4%;
}







.box-aktualnosci {
	width: 45%;
	border: 0px;  
	float:left;
	margin-left:5%;
	position:relative;
}




@media screen and (min-width: 0px) and (max-width: 770px) 

{

.box-okancelarii {
	width: 92%;
	padding-left:4%;
	padding-right:4%;
}


.box-aktualnosci {
	width: 100%;
	margin-left:0%;
	margin-top: 30px;
}


.tlo-okancelarii {
     background-position: center bottom;
		 
}


}









.prev { position:absolute;left:0px;bottom:95px;z-index:200;}
.next { position:absolute;left:0px;bottom:50px;z-index:200;}

.sekwencja-akt {
	width: 100%;
	border: 0px;  
	float:left;
}


.box-aktualnosci-ng {
	width:88%;
	border: 0px;  
	float:left;
	background-image: url('../grafika/alfabiale.png');
	background-color:#E9E9E9;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:6%;
	padding-right:6%;
}

.box-aktualnosci-ng a{
	font-size:23px;
	line-height:30px;
	font-weight:100;
}


.box-aktualnosci-ng b{
	font-size:15px;
}

.linia {
float:left;
width:100%;
border-bottom:1px solid #755E4B;
margin-top:5px;
margin-bottom:10px;
}



.box-aktualnosci-txt {
	width:85%;
	border: 0px;  
	float:left;
	margin-top:20px;
	margin-left:10%;
	padding-right:5%;
	font-size:15px;
	font-weight:500;
	color:#403426;
	line-height:24px;
}


.box-aktualnosci-txt img{
	vertical-align:middle;
	margin-left:20px;
}

.box-aktualnosci-txt a{
	font-weight:bold;
	font-size:12px;
}


.box-aktualnosci-txt .linia{
	margin-top:20px;
}


.ramkaboxoferta {
	width: 100%;
	border: 0px;  
	float:left;
	position:relative;
}

.prev2 { position:absolute;left:20px;top:250px;z-index:200;cursor:pointer;}
.next2 { position:absolute;right:20px;top:250px;z-index:200;cursor:pointer;}


@media screen and (min-width: 0px) and (max-width: 1070px) 

{

.prev2 img { display:none;}
.next2 img { display:none;}



}



.boxoferta {
	width: 100%;
	border: 0px;  
	float:left;
}

.boxoferta-ng {
	width: 94%;
	border: 0px;  
	float:left;
	color:#755E4B;
	font-size:35px;
	line-height:40px;
	text-transform:uppercase;
	font-weight:900;
	margin-top:80px;
	margin-bottom:20px;
	padding: 0px 3% 0px 3%;
	text-align:center;
}



@media screen and (min-width: 0px) and (max-width: 900px) 

{


.boxoferta-ng {
	font-size:25px;
	line-height:30px;
}


}



.boxoferta-ng2 {
	width: 92%;
	border: 0px;  
	float:left;
	padding-bottom:60px;
	margin: 20px 4% 0px 4%;
}


.boxoferta-ng2  img{
	vertical-align:middle;
}


.tlopartnerzy {
	width: 100%;
	border: 0px;  
	float:left;
	background-color:#F4F4F4;
	text-align:center;
	overflow:hidden;
}

.tlopartnerzy {
	width: 100%;
	border: 0px;  
	float:left;
	background-color:#F4F4F4;
	text-align:center;
	padding: 30px 0px 70px 0px;
}


.tlopartnerzy-ng {
	width: 100%;
	border: 0px;  
	float:left;
	color:#755E4B;
	font-size:46px;
	font-weight:900;
	padding-top:40px;
}

.tlopartnerzy-txt {
float: left;
width: 100%;
padding: 10px 0px 20px 0px;
font-size:28px;
color: #8C8C8C;
font-weight: 300;
line-height: 39px;
}


.tlostopka {
	width: 100%;
	border: 0px;  
	float:left;
   background-image: url('../grafika/tlostopka.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 padding-bottom: 40px;
	
}

footer {
	width: 100%;
	border: 0px;  
	float:left;
}

.stopka {
	width: 100%;
	border: 0px;  
	float:left;
	padding-top:30px;
	padding-bottom:30px;
	border-bottom:1px solid #9B8470;
}
















.stopka img{
	float:right;
}

.stopka2 {
	width: 100%;
	border: 0px;  
	float:left;
	padding-top:20px;
	border-bottom:1px solid #9B8470;
	padding-bottom:30px;
}



@media screen and (min-width: 0px) and (max-width: 650px) 

{


.stopka2 {
	text-align: center;
}






}


.stopka-lewa {
	width: 69.7%;
	border: 0px;  
	float:left;
	border-right:1px solid #7D6D5E;
	padding-top:20px;
	color:#DED5CB;
}



.stopka-lewa span{
	font-size:25px;
	font-weight:300;
}



.stopka-lewa-txt {
float:left;
width:60%;
padding-right:40%;
}



.stopka-lewa-txt {
float:left;
width:60%;
padding-right:40%;
}


@media screen and (min-width: 0px) and (max-width: 650px) 

{


.stopka2 {
	text-align: center;
}


.stopka-lewa-txt {
float:left;
width:100%;
padding-right:0%;
text-align: center;
}




}


.box-kontakt-stopka {
	width: 100%;
	border: 0px;  
	float:left;
}

.box-kontakt-stopka div{
	border: 0px;  
	float:left;
	width:50%;
}


@media screen and (min-width: 0px) and (max-width: 970px) 

{


.box-kontakt-stopka div{
	border: 0px;  
	float:left;
	width:100%;
	padding: 20px 0px 0px 0px;
}



}

.box-kontakt-stopka div img{
	vertical-align:middle;
	margin-right:20px;
	float:left;
}

.box-kontakt-stopka div small{
	float:left;
}
.box-kontakt-stopka div b{
	float:left;
	font-weight:300;
	font-size:20px;
	color:white;
	line-height:40px;
}

.box-kontakt-stopka div a.link_bialy {
	float:left;
	font-size:20px;
	line-height:50px;
	font-weight:300;
}




.stopka-prawa {
	width: 26%;
	border: 0px;  
	float:left;
	padding-top:20px;
	padding-left:4%;
	
}


@media screen and (min-width: 651px) and (max-width: 970px) 

{


.stopka-lewa {
	width: 59.7%;
}



.stopka-prawa {
	width: 36%;
	
}


}



@media screen and (min-width: 0px) and (max-width: 650px) 

{


.stopka-lewa {
	width: 92%;
		border-right:0px solid #7D6D5E;
			border-bottom:1px solid #7D6D5E;
			padding: 0px 4% 0px 4%;
			text-align: center;
	
}



.stopka-prawa {
	width: 94%;
	
}


}


@media screen and (min-width: 0px) and (max-width: 550px) 

{



.logo_male {
display: none;
}


}


.stopka-prawa b {
color:white;
font-size:30px;
text-transform:uppercase;
line-height:40px;
}

.stopka3 {
	width: 100%;
	border: 0px;  
	float:left;
	padding-top:20px;
	padding-bottom:30px;
	color:#DED5CB;
}


.zapiszclass {
	border: 0px;  
	float:left;
	height:53px;
	line-height:20px;
	padding:0px 10px 0px 10px;
	margin:0px 0px 00px 0px;
	border:0px;
	font-family: 'Roboto', sans-serif;
	
}

.rysik {
	border: 0px;  
	float:left;
	height:53px;
	width:56px;
	font-size:0px;
	padding:0px;
	margin:0px;
	border:0px;
	cursor:pointer;
   background-image: url('../grafika/rysik.jpg');
     background-repeat: no-repeat;
     background-position: center top;
}



.link_nav2 { color:#8AAA66; text-decoration: none;}
.link_nav2:hover { color:#5E4C39; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.link_stopka3 { color:#CCDABC; text-decoration: none;}
.link_stopka3:hover { color:white; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_stopka4 { color:white;text-decoration: none;font-weight:500;font-size:15px;float:left;margin-right:30px;}
.link_stopka4:hover { color:#CCDABC; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.link_bialy { color:white;text-decoration: none;}
.link_bialy:hover { color:#CCDABC; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_czarny { color:#403426;text-decoration: none;}
.link_czarny:hover { color:#A9C18E; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_brazowy { color:#755E4B;text-decoration: none;}
.link_brazowy:hover { color:#A9C18E; transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.boxpodstrona {
	border: 0px;  
	float:left;
	width:50%;
	position: relative;
	height: 310px;
	padding: 0px 0% 0px 50%;
	margin: 30px 0px 0px 0px;
}

.boxpodstrona:hover {
	background-color:#F4F8F1;
}





.boxpodstrona2 {
	border: 0px;  
	float:left;
	width:50%;
	padding: 0px 50% 0px 0%;
	position: relative;
	height: 310px;
}

.boxpodstrona2:hover {
	background-color:#F4F8F1;
}




.boxpodstrona2 .boxpodstrona_img {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 100%;
background-color: silver;
   background-image: url('../grafika/adwokat.jpg');
	 background-repeat: no-repeat;
	 background-position: left 0px;

}

.boxpodstrona .boxpodstrona_img {
position: absolute;
top: 0px;
left: 0px;
width: 50%;
height: 100%;
background-color: silver;
   background-image: url('../grafika/adwokat2.jpg');
	 background-repeat: no-repeat;
	 background-position: right top;
}


.boxpodstrona_text {
float: left;
width: 90%;
padding: 40px 5% 0px 5%;
text-align: center;
}
 
 
.boxpodstrona_text h4 {
font-size: 40px;
line-height: 50px;
font-weight: 700;
}

 
 
.boxpodstrona_text h3 {
font-size: 40px;
line-height: 50px;
font-weight: 700;
}


.boxpodstrona_text span {
color: #828282;
font-weight: 400;
font-size: 18px;
line-height: 26px;
}
 
 
.boxpodstrona_text a {
display: inline-block;
padding: 8px 20px 8px 20px;
background-color: #A9C18F;
color: #FFFFFF;
font-weight: 700;
margin-top: 30px;
text-decoration: none;
font-size: 16px;

}






@media screen and (min-width: 0px) and (max-width: 650px)  {



.boxpodstrona_text h3 {
font-size: 25px;
line-height: 28px;
font-weight: 700;
}

.boxpodstrona_text span {
color: #828282;
font-weight: 400;
font-size: 13px;
line-height: 19px;
}
 


}


 


.sciezka {
	border: 0px;  
	float:left;
	width:100%;
	padding: 20px 0px 30px 0px;
	border-bottom: 1px solid #EFEFEF;
	color: #A0A0A0;
	text-align: center;
	font-size: 18px;
}

.sciezka a{
	color: #606060;
	text-decoration: none;
}


.sciezka a:hover{
	color: #755E4B;
}


.tresc-kontakt {
	border: 0px;  
	float:left;
	width:100%;
	padding: 0px 0px 30px 0px;
	font-size:16px;
	line-height:25px;
}

.formularz {
	border: 0px;  
	float:left;
	width:100%;
	   background-image: url('../grafika/tloform.jpg');
	 background-repeat: no-repeat;
	 background-position: center top;
}





.boks_phone {
float: left;
width: 24%;
border-right: 1px solid #ACC774;
padding:20px 5% 20px 0px;
margin: 40px 0px 40px 0px;
}


.boks_phone b {
color: #FFFFFF;
font-size: 40px;
line-height: 42px;
font-weight: 700;
}


.boks_phone span {
color: #FFFFFF;
font-size: 18px;
line-height: 24px;

}

.boks_phone p {
color: #FFFFFF;
font-size: 18px;
line-height: 24px;
background-color: #ACC774;
padding: 20px 5% 20px 5%;
font-weight: 700;
font-size: 24px;
}







.boks_form {
float: right;
width: 65%;
padding: 30px 0px 30px 5%;
margin: 40px 0px 40px 0px;
text-align: center;
}

.form_naglowek {
float: left;
width: 100%;
color: #FFFFFF;
font-size: 16px;
padding: 0px 0px 20px 0px;
}


.form_naglowek span {
color: #FFFFFF;
font-size: 40px;
line-height: 42px;
font-weight: 700;
}



.form_left {
float: left;
width: 45%;
padding: 0px 5% 0px 0px;
}


.form_right {
float: left;
width: 45%;
padding: 0px 0 0px 5%;
}



@media screen and (min-width: 0px) and (max-width: 650px)  {



.form_left {
float: left;
width: 100%;
padding: 0px 0% 0px 0px;
}


.form_right {
float: left;
width: 100%;
padding: 30px 0 0px 0%;
}





}


@media screen and (min-width: 0px) and (max-width: 950px)  {

.formularz {
	width:100%;
}


.boks_phone {
display: none;
}


.boks_form {
float: right;
width: 90%;
padding: 30px 5% 30px 5%;
margin: 40px 0px 40px 0px;
text-align: center;
}



}



.pole {
float: left;
width: 100%;
padding: 11px 0px 11px 0px;
position: relative;
}


.pole2 {
float: left;
width: 100%;
padding: 11px 0px 11px 0px;
}


.input {
border: 0px;
width: 90%;
padding: 9px 5% 9px 5%;
font-family: 'Roboto', sans-serif;
font-size: 13px;
}



.input2 {
border: 0px;
width: 90%;
padding: 9px 5% 9px 5%;
font-family: 'Roboto', sans-serif;
font-size: 13px;
height: 90px;
}


.formbutton {
font-weight: 700;
font-size: 28px;
color:#65856E;
	   background-image: url('../grafika/send.jpg');
	 background-repeat: repeat-x;
	 background-position: center top;
	 float: left;
	 padding: 20px 5% 20px 5%;
	 border: 0px;
	 font-family: 'Roboto', sans-serif;
	 cursor:pointer;
}







.mapka {
	border: 0px;  
	float:left;
	width:100%;
}

.naglowek_tresc {
float: left;
width: 100%;
text-align: center;
padding-top: 10px;
margin-bottom: 30px;
	 background-image: url('../grafika/pasek_top3.png');
	 margin-top: -156px;
	 z-index: 100;
	 position: relative;
}


.naglowek_tresc h1{
color: #755E4B;
font-weight: 700;
font-size: 50px;
line-height: 55px;
}

.naglowek_tresc span{
color: #828282;
font-weight: 300;
font-size: 24px;
line-height: 29px;
}


.naglowek_tresc2 {
float: left;
width: 100%;
text-align: center;
padding-top: 10px;
margin-bottom: 30px;
	 background-image: url('../grafika/pasek_top3.png');
	 margin-top: 0px;
	 z-index: 100;
	 position: relative;
}


.naglowek_tresc2 h1{
color: #755E4B;
font-weight: 700;
font-size: 50px;
line-height: 55px;
}

.naglowek_tresc2 span{
color: #828282;
font-weight: 300;
font-size: 24px;
line-height: 29px;
}

.tresc {
	border: 0px;  
	float:left;
	width:100%;
	padding: 0px 0px 30px 0px;
	font-size:16px;
	line-height:25px;
}


.tresc2 {
	border: 0px;  
	float:left;
	width:100%;
	padding: 0px 0px 30px 0px;
	font-size:16px;
	line-height:25px;
}


.lewa {
	border: 0px;  
	float:left;
	width:30%;
}


.box-kontakt {
	border: 0px;  
	float:left;
	width:100%;
}




@media screen and (min-width: 0px) and (max-width: 990px)  {

.naglowek_tresc h1 {font-size:28px;}

}


@media screen and (min-width: 0px) and (max-width: 800px)  {

.sciezka a {font-size:14px}

}

@media screen and (min-width: 0px) and (max-width: 700px)  {

.tresc-kontakt div {width:100% !important;}

}


.column {
display: none;
}





@media screen and (min-width: 0px) and (max-width: 770px)  {


.column {
float: left;
width:100%;
display: block;
z-index: 10000000;
position: relative;
margin: -10px 0% 10px 0px;
text-align: center;
}

}



.dl-menuwrapper {
	width: 100%;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}


.dl-menuwrapper button {
	background: transparent;
	border: none;
	width: 68px;
	height: 68px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	display: inline-block;
		background-image: url('../grafika/menu.gif');
		background-repeat: no-repeat;
		background-position: left top;
		margin-top: 0px;
		margin-right: 20px;
		z-index: 100;
		float: right;
}


.dl-menuwrapper button:hover {
		background-image: url('../grafika/menu.gif');
		background-repeat: no-repeat;
		background-position: left top;
}




.dl-menuwrapper button.dl-active {
		background-image: url('../grafika/menu.gif');
		background-repeat: no-repeat;
		background-position: left top;
}


.dl-menuwrapper ul {
	background:#5E4C39;
	-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.49);
box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.49);
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	
}

.dl-menu {
	position: absolute;
	right: 2%;
	top: 76px;
	width: 138%;
	overflow:  hidden;
	max-width: 818px;
	
}










@media screen and (min-width: 0px) and (max-width: 500px)  {


.dl-menu {
	width: 163%;
	
}



}




.dl-menuwrapper ul {
	padding: 0px 0px 0px 0px;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;

}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 25px 0px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
	color:#FFFFFF;
	outline: none;
	text-decoration: none;
	border-bottom: 1px solid #8F7456;
	
}

.no-touch .dl-menuwrapper li a:hover {
	background: #ABCC5E;
	-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.49);
box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.49);
}



.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
		padding-top: 0px;
		width: 100%;

}



.dl-menuwrapper li.dl-back > a {
	padding: 15px 0px 15px 0px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 0px 0 0 0;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	left: 0px;
	top: 10px;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
	
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}


/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}