li {
	list-style-type: none !important;
}

.white {
	display: block;
}

.dark {
	display: none;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	/* overflow-x: hidden; */
	min-height: 100px;
	padding: 30px 0 0 0;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	border-bottom: 1px solid transparent
}

.header>.container {
	overflow: hidden;
}

.header.sticky {
	background-color: #fff;
	padding: 23px 0 0;
	min-height: 80px;
	border-bottom: 1px solid #eaeced
}

.header.sticky .logo {
	/* margin-top:3px */
}

.header.sticky nav>ul>li {
	margin-top: 5px;
	/* height:50px */
}

.header.menu-active {
	position: absolute
}

.header.menu-active .menu-toggle {
	/* position:absolute */
}

.header.light-color nav>ul>li>a {
	color: #fff
}

.header.light-color nav>ul>li>a:hover:before {
	background: #fff
}

.header.light-color .ico-menu {
	width: 31px;
	height: 17px;
	background-position: -10px -106px
}

.header.light-color .logo .white {
	display: block
}

.header.light-color .logo .dark {
	display: none
}

.header.light-color.sticky nav>ul>li>a {
	color: #17252d
}

.header.light-color.sticky nav>ul>li>a:before {
	background: #17252d
}

.header.light-color.sticky .ico-menu {
	width: 31px;
	height: 17px;
	background-position: -10px -70px
}

.header.light-color.sticky .white {
	display: none
}

.header.light-color.sticky .dark {
	display: block
}

.header.cookie-padding {
	padding-top: 98px
}

.header.cookie-padding.sticky {
	padding-top: 63px
}

.header .animated {
	animation-duration: .4s
}

.header nav {
	float: right
}

.header nav>ul>li {
	display: inline-block;
	margin-top: 3px;
	margin-right: 38px;
	/* height:35px */
}


.header nav>ul>li a.active {
	color: #dc3343 !important;
}

.emperor-black .header nav a.active:not(.zmdi)::before {
	background: #dc3343 !important;
}

.header nav>ul>li:last-of-type {
	display: inline-block;
	margin-right: -2px
}

.header nav>ul>li:last-of-type>a:before {
	display: none
}

.header nav>ul>li:nth-last-child(2) {
	margin-right: 78px
}

.header nav>ul>li>a {
	text-transform: uppercase;
	color: #17252d;
	position: relative;
	display: block;
	height: 100%;
	/*font-family:'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;*/
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1.6px
}

.header nav>ul>li>a:before {
	content: '';
	display: block;
	opacity: 0;
	width: 100%;
	height: 3px;
	left: 0;
	bottom: -1px;
	position: absolute;
	background: #17252d
}

.header nav>ul>li>a.active:before,
.header nav>ul>li>a:hover:before {
	opacity: 1;
	transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	color: #dc3343 !important;
}

.header nav>ul .language-item {
	display: inline-block;
	margin-right: 10px
}

.header nav>ul .language-item a {
	color: #666;
	font-size: 12px;
	position: relative;
	padding-bottom: 10px;
	font-weight: 400;
	height: auto;
	line-height: 1
}

.header nav>ul .language-item a::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 5px;
	position: absolute;
	background: 0 0
}

.header nav>ul .language-item a:before {
	content: '';
	display: block;
	opacity: 0;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 5px;
	position: absolute;
	background: #17252d
}

.header nav>ul .language-item a:hover:before {
	background-color: #fff
}

.header nav>ul .language-item.active a {
	color: #000
}

.header nav>ul .language-item.active a::after {
	background-color: #000
}

.header nav>ul .language-item--white.active a {
	color: #fff
}

.header nav>ul .language-item--white.active a::after {
	background-color: #fff
}

/* .header .logo {
	display:inline-block;
	width:184px;
	height:40px
} */
.header .logo img {
	width: 70%
}

.header .logo .white {
	display: none
}

.header .menu-icon {
	display: inline-block;
	top: 3px
}

.header .menu-toggle {
	padding: 48px 20px 20px 58px;
	color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	visibility: hidden;
	width: 34%;
	height: 100%;
	background: #17252d;
	transition: all .5s;
	transform: translate3d(100%, 0, 0);
	animation: fadeOut .7s ease-in;
	-webkit-animation: fadeOut .7s ease-in
}

.header .menu-toggle.open {
	visibility: visible;
	transform: translate3d(0, 0, 0);
	animation: fadeIn .7s ease-in;
	-webkit-animation: fadeIn .7s ease-in;
	height: 100vh !important;
}

.header .menu-toggle a {
	display: inline-block
}

