/**
 * Google Maps v2.6
 * Suggested base styles for the map and HTML overlay card.
 */

.gmap-shell {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 300px;
    overflow: hidden;
}

.google-map {
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-height: 650px;
}

.gmap-marker-image {
    display: block;
    max-width: none;
}

.gmap-card {
    position: absolute;
    z-index: 5;
    width: min(320px, calc(100% - 32px));
    padding: 20px;
    background: rgba(255, 255, 255, .96);
    color: #202124;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.gmap-shell--top-left .gmap-card {
    top: 16px;
    left: 16px;
}

.gmap-shell--top-right .gmap-card {
    top: 16px;
    right: 16px;
}

.gmap-shell--bottom-left .gmap-card {
    bottom: 16px;
    left: 16px;
}

.gmap-shell--bottom-right .gmap-card {
    right: 16px;
    bottom: 16px;
}

.gmap-card__title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
}

.gmap-card__address {
    font-size: 14px;
    line-height: 1.55;
}

.gmap-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.gmap-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid currentColor;
    border-radius: 3px;
    color: inherit;
    text-decoration: none;
}

.gmap-card__action--primary {
    font-weight: 700;
}

.gmap-info-window {
    width: max-content;
    min-width: 170px;
    max-width: 280px;
    padding: 4px 0;
    box-sizing: border-box;
}

/*
 * Google puts the InfoWindow content inside .gm-style-iw-d and gives that
 * element overflow:auto. That is what produces the unnecessary horizontal
 * and vertical scrollbars visible in the screenshot.
 */
.gm-style .gm-style-iw-d {
    overflow: hidden !important;
    max-height: none !important;
}

.gm-style .gm-style-iw-c {
    max-height: none !important;
}

/*
 * We open InfoWindow with shouldFocus:false, so Google should not move
 * keyboard focus into the popup. This is an additional visual fallback
 * for browsers / API versions that still draw an outline on the wrapper.
 */
.gm-style .gm-style-iw-c:focus,
.gm-style .gm-style-iw-c:focus-visible {
    outline: none !important;
}
.gm-style .gm-style-iw-c .gm-style-iw-chr > button.gm-ui-hover-effect {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    background-image:url('https://dev.instytutpodologii.pl/wp-content/themes/website/svg/close.svg')!important;
    background-size:28px!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}
/* Do not let long addresses/links force a horizontal scrollbar. */
.gmap-info-window,
.gmap-info-window * {
    box-sizing: border-box;
}
.gmap-info-window {
    padding-right:32px;
}
.gmap-info-window__address,
.gmap-info-window__link {
    overflow-wrap: anywhere;
}

.gmap-info-window__company {
    margin-bottom: 4px;
    font-weight: 700;
}

.gmap-info-window__link {
    margin-top: 10px;
}

/*
 * The map itself receives its Light/Dark style from the Map ID.
 * The HTML card is ours, so we mirror the resolved map mode here.
 */
.gmap-shell[data-map-scheme="dark"] .gmap-card {
    background: rgba(32, 33, 36, .96);
    color: #f1f3f4;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

@media (max-width: 640px) {
    .gmap-card {
        width: auto;
        right: 12px !important;
        bottom: 12px !important;
        left: 12px !important;
        top: auto !important;
        padding: 16px;
    }

    .google-map,
    .gmap-shell {
        min-height: 420px;
    }
}

/* ---------------------------------------------- /*

 * GOOGLE MAP

/* ---------------------------------------------- */

#google-map {

	height:500px;

}

.list-logo .item-content {

	margin-bottom:0px;

}

/* ---------------------------------------------- /*

 * FOOTER BOTTOM

/* ---------------------------------------------- */

#footer-bottom {

	padding-top:40px;

	padding-bottom:40px;

}

.footer-copyrights,

.footer-menu,

.footer-author {

	font-size:14px;

	line-height:18px;

}

.footer-menu ul,

.footer-menu ul li,

.footer-copyrights,

.footer-menu {

	display:inline-block;

}

.footer-copyrights,

.footer-menu ul li {

	margin-right:20px;

}

.footer-copyrights {

	padding-bottom:20px;

}

#footer-bottom .rht {

	text-align:right;

}

