/* duplication for the client panel and kayako */
a.black-link, a.black-link:focus,
.black-link, .black-link:focus {color: var(--text-color-black); border-bottom: solid 1px var(--borders-dashed-gray-trasp); cursor: pointer;}
a.black-link:hover,
.black-link:hover {color: var(--text-color-black); border-bottom: solid 1px transparent;}
/* /duplication for the client panel and kayako */


#mainmenu {position: relative; width: 100%; height: 68px; content-visibility: visible;}
#mainmenu a,
#mainmenu a:hover {text-decoration: none;}
.header-mini #mainmenu {height: auto;}

/* header small menu */
.header-affiliates,
ul.langselector li:first-child,
ul.langselector li:first-child,
ul.header-curr li:first-child,
ul.header-curr li:first-child {position: relative;}

.header-affiliates::before,
ul.langselector li:first-child::before,
ul.langselector li:first-child::after,
ul.header-curr li:first-child::before,
ul.header-curr li:first-child::after {display: block; content: ""; position: absolute;}

.header-affiliates::before {
	background: url(/images2019/design/common_header-footer/affiliates.svg) center center no-repeat;
	width: 15px;
	height: 14px;
	top: calc(50% - 8px);
	left: 12px;
}

ul.langselector li::before {
	width: 17px;
	height: 17px;
	top: calc(50% - 9px);
	left: 6px;
	z-index: 103;
}
ul.langselector li.russian::before {background: url(/images2019/design/common_header-footer/header-lang-ru.svg) center center no-repeat;}
ul.langselector li.ukranian::before {background: url(/images2019/design/common_header-footer/header-lang-ua.svg) center center no-repeat;}

ul.header-curr li::before {
	width: 10px;
	height: 15px;
	top: calc(50% - 8px);
	left: 8px;
}
ul.header-curr li.currency-uah::before {background: url(/images2019/design/common_header-footer/header-curr-uah.svg) center center no-repeat;}
ul.header-curr li.currency-usd::before {background: url(/images2019/design/common_header-footer/header-curr-usd.svg) center center no-repeat;}

ul.langselector li::after,
ul.header-curr li::after {
	top: calc(50% - 2px);
	right: 7px;
	z-index: 103;
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 4px;
	border-right-width: 4px;
	border-top: 4px solid var(--common-white);
}

ul.langselector li.langselector-open::after,
ul.header-curr li.header-curr-open::after {
	border-top: 0 solid transparent;
	border-bottom: 4px solid var(--common-white);
}

.smallmenu-container {
	position: absolute;
	top: -55px; /* (#header - smallmenu-container) / 2 + smallmenu-container */
	height: 30px;
	right: 0;
	padding-right: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-column-gap: 4px;
	-moz-column-gap: 4px;
	column-gap: 4px;
	z-index: 101;
}

.header-contact,
.header-contact:hover,
.header-affiliates,
.header-affiliates:hover,
.header-affiliates:visited,
.header-affiliates:focus,
.header-clients,
.header-clients:hover,
.header-reg-btn-desktop,
.header-reg-btn-desktop:hover {
	display: block;
	font-size: 14px;
	color: var(--text-color-white);
	height: 32px;
	line-height: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	background-clip: padding-box;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.header-contact,
.header-contact:hover {
	padding: 0 12px;
	position: relative;
	margin-left: 11px;
}

.header-affiliates {
	padding: 0 12px 0 35px ;
}

.header-contact,
.header-contact:hover,
.header-affiliates,
.header-affiliates:hover,
.header-affiliates:visited,
.header-affiliates:focus {
	border-bottom: 0 none;
	font-weight: bold;
}

.header-smallmenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	margin-top: -1px;
	margin-left: 55px;
	font-weight: bold;
}

.header-clients,
.header-clients:hover {
	background: var(--common-white);
	color: var(--text-color-black);
}

