/*
	Theme Name: Start template for WordPress
	Theme URI: http://www.mcteam.com.pl 
	Author: MC TEAM Agencja Interaktywna Mateusz Ciesiółka
	Description: A template to start playing with WordPress
	Version: 1.0
*/

/*html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}*/

*{
    margin: 0;
    padding: 0;
	box-sizing:border-box;    
}
body{
	font-family: Signika;
	font-weight: 200;
	font-size: 18px;
	line-height: 29px;
	color: #181818;
	background:#fff;
} 


.anchor{
	clear:both;
	width:100%;
	height:1px;
	margin:0px auto;
	background:#fff;
}

.headerFixedBlock{
	position:fixed;
	top:0px;
	left:0px;
	background:#fff !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	height:93px !important;
	z-index:999;
}
.headerFixedBlock div#logo{
	max-width:250px !important;
}
.headerFixedBlock nav{
	padding:2px 0 !important;
}
.headerFixedBlock #mobile .mobile_menu {
	top:83px !important;
}
.headerFixedBlock .hamburger {
	top:16px !important;
}
.headerFixedBlock .hamburger.is-active .hamburger-inner, .headerFixedBlock .hamburger.is-active .hamburger-inner::before, .headerFixedBlock .hamburger.is-active .hamburger-inner::after {
    background-color: #000 !important; 
}
.headerFixedBlock .hamburger-inner, .headerFixedBlock .hamburger-inner::before, .headerFixedBlock .hamburger-inner::after {
    background-color: #000 !important;
}


/* header */
header{ 
	width:100%;
	padding: 0;
	margin:0px auto;
	/*overflow:hidden;*/
	background:#fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
header .in{
	width:100%;
	height:145px;
	margin:0px auto;
	/*overflow:hidden;*/
	padding:10px 100px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
header .in div#logo{
	width:100%;
	max-width:450px;
	float: left;
}
header .in div#logo a img{
	width:100%;
}
header .in nav{
	float: right;
	padding:31px 0;
}
header .in nav ul{
	list-style:none;		
}	
header .in nav ul li{
	float: left;
	margin: 0 3px 0 0;
	
	--s: 1px;
	--c: #B87333; 

	padding-bottom: var(--s);
	background: 
		linear-gradient(90deg,var(--c) 50%,#000 0) calc(100% - var(--_p,0%))/200% 100%,
		linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat;
	-webkit-background-clip: text,padding-box;
    background-clip: text,padding-box;
	transition: 0.5s;
}		
header .in nav ul li:hover,header .in nav ul li a:hover,header .in nav ul li.active,header .in nav ul li.active a{
	--_p: 100%
}
header .in nav ul li a{
	color: #181818;
	text-decoration: none;	
	text-transform: uppercase;
	padding: 16px 15px;
	font-size: 16px;
	font-weight:500;
	display: block;
}

header .slide{
	width:100%;
	height:800px;
	overflow:hidden;
	position:relative;
}
header .slide p.slide-paragraph{
	font-size: 60px;
	text-align: right;
	display: block;
	float: right;
	width: 50%;
	line-height: 60px;
	font-weight: 500;
	font-family: Arizonia;
	position: absolute;
	right: 150px;
	top:35%;
	color:#fff;
}


/* menu mobile */
header .in #mobile{
	width:100%;
	position:relative;
	display:none;
}
header .in #mobile #openMenu{
	display:block;
	float:right;
	width:60px;
	padding:10px 10px;
	overflow:hidden;
	background:none;
	cursor:pointer;
	position:absolute;
	top:80px;
	right:0px;
}
header .in #mobile #openMenu span{
	display:block;
	width:100%;
	height:4px;
	background:#fff;
	margin:6px auto;
}
header .in #mobile .mobile_menu{
	display:none;
	width:100%;
	position:absolute;
	top:130px;
	right:0px;
	z-index:999;
	/*background:#B87333;*/
	/*background:#181818;*/
	/*background:rgba(255,255,255,.6);*/
	background:rgba(0,0,0,.6);
}
header .in #mobile .mobile_menu ul.menu{
	list-style:none;
}
header .in #mobile .mobile_menu ul.menu li a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:10px 14px;
	font-size:20px;
	text-align:center;
}
header .in #mobile .mobile_menu ul.menu li a:hover{
	color:#B87333;
}
header .in #mobile .mobile_menu ul.menu li.menu-item-has-children ul.sub-menu{
	display:none;
	list-style:none;
}
header .in #mobile .mobile_menu ul.menu li.menu-item-has-children ul.sub-menu li a{
	display:block;
	padding-left:60px;
}