/* ---------------------------------------------- /*

 * FOOTER MIDDLE

/* ---------------------------------------------- */

#footer-middle {

	font-size:16px;

}

.item-footer .vsmallh {

	margin-bottom:30px;

}

#footer-middle ul li {

	display:block;

	font-size:16px;

	line-height:26px;

}

#footer-middle ul li a {

	display:block;

	padding-bottom:5px;

}

/* ---------------------------------------------- /*

 * RWD

/* ---------------------------------------------- */

@media (max-width: 639px) {

/* ---------------------------------------------- /*

 * FOOTER BOTTOM

/* ---------------------------------------------- */

#footer-bottom .item-50 {

	width:100%;

}

#footer-bottom .item-50.rht {

	text-align:left;

	padding-top:20px;

}

}


#footer .logo-svg {
	width:200px;
	height:57px;
}

#footer-bottom,
#footer {
	border-top:1px solid var(--cm-brightgray);
}
#footer-bottom .item-content .footer-left ul,
#footer-bottom .item-content .footer-right,
#footer-bottom .item-content .footer-left,
#footer-bottom .item-content {
	display: flex;
	gap:20px;
	font-size: 14px;
	font-weight: 500;
}
.item-footer.item-menu ul li {
	display: flex;
	gap:8px;
}
.item-footer.item-menu ul li:before {
	display: flex;
	content:"";
	width: 16px;
	height:16px;
	position: relative;
	top:4px;
	background-image: url('https://dev.instytutpodologii.pl/wp-content/themes/website/svg/arrow.svg');
	background-size:16px;
	transition: transform 0.3s ease;
}
.item-footer.item-menu ul li:hover:before {
	transform: translateX(4px);
}
#footer-bottom .item-content {
	justify-content: space-between;
	display:flex;
	flex-direction: column;
	gap:15px;
}
#footer-bottom .item-content .footer-left {
	display:flex;
	flex-direction: column;
	gap:15px;
}
#footer .fmenuh {
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
#footer .fmenuh::after {
	display:none;
}
.item-rating {
	display: flex;
	align-items: center;
	gap: 25px;
}
.item-rating .item-badge {
	display: flex;
	width: 95px;
	height: 95px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 15px;
	background: linear-gradient(135deg, #C7EF3B 0.01%, rgba(232, 242, 252, 0.00) 100.01%);
}
.item-rating .item-badge .rating {
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 120%;
}
.item-rating .item-badge .votes {
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
.item-rating .item-name {
	display: flex;
	flex-direction:column;
	align-items: flex-start;
	gap: 15px;
}
.item-name .header {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
}

.tns-popup-content {
	display:flex;
	gap:40px;
	flex-direction: column;
}

.tns-popup-services {
	display:flex;
	gap:20px;
	flex-direction:column;
}
.tns-popup-services .item-service {
	display: flex;
	padding: 25px;
	flex-direction: column;
	align-items: flex-start;
	gap: 25px;
	align-self: stretch;
	border-radius: 15px;
	background-color:var(--cm-dark-blue);
}
.logo-booksy {
	width:218px;
	height:46px;
	display:block;
	background-image:url('https://dev.instytutpodologii.pl/wp-content/themes/website/svg/logo-booksy.svg');
	background-size:200px;
}
.logo-znanylekarz {
	width:250px;
	height:40px;
	display:block;
	background-image:url('https://dev.instytutpodologii.pl/wp-content/themes/website/svg/logo-znanylekarz.svg');
	background-size:250px;
}
.tns-popup-header {
	color:var(--cm-white);
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	padding-bottom:30px;
}
.tns-popup-services .item-service .link {
	color:var(--cm-white);
}
.tns-popup-services .item-service .link:before {
	filter:var(--filter-white);
}
.tns-popup-contacts.l-flex.cols-3 {
	--cols:1;
}
.tns-popup-contacts .item-icon {
	display:none;
}
@media (min-width: 640px) {
	#footer-bottom .item-content .footer-left {
		flex-direction:row;
	}
	.tns-popup-contacts .item-icon {
		display:flex;
	}
	.tns-popup-content {
		flex-direction:row;
	}
	.tns-popup-services {
		flex-direction:column;
	}
	.tns-popup-contacts.l-flex.cols-3 {
		--cols:1;
	}
	.tns-popup-contacts .item-contact {
		display:flex;
		gap:20px;
		flex-direction: row;
		text-align:left;
	}
}
@media (min-width: 768px) {
	#footer-bottom .item-content {
		flex-direction:row;
	}
}
#tns-reservation-popup.special-registration .item-contact {
	padding:0;
}
.button.secondary:not(.phone-link):hover,
.button.primary:not(.phone-link):hover,
.button:not(.phone-link):hover {
	background:var(--cm-grad-black-black);
}
.bg-black.special-registration .item-action a:hover,
.wp-pagenavi a:hover,
.button.secondary:not(.phone-link):hover {
	color:var(--cm-white);
}
#page-breadcrumb ul li a:hover,
.bg-black.special-registration .item-extra a.link:hover,
.menu-top li a:hover {
	color:var(--cm-green);
}
.bg-black.special-registration .item-extra a.link:hover::before {
	filter:var(--filter-green);
}
.wp-pagenavi a.nextpostslink:hover::after,
.wp-pagenavi a.previouspostslink:hover::after,
.button.secondary:not(.phone-link):hover::after {
	filter:var(--filter-white);
}
.item-contact .item-value a:hover {
	color:var(--cm-black);
}
.wp-pagenavi a:hover {
	background:var(--cm-black);
}
/** 

* Version: 1.0.1

* Date: 15.03.2020

* Main: BS

* Changelog:

* 1.0.1 - Added FadeIn and DL-Menu animations

* 1.0.0 - First Release.

**/

