﻿.sp-module-content .mod-languages ul.lang-inline {
	height: 30px;
    overflow: hidden;
    vertical-align: middle;
    transition: 0.5s;
    right: 0;
    top: 32px;
    z-index: 1;
    background: transparent;
    padding: 4px 15px 4px 4px;
    border: 1px solid transparent;
    border-radius: 5px;
    position: absolute;
}

.header-sticky .sp-module-content .mod-languages ul.lang-inline { top: 17px }

.sp-module-content .mod-languages ul.lang-inline.hover {
    height: 60px;
    border-color: #d77a44;
	
}
.sp-module-content .mod-languages ul.lang-inline li {
	display: none;
    padding-right: 10px;
}
.sp-module-content .mod-languages ul.lang-inline li.lang-active {
    display: block;
}
.sp-module-content .mod-languages ul.lang-inline li a {
	color: #000;
	transition: 0.5s;
}
.sp-module-content .mod-languages ul.lang-inline li a:hover {
	color: #d77a44;
}
.sp-module-content .mod-languages ul.lang-inline::after {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
    position: absolute;
    top: 5px;
    right: 12px;
    transition: 0.5s;
    font-size: 16px;
    color: #000;
}
.sp-module-content .mod-languages ul.lang-inline.hover::after {
    transform: rotate(180deg);
}


#sp-menu { margin-right: 30px }


@media screen and (max-width: 992px) {
	#sp-menu { margin-right: 0px }
	.sp-module-content .mod-languages ul.lang-inline {
		top: 36px;
		right: 35px;
		height: auto;
	}
	
	.header-sticky .sp-module-content .mod-languages ul.lang-inline { top: 21px }
	
	.sp-module-content .mod-languages ul.lang-inline li, .sp-module-content .mod-languages ul.lang-inline li.lang-active {
		display: inline-block;
		padding-right: 5px;
	}
	.sp-module-content .mod-languages ul.lang-inline::after {
		display: none;
	}
}




@media screen and (max-width: 1200px) {
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { font-size: 12px }
	.sp-megamenu-parent > li:not(:last-child) { margin-right: 16px }
}