/* last child */
#menu-menu li:last-child{
	border:1px solid #B87333;
	border-radius:8px;
}
#menu-menu li:last-child a{
	color:#B87333;
	position:relative;
	padding: 16px 15px 16px 38px;
}
#menu-menu li:last-child:hover,#menu-menu li:last-child a:hover,#menu-menu li:last-child.active,#menu-menu li:last-child.active a{
	--_p: 0%;
}
#menu-menu li:last-child a::before{
	font-family: "Material Symbols Outlined";
	content:'\e0b0';
	position:absolute;
	font-size:26px;
	left:6px;
}


/* site */
.web{
	width:100%;
	margin:0px auto;
	overflow:hidden;
	padding:20px 0px;
	background:#fff;
}
.web section{
	width:100%;
	max-width:1600px;
	margin:0px auto; 
	overflow:hidden;
}
.web section article a{
	color: #181818;
	font-weight: 300;
	text-decoration:none;
}
.web section article h1, .web section article h2{
	display:block;
	color:#181818;
	font-weight:normal;
	text-decoration:none;
	padding:10px 0px;
	margin-top:20px;
}
.web section article h6{
	display:block;
	color:#181818;
	font-weight:normal;
	text-decoration:none;
	padding:10px 0px;
	margin-top:20px;
	font-size:18px;
}
.web section article p{
	margin-bottom:20px;
	line-height:35px;
}
.web section article .heading-line{
	height: 2px;
	width: 100%;
	position: relative;
	max-width: 354px;
	min-width: 145px;
	margin-bottom: 29px;
}
.web section article .heading-line span, .web section article .heading-line::before{
	content: '';
	position: absolute;
	bottom: 0;
	z-index:900;
}
.web section article .heading-line span{
	left: 50px;
	right: 0;
	background-color: #dadada;
	height: 1px;
}
.web section article .heading-line::before{
	width: 47px;
	height: 2px;
	left: 0;
	background-color: #B87333;
	z-index:900;
}
.web section article figure{
	width:50%;
}
.web section article figure img{
	border-radius:20px;
}