.header .menu-toggle .ico-close {
	display: block;
	width: 21px;
	height: 20px;
	margin: 0 15% 40px 0;
	float: right;
	background: url(ico-menu-close.png) no-repeat 0 0;

}

.header .main-nav a,
.header .sec-nav a {
	color: #fff;
}

.header .main-nav a.active,
.header .main-nav a:focus,
.header .main-nav a:hover,
.header .sec-nav a.active,
.header .sec-nav a:focus,
.header .sec-nav a:hover {
	color: #fff
}

.header .main-nav {
	font-size: 18px;
	/*font-family:'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;*/
	font-style: normal
}

.header .main-nav ul {
	margin-bottom: 34px;
	clear: both
}

.header .main-nav li {
	margin-bottom: 20px;
	list-style-type: none;
}

.header .main-nav li a {
	position: relative;
	transition: all .3s;
	letter-spacing: 1.8px;
}

.header .main-nav li span {
	font-size: 11px;
	margin-top: 2%;
}

.header .main-nav li a.active,
.header .main-nav li a:focus,
.header .main-nav li a:hover {
	padding-left: 16px
}

.header .main-nav li a.active:before,
.header .main-nav li a:focus:before,
.header .main-nav li a:hover:before {
	opacity: 1;
	transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease
}

.header .main-nav li a:before {
	opacity: 0;
	content: '';
	background: #f14841;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.header .main-nav li:nth-of-type(1) a {
	animation-delay: .1s
}

.header .main-nav li:nth-of-type(2) a {
	animation-delay: .15s
}

.header .main-nav li:nth-of-type(3) a {
	animation-delay: .2s
}

.header .main-nav li:nth-of-type(4) a {
	animation-delay: .25s
}

.header .main-nav li:nth-of-type(5) a {
	animation-delay: .3s
}

.header .main-nav li:nth-of-type(6) a {
	animation-delay: .35s
}

.header .main-nav li:nth-of-type(7) a {
	animation-delay: .4s
}


.header .main-nav li:nth-of-type(8) a {
	animation-delay: .45s
}

.header .main-nav li:nth-of-type(9) a {
	animation-delay: .45s
}

.header .main-nav li:nth-of-type(10) a {
	animation-delay: .45s
}

.header .main-nav li:nth-of-type(11) a {
	animation-delay: .45s
}


.header .main-nav li:nth-of-type(12) a {
	animation-delay: .45s
}


.header .main-nav li:nth-of-type(13) a {
	animation-delay: .45s
}


.header .main-nav li:nth-of-type(14) a {
	animation-delay: .45s
}


.header .main-nav li:nth-of-type(15) a {
	animation-delay: .45s
}

.header .main-nav li:nth-of-type(16) a {
	animation-delay: .45s
}


.header .main-nav li:nth-of-type(17) a {
	animation-delay: .45s
}

.header .main-nav li:nth-of-type(18) a {
	animation-delay: .45s
}

.header .main-nav li:nth-of-type(19) a {
	animation-delay: .45s
}


.header .main-nav li:nth-of-type(20) a {
	animation-delay: .45s
}




.header .main-nav>ul>li {
	margin-bottom: 25px;
	line-height: 15px;
	list-style-type: none;
}

.header .sec-nav {
	margin-bottom: 45px;
	font-family: Cordale-Italic;
	font-style: normal
}

.header .sec-nav li {
	margin-bottom: 8px
}

.header .sec-nav li:nth-of-type(1) a {
	animation-delay: .4s
}

.header .sec-nav li:nth-of-type(2) a {
	animation-delay: .45s
}

.header .sec-nav li:nth-of-type(3) a {
	animation-delay: .5s
}

.header .sec-nav li:nth-of-type(4) a {
	animation-delay: .55s
}









.header .btns1 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 22px;
	cursor: pointer;
}

.header .btns1 li a {
	color: #fff;
	cursor: default;
	font-size: 17px;
	font-style: normal;
	border-radius: 0px;
	animation-delay: .65s
}

.header .btns1 li:nth-of-type(1) a {
	animation-delay: .6s
}

.header .btns1 li:nth-of-type(2) a {
	animation-delay: .65s
}






.header .btns {
	margin-top: 19px;
}

.header .btns li {
	margin-bottom: 9px
}

.header .btns li:nth-of-type(1) a {
	animation-delay: .6s
}

.header .btns li:nth-of-type(2) a {
	animation-delay: .65s
}

.header .btns li a {
	height: 50px;
	line-height: 49px;
	padding: 0 23px;
	font-size: 14px;
	color: #fff;
	/*font-family:'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;*/
	font-weight: 400;
	font-style: normal;
	border: 1px solid#fff;
	border-radius: 0px;
	animation-delay: .65s
}