/* ---------------------------------------------- /*

 * BASE ANIMATION

/* ---------------------------------------------- */

.anms,

.anm,

.anms::after,

.anms:before,

.anm::after,

.anm:before,

.anm *:not(.slick-slider):not(.slick-list):not(.slick-track) {

	transition:all .3s ease-out;

}

.anmh * {

	transition:height .3s ease-out;

}

.anmt {

	transition:all .3s ease-out;

}

.anmg {

	transition:gradient .3s ease;

}

/* ---------------------------------------------- /*

 * FadeIn

/* ---------------------------------------------- */

@keyframes fadeIn {

    0% {

        display: none;

        opacity: 0;

    }



    1% {

        display: block;

        opacity: 0;

    }



    100% {

        display: block;

        opacity: 1;

    }

}

/* ---------------------------------------------- /*

 * DL MENU - ANIMATION

/* ---------------------------------------------- */



.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 > .sub-menu.dl-animate-in-1 {

	-webkit-animation: SubMenuAnimIn1 0.4s ease;

	animation: SubMenuAnimIn1 0.4s ease;

}



.dl-menuwrapper > .sub-menu.dl-animate-in-2 {

	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;

	animation: SubMenuAnimIn2 0.3s ease-in-out;

}



.dl-menuwrapper > .sub-menu.dl-animate-in-3 {

	-webkit-animation: SubMenuAnimIn3 0.4s ease;

	animation: SubMenuAnimIn3 0.4s ease;

}



.dl-menuwrapper > .sub-menu.dl-animate-in-4 {

	-webkit-animation: SubMenuAnimIn4 0.4s ease;

	animation: SubMenuAnimIn4 0.4s ease;

}



.dl-menuwrapper > .sub-menu.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 > .sub-menu.dl-animate-out-1 {

	-webkit-animation: SubMenuAnimOut1 0.4s ease;

	animation: SubMenuAnimOut1 0.4s ease;

}



.dl-menuwrapper > .sub-menu.dl-animate-out-2 {

	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;

	animation: SubMenuAnimOut2 0.3s ease-in-out;

}



.dl-menuwrapper > .sub-menu.dl-animate-out-3 {

	-webkit-animation: SubMenuAnimOut3 0.4s ease;

	animation: SubMenuAnimOut3 0.4s ease;

}



.dl-menuwrapper > .sub-menu.dl-animate-out-4 {

	-webkit-animation: SubMenuAnimOut4 0.4s ease;

	animation: SubMenuAnimOut4 0.4s ease;

}



.dl-menuwrapper > .sub-menu.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;

	}

}

/* ---------------------------------------------- /*

 * CUSTOMIZATION

/* ---------------------------------------------- */