/* block */
.web section article .services{
	width:100%;
	overflow:hidden;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.web section article .services .blockOne{
	width:33%;
	max-height:100px;
	margin:10px auto;
	background:#fff;
	border:1px solid #eee;
	cursor:pointer; 
	padding:16px 5px 0px 5px;
	overflow:hidden;
}
.web section article .services .blockOne:hover{
	max-height: 1200px;
	-moz-transition: max-height 1s ease;
	-webkit-transition: max-height 1s ease;
	-o-transition: max-height 1s ease;
	transition: max-height 1s ease;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	font-weight:400;
}
.web section article .services .blockOne ul{
	margin-top:40px;
}
.web section article .services .blockOne:hover ul li{
	font-weight:100;
}
.web section article .services .blockOne p{
	text-align:center;
	/*color:#B87333;*/
	color:#3e3e3e;
}


/* block */
.web section article .documents{
	width:100%;
	overflow:hidden;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.web section article .documents .docOne{
	width:40%;
	margin:10px auto;
}
.web section article .documents .docOne ul{
}
.web section article .documents .docOne ul li a{
	text-decoration:none;
	color:#3e3e3e;
	font-size:24px;
}
.web section article .documents .docOne ul li a:hover{
	color:#B87333;
}



/* subription */
.sub{
	width:100%;
	overflow:hidden;
	background:#F5F4ED;
}
.sub .subIn{
	width:100%;
	max-width:1600px;
	margin:0px auto;
	overflow:hidden;
	padding:16px 0px;
}
.sub .subIn .subOne{
	width:49.9%;
	float:left;
	position:relative;
	padding-left:130px;
}
.sub .subIn .subOne::before{
	font-family: "Material Symbols Outlined";
  content: '\e0b0';
  position: absolute;
  font-size: 60px;
  left: 10px;
  top: 20%;
  border: 1px solid #B87333;
  border-radius: 50%;
  padding: 35px 20px;
  color: #B87333;
}
.sub .subIn .subOne p{
	font-size:30px;
	padding:10px 0px;
	line-height:40px;
}
.sub .subIn .subOne p.title{
	font-size:40px;
	font-weight:400;
}
.sub .subIn .subTwo{
	width:24.9%;
	float:left;
}
.sub .subIn .subTwo a{
	width:200px;
	display:block;
	margin:49px auto;
	font-size:24px;
	padding:15px 0px 15px 24px;
	background:#B87333;
	border: 1px solid #B87333;
	border-radius:6px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	position:relative;
}
.sub .subIn .subTwo a::before{
	font-family:"Material Symbols Outlined";
	content:'\e0b0';
	position:absolute;
	font-size:20px;
	left:21px;
	color:#fff;
}
.sub .subIn .subTwo a:hover{
	background:none;
	border: 1px solid #B87333;
	color:#B87333;
}
.sub .subIn .subTwo a:hover::before{
	color:#B87333;
}
.sub .subIn .subThree{
	width:24.9%;
	float:left;
}
.sub .subIn .subThree a{
	width:200px;
	display:block;
	margin:49px auto;
	font-size:22px;
	padding:15px 0px 15px 24px;
	background:none;
	border: 1px solid #B87333;
	border-radius:6px;
	color:#B87333;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	position:relative;
}
.sub .subIn .subThree a::before{
	font-family:"Material Symbols Outlined";
	content:'\e158';
	position:absolute;
	font-size:20px;
	left:7px;
	color:#B87333;
}
.sub .subIn .subThree a:hover{
	background:#B87333;
	border: 1px solid #B87333;
	color:#fff;
}
.sub .subIn .subThree a:hover::before{
	color:#fff;
}



/* address footer */
.daneKontakt{
	width:100%;
	margin:0px auto;
	overflow:hidden;
	background: #D4AB6D;
	background: linear-gradient(90deg, rgba(212, 171, 109, 1) 0%, rgba(184, 115, 51, 1) 100%);
}
.daneKontakt .daneKontakt-in{
	width:100%;
	max-width:1600px;
	overflow:hidden;
	margin:0px auto;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.daneKontakt .daneKontakt-in .box{
	width:30%;
	margin:0px auto;
	padding:10px 0px;
}
.daneKontakt .daneKontakt-in .box p{
	color:#fff;
	text-align:center;
}
.daneKontakt .daneKontakt-in .box p a{
	color:#fff;
	text-decoration:none;
}
.daneKontakt .daneKontakt-in .box p a:hover{
	color:#181818;
}
.daneKontakt .daneKontakt-in .box .logoFooter{
	width:100%;
	margin:10px auto;
}

.daneKontakt .daneKontakt-in .box .parking, .daneKontakt .daneKontakt-in .box .payment{
	width:50%;
	margin:30px auto;
}
.daneKontakt .daneKontakt-in .box .logoFooter img, .daneKontakt .daneKontakt-in .box .parking img, .daneKontakt .daneKontakt-in .box .payment img{
	display:block;
	width:100%;
}
.daneKontakt .daneKontakt-in .googleMaps{
	width:100%;
	margin:0px auto;
	overflow:hidden;
	/*scroll-margin-top:100px;*/
}


/* document box */
.web section article > details{
	margin-left:16px;
}
.web section article > details > summary{
	margin-left:-16px;
}
.web section article details > ol{
	margin-left:18px;
}
.web section article details ol > li > ul{
	margin-bottom:0px;
	margin-left:18px;
}
.web section article details ol > li > ul > li{
	
}
.web section article details ol > li > ul > li.desc{
	list-style: none;
	margin-left: -18px;
}
.web section article > details > ul{
	margin-left:20px;
}
.web section article > details > summary > strong{
	font-size:20px;
	line-height:46px;
}
.web section article > details > details, .web section article > details > details > details, .web section article > details > details > details > details{
	margin-top:10px;
}
.web section article > details > details > ol{
	margin-left:36px;
}
.web section article > details > details > details{
	margin-left:20px;
}
.web section article > details > details > details ol{
	margin-left:43px;
}
.web section article > details > details > details > details{
	margin-left:20px;
}



/* Four box in dokcument */
.documentBoxFour{
	padding:20px;
}
.documentBoxFour .documentBoxFourOne{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	border-radius:10px;
	padding:100px 20px 10px 20px;
	cursor:pointer;
}
.documentBoxFour .documentBoxFourOne:hover{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.documentBoxFour .documentBoxFourOne h5{
	text-align:center;
	font-size:18px;
	position:relative;
}
.documentBoxFour .documentBoxFourOne h5::before{
	font-family:"Material Symbols Outlined";
	position:absolute;
	font-size:60px;
	left:40%;
	top:-60px;
	color:#B87333;
}
.documentBoxFour .documentBoxFourOne h5.folder::before{
	content:'\ebbd';
}
.documentBoxFour .documentBoxFourOne h5.security::before{
	content:'\e32a';
}
.documentBoxFour .documentBoxFourOne h5.mail::before{
	content:'\e158';
}
.documentBoxFour .documentBoxFourOne h5.check::before{
	content:'\f3de';
}
.documentBoxFour .documentBoxFourOne p{
	text-align:center;
	font-size:16px;
}



/* document list and right box */
div.homeCol div.headerCol{
	position:relative;
	padding-left:100px !important;
	margin-top:34px;
}
div.homeCol div.headerCol::before{
	font-family:"Material Symbols Outlined";
	content:'\e88a';
	position:absolute;
	font-size:60px;
	left:4px;
	color:#B87333;
	background:#F5F4ED;
	border-radius:6px;
	padding:30px 14px;
}

ul.documentList{
	list-style:none;
	margin:0px !important;
}
ul.documentList li{
	padding:15px 40px;
	cursor:pointer;
	position:relative;
}
ul.documentList li::after{
	font-family:"Material Symbols Outlined";
	content:'\e315';
	position:absolute;
	font-size:26px;
	right:4px;
}
ul.documentList li::before{
	font-family:"Material Symbols Outlined";
	position:absolute;
	font-size:26px;
	left:4px;
}
ul.documentList li.home::before{
	content:'\e88a';
}
ul.documentList li.apartment::before{
	content:'\ea40';
}
ul.documentList li.gift::before{
	content:'\ef91';
}
ul.documentList li.agreement::before{
	content:'\ebcb';
}
ul.documentList li.document::before{
	content:'\f88c';
}
ul.documentList li.rings::before{
	content:'\e71c';
}
ul.documentList li.cancel::before{
	content:'\e5c9';
}
ul.documentList li.pen::before{
	content:'\f603';
}
ul.documentList li.dots::before{
	content:'\ef64';
}
ul.documentList li:hover, ul.documentList li.select{
	background:#F5F4ED;
	font-weight:400;
}

ul.infoList{
	list-style:none;
	margin:0px !important;
}
ul.infoList li{
	position:relative;
	padding:10px 10px 10px 40px;
}
ul.infoList li::before{
	font-family:"Material Symbols Outlined";
	content:'\e86c';
	position:absolute;
	font-size:26px;
	left:4px;
	color:#B87333;
}


div.documentsCol75{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	border-radius:10px;
	padding:20px;
}
div.documentsCol75 p.descInfo{
	background:#F5F4ED;
	position:relative;
	padding:0px 20px 0px 100px;
}
div.documentsCol75 p.descInfo::before{
	font-family:"Material Symbols Outlined";
	content:'\e88e';
	position:absolute;
	font-size:60px;
	left:14px;
	top:26%;
	color:#B87333;
}
div.documentsCol75 p.descDoc{
	background:#F5F4ED;
	position:relative;
	padding:20px 0px 20px 100px;
}
div.documentsCol75 p.descDoc::before{
	font-family:"Material Symbols Outlined";
	content:'\ef42';
	position:absolute;
	font-size:60px;
	left:14px;
}



/* list */
.web section article ul{
	margin-left:31px;
}






/* kontakt */
.web section article .kontaktLocation{
	width:100%;
	margin:0px auto;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom:20px;
}
.web section article .kontaktLocation .colLeft{
	width:40%;
	position:relative;
}
.web section article .kontaktLocation .colLeft span{
	float:right;
	background:#f8f8f8;
	border-radius:50%;
	padding:15px;
	color:#B87333;
	position:absolute;
	top:-17px;
	right:0px;
	font-size:40px;
}
.web section article .kontaktLocation .colRight{
	width:60%;
}
.web section article .kontaktLocation .colRight p{
	text-align:center;
}


/* footer */
footer{
	width:100%;
	background: #fff;
	color: #181818;
	text-align: center;
	padding: 20px 0;
}
footer span{
	font-size:16px;
}
footer a{
	color: #181818;
	font-weight: 300;
}
footer .footer_ue{
	width:100%;
	max-width:1600px;
	margin:60px auto 0px auto;
}
footer .footer_ue img{
	display:block;
	width:100%;
	max-width:1200px;
	margin:0px auto 30px auto;
}


/* cookies */
#cookies{
	width:100%;
	overflow:hidden;
	position:fixed;
	left:0px;
	bottom:0px;
	background:#181818;
	display:none;
	z-index:999;
}
#cookies .in{
	width:100%;
	color:#fff;
	padding:0px 50px;
	margin:0px auto;
}
#cookies .in div{
	width:100%;
	margin:0px auto;
}
#cookies .in div.textCookies{
	width:86%;
	float:left;
}
#cookies .in div.buttonCookies{
	width:12%;
	padding:17px 0px;
	float:right;
}
#cookies .in div.buttonCookies a{
	text-decoration:none;
}
#cookies .in div.buttonCookies a button{
	/*border:1px solid #BACFC6;*/
	border:none;
	text-align:center;
	padding:10px 24px;
	font-size:16px;
	cursor:pointer;
	float:right;
	background:#B87333;
	color:#fff;
	text-decoration:none;
}
#cookies .in div.buttonCookies a button:hover{
	/*border:1px solid #fff;*/
	border:none;
	background:#fff;
	color:#181818;
}
#cookies .in div p{
	display:block;
	width:100%;
	text-align:center;
	padding:10px 10px;
	font-size:16px;
	line-height:30px;
	color:#fff;
}
#cookies .in div p a{
	color:#fff;
	text-decoration:none;
	font-weight:900;
}
#cookies .in div p a:hover{
	color:#C19F5F;
}