@media only screen and (min-width: 1025px) {
	.header-contact:hover,
	.header-affiliates:hover {
		color: var(--text-color-white);
		background-color: var(--bg-header-light-grey);
	}

	.header-clients,
	.header-clients:hover,
	.header-reg-btn-desktop,
	.header-reg-btn-desktop:hover {
		border: 1px solid var(--common-white);
		border-radius: 3px;
		padding: 0 18px;
	}

	.header-clients:hover,
	.header-reg-btn-desktop:hover {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
}

.header-reg-btn-mobile {
	display: none;
}

/* langselector & currency selectors */
.langselector-box {
	width: 74px;
	margin-left: 40px;
	position: relative;
}

.header-curr-box {
	width: 68px;
	z-index: 105;
	position: relative;
}

ul.langselector,
ul.header-curr {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-clip: padding-box;
	position: relative;
	width: 100%;
}

ul.langselector {
	z-index: 103;
}

ul.langselector li,
ul.header-curr li {
	display: none;
	width: auto;
	height: 30px;
	border-radius: 4px;
}

ul.langselector li.langselector-open,
ul.header-curr li.header-curr-open {
	display: block;
}

ul.langselector li:first-child,
ul.header-curr li:first-child {
	display: block;
}

ul.langselector li:not(:first-child),
ul.header-curr li:not(:first-child) {
	margin-top: 5px;
}

@media only screen and (min-width: 1025px) {
	ul.langselector li.langselector-open,
	ul.header-curr li.header-curr-open,
	ul.langselector li:first-child:hover,
	ul.header-curr li:first-child:hover {
		background: var(--bg-header-light-grey);
	}
}

ul.langselector li:not(:first-child):hover a,
ul.header-curr li:not(:first-child):hover a {
	font-weight: bold;
}

ul.langselector li a,
ul.langselector li a:hover,
ul.header-curr li a,
ul.header-curr li a:hover {
	color: var(--text-color-white);
	font-size: 14px;
	line-height: 30px;
	height: 100%;
	border: none;
	display: block;
	position: relative;
	z-index: 104;
}

ul.langselector li a,
ul.langselector li a:hover {
	padding: 0 20px 0 27px;
}

ul.header-curr li a,
ul.header-curr li a:hover {
	padding: 0 20px 0 21px;
}


.goto-ukr {
	position: absolute;
	top: 40px; right: 98px; z-index: 102;
	display: inline-block;
	white-space: nowrap;
	padding: 0 9px 0 25px;
	color: var(--text-color-white);
	font-size: var(--text-small-size);
	line-height: 23px;
	font-weight: bold;
	text-align: left;
	height: 28px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: var(--bg-goto-ukr);
	-webkit-box-shadow: 10px 17px 30px var(--shadow-grey-transp);
	box-shadow: 10px 17px 30px var(--shadow-grey-transp);
}
a.goto-ukr-close {
	display: block;
	position: absolute;
	z-index: 103;
	width: 19px;
	height: 19px;
	top: -6px;
	left: 0;
	content: " "; font-size: 1px; line-height: 1px;
	background: url(/images2019/design/common_header-footer/goto-ukr-2.svg) 0 0 no-repeat;
	cursor: pointer;
	border: none;
}
.goto-ukr::after {
	display: block;
	position: absolute;
	width: 50px;
	height: 27px;
	top: -13px;
	right: -58px;
	content: " "; font-size: 1px; line-height: 1px;
	background: url(/images2019/design/common_header-footer/goto-ukr-1.svg) 0 0 no-repeat;
}
/* /langselector & currency selectors */

/* /header small menu */

/* top menu */

/* menu */
#mainmenu {
	color: var(--text-color-black);
	font-size: var(--text-size);
	font-family: var(--font-family);
}
.mainmenu {width: 100%; background-color: var(--common-white); -webkit-box-shadow: 0 1px 0 var(--borders-dashed-gray-trasp); box-shadow: 0 1px 0 var(--borders-dashed-gray-trasp); position: relative;}
.mainmenu.stickytop {position: fixed; top: 0; left: 0; z-index: 100;}
ul.mainmenu-level1 {
	padding: 0 0 0 0;
	text-align: center;
	position: relative;
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}
li.mainmenu-level1-item {border-left: solid 1px var(--borders-white); border-right: solid 1px var(--borders-white); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 6px; background-color: var(--common-white);}
li.mainmenu-sub:hover {border-left: solid 1px var(--borders-dashed-gray); border-right: solid 1px var(--borders-dashed-gray);}
a.mainmenu-level1-link, a.mainmenu-level1-link:hover {position: relative; z-index: 101;}
a.mainmenu-level1-link, a.mainmenu-level1-link:hover {border: none; color: var(--text-color-black); font-weight: bold; display: block; padding: 15px 8px 0 8px; height: 47px; line-height: 1.3; vertical-align: middle;}
a.mainmenu-act, a.mainmenu-act:hover  {color: var(--color-red); cursor: default;}
/*li.mainmenu-sub>a::before {position: absolute; width: 16px; height: 16px; display: none; font-size: 1px; line-height: 1px; background-color: var(--borders-dashed-gray); content: " "; bottom: -8px; left: 50%; margin-left: -8px; z-index: 9;*/
/*	-webkit-transform:rotate(45deg);*/
/*	-ms-transform:rotate(45deg);*/
/*	transform:rotate(45deg);*/
/*}*/
/*li.mainmenu-sub:hover>a {position: relative;}*/
/*li.mainmenu-sub:hover>a::before {display: block;}*/

a.mainmenu-link-desk,
a.mainmenu-link-desk:hover {display: block;}
a.mainmenu-link-mob,
a.mainmenu-link-mob:hover {display: none;}

a.main-menu-open,
a.main-menu-open:hover,
a.main-menu-close,
a.main-menu-close:hover {display: none;}
/* /menu */

/* submenu */