.header .btns li a:hover {
	/*background:#fff;*/
	color: #fff;
	animation-delay: 0;
	-webkit-animation-delay: 0;
	/*border:1px solid#fff;*/
}

.header .socials-links li {
	margin-right: 28px;
	display: inline-block
}

.header .socials-links li a {
	animation-delay: .7s;
	font-size: 30px;
	color: #babec0
}



.header .socials-links li a:hover.twitter {
	color: #1c9cea
}

.header .socials-links li a:hover.instagram {
	color: #b90194
}

.header .socials-links li a:hover.facebook {
	color: #3a5795
}

.header .socials-links li a:hover.linkedin {
	color: #2464ad
}

.header .socials-links li a:hover.youtube {
	color: #f60002
}









.header .footer-links li {
	margin-bottom: 4px
}

.header .footer-links li a {
	font-size: 12px;
	color: #a3acb1;
	font-weight: 400
}

.header .footer-links li:nth-of-type(1) a {
	animation-delay: .75s
}

.header .footer-links li:nth-of-type(2) a {
	animation-delay: .8s
}

.header .footer-links li:nth-of-type(3) a {
	animation-delay: .85s
}

.header .footer-links li:nth-of-type(4) a {
	animation-delay: .9s
}

@media (max-width:1499px) {

	/*.header nav>ul>li {
margin-right:83px;
height:100%;
margin-top:0;
display:none
}*/
	.header nav>ul>li:last-of-type {
		margin: 4px 10px 0 0;
		display: inline-block
	}

	.header.cookie-padding {
		padding-top: 68px
	}
}

@media only screen and (min-width:1170px) {
	.header .footer-links {
		display: none
	}
}

@media only screen and (min-width:768px) and (max-width:1169px) {
	.header {
		min-height: 70px;
		padding: 29px 0 0 0
	}

	.header.sticky {
		padding: 23px 0 0;
		min-height: 80px
	}

	.header.sticky .logo {
		/* margin-top:5px */
	}

	.header.sticky nav>ul>li:last-of-type {
		margin: 6px 10px 0 0
	}

	.header.cookie-padding {
		padding-top: 69px
	}

	.header.cookie-padding.sticky {
		padding-top: 63px
	}

	.header .logo {
		/* width:161px;
height:35px */
	}

	.header .menu-toggle {
		width: 400px;
		padding: 36px 51px 20px 58px
	}

	.header .menu-toggle .ico-close {
		margin: 0 0 52px 0;
		float: right
	}

	.header nav>ul>li {
		margin-right: 83px;
		height: 100%;
		margin-top: 0;
		display: none
	}

	.header nav>ul>li:last-of-type {
		margin: 4px 10px 0 0;
		display: inline-block
	}

	.header .socials-links {
		margin-bottom: 69px
	}
}

@media only screen and (min-width:120px) and (max-width:767px) {
	.header {
		min-height: 60px;
		padding: 19px 0 0 0
	}

	.header.sticky {
		padding: 10px 0 0;
		min-height: 60px
	}

	.header .logo img {
		width: 60%;
	}

	.header.sticky .logo img {
		width: 60%;
	}

	.header.sticky nav>ul>li {
		height: 37px
	}

	.header.cookie-padding {
		padding-top: 109px
	}

	.header.cookie-padding.sticky {
		padding-top: 109px
	}

	.header .logo {
		/* width:145px;
height:25px */
	}

	.header .menu-icon {
		top: 0
	}

	.header .main-nav ul {
		margin-bottom: 30px
	}

	.header .main-nav>ul>li {
		margin-bottom: 15px;
		line-height: 20px;
	}

	.header .menu-toggle {
		width: 100%;
		padding: 20px 29px 20px 38px
	}

	.header .menu-toggle .ico-close {
		margin: 0 0 27px;
		float: right
	}

	.header .sec-nav {
		margin-bottom: 35px
	}

	.header .sec-nav li {
		margin-bottom: 8px
	}

	.header .btns {
		margin-bottom: 33px
	}

	.header .main-nav li a {
		font-size: 16px !important;
	}

	.header .socials-links {
		margin-bottom: 69px
	}

	.header .socials-links li {
		margin-right: 21px
	}

	.header .socials-links li a {
		font-size: 26px
	}

	.header nav>ul>li {
		margin-right: 83px;
		margin-bottom: 15px;
		height: 100%;
		margin-top: 0;
		display: none
	}

	.header nav>ul>li:last-of-type {
		margin: 3px -1px 0 0;
		display: inline-block
	}
}