/* google maps */
.mapGoogle{
	width:100%;
	margin:0px auto;
	overflow:hidden;
}
.mapGoogle .mapka{
	width:100%;
	margin:0px auto;
	height:400px;
}


.bgNone{
	background:none !important;
}





.hamburger {
	width:50px;
	padding: 13px 15px;
	display: absolute;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	overflow: visible; 
	top:35px;
	right:0px;
}

.hamburger:hover {
    opacity: 0.7; 
}

.hamburger.is-active:hover {
    opacity: 0.7; 
}
	
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #181818; 
}

.hamburger-box {
	width: 40px;
	height: 20px;
	display: inline-block;
	position: relative; 
 }

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px; 
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 3px;
    background-color: #181818;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; 
}
	
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; 
}
	
.hamburger-inner::before {
    top: -8px; 
}
	
 .hamburger-inner::after {
    bottom: -8px; 
}

/*  3DX  */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); 
}
  
.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); 
}
	
.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); 
}

/*  3DX Reverse  */
.hamburger--3dx-r .hamburger-box {
	perspective: 80px; 
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*  3DY  */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*  3DY Reverse   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*  3DXY   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*  3DXY Reverse   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

	
	
	
/* responsive style */
@media all and (max-width: 1600px){
	.web section{
		padding-left:20px;
		padding-right:20px;
	}
	header{
		background-position:top right;
	}
	header .slide p.slide-paragraph{
		width:70%;
		right:20px;
	}
}

@media all and (max-width: 1380px){
	.web section article .services .blockOne{
		max-height:140px;
	}
	.web section article .services .blockOne ul{
		margin-top:80px;
	}
}

@media all and (max-width: 1200px){
	header .in{
		padding:10px 0px;
	}
	header .in div#logo{
		margin-left:20px;
	}
	header .slide p.slide-paragraph{
		width:90%;
	}
	header .in nav{
		display:none;
	}
	header .in #mobile{
		display:block;
	}
}