@media only screen and (min-width: 1025px) {
	.mainmenu-sub-box,
	.mainmenu-sub-box * {
		box-sizing: border-box;
	}
	.mainmenu-sub-box,
	.mainmenu-sub-box.display-none,
	.mainmenu-sub-box.display-block {
		width: 100%;
		overflow: hidden;
		position: absolute;
		top: 68px;
		left: 0;
		z-index: 100;
		border-top: solid 1px var(--borders-grey);
		height: 0;
		background-color: transparent !important;
		visibility: hidden;
	}
	li.mainmenu-sub.opened .mainmenu-sub-box,
	li.mainmenu-sub.opened .mainmenu-sub-box.display-none,
	li.mainmenu-sub.opened .mainmenu-sub-box.display-block,
	li.mainmenu-sub.opened .mainmenu-sub-box.row2,
	li.mainmenu-sub.opened .mainmenu-sub-box.row3,
	li.mainmenu-sub.opened .mainmenu-sub-box.row4 {height: auto; visibility: visible}

	.row2 {--menu-grid-rows: 2;}
	.row3 {--menu-grid-rows: 3;}
	.row4 {--menu-grid-rows: 4;}

	.mainmenu-sub-box ul {
		display: grid;
		grid-template: repeat(var(--menu-grid-rows), auto) / 1fr 1fr 406px;
		grid-auto-flow: column;
		width: 100%;
		background-color: var(--common-white);
		position: relative;
		z-index: 99;
		column-gap: 40px;
		row-gap: 31px;
		padding-left: 60px;
	}

	@media only screen and (max-width: 1140px) {

		.mainmenu-sub-box ul {
			grid-template-columns: 1fr 1fr 306px;
		}
	}
	.mainmenu-sub-box ul li {
		text-align: left;
	}
	.mainmenu-sub-box.row2 ul li:nth-child(2),
	.mainmenu-sub-box.row3 ul li:nth-child(3),
	.mainmenu-sub-box.row4 ul li:nth-child(4) {
		margin-bottom: 51px;
	}
	.mainmenu-sub-box ul li:first-child {
		grid-area: 1 / 1 / 2 / 3;
	}
	.mainmenu-sub-box ul li:last-child {
		grid-area: 1 / 3 / -1 / 4;
	}

	.mainmenu-sub-box ul li a:not(.black-link),
	.mainmenu-sub-box ul li a:not(.black-link):hover {
		display: block;
		text-decoration: none;
		color: var(--common-black);
		position: relative;
		border: none;
		padding-left: 70px;
	}
	.mainmenu-sub-box ul li a span,
	.mainmenu-sub-box ul li a:hover span {
		font-size: var(--text-size);
		font-weight: bold;
		line-height: 24px;
	}
	.mainmenu-sub-box ul li a:hover {

	}
	.mainmenu-sub-box ul li a span.sub-desc,
	.mainmenu-sub-box ul li a:hover span.sub-desc {
		font-size: var(--text-small-size);
		line-height: 21px;
		font-weight: normal;
		display: block;
		padding-top: 5px;
	}

	.mainmenu-sub-box ul li:first-child {
		padding-top: 24px;
	}
	.mainmenu-sub-box ul li:last-child {
		padding: 75px 0 0 60px;
	}

	.mainmenu-sub-box ul li:last-child a,
	.mainmenu-sub-box ul li:last-child a:hover {
		display: inline;
		padding-left: 0;
		font-size: var(--text-small-size);
		font-weight: bold;
	}
	.mainmenu-sub-box ul li:last-child span {
		font-size: var(--text-small-size);
		font-weight: normal;
		line-height: 21px;
		display: block;
		padding-top: 3px;
	}
	.mainmenu-sub-box ul li:last-child span.sub-any-questions {
		padding-bottom: 5px;
		padding-top: 0;
	}

	.mainmenu-sub-box ul li a span.label_base-round,
	.mainmenu-sub-box ul li a:hover span.label_base-round {
		margin-left: 20px;
	}
	/* /submenu */

	/* compact-domain-search */
	.compact-domain-search * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.domcheck-compact-box {padding-bottom: 17px;}
	.mainmenu-sub-box .domcheck-compact-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 20px;
	}

	.domcheck-compact-www {
		font-size: var(--text-size);
		font-weight: bold;
		text-transform: uppercase;
		padding: 2px 0 1px;
		font-family: var(--font-family);
		color: var(--common-black);
	}

	.mainmenu-sub-box .domcheck-compact-www {
		width: auto;
	}

	.domcheck-compact-input {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.domcheck-compact-box .domtpl-domain-check-input {
		padding: 13px 25px 13px 12px;
		height: 50px;
		background: var(--bg-grey-light);
		border: 1px solid var(--borders-grey-input);
		border-radius: 7px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		outline: none;
		font-size: var(--text-small-size);
		font-family: var(--font-family);
		width: 200px;
		position: relative;
	}

	.domcheck-compact-box .btn-medium,
	.domcheck-compact-box .btn-medium:hover{
		width: 50px;
		height: 47px;
		padding: 0;
		position: relative;
		margin-left: -15px;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}

	.domcheck-compact-box .btn-medium::after {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		width: 22px;
		height: 22px;
		content: "";
		background: url("/images2019/design/micro-elements/search-icon.svg") 0 0 no-repeat;
	}

	.domcheck-compact-box .btn-orange,
	.domcheck-compact-box .btn-orange:hover {
		background-color: var(--btn-orange);
		-webkit-box-shadow: 0 3px 0 var(--btn-orange-shadow);
		box-shadow: 0 3px 0 var(--btn-orange-shadow);
	}



	@media only screen and (max-width: 1500px) {

		.domcheck-compact-input {
			flex-wrap: wrap;
		}

		.domcheck-compact-www {
			width: 100%;
		}
		.mainmenu-sub-box .domcheck-compact-www {
			width: auto;
		}
		.domcheck-compact-box .domtpl-domain-check-input {
			width: 100px;
		}
	}


	.domcheck-compact-box .btn-medium,
	.domcheck-compact-box .btn-medium:hover{
		padding-left: 25px;
		padding-right: 25px;
		height: 50px;
		line-height: 50px;
		position: relative;
		margin-left: -15px;
	}

	.domcheck-compact-box .btn-orange,
	.domcheck-compact-box .btn-orange:hover {
		background-color: var(--btn-orange);
		box-shadow: 0 0 0 var(--btn-orange-shadow);
	}

	.compact-domain-search {
		margin: 0;
	}

	/* submenu icons animation */
	@-webkit-keyframes hvr-pulse-grow {
		to {
			-webkit-transform: scale(1.15);
			transform: scale(1.15);
		}
	}
	@keyframes hvr-pulse-grow {
		to {
			-webkit-transform: scale(1.15);
			transform: scale(1.15);
		}
	}

	.mainmenu-sub-box ul li a::before {
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		opacity: 1;
	}

	.mainmenu-sub-box ul li a:hover::before,
	.mainmenu-sub-box ul li a:focus::before,
	.mainmenu-sub-box ul li a:active::before {
		-webkit-animation-name: hvr-pulse-grow;
		animation-name: hvr-pulse-grow;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate;
	}
	/* /submenu icons animation */
}