@media all and (max-width: 959px){
	header .slide p.slide-paragraph{
		font-size:40px;
		line-height:45px;
	}
	.daneKontakt .daneKontakt-in{
		display:block;
	}
	.daneKontakt .daneKontakt-in .box{
		width:90%;
		float:none;
		margin:0px auto;
	}
}

@media all and (max-width: 900px){
	.web section article .services .blockOne{
		max-height:160px;
	}
	.web section article .services .blockOne ul{
		margin-top:100px;
	}
}

@media all and (max-width: 800px){
	.web section article .services .blockOne{
		width:80%;
		max-height:100px;
	}
	.web section article .services .blockOne ul{
		margin-top:60px;
	}
	.web section article .documents .docOne{
		width:80%;
		margin:0px auto;
	}
	.web section article .kontaktLocation .colLeft{
		width:20%;
	}
	.web section article .kontaktLocation .colRight{
		width:80%;
	}
	header .slide p.slide-paragraph{
		font-size:28px;
		line-height:30px;
	}
	footer .footer_ue{
		font-size:12px;
	}
}

@media all and (max-width: 600px){
	header .in div#logo{
		width:100%;
		max-width:250px;
		float: none;
		margin:10px auto;
	}
	.web section article .services .blockOne{
		width:95%;
		max-height:100px;
	}
	.web section article .services .blockOne ul{
		margin-top:60px;
	}
	.web section article h1{
		font-size:30px;
		line-height:40px;
	}
}

@media all and (max-width: 480px){
	.web section article .services .blockOne{
		width:95%;
		max-height:140px;
	}
	.web section article .services .blockOne ul{
		margin-top:80px;
	}
	.web section article h1{
		font-size:26px;
		line-height:37px;
	}
	
	.web section article ul{
		margin-left:17px;
	}
	.web section article .box .box-title p{
		padding-left:16px;
	}
	.web section article .box .box-title::before{
		margin-left:-8px;
	}
	.web section article .box .box-list{
		margin-top:10px;
		padding-left:14px;
	}
	.web section article .box .box-list ol{
		margin-left:24px;
	}
}

@media all and (max-width: 340px){
	.web section article .services .blockOne{
		max-height:160px;
	}
	.web section article .services .blockOne ul{
		margin-top:100px;
	}
}}