@media only screen and (max-width: 1024px) {
	.compact-domain-search {display: none;}
}
/* /compact-domain-search */



/* submenu icons */
.mainmenu-sub-box ul li a::before {
	display: block;
	width: 50px;
	height: 42px;
	content: "";
	background: transparent top center no-repeat;
	background-size: contain;
	position: absolute;
	top: 4px;
	left: 0;
}
.mainmenu-sub-box ul li.sub-virt a::before {background-image: url(/images2019/design/common_mainmenu/sub-virt.svg);}
.mainmenu-sub-box ul li.sub-cms a::before {background-image: url(/images2019/design/common_mainmenu/sub-cms.svg);}
.mainmenu-sub-box ul li.sub-wp a::before {background-image: url(/images2019/design/common_mainmenu/sub-wp.svg);}
.mainmenu-sub-box ul li.sub-vip a::before {background-image: url(/images2019/design/common_mainmenu/sub-vip.svg);}
.mainmenu-sub-box ul li.sub-vip2 a::before {background-image: url(/images2019/design/common_mainmenu/sub-vip2.svg);}
.mainmenu-sub-box ul li.sub-about a::before {background-image: url(/images2019/design/common_mainmenu/sub-about.svg);}
.mainmenu-sub-box ul li.sub-job a::before {background-image: url(/images2019/design/common_mainmenu/sub-job.svg);}
.mainmenu-sub-box ul li.sub-blog a::before {background-image: url(/images2019/design/common_mainmenu/sub-blog.svg);}
.mainmenu-sub-box ul li.sub-servers a::before {background-image: url(/images2019/design/common_mainmenu/sub-servers.svg);}
.mainmenu-sub-box ul li.sub-soft a::before {background-image: url(/images2019/design/common_mainmenu/sub-soft.svg);}
.mainmenu-sub-box ul li.sub-cpanel a::before {background-image: url(/images2019/design/common_mainmenu/sub-cpanel.svg);}
.mainmenu-sub-box ul li.sub-resources a::before {background-image: url(/images2019/design/common_mainmenu/sub-resources.svg);}
.mainmenu-sub-box ul li.sub-support a::before {background-image: url(/images2019/design/common_mainmenu/sub-support.svg);}
.mainmenu-sub-box ul li.sub-contact a::before {background-image: url(/images2019/design/common_mainmenu/sub-contact.svg);}
.mainmenu-sub-box ul li.sub-kb a::before {background-image: url(/images2019/design/common_mainmenu/sub-kb.svg);}
.mainmenu-sub-box ul li.sub-wiki a::before {background-image: url(/images2019/design/common_mainmenu/sub-wiki.svg);}
.mainmenu-sub-box ul li.sub-video a::before {background-image: url(/images2019/design/common_mainmenu/sub-video.svg);}
.mainmenu-sub-box ul li.sub-cloud a::before {background-image: url(/images2019/design/common_mainmenu/sub-cloud.svg);}
.mainmenu-sub-box ul li.sub-create a::before {background-image: url(/images2019/design/common_mainmenu/sub-create.svg);}
.mainmenu-sub-box ul li.sub-choose-vps a::before {background-image: url(/images2019/design/common_mainmenu/sub-choose-vps.svg);}
.mainmenu-sub-box ul li.sub-whatis a::before {background-image: url(/images2019/design/common_mainmenu/sub-whatis.svg);}
.mainmenu-sub-box ul li.sub-domain-prices a::before {background-image: url(/images2019/design/common_mainmenu/sub-domain-prices.svg);}
.mainmenu-sub-box ul li.sub-reg-domain a::before {background-image: url(/images2019/design/common_mainmenu/sub-reg-domain.svg);}
.mainmenu-sub-box ul li.sub-domain-transfer a::before {background-image: url(/images2019/design/common_mainmenu/sub-domain-transfer.svg);}
.mainmenu-sub-box ul li.sub-choose-ssl a::before {background-image: url(/images2019/design/common_mainmenu/sub-choose-ssl.svg);}
.mainmenu-sub-box ul li.sub-dedic a::before {background-image: url(/images2019/design/common_mainmenu/sub-dedic.svg);}
.mainmenu-sub-box ul li.sub-cloud-vps a::before {background-image: url(/images2019/design/common_mainmenu/sub-cloud-vps.svg);}



@media only screen and (min-width: 1025px) {
	.mainmenu-sub-box ul li.sub-whatis a::before,
	.mainmenu-sub-box ul li.sub-whatis a:hover::before {display: none;}
}
/* /submenu icons */

/* ssl promo */
.mainmenu-ssl-promo {
	padding: 14px 16px 10px 16px;
	border-radius: var(--basic-border-radius);
	border: 1px solid var(--color-red-bright);
	margin-bottom: 51px;
}
.mainmenu-ssl-promo-head {
	font-size: var(--text-small-size);
	font-weight: 700;
	line-height: 23px;
	color: var(--color-red-bright);
	padding-bottom: 2px;

}
.mainmenu-ssl-promo-head .label_base-round {
	margin-right: 10px;
	position: relative;
	top: -1px;
}
.mainmenu-ssl-promo p {
	font-size: var(--text-small-size);
	line-height: 22px;
	padding-bottom: 4px;
	margin: 0;
}
.mainmenu .mainmenu-ssl-promo p a,
.mainmenu .mainmenu-ssl-promo p a:hover {
	font-size: var(--text-small-size);
}

/* /ssl promo */

@media only screen and (min-width: 1025px) {
	.header-mini .header-wrapper {height: 80px;}
	.header-mini #header {height: 80px; position: relative; z-index: 10;}
	.header-mini #header {position: fixed; top: 0; left: 0;}
	.header-mini #mainmenu {position: fixed; top: 80px; left: 0; z-index: 100; height: 80px;}
}

@media only screen and (max-width: 1024px) {

	a.main-menu-open,
	a.main-menu-open:hover,
	a.main-menu-close,
	a.main-menu-close:hover {position: absolute; font-size: 1px; line-height: 1px; border: none;}
	a.main-menu-open,
	a.main-menu-open:hover {top: 33px; right: 20px; width: 33px; height: 20px; background: url(/images2019/design/common_header-footer/main-menu-open.svg) 0 0 no-repeat;}
	a.main-menu-close,
	a.main-menu-close:hover {top: 30px; right: 22px; width: 28px; height: 28px; background: url(/images2019/design/common_header-footer/main-menu-close.svg) 0 0 no-repeat; background-size: cover;}
	a.main-menu-open,
	a.main-menu-open:hover {display: block;}
	a.main-menu-close,
	a.main-menu-close:hover {display: none;}
	body.mob-menu a.main-menu-open,
	body.mob-menu a.main-menu-open:hover {display: none;}
	body.mob-menu a.main-menu-close,
	body.mob-menu a.main-menu-close:hover {display: block;}

	#mainmenu {display: none;}

	body.mob-menu #content,
	body.mob-menu #footer,
	body.mob-menu a.main-menu-open,
	body.mob-menu a.main-menu-open:hover {display: none !important;}

	body.mob-menu #header {z-index: 103;}
	body.mob-menu #mainmenu {display: block; z-index: 102; min-height: 160px; height: auto;}
	body.mob-menu a.main-menu-close, body.mob-menu a.main-menu-close:hover {display: block;}

	body.mob-menu .smallmenu-container,
	body.mob-menu .langselector-box,
	body.mob-menu ul.langselector,
	body.mob-menu ul.smallmenu {float: none; position: relative; top: 0;}

	body.mob-menu .goto-ukr {display: none !important;}



	/* header small menu */
	.smallmenu-container {
		padding: 34px 20px 27px 40px;
		border-bottom: var(--borders-grey) solid 1px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-column-gap: 32px;
		-moz-column-gap: 32px;
		column-gap: 32px;
		row-gap: 10px;
		height: auto;
	}

	.clients-body .smallmenu-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.header-wrapper {height: 80px;}
	#header {height: 80px; position: relative; z-index: 3;}
	#header.stickytop  {position: fixed; top: 0; left: 0;}

	.header-affiliates::before,
	ul.langselector li.russian::before,
	ul.header-curr li.currency-uah::before,
	ul.header-curr li.currency-usd::before {-webkit-filter: invert(100%);filter: invert(100%);}

	ul.langselector li::after,
	ul.header-curr li::after {
		border: 0 solid transparent;
		border-left-width: 4px;
		border-right-width: 4px;
		border-top: 4px solid var(--common-black);
	}

	ul.langselector li.langselector-open::after,
	ul.header-curr li.header-curr-open::after {
		border-top: 0 solid transparent;
		border-bottom: 4px solid var(--common-black);
	}

	/* langselector & currency selectors */
	.langselector-box,
	.header-curr-box {width: auto; height: 40px;}
	.langselector-box {margin-left: auto;}

	ul.header-curr {width: 80px;}
	ul.langselector {width: 84px;}

	ul.langselector li,
	ul.header-curr li {
		width: auto;
		height: 40px;
		background-color: var(--common-white);
		border: 1px solid var(--border-header-grey);
		border-radius: 4px;
		background: var(--common-white);
	}

	ul.langselector li:not(:first-child),
	ul.header-curr li:not(:first-child) {
		background: var(--bg-main-menu-mobile);
	}

	ul.langselector li a,
	ul.langselector li a:hover,
	ul.header-curr li a,
	ul.header-curr li a:hover {
		line-height: 40px;
		color: var(--text-color-black);
		font-size: var(--text-size);
	}

	ul.langselector li a,
	ul.langselector li a:hover {
		padding: 0 20px 0 27px;
	}

	ul.header-curr li a,
	ul.header-curr li a:hover {
		padding: 0 20px 0 21px;
	}

	.goto-ukr {display: none !important;}
	/* /langselector & currency selectors */


	.header-contact,
	.header-contact:hover,
	.header-affiliates,
	.header-affiliates:hover,
	.header-affiliates:visited,
	.header-affiliates:focus,
	.header-clients,
	.header-clients:hover {
		color: var(--text-color-black);
		background-color: transparent;
		font-size: var(--text-size);
		border: 0 none;
		height: 40px;
		line-height: 40px;
	}

	.header-contact,
	.header-contact:hover,
	.header-affiliates,
	.header-clients {
		padding: 0;
		margin-left: 0;
	}

	.header-contact,
	.header-contact:hover,
	.header-affiliates,
	.header-affiliates:hover {
		font-weight: normal;
	}

	.header-affiliates,
	.header-affiliates:hover {
		padding: 0 0 0 23px;
	}

	.header-affiliates::before {
		left: 0;
	}

	.header-contact,
	.header-affiliates {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.header-smallmenu {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin: 0;
	}

	.header-reg-btn-mobile, .header-reg-btn-mobile:hover {
		width: 40px;
		height: 33px;
		border-radius: 0;
		background: transparent url(/images2019/design/common_header-footer/regbtn.svg) 0 0 no-repeat;
		font-size: 1px;
		line-height: 1px;
		cursor: pointer;
		padding: 0;
		display: block;
		margin: 0;
		position: absolute; top: 27px; right: 81px;
	}
	.header-reg-btn-desktop,
	.header-reg-btn-desktop:hover {display: none;}
	/* /header small menu */

	/* top menu */

	/* menu */
	.mainmenu {-webkit-box-shadow: none;box-shadow: none; padding: 0 0 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.mainmenu.stickytop {position: relative; top: 0; left: 0; z-index: 2;}
	.mainmenu ul {
		padding: 0 0 0 0;
		text-align: left;
		display: block;
	}
	li.mainmenu-level1-item,
	li.mainmenu-level1-item:hover {border: none; padding-top: 0; position: relative;}
	li.mainmenu-sub,
	li.mainmenu-sub:hover {border: none; position: relative;}
	a.mainmenu-level1-link, a.mainmenu-level1-link:hover {
		height: auto;
		line-height: unset;
		background-color: var(--bg-main-menu-mobile);
		padding: 20px 20px 20px 40px;
		border-bottom: solid 1px var(--borders-grey-input);
		color: var(--text-color-black);
		font-weight: 700;
		vertical-align: middle;
		text-decoration: none;
	}
	a.mainmenu-act, a.mainmenu-act:hover  {color: var(--text-color-black); position: relative;}
	li.mainmenu-sub>a::before {
		position: absolute;
		width: 29px;
		height: 16px;
		display: block;
		background: url(/images2019/design/common_header-footer/mobmenu-arr.svg) 0 bottom no-repeat;
		content: " ";
		bottom: auto;
		top: 25px;
		left: auto;
		right: 23px;
		margin-left: 0;
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	li.mainmenu-sub>a.menu-opened::before {
		background-position: 0 top;
	}

	a.mainmenu-link-desk,
	a.mainmenu-link-desk:hover {display: none;}
	a.mainmenu-link-mob,
	a.mainmenu-link-mob:hover {display: block;}
	/* /menu */

	/* submenu */
	li.mainmenu-sub .mainmenu-sub-box,
	li.mainmenu-sub:hover .mainmenu-sub-box,
	li.mainmenu-sub .mainmenu-sub-box.display-block,
	li.mainmenu-sub:hover .mainmenu-sub-box.display-block {display: block; position: relative; top: 0; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 10; max-width: 100%;}
	li.mainmenu-sub .mainmenu-sub-box.display-none,
	li.mainmenu-sub:hover .mainmenu-sub-box.display-none,
	.mainmenu-sub-box ul li a span.label_base-round,
	.mainmenu-sub-box ul li a:hover span.label_base-round,
	.mainmenu-ssl-promo-li {display: none;}

	.mainmenu-sub-box ul {
		margin: 0;
		border: none;
		padding: 0 0 0 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: var(--common-white);
		display: block;
	}
	.mainmenu-sub-box ul li {border: none; padding: 0; width: auto; margin-bottom: 0;}
	.mainmenu-sub-box ul li:last-child {padding-bottom: 0;}
	.mainmenu-sub-box ul li a,
	.mainmenu-sub-box ul li a:hover {display: block; text-align: left; color: var(--text-color-black); font-size: var(--text-size); line-height: normal; background-color: var(--common-white); padding: 20px 20px 20px 100px; position: relative; border-bottom: solid 1px var(--borders-grey-input);}
	.mainmenu-sub-box ul li a span,
	.mainmenu-sub-box ul li a:hover span {display: block; color: var(--text-color-black); font-weight: normal; padding: 0; font-size: var(--text-size); line-height: 19px;}

	.mainmenu-sub-box ul li:first-child,
	.sub-any-questions,
	.mainmenu-sub-box ul li a br,
	.mainmenu-sub-box ul li a:hover br,
	.mainmenu-sub-box ul li span.sub-desc,
	.mainmenu-sub-box ul li a span.sub-desc,
	.mainmenu-sub-box ul li a:hover span.sub-desc {display: none;}
	/* /submenu */

	/* submenu icons */
	.mainmenu-sub-box ul li a::before,
	.mainmenu-sub-box ul li a:hover::before,
	.mainmenu-sub-box ul li a:focus::before,
	.mainmenu-sub-box ul li a:active::before {
		width: 100px;
		height: 53px;
		background-size: 60% 60%;
		background-position: center center;
		opacity: .6;
		margin: 0;
		-webkit-animation-name: none;
		animation-name: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-timing-function: unset;
		animation-timing-function: unset;
		-webkit-animation-iteration-count: unset;
		animation-iteration-count: unset;
		-webkit-animation-direction: unset;
		animation-direction: unset;
		position: absolute;
		top: 4px;
		left: 0;
	}
	.mainmenu-sub-box ul li.sub-choose-vps a::before,
	.mainmenu-sub-box ul li.sub-choose-vps a:hover::before,
	.mainmenu-sub-box ul li.sub-choose-vps a:focus::before,
	.mainmenu-sub-box ul li.sub-choose-vps a:active::before,
	.mainmenu-sub-box ul li.sub-dedic a::before,
	.mainmenu-sub-box ul li.sub-dedic a:hover::before,
	.mainmenu-sub-box ul li.sub-dedic a:focus::before,
	.mainmenu-sub-box ul li.sub-dedic a:active::before,
	.mainmenu-sub-box ul li.sub-domain-prices a::before,
	.mainmenu-sub-box ul li.sub-domain-prices a:hover::before,
	.mainmenu-sub-box ul li.sub-domain-prices a:focus::before,
	.mainmenu-sub-box ul li.sub-domain-prices a:active::before {
		background-size: unset;
	}
	.mainmenu-sub-box ul li.sub-dedic a::before {top: -1px;}
}

@media only screen and (min-width: 1025px) {
	a.mainmenu-level1-link::after {
		width: 0;
		height: 3px;
		content: "";
		bottom: 0;
		left: -1px;
		-webkit-transition: width 0.2s linear;
		-o-transition: width 0.2s linear;
		transition: width 0.2s linear;
		display: block;
		position: absolute;
		background: -webkit-gradient(linear, left top, right top, color-stop(2.45%, #2CB9EF), color-stop(39.03%, #73D3E9), color-stop(66.83%, #EFBA7B), to(#FF8F32));
		background: -o-linear-gradient(left, #2CB9EF 2.45%, #73D3E9 39.03%, #EFBA7B 66.83%, #FF8F32 100%);
		background: linear-gradient(90deg, #2CB9EF 2.45%, #73D3E9 39.03%, #EFBA7B 66.83%, #FF8F32 100%);
	}

	.mainmenu-sub-box ul li a::after {
		display: none !important;
	}

	li.mainmenu-level1-item:hover a::after {
		width: calc(100% + 2px);
	}
}

@media only screen and (max-width: 610px) {
	.smallmenu-container {
		padding: 35px 20px 27px 20px;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 20px auto 20px auto;
		grid-template-columns: 1fr repeat(2, auto);
		-ms-grid-rows: auto 20px auto 20px auto 20px auto;
		grid-template-rows: repeat(4, auto);
		gap: 20px 20px;
		grid-auto-flow: row;
		grid-template-areas:
    ". first-sel second-sel"
    "line1 line1 line1"
    "line2 line2 line2"
    "line3 line3 line3";
	}
	.langselector-box { grid-area: first-sel; }
	.header-curr-box { grid-area: second-sel; }
	.header-contact { grid-area: line2; }
	.header-affiliates { grid-area: line1; }
	.header-smallmenu { grid-area: line3; }

	.clients-body .smallmenu-container {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 10px 10px;
		grid-template-areas:
    "line1"
    "line2"
    "line3";
	}

	.header-wrapper,
	#header,
	#header.stickytop {height: 80px;}
	a.main-menu-close, a.main-menu-close:hover {top: 32px; right: 23px;}
	a.main-menu-open, a.main-menu-open:hover {top: 36px; right: 20px;}
	.header-reg-btn-mobile, .header-reg-btn-mobile:hover {top: 26px; right: 77px;}
}

@media only screen and (max-width: 610px) {
	.langselector-box {-ms-grid-row: 1;-ms-grid-column: 1;}
	.header-curr-box {-ms-grid-row: 1;-ms-grid-column: 3;}
	.header-contact {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 5;}
	.header-affiliates {-ms-grid-row: 5;-ms-grid-column: 1;-ms-grid-column-span: 5;}
	.header-smallmenu {-ms-grid-row: 7;-ms-grid-column: 1;-ms-grid-column-span: 5;}
}

/* header-micro */
.header-micro #header {border-bottom: 3px var(--borders-white) solid;}
.header-micro .header-wrapper {height: 80px;}
.header-micro #header {height: 80px; z-index: 3;}
.header-micro #header.stickytop {position: fixed; top: 0; left: 0;}

.career-menu-box {
	position: relative;
	z-index: 100;
	height: 80px;
	width: calc(100% - 226px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 24px 0 0;
	margin-left: 226px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content-visibility: visible;
}
.career-menu-box.stickytop {
	position: fixed;
	top: 0;
	margin-top: 0;
}
@media only screen and (min-width: 1301px) {
	.career-menu-box {
		margin-top: -80px;
	}
	.career-menu-box .langselector-box {margin: 0 0 0 32px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; height: 30px; flex: 0 0 74px;}
}
@media only screen and (min-width: 1500px) {
	.career-menu-box .langselector-box {margin: 0 0 0 65px; height: 30px; flex: 0 0 74px;}
}
.career-menu {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.career-menu li {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right;}
.career-menu li a,
.career-menu a:hover,
.career-menu a:focus {display: inline-block; font-size: var(--text-size); font-weight: bold; color: var(--text-color-white); text-align: right; border: 0 none; padding: 0; height: auto;}

@media only screen and (min-width: 1301px) {
	.career-menu .career-menu-vacancies,
	.career-menu .career-menu-vacancies:focus,
	.career-menu .career-menu-vacancies:visited,
	.career-menu .career-menu-vacancies:hover {
		color: var(--color-orange);
		padding-left: 30px;
		background: url("/images2019/design/common_mainmenu/career-menu-search.svg") 0 100% no-repeat;
	}

	.career-menu li a:hover {
		color: var(--text-color-yellow);
	}

	.career-menu .career-menu-vacancies:hover {
		-webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(53%) saturate(1225%) hue-rotate(13deg) brightness(111%) contrast(108%);
		filter: brightness(0) saturate(100%) invert(99%) sepia(53%) saturate(1225%) hue-rotate(13deg) brightness(111%) contrast(108%);
	}
}

@media only screen and (max-width: 1300px) {
	.career-menu-box {display: none;}
	.header-micro a.main-menu-open,
	.header-micro a.main-menu-open:hover,
	.header-micro a.main-menu-close,
	.header-micro a.main-menu-close:hover {position: absolute; font-size: 1px; line-height: 1px; border: none;}
	.header-micro a.main-menu-open,
	.header-micro a.main-menu-open:hover {top: 33px; right: 20px; width: 33px; height: 20px; background: url(/images2019/design/common_header-footer/main-menu-open.svg) 0 0 no-repeat;}
	.header-micro a.main-menu-close,
	.header-micro a.main-menu-close:hover {top: 30px; right: 22px; width: 28px; height: 28px; background: url(/images2019/design/common_header-footer/main-menu-close.svg) 0 0 no-repeat; background-size: cover;}
	.header-micro a.main-menu-open,
	.header-micro a.main-menu-open:hover {display: block;}
	.header-micro a.main-menu-close,
	.header-micro a.main-menu-close:hover {display: none;}
	body.mob-menu.header-micro a.main-menu-open,
	body.mob-menu.header-micro a.main-menu-open:hover {display: none;}
	body.mob-menu.header-micro a.main-menu-close,
	body.mob-menu.header-micro a.main-menu-close:hover {display: block;}
	.career-menu-box {
		padding: 47px 20px 27px 40px;
		border-bottom: var(--borders-grey) solid 1px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		margin-left: 0;
	}
	body.mob-menu.header-micro #content,
	body.mob-menu.header-micro .career-footer,
	body.mob-menu.header-micro a.main-menu-open,
	body.mob-menu.header-micro a.main-menu-open:hover {display: none !important;}
	body.mob-menu.header-micro #header {z-index: 103;}
	body.mob-menu.header-micro a.main-menu-close,
	body.mob-menu.header-micro a.main-menu-close:hover {display: block;}
	body.mob-menu.header-micro .career-menu-box {display: block; z-index: 102; min-height: 160px; height: auto; }
	body.mob-menu.header-micro .career-menu-box,
	body.mob-menu.header-micro .langselector-box,
	body.mob-menu.header-micro ul.langselector,
	body.mob-menu.header-micro .career-menu {float: none; position: relative; top: 0; right: 0;}
	body.mob-menu.header-micro .career-menu-box {top: 0;}
	.career-menu {
		margin: 0;
		border: none;
		padding: 0 0 40px 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: var(--common-white);
		display: block;
	}
	.career-menu li {padding: 0; width: auto; margin-bottom: 0; margin-left: 0; text-align: left;}
	.career-menu li:last-child {padding-bottom: 0;}
	.career-menu li a,
	.career-menu li a:hover {display: inline-block; text-align: left; color: var(--text-color-black); font-size: var(--text-size); font-weight: normal; line-height: normal; background-color: var(--common-white); padding: 30px 0 0 0;}
	.career-menu li a {border-bottom: solid 1px var(--borders-dashed-gray-trasp);}
	.career-menu li a:hover {border-bottom: solid 1px transparent;}

	/* langselector */
	.header-micro ul.langselector li.russian::before {-webkit-filter: invert(100%);filter: invert(100%);}

	.header-micro ul.langselector li::after {
		border: 0 solid transparent;
		border-left-width: 4px;
		border-right-width: 4px;
		border-top: 4px solid var(--common-black);
	}

	.header-micro ul.langselector li.langselector-open::after {
		border-top: 0 solid transparent;
		border-bottom: 4px solid var(--common-black);
	}
	.header-micro .langselector-box {width: auto; height: 40px; margin-left: auto;}
	.header-micro ul.langselector {width: 84px;}
	.header-micro ul.langselector li {
		width: auto;
		height: 40px;
		background-color: var(--common-white);
		border: 1px solid var(--border-header-grey);
		border-radius: 4px;
		background: var(--common-white);
	}
	.header-micro ul.langselector li:not(:first-child) {background: var(--bg-main-menu-mobile);}
	.header-micro ul.langselector li a,
	.header-micro ul.langselector li a:hover {
		line-height: 40px;
		color: var(--text-color-black);
		font-size: var(--text-size);
	}
	.header-micro ul.langselector li a,
	.header-micro ul.langselector li a:hover {padding: 0 20px 0 27px;}

	.goto-ukr {display: none !important;}
}
/* /header-micro */

/* tmp */




/* animation */

@media only screen and (min-width: 1025px) {

	/* v1 */

	.menu-animation-v1 .mainmenu-sub-box {
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	/* /v1 */

	/* v2 */

	.menu-animation-v2 li.mainmenu-level1-item .mainmenu-sub-box ul li {
		opacity: .7;
		-webkit-transform: translateX(-2000px) scale(.7);
		-ms-transform: translateX(-2000px) scale(.7);
		transform: translateX(-2000px) scale(.7);
		-webkit-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}

	.menu-animation-v2 li.mainmenu-level1-item:hover .mainmenu-sub-box ul li {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

	/* /v2 */

	/* v3 */

	.menu-animation-v3 li.mainmenu-level1-item .mainmenu-sub-box ul li {
		-webkit-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	.menu-animation-v3 li.mainmenu-level1-item:hover .mainmenu-sub-box ul li {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	/* /v3 */

	/* v4 */

	.menu-animation-v4 li.mainmenu-level1-item .mainmenu-sub-box ul li {
		-webkit-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		opacity: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.menu-animation-v4 li.mainmenu-level1-item:hover .mainmenu-sub-box ul li {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	/* /v4 */

	/* v5 */

	.menu-animation-v5 li.mainmenu-level1-item .mainmenu-sub-box ul li {
		-webkit-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	.menu-animation-v5 li.mainmenu-level1-item:hover .mainmenu-sub-box ul li {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}

	/* /v5 */
}