* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#top-head-container ul {
	list-style-type: none !important;
}

.header-container {
	left: 0;
	right: 0;
	transition: top .6s ease-in-out;
	z-index: 1000
}

.navbar-fixed-top {
	top: 0
}
@media only screen and (min-width: 601px) {
    #background-links .mega-menu .top-dropdown:hover {
        overflow: visible !important;
    }
}
.header {
	width: 91%;
	margin: auto;
	background: #fafafa;
	border-top: none;
	border-radius: 0 0 1em 1em;
	box-shadow: 0 5px 7px 0 rgb(0 0 0 / 50%);
	transition: top .25s
}

.header .box-fluid {
	position: relative;
	z-index: 10
}

.top-nav-left {
	float:left ;
	display: inline-block;
	height: 39px;
	position: relative;
}

.top-link {
	float: right;
	font-size:12px;
	color:#333;
	font-weight:normal;
}

.top-link .dropdown-menu li {
	float: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:0px;
	margin-right:0px;
	position:static
}

.top-link li {
	float:left ;
	margin: 0;
	position:relative;
}

@media only screen and (min-width :150px) and (max-width : 1224 px) {
	ul.dropdown-menu {
		min-width: 0 !important
	}

	.nav-column {
		width: auto !important
	}

	.nav-text {
		font-size: 11px !important;
		line-height: 15px !important;
		width: 50% !important
	}

	.nav-panel {
		width: auto;
		margin-right: auto
	}
}

.top-link li a {
	display: block;
	color: #333;
	line-height: 16px
}

.top-link li a:hover {
	color: #e71;
	text-decoration: none
}

.top-link .dropdown-menu a.arrow {
	background-image: url(data:image/gif;base64,R0lGODlhBwAKAMIEAObm5uvr6/Dw8P39/f///////////////yH5BAEKAAcALAAAAAAHAAoAAAMWSDPUGoE5AaIj1M4qMW+ZFDYD1ClnAgA7);
	background-position: right 6px;
	background-repeat: no-repeat;
	margin-right:9px
}

.top-link .dropdown-menu a.arrow:hover,
.top-link .dropdown-menu a.arrow.maintain-hover {
	background-image: url(data:image/gif;base64,R0lGODlhBwAKAMIEAICAgJmZmbOzs/f39////////////////yH5BAEKAAcALAAAAAAHAAoAAAMWSDPUGoE5AaIj1M4qMW+ZFDYD1ClnAgA7)
}

.top-link .dropdown-toggle {
	text-decoration: none
}

.top-link .dropdown-menu li a:hover {
	background-image: none
}

.header #shop-by-category .popover {
	max-width: unset !important
}

.top-link .dropdown-menu .nav-divider {
	position: relative;
	display: block;
	line-height: 1px;
	height: 1px;
	overflow-y: hidden;
	overflow-x: hidden;
	background-image: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: #eee;
	background-size: initial;
	margin: 9px 0;
	width: 90%
}

.nav-column {
	width: 50%;
	float: left;
	clear: none;
}

.nav-item {
	left: 5px;
	width: 220px
}

.nav-item {
	position: relative;
	clear: both;
	font-family: verdana, arial, sans-serif;
	line-height: 16px;
	padding: 0 0 5px;
	margin: 0;
	text-decoration: none;
	cursor: default
}

.nav-title {
	padding-bottom: 10px;
	left: 5px
}

.nav-text {
	font-size: 18px;
	line-height: 19px;
	color: #e47911
}

.nav-text {
	display: block;
	font-size: 13px;
	color: #444;
	font-weight: 400;
	white-space: normal;
	word-wrap: break-word
}

.nav-title .nav-text {
	font-size: 16px;
	line-height: 19px;
	color: #e47911
}

.nav-panel {
	width: 220px;
	margin-right: 21px
}

.nav-panel .nav-link {
	left: 5px;
	cursor: pointer
}

.top-link li a span {
	background:url(/application/assets/images/v5/sprite_nav_top_link.png) no-repeat right top;
	display:inline-block;
	padding-right:15px
}

.top-link li .nav-panel a span {
	background: none;
	display: block;
	padding-right:0px
}

.top-link li .nav-panel a.nav-link:hover .nav-text {
	text-decoration: underline;
	color: #e47911
}

.top-link li:hover .nav-panel a.nav-link .nav-subtext {
	text-decoration: none
}

.top-link li:hover a span {
	background-position: right bottom -2px;
}

@media only screen and (min-width : 150px) and (max-width : 768) {
	ul.dropdown-menu {
		min-width: 0px !important;
	}

	.nav-column {
		width: auto !important;
	}
}

.header-bot2 {
	display: block;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0;
}

.top_cust_left,
.top_cust_left>.mega-menu {
	width: 100%;
}

.top-link li.cat_cust>a {
	color: #fff;
	padding-top: 0;
}

.top-link li.login-hover:hover .top-dropdown {
	visibility: visible;
}

.top-link .top-dropdown {
	top: 100%;
	width: 330px;
	padding-top: 3px;
	z-index: 999;
	background: #fff;
	left: 0;
	border-radius: 1em;
	float: left;
	position:absolute;
	visibility: hidden;
}

.top-link .top-dropdown ul {
	padding: 10px 3px 13px 15px
}

.top-link .top-dropdown li {
	padding: 0 0 0 5px;
	text-align: left;
	line-height: 22px;
	float: none;
	margin: 0;
	font-weight: 400
}

.top-link .top-dropdown li a {
	background: 0 0;
	display: inline-block;
	padding: 0;
	line-height: 22px
}

.top-link li.login-hover a:hover {
	text-decoration: none
}

.top-link .top-dropdown li:hover a {
	background-position: left 2px;
}

.bot-nav-fill {
	width: auto
}

#top-head-container {
	display: flex
}

#top-head-container .box-fluid {
	background: #fff;
	border-radius: inherit;
	height: 100%
}

.popover {
	overflow-x: hidden;
	overflow-y: scroll
}

#background-links .top-nav-left {
	height: auto
}

#background-links .mega-menu .login-hover {
	padding: 10px
}

.mega-menu .top-dropdown li i {
	position: absolute;
	top: 5px;
	right: 4px;
	padding: 0 5px 0 20px
}

.mega-menu .top-dropdown li:hover>i {
	color: orange
}

#scrim,
.mega-menu .custom-arrow-up,
.navbar-fixed-top .logo2.onlydesktop img,
.responsive-menu {
	display: none
}

.mega-menu ul ul li:hover {
	overflow-x: visible
}

.mega-menu ul ul li:hover>ul {
	display: block
}

.mega-menu ul ul ul {
	display: none;
	width: 352px;
	margin-top: -10px;
	position: absolute;
	top: 0;
	left: 242px;
	z-index: 9;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 1em;
	box-shadow: 0 6px 20px 0 rgb(67 67 67)
}

.top-dropdown .content-pages .content-pages ul {
	width: fit-content;
	min-width: 180px
}

#top-head-container.navbar-fixed-top {
	position: relative;
	width: 100%;
	height: 119px;
	background: 0 0
}

#top-head-container.navbar-fixed-top .header {
	width: 100%;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	margin-left: 0 !important;
	border-radius: 0 0 25px 25px
}

.navbar-fixed-top .header-top {
	height: 45px;
	padding-top: 0;
	margin-bottom: 0
}

.navbar-fixed-top #logo img {
	margin-top: 0
}

.navbar-fixed-top #background-links {
	padding-top: 0
}

@media only screen and (min-width:601px) and (max-width:1366px) {
	#background-links .mega-menu ul li:nth-child(4) .top-dropdown .content-pages ul ul {
		width: 180px;
		left: -181px;
		z-index: 10
	}

	#background-links .mega-menu ul li:nth-child(6) .top-dropdown .content-pages ul {
		width: 190px;
		z-index: 9
	}
}

@media only screen and (min-width:1201px) {
	.mega-menu .top-dropdown li {
		font-size: 16px;
		line-height: 26px
	}

	.mega-menu ul ul ul {
		left: 308px
	}

	.mega-menu .top-dropdown .content-pages .content-pages ul {
		left: 242px
	}
}

@media only screen and (min-width:601px) and (max-width:1200px) {
	.header #shop-by-category .popover {
		width: 100%;
		max-width: unset !important
	}

	.mega-menu .top-dropdown li {
		font-size: 14px;
		line-height: 22px
	}

	#background-links .mega-menu .top-dropdown.content-pages {
		width: 262px
	}

	#background-links .mega-menu .top-dropdown .content-pages .content-pages ul {
		width: fit-content;
		min-width: 180px
	}
}

@media only screen and (min-width:1001px) {

	.mega-menu li>a,
	.mega-menu li>a>span {
		font-size: 18px
	}
}

@media only screen and (min-width:601px) and (max-width:1000px) {
	.mega-menu li>a>span {
		font-size: 14px
	}
}

@media only screen and (min-width:841px) {
	#background-links .top_cust_left {
		box-shadow: none;
		border-radius: 0 0 .8em .8em
	}
}

@media only screen and (min-width:601px) and (max-width:840px) {
	.header {
		height: 156px
	}

	#background-links {
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto
	}

	.top-link .top-dropdown ul {
		padding: 5px 6px
	}

	.mega-menu>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		margin-left: 14px
	}

	#top-head-container.navbar-fixed-top {
		height: 158px
	}
}

@media only screen and (min-width:601px) and (max-width:723px) {
	#background-links .mega-menu ul li:nth-child(6) .top-dropdown {
		left: 0
	}
}

@media only screen and (max-width:991px) {

	#background-links .mega-menu,
	#background-links .open .top-dropdown .content-pages i,
	#background-links .open .top-dropdown .content-pages ul,
	.top-nav-left .mega-menu ul ul li:hover>ul {
		display: none
	}

	#top-head-container {
		height: 74px
	}

	#background-links .open li.content-pages,
	.bot-nav-right .lang-hover {
		display: block
	}

	.header {
		position: fixed;
		border: 2px solid orange;
		border-top: none;
		width: 100%;
		height: 72px;
		z-index: 1030
	}

	.header .box-fluid {
		display: flex;
		position: static;
		height: 80px
	}

	#background-links {
		padding: 0
	}

	#top-head-container a,
	#top-head-container li,
	#top-head-container p,
	#top-head-container span {
		font-size: 20px
	}

	#background-links .top-nav-left {
		display: flex;
		justify-content: end;
		border: 0;
		border-radius: 0
	}

	.mega-menu .top-dropdown .custom-arrow-up {
		display: block;
		position: sticky;
		width: 100%;
		bottom: 0;
		text-align: center !important;
		font-size: 20px
	}

	#background-links .open {
		display: block;
		flex-grow: 1;
		position: fixed;
		top: 70px;
		left: 0;
		width: 91%;
		height: 90%;
		overflow-y: auto;
		margin: 0 4.5%;
		padding: 0
	}

	#background-links .open a {
		/* padding-bottom: 6px;
		margin-bottom: 6px; */
		color: #004b91;
		text-decoration: none
	}

	#background-links .open ul {
		display: flex;
		flex-direction: column;
		position: relative;
		max-height: fit-content;
		padding: 0;
		overflow: hidden;
		border: none;
		box-shadow: none;
		background-color: #eee;
		z-index: 10;
		border-right: 2px solid orange;
		border-bottom: 2px solid orange;
		border-left: 2px solid orange;
		border-bottom-right-radius: 1em;
		border-bottom-left-radius: 1em;
		box-shadow: 0 5px 7px 0 rgb(67 67 67)
	}

	#background-links .open .content-pages ul {
		border: none;
		box-shadow: none
	}

	#background-links .open li {
		margin: 10px 0px;
		background: 0 0;
		border: 0;
		border-radius: 0;
		text-align: left
	}

	#background-links .open .top-dropdown {
		visibility: visible
	}

	#background-links .open .content-pages {
		display: none;
		position: relative;
		background-color: #eee;
		border: none;
		box-shadow: none
	}

	.mega-menu .top-dropdown.content-pages ul {
		max-height: 60vh;
		overflow: scroll
	}

	#background-links .open .content-pages li {
		/* margin: 8px 12px; */
		padding: 4px 12px;
		background-color: #f4f4f4;
		border-radius: 0.4em
	}

	#background-links .open .top-dropdown.content-pages {
		width: 100%
	}

	#backgrround-links .open li:first-child {
		border-top-left-radius: 4px
	}

	#backgrround-links .open li:last-child {
		border-bottom-left-radius: 4px
	}

	#background-links .open #scrim {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		background-color: rgba(0, 0, 0, 0.1)
	}

	#background-links .responsive-menu {
		display: inline-block;
		font-size: 32px
	}
}

@media only screen and (min-width :150px) and (max-width : 1224 px) {
	.setting-box .setting-form .draw-select__wrapper.w-250 {
		max-width: 250px
	}
}

.setting-box {
	width: 34px;
	float: right;
	position: relative;
	z-index: 1;
}

@media only screen and (min-width : 150px) and (max-width : 500px) {
	.setting-box {
		display: none;
	}
}

.setting-box a.setting-left {
	background:url(/application/assets/images/v5/bg_setting.png) no-repeat left top;
	width: 28px;
	height: 15px;
	float: left;
	margin: 10px 0 0 0;
	display: inline-block;
	text-indent: -9999px;
}

.setting-box a.setting-left:hover,
.setting-box a.setting-left.active {
	background-position: left bottom;
}

.setting-panel {
	display: none;
	border: 1px solid #bbb;
	border-top: 1px solid #fff;
	background: #fff;
	width: 406px;
	float: left;
	position: absolute;
	right: -1px;
	top: 28px;
	z-index: 99;
}

.setting-box #search-setting-panel.setting-panel {
	top: 40px;
}

#display-setting-panel {
	z-index: -1;
	top: 0px;
}

.setting-panel .title {
	border-bottom: 1px dotted #d0d0d0;
	background: #fff;
	width: 100%;
	height: 48px;
	float: left;
}

.setting-panel .title p {
	padding-left: 15px;
	font-size: 12px;
	color: #333;
	line-height: 47px;
	padding-bottom: 0;
}

.setting-panel .title span {
	display: inline-block;
	float: right;
	padding-right:15px;
	line-height:39px;
}

.setting-panel .title a {
	color: #0066CC;
	text-decoration: none;
	font-size: 11px;
}

.setting-panel .title a:hover {
	text-decoration: underline;
	color: #E71;
}

.setting-form {
	width: 406px;
	float: left;
	padding:15px 0;
}

.setting-form .row {
	width: 100%;
	float: left;
	margin-bottom:14px;
}

.setting-form .row.last {
	margin: 10px 0 0 0;
}

.setting-form label {
	font-size: 12px;
	width: 102px;
	float: left;
	margin-right:10px;
	text-align: right;
	color:#444;
	line-height:24px;
	font-weight:normal;
}

.w-250 {
	width: 250px;
}

b {
	font-weight: bold !important;
}

.setting-form .checkbox {
	float: left;
	padding:0;
}

.setting-form ul.checkbox-list {
	clear: both;
	padding-left:113px;
}

.setting-form ul.checkbox-list li {
	font-size: 12px;
	color: #333;
	line-height: 18px
}

.setting-form ul.checkbox-list li label {
	padding-top: 8px;
	width: auto;
	line-height: normal
}

.setting-form ul.checkbox-list.expand li label {
	width: 100%;
	text-align: left;
}

.setting-form ul.checkbox-list li label.disabled {
	color: #aaa;
}

.setting-form .input {
	border: 1px solid #b6b6b6;
	background: #fff;
	width: 199px;
	height: 16px;
	float: left;
	padding:4px 8px;
	font-size:12px;
	color:#000;
	line-height:16px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	position:relative;
}

.setting-form .button2 {
	background: #184da5;
	border: 1px solid #184da5;
	width: 134px !important;
	height: 28px;
	float: left;
	cursor:pointer;
	padding:0;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	display:inline;
	margin-left:113px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
}

.setting-form .button2:hover {
	background-position: left bottom;
}

.social_sect {
	padding: 0 14px;
}

.fb-like,
.pin_sect,
.social_sect .fa {
	display: inline-block
}

.social_sect .fa {
	padding: 5px;
	font-size: 19px !important;
	width: 25px;
	height: 25px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	color: #fff
}

.fa-facebook {
	background: #3b5998;
	color: #fff
}

.fa-pinterest {
	background: #cb2027;
	color: #fff
}

.fa-twitter {
	background: #55acee;
	color: #fff
}

.fa-youtube {
	background: #b00;
	color: #fff
}

.PIN_1655813362117_button_follow {
	position: relative;
	background-color: #eee;
	margin-left: 5px;
	padding: 2px 5px 2px 19px;
	box-shadow: inset 0 0 1px #888;
	cursor: pointer
}

.PIN_1655813362117_button_follow:hover {
	border: 1px solid gold
}

.fb-like {
	vertical-align: top
}

.PIN_1655813362117_button_follow::after {
	content: "";
	position: absolute;
	height: 14px;
	width: 14px;
	top: 2px;
	left: 3px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0/14px 14px no-repeat
}

.button_sect {
	padding-top: 10px
}

.fb-like>span,
.fb-like>span>iframe {
	width: 115px !important
}

@media only screen and (min-width :769px) and (max-width :1309px) {
	#background-links .top-nav-left {
		padding-top: 0
	}
}

@media only screen and (min-width :290px) and (max-width :768px) {
	.arrow-bot {
		display: none
	}

	#background-links .top_cust_left {
		float: none
	}

	.bot-nav-fill .top-nav-left {
		height: auto
	}

	.top-link li {
		text-align: left;
		z-index: 0
	}

	.top-nav-left {
		padding-top: 0
	}
}

@media only screen and (max-width :768px) {
	.top-link {
		display: contents
	}
}

@media only screen and (min-width :769px) and (max-width :1225px) {
	#background-links .top_cust_left {
		float: left
	}

	.top-link {
		display: contents
	}
}

.lang-dropdown {
	z-index: 999;
	visibility: hidden;
	top: 100%;
	padding-top: 10px;
	right: 0;
	width: 150px;
	position: absolute
}

.lang-dropdown a:hover {
	color: orange !important;
	text-decoration: underline !important;
	cursor: pointer
}

.lang-dropdown li {
	padding: 4px 12px !important
}

.language-toggler {
	position: relative
}

.language-toggler:hover .lang-dropdown {
	visibility: visible;
	transition: 1s linear
}

.lang-wrapper {
	border-radius: 1em;
	border: 1px solid #bbb;
	background: #fff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
	/*padding: 5px*/
}
.menu_contact{
				display: none !important;

	}
@media only screen and (max-width:991px) {
	.bot-nav-fill {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px 10px
	}

	#background-links .responsive-menu {
		display: inline-block;
		font-size: 32px
	}

	.middle-header,
	.top-header,
	.top-link.mega-menu {
		display: none
	}
	.menu_contact{
				display: block !important;

	}
}

@media only screen and (min-width:992px) {
	.top-header {
		display: block
	}

	.top-header>ul {
		background-color: orange;
		padding: 10px 15px;
		display: flex;
		align-items: center;
		justify-content: end
	}

	.top-header li {
		padding-left: 15px
	}

	.top-header a {
		text-decoration: none !important;
		color: #000 !important;
		font-size: 14px
	}

	.middle-header {
		padding: 5px 15px
	}

	.links-wrapper {
		display: flex;
		align-items: center
	}

	.search-wrapper>.top-link {
		float: none
	}

	.middle-header,
	.search-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.search-wrapper {
		margin: 0 1.2em;
		flex: 1;
		justify-content: center
	}

	.language-toggler.mobile,
	.logo-wrapper.mobile {
		display: none
	}

	.apply-here {
		margin: 0 10px
	}

	.search-container {
		margin-left: 10px;
		position: relative;
		width: 60%;
		display: flex;
		background: #eee;
		height: 40px;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em
	}

	.search-container .setting-panel {
		position: absolute;
		display: none;
		background: #fff;
		width: 406px;
		z-index: 99;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
		border-radius: 1em;
		top: 105%;
		right: -1px;
		border: 1px solid #eee
	}

	.search-container .input {
		flex: 1;
		height: 100%;
		padding: 0 10px;
		font-size: 15px;
		border-radius: 1em 0 0 1em;
		border: none;
		background-color: transparent
	}

	.search-container .submit-btn {
		width: auto !important;
		background: url(/application/assets/images/v5/ico_search.png) center no-repeat;
		border: none;
		padding: 0 1.5em;
		height: 100%;
		cursor: pointer
	}

	.setting-box .settings {
		background: url(/application/assets/images/v5/bg_setting.png) left top no-repeat;
		width: 28px;
		height: 15px;
		margin: 10px 0 0;
		display: inline-block;
		text-indent: -9999px
	}

	.setting-box .settings.active,
	.setting-box .settings:hover {
		background-position: left bottom
	}

	.search-container .setting-box {
		position: relative
	}

	.social_sect {
		display: flex;
		justify-content: end
	}

	.social_sect>.fa {
		margin-left: 5px
	}

	.links-wrapper .apply-here-img {
		width: 80px;
		height: auto
	}

	.links-wrapper .fsc-img {
		height: 80px
	}

	.top_cust_left {
		background-color: #174da5;
		height: auto
	}

	.mega-menu.top-link li a span {
		background: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M440.5 160H7.5c-4.4 0-6.7 5.3-3.6 8.7L219.6 383.6c4.7 4.7 12.3 4.7 17 0L444.1 168c3-3.4.8-8.7-3.6-8.7z"/></svg>') right center/8px no-repeat;
		display: inline-block;
		padding-right:15px
	}

	.mega-menu.top-link li:hover a span {
		background-position: right center
	}
}

@media only screen and (min-width:1200px) {
	.search-container {
		width: 50%
	}
}

.mega-menu li>a,
.mega-menu li>a>span {
	font-size: 14px
}

.mega-menu .cat_cust:hover {
	background: 0 0
}



.navbar-fixed-top {
	background: #000;
	position: fixed;
	width: 100%;
	right: 0;
	left: 0;
	z-index: 1030;
}

.setting-form .button2,
.setting-panel .title a {
	color: orange !important
}

.setting-form .button2 {
	background: #ffd78c !important;
	border: 1px solid orange !important
}

@media (max-width:979px) {
	body {
		padding-top: 0
	}

	.navbar-fixed-bottom,
	.navbar-fixed-top {
		position: static
	}

	.navbar-fixed-top {
		margin-bottom: 18px
	}
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
	transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
	visibility: visible;
	opacity: 1;
	margin-bottom: 50px
}

.cd-top.cd-top--fade-out {
	opacity: .5;
}

.cd-top:hover {
	border-radius: 8px;
	background-color: #4886E2;
	opacity: 1;
}

.cd-top.cd-top--show {
	border-radius: 1em;
}

.cd-top.cd-top--fade-out {
	opacity: 0.8;
	border-radius: 1em;
}.cblock h1,.cblock h2,.cblock h3,.cblock p{
    font-weight:500
}
a,h2{
    color:#333
}
#htmlcontainer{ 
    width:91%!important
}
.body-bg{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1252%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1253%26quot%3b)'%3e%3c/rect%3e%3cpath d='M655.4007417763931 273.44141588157686L774.5097858491707 267.1991753891966 768.2675453567905 148.09013131641905 649.1585012840129 154.33237180879925z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1437.9003010743543 292.4487509007791L1352.9056419805288 207.45409180695367 1267.9109828867036 292.4487509007791 1352.9056419805288 377.4434099946045z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M999.1991022025614 119.41064008960248L1029.4584132094324 40.582439880434464 950.6302130002643 10.323128873563604 920.3709019933934 89.15132908273162z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M699.5063035209062 489.8269142931792L687.8647212904739 323.3445321156994 521.382339112994 334.9861143461317 533.0239213434264 501.46849652361146z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M945.420356820213 8.675093295900776L862.7168429616115-26.430465549117567 827.6112841165932 56.2730483094839 910.3147979751947 91.37860715450225z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M374.6124601473874 41.50411471349534L362.78996413986835 153.98765048762309 475.27349991399615 165.81014649514213 487.09599592151517 53.3266107210144z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M912.7300450097389 218.29317386332465L1047.986594911892 278.51326975562876 1108.2066908041961 143.25671985347563 972.950140902043 83.03662396117153z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1431.0499899230008 318.037217951349L1299.3047812297402 247.98704791293258 1229.2546111913239 379.7322566061932 1360.9998198845844 449.7824266446096z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1350.3206920123057 360.525980197533L1233.9788001405143 320.46625424371484 1193.9190741866962 436.80814611550613 1310.2609660584876 476.8678720693243z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M458.4069662513151 400.66589660733854L468.9168310840855 250.36782723073458 318.61876170748155 239.85796239796417 308.10889687471115 390.15603177456813z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M99.06156304898873 261.44276476206574L109.5887675014597 161.28310491714188 9.429107656535834 150.75590046467093-1.0980967959351204 250.91556030959478z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M810.5361382940868 113.94438829769871L854.3858006411381-0.28788757312022994 740.1535247703191-44.13754992017158 696.3038624232678 70.09472595064736z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M497.5094004421608 256.8260538394131L330.16865587743064 265.5960106456213 338.9386126836388 432.9367552103514 506.279357248369 424.16679840414326z' fill='rgba(207%2c 133%2c 0%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1252'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1253'%3e%3cstop stop-color='rgba(207%2c 133%2c 0%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 0%2c 0%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e")!important;
    background-repeat:repeat-x!important;
    background-color:#000!important
}
.cblock{
    width:98%;
    margin:40px auto auto;
    color:#bcbec0;
    font-family:Verdana,Geneva,Tahoma,sans-serif
}
.cblock h1,.cblock h2,.cblock h3,.cblock h4{
    color:#ffce7b;
    margin-top:20px;
    margin-bottom:10px
}
.cblock h1{
    font-size:36px
}
.cblock h2{
    font-size:30px
}
.cblock h3{
    font-size:24px
}
.cblock p{
    margin:0 0 1em;
    font-size:14px
}
.cblock ul {
}
.cblock ul li {
    margin:0 0 1em;
    font-size:14px
}
.i-ordered-list,.i-unordered-list,ol,ul{
    padding:0
}
.i-ordered-list li,.i-unordered-list li,.unordered-list li,ol li,ul li{
    word-wrap:break-word;
    margin:0
}
/* Breite des Scrollbalkens */
.cust-slider-gallery::-webkit-scrollbar{
    width:14px;
    height:5px;
}
.cust-slider-gallery::-moz-scrollbar{
    width:14px;
    height:10px;
}
.cust-slider-gallery::-webkit-scrollbar-track{
    background-color:#f1f1f1;
    border-radius:0 0 1em;
}
.cust-slider-gallery::-moz-scrollbar-track{
    background-color:#f1f1f1;
    border-radius:0 0 1em;
}
.cust-slider-gallery::-webkit-scrollbar-thumb{
    background-color:#888;
    border-radius:0 0 1em;
}
.cust-slider-gallery::-moz-scrollbar-thumb{
    background-color:#888;
    border-radius:0 0 1em;
}
.cust-slider-gallery::-webkit-scrollbar-thumb:hover{
    background-color:#555;
}
.cust-slider-gallery::-moz-scrollbar-thumb:hover{
    background-color:#555;
}
.bg-upload-profile,.body-bg,body{
    background:#fff;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,tfoot,thead,time,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    font:16px/1.2 Arial,sans-serif;
    color:#000
}
#search_autocomplete,textarea{
    font-family:verdana,arial,sans-serif
}
ol,ul{
    list-style:none
}
*{
    outline:0
}
.bold,h1,h2,h3,h4,h5,h6,strong{
    font-weight:700
}
em,i{
    font-style:italic
}
p{
    padding-bottom:12px
}
h1{
    font-size:2em;
    font-weight:400;
    margin-top:-1px;
    overflow:visible
}
h2{
    font-size:17px
}
h3{
    text-decoration:none;
    margin-top:0;
    margin-bottom:0;
    font-weight:700;
    font-size:13px
}
table{
    width:100%;
    border-spacing:0;
    border-collapse:collapse;
    border-width:0
}
input#search_keywords_id.input:focus,input#store_search_keywords_id.input:focus,table td,table th{
    border:none
}
textarea{
    overflow:auto
}
a{
    text-decoration:none
}
.right{
    float:right
}
.clear{
    clear:both;
    line-height:1px
}
.box2{
    width:1500px;
    margin:0 auto
}
@media only screen and (min-width :150px) and (max-width :1500px){
    .box2{
        width:100%
    }
}
.box-fluid{
    width:100%
}
.draw-select-small{
    border:none;
    height:29px;
    line-height:26px;
    padding:2px 35px 0 5px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    position:relative;
    font-size:12px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:0 0;
    box-sizing:border-box;
    max-width:none;
    display:block;
    color:#31373d;
    width:100%
}
.draw-select-small input:matches([type=button],[type=submit],[type=reset]):disabled,button:disabled,input[type=file]:disabled::-webkit-file-upload-button,input[type=radio]:disabled,keygen:disabled,optgroup:disabled,option:disabled,select:disabled,select[disabled]>option{
    color:#777;
    cursor:not-allowed
}
.draw-select__wrapper{
    border:1px solid #c8c8c8;
    box-sizing:border-box;
    position:relative;
    background:#fff;
    overflow:hidden;
    vertical-align:bottom;
    border-radius:4px
}
.draw-select__wrapper:after{
    content:'';
    display:block;
    height:12px;
    width:12px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-6px;
    pointer-events:none;
    background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20enable-background%3D%22new%200%200%2028%2028%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3Ecircle%2Cellipse%2Cline%2Cpath%2Cpolygon%2Cpolyline%2Crect%2Ctext%7Bfill%3A%23798c9c%20%21important%3B%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23329ECC%22%20d%3D%22M24.5%2C6.2L13.9%2C16.8L3.5%2C6.2L0.8%2C9l13.2%2C13.3L27.2%2C9L24.5%2C6.2z%22%2F%3E%3C%2Fsvg%3E)
}
@supports (-moz-appearance:meterbar){
    .draw-select__wrapper{
        overflow:hidden
    }
}
.draw-select__wrapper:hover,.input:focus{
    border:1px solid #479ccf
}
.a_link,.a_visited,a:link,a:visited{
    color:#004b91;
    text-decoration:none
}
.a_active,a:active,a:hover{
    color:#c45500;
    text-decoration:underline
}
.clear{
    font-size:1px;
    height:1px
}
.input{
    height:31px;
    margin-top:0;
    padding:4px 0 2px 5px;
    font:12px arial,verdana,helvetica,sans-serif;
    border:1px solid #c8c8c8;
    border-radius:4px;
    color:#333
}
input#search_keywords_id.input,input#store_search_keywords_id.input{
    box-shadow:none
}
#search_autocomplete{
    border:1px solid #ccc;
    background-color:#fff;
    padding:5px 0;
    font-size:15px;
    top:100%;
    display:none;
    position:absolute;
    z-index:1200;
    width:420px;
    text-decoration:none;
    -webkit-box-shadow:#bbb 3px 3px 6px
}
#search_autocomplete a{
    text-decoration:none;
    color:#000
}
#search_autocomplete a:active,#search_autocomplete a:hover{
    background:#ebebeb;
    text-decoration:none;
    color:#000
}
#search_autocomplete a:hover strong{
    color:#000
}
#search_autocomplete .selected{
    background-color:#ebebeb;
    color:#000;
    text-decoration:none;
    cursor:pointer
}
.search_autocomplete_label{
    padding:5px 10px;
    cursor:hand;
    font-size:15px
}
.search_autocomplete_separator{
    border-bottom:1px dotted #ddd;
    height:1px;
    font-size:1;
    margin:15px 0
}
.search_autocomplete_separator span{
    float:right;
    background:#fff;
    color:#ccc;
    font-size:11px;
    padding:0 17px 0 7px;
    margin-top:-6px
}
.hide{
    display:none
}
.bs-5-5-5-0{
    box-shadow:0 5px 7px 0 #aaa
}
.fs-14{
    font-size:14px
}
.app-widget{
    background:#f0f0f0;
    width:100%;
    height:0
}
.onlydesktop{
    display:inline-block
}
@media only screen and (min-width :150px) and (max-width :1224px){
    .box-fluid,.box2{
        width:100%
    }
    input[type=text]{
        width:100%;
        margin-bottom:9px
    }
    input[type=submit]{
        width:100%!important;
        margin:0 0 6px
    }
    input[type=text]:focus{
        border-color:#abadb3
    }
    .onlydesktop{
        display:inline-block
    }
}
@media only screen and (min-width :150px) and (max-width :1186px){
    .onlydesktop{
        display:none
    }
}
@media only screen and (min-width :150px) and (max-width :500px){
    .draw-multiselect__wrapper,.draw-multiselect__wrapper.w-355,.draw-select__wrapper,.draw-select__wrapper.w-150,.draw-select__wrapper.w-200,.draw-select__wrapper.w-250,.draw-select__wrapper.w-300,.draw-select__wrapper.w-355{
        width:100%;
        margin-bottom:9px
    }
    .seller-form .draw-select__wrapper.w-200{
        width:200px!important
    }
    .seller-form .input.w-160{
        width:160px!important
    }
    body{
        margin-bottom:80px
    }
}
.cd-top{
    border-radius:8px;
    display:inline-block;
    height:40px;
    width:40px;
    position:fixed;
    bottom:40px;
    right:10px;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.05);
    box-shadow:0 0 10px rgba(0,0,0,.05);
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    background:url(/application/assets/images/v5/cd-top-arrow.svg) center 50% no-repeat #9ebff0;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s,visibility 0s .3s,background-color .3s;
    transition:opacity .3s,visibility 0s .3s,background-color .3s;
    z-index:30
}
@media only screen and (min-width:768px){
    .cd-top{
        right:20px;
        bottom:20px
    }
}
@media only screen and (min-width:1024px){
    .cd-top{
        height:60px;
        width:60px;
        right:30px;
        bottom:30px
    }
}
.dropdown-menu {
    background: #fff;
    border: 1px solid #bbb;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13);
    -ms-user-select: none;
    zoom: 1;
    -webkit-transform: translate3d(0, 0, 0);
    font-size: 13px;
    font-family: verdana, arial, sans-serif;
    line-height: normal;
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 240px;
    padding: 10px 0;
    margin-top: 6px;
    margin-right:0;
    margin-bottom: 0;
    margin-left: -20px;
    list-style: none;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dropdown-menu > li > a {
    display: block;
    padding-top: 3px;
    padding-right:20px;
    padding-bottom:3px;
    padding-left: 15px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #444;
    white-space: nowrap;
}
.dropdown-menu li a.maintain-hover,.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-submenu:focus>a,.dropdown-submenu:hover>a{
    color:#e47911;
    text-decoration:none;
    font-weight:700
}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
    color:#999
}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{
    text-decoration:none;
    cursor:default;
    background-color:transparent;
    background-image:none
}
.open>.dropdown-menu{
    display:block
}
.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 84px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 85px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	width: 499px;
	max-width:499px;
	padding: 1px;
	text-align: left;
	white-space: normal;
	background-color: #ffffff;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-left:1px solid #bbb;
	border-left: 1px solid #ddd;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.cust-slide,.cust-slider{
    overflow:hidden;
    position:relative
}
.cust-count,.cust-slider-container button.next{
    float:right
}
.blue-shiny-background,.leather-background{
    background-size:cover;
    background-position:center
}
.blue-shiny-background h1,.cust-card-text h2{
    margin:0;
    text-shadow:2px 2px 4px rgba(0,0,0,.5);
    z-index:1
}
.popover-content{
    padding:9px 14px
}
h1{
    font-size:2em;
    margin-top:-1px;
    overflow:visible;
    font-family:Verdana;
    color:#184da5;
    line-height:normal;
    font-weight:700
}
#altamira-gdpr-cookie-consent-save{
    background-color:#804900!important;
    color:#fff
}
.linkey{
    display:inline-block;
    border-bottom:1px dashed #3498db67!important;
    text-decoration:none!important;
    transition:border-bottom .3s;
    color:inherit!important
}
.cust-banner-link,.cust-card-face h2 a,.cust-card-text a,.cust-close-btn{
    text-decoration:none
}
.linkey:hover{
    border-bottom-color:#c45500!important
}
.combined-cust-slider-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    column-gap:12px;
    row-gap:10px;
    max-width:100%;
    margin:12px 0 auto
}
.cust-slider-container{
    flex:1 1 100%;
    border-radius:25px
}
@media (min-width:768px){
    .combined-slider-container{
        flex-wrap:nowrap;
        justify-content:space-around
    }
    .cust-slider-container{
        flex:1 1 45%
    }
}
.cust-slide{
    width:100%;
    background-color:#fff;
    border-radius:1em 1em 0 0;
    text-align:center;
    transition:opacity .5s
}
.cust-slide img{
    height:330px;
    max-width:100%;
    width:400px;
    object-fit:none
}
.cust-slider-container button{
    font-size:xx-large;
    position:relative;
    bottom:56%;
    background-color:unset;
    border:none;
    color:#f18e00;
    padding:10px;
    cursor:pointer
}
.cust-count{
    padding-right:18px
}
.cust-slider-gallery{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    overflow-y:scroll;
    height:84px;
    padding:10px;
    background-color:#fff;
    border-radius:0 0 1em 1em
}
.cust-slider-thumbnail{
    height:60px;
    width:auto;
    margin:0 5px;
    cursor:pointer
}
.cust-slider-image-container{
    position:relative;
    width:100%
}
.cust-slider-image-title{
    position:absolute;
    bottom:0;
    width:100%;
    color:#804b00;
    align-items:center;
    height:30px;
    padding:5px
}
#cust-jokerBox{
    display:flex;
    flex-wrap:wrap;
    min-width:-webkit-fill-available;
    column-gap:10px;
    row-gap:10px;
    justify-content:space-between
}
.cust-card-container{
    perspective:1000px;
    border-radius:1em;
    flex:1 0 31%
}
@media screen and (max-width:1024px){
    .cust-card-container{
        width:calc(50% - 10px)
    }
}
.cust-card{
    width:100%;
    height:240px;
    position:relative;
    transform-style:preserve-3d;
    transition:transform .6s;
    box-shadow:0 4px 8px rgba(0,0,0,.2);
    border-radius:25px
}
.blue-shiny-background,.cust-card-text,.leather-background{
    width:200px;
    position:relative;
}
.cust-card-text{
    padding:0 20px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-evenly;
    border-radius:0 1em 1em 0;
    color:#fff;
}
.cust-card-text a{
    color:#fff;
}
.leather-background{
    background-image:url('/application/uploads/attachments/YC2zJ0v.webp');
    padding:20px;
    overflow:hidden;
}
.blue-shiny-background::before,.leather-background::before{
    content:'';
    position:absolute;
    top:0;
    left:-90%;
    width:200%;
    height:100%;
    background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.2));
    pointer-events:none;
    transform:skewX(-10deg);
    overflow:hidden;
}
.cust-card-back,.cust-card.is-flipped{
    transform:rotateY(180deg);
}
.leather-background:hover::before{
    animation:1s linear forwards shimmerEffect;
}
@keyframes shimmerEffect{
    0%{
        transform:skewX(-10deg) translateX(-100%);
    }
    100%{
        transform:skewX(-10deg) translateX(100%);
    }
}
.leather-background h1{
    margin:0;
    color:#fff;
    text-shadow:2px 2px 4px rgba(0,0,0,.5)
}
.blue-shiny-background{
    background-image:url('/application/uploads/attachments/ukRsNpP.webp');
    padding:20px;
    overflow:hidden;
}
.blue-shiny-background:hover::before{
    animation:1s linear forwards shimmerEffectBlue;
}
.blue-shiny-background:hover{
    box-shadow:0 0 0 0 rgba(255,255,255,.1),inset 0 0 0 0 rgba(255,255,255,.5);
}
.blue-shiny-background h1{
    color:#fff;
    position:relative;
}
@keyframes shimmerEffectBlue{
    0%{
        transform:skewX(-10deg) translateX(-100%);
    }
    100%{
        transform:skewX(-10deg) translateX(100%);
    }
}
.cust-card-text h2{
    color:#fff;
    position:relative
}
.cust-card-text p{
    max-height:100px;
    overflow:auto
}
.cust-card p{
    font-size:12px!important
}
.cust-card-face{
    position:absolute;
    width:100%;
    height:240px;
    backface-visibility:hidden;
    display:flex;
    justify-content:center;
    border-radius:1em;
    background-color:grey
}
.cust-card-front{
    background-color:#f8f8f8
}
.cust-card-back,.cust-card-front{
    flex-direction:row
}
.cust-card-front .cust-card-content{
    display:flex;
    width:100%
}
.cust-card-image{
    width: 65%;
}
.cust-card-text{
    width: 45%;
}
.cust-card-image img{
    width:100%;
    height:-webkit-fill-available;
    object-fit:cover;
    border-radius:1em 0 0 1em
}
.cust-card-text a:link{
    color:#fff
}
.cust-card-back{
    justify-content:space-between;
    align-items:center;
    flex-direction:column;
    background-color:#fff;
    padding:20px
}
.cust-card-back .close-btn{
    position:absolute;
    top:0;
    right:5px
}
.cust-mini-gallery-container{
    display:flex;
    align-items:center;
    width:100%
}
.cust-mini-gallery{
    display:flex;
    overflow-x:auto;
    scroll-behavior:smooth;
    width:100%;
    justify-content:center
}
.cust-mini-gallery img{
    flex:0 0 auto;
    margin:0 5px;
    height:100px;
    width:100px;
    object-fit:cover
}
@media screen and (max-width:768px){
    .cust-card-container{
        width:100%;
        flex:auto
    }
    .cust-mini-gallery img{
        height:50px;
        width:50px
    }
}
.cust-fsc,.cust-modal{
    height:100%
}
.cust-gallery-next,.cust-gallery-prev{
    cursor:pointer;
    padding:0!important;
    background:0 0!important;
    font-size:3.5rem!important;
    /* color:#000!important */
}
.cust-buttons{
    display:flex;
    justify-content:space-evenly;
    width:100%;
    margin-top:10px
}
.cust-btn,.cust-button,.cust-close-btn{
    cursor:pointer
}
.cust-btn,.cust-mini-gallery-container button{
    background-color:#fff;
    /* color:#f18e00; */
    color:#f18e00b5;
    border:none;
    padding:10px 15px;
    cursor:pointer;
    transition:background-color .3s
}
.cust-btn:hover{
    background-color:#2980b9
}
.cust-close-btn{
    position:absolute;
    top:4px;
    right:10px;
    border:none;
    background:0 0
}
.cust-close-btn::before{
    font-size:24px;
    width:24px;
    height:24px
}
.cust-modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:rgba(0,0,0,.7);
    justify-content:center;
    align-items:center
}
.cust-modal-content{
    max-width:80%;
    max-height:80%
}
.cust-modal img{
    width:100%;
    height:100%;
    object-fit:contain
}
#cust-jokerBoxContainer{
    background-color:#f0f0f0;
    margin-top:10px;
    margin-bottom:10px;
    box-shadow:0 4px 8px rgba(0,0,0,.1);
    border-radius:25px;
    animation:1.5s infinite pulse
}
@keyframes pulse{
    0%,100%{
        opacity:.6
    }
    50%{
        opacity:.8
    }
}
.search-menu,.top-link{
    font-size:13px
}
.cust-banner{
    background-color:#fff;
    color:#333;
    padding:10px;
    display:flex;
    align-items:center;
    border-radius:1em;
    box-shadow:0 2px 5px rgba(0,0,0,.1);
    margin:0 -20px 0 0;
    overflow:hidden;
    position:relative
}
.cust-banner-text{
    opacity:0;
    transition:opacity .3s
}
.cust-banner.right:hover .cust-banner-text{
    opacity:1;
    max-width:min-content
}
.cust-banner.right{
    width:120px;
    position:fixed;
    margin:0 -45px 0 0;
    top:60%;
    right:0;
    height:135px;
    padding-top:80px;
    transform:translateY(-50%);
    transition:right .5s;
    z-index:999
}
.cust-banner.right:hover{
    height:max-content;
    padding-top:20px;
    right:20px
}
.cust-logo{
    max-width:75px;
    flex-shrink:0
}
.cust-banner-link{
    color:#333;
    font-size:11px
}
.cust-banner p{
    margin:2px;
    text-align:left;
    padding:4px 0 0
}
li:last-child,li>ol,li>ul,ol:last-child,ul:last-child{
    margin-bottom:0
}
@media (max-width:768px){
    .cust-banner.right{
        top:50%;
        bottom:1%;
        padding-top:18px
    }
    .cust-fsc p{
        display:none
    }
    .cta-btn{
        width:100%
    }
}
.box-fluid{
    background:0 0
}
.cd-top{
    border-radius:unset
}
@media only screen and (min-width:330px) and (max-width:1500px){
    .box2{
        width:91%!important
    }
}
.cblock,.cblock a{
    color:#bcbec0
}
@media only screen and (min-width :150px) and (max-width :600px){
    .cblock h1{
        font-size:30px!important
    }
}
li>ol,li>ul{
    margin-top:.5em
}
/*::-webkit-scrollbar,
::-webkit-scrollbar-thumb:window-inactive,
::-webkit-scrollbar-track {
    -webkit-border-radius:initial;
    border-radius:initial;
    background:initial; 
    background-color:initial; 
    -webkit-box-shadow:initial;
    width: auto;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius:initial;
    border-radius:initial;
    background:initial; 
    background-color:#f1f1f1; 
    -webkit-box-shadow:initial;
    width: auto;
}*/
.dropdown-toggle::after{
	all:unset;
}
.video-border-wrapper{
	padding: 15px;
    height: 400px;
    border: 1px solid #ececec;
    background-color: white;
    border-radius: 1em;
}
.videoborder {
    border-radius: 1em;
   /* min-height: 100%;  */
}
.slick-prev-post, .slick-prevvideo, .slick-next-post, .slick-nextvideo {
    font-size: 24px;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 30px !important;
    text-align: center;
    border-radius: 25px;
    height: 30px !important;;
    z-index: 3;
}
.videos-class{
	margin-top: 1rem;
    /* margin-bottom: 2rem; */
}
.videos-class h3 {
    color: white!important;
}
#videosectionid {
    display: flex!important; /* Use flexbox for layout */
	/* width:99%!important; */
	padding-left: 0px;
	flex-direction: column!important;
}
.slick-slide .post-container#videosectionid{
	padding-right: 0px;
}
.videos-class .slick-slide:nth-child(1) .post-container {
    padding-right: 6px;
}

.videos-class .slick-slide:nth-child(2) .post-container {
    padding-left: 6px;
}
.product {
    width: 100%;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.product h3 {
    font-size: 21px;
    font-weight: normal;
    color: #666;
    padding-bottom: 14px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
}

.language-container {
    margin-right: 23px;
}
.language-container {
    display: inline-flex;
    align-items: center;
    position: relative;
    float:right;
}

#languageIcon {
    cursor: pointer;
    margin-right: 5px;
}

.slick-prev-post {
    left: 15px;
}

.slick-next-post {
    right: 15px;
}

.post-container.slick-slide {
padding:0px 15px;
}

.post-header{
	display: flex;	
	align-items: center;
}

.posts-user-profile {
    width: 48px;
    height: 48px !important;
    border-radius: 50%;
}

.post-border-wrapper{
	padding: 15px;
	/* border: 1px solid #ececec; */
    background-color: white;
	border-radius: 1em;
	/*height:585px;*/
}

.posts-container {
    margin-top: 1rem;
    /* margin-bottom: 2rem; */
}

.posts-container h3 {
    color: white;
}

.posts-container .product {
    margin-bottom: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
	.postheader{
		display: block;
	}
	.post-sort-filter{
		padding-right: 0;
		width: 100%;
	}
	.new-post-link{
		text-align: right;
	}
	.row.no-margin{
		margin: 0 !important;
	}
}

.slick-slide .post-border-wrapper > p {
	min-height: 30px;
}
.post-media-container a{
	max-height: 220px; 
	min-height: 220px; 
	height: 220px; 
	width: 100%;
	display: inline-block;
}

.posts-container .slick-slide .post-container {
	padding: 0px;
}

.posts-container .slick-slide:nth-child(1) .post-container {
    padding-right: 6px;
}

.posts-container .slick-slide:nth-child(2) .post-container {
    padding-left: 6px;
}

.fa-sticky-note:before {
    content: "\f249";
}

.mlr-6 {
    margin-right: 6px;
}
.left {
    float: left;
}

@media only screen and (max-width: 768px) {
    .posts-class-container .slick-list.draggable {
        height: 100%;
    }

    .videos-class-container .slick-list.draggable {
        height: 100%;
    }

    .cust-jokerBoxContainer {
        min-height: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .videos-class-container {
        height: auto;
    }
    .posts-class-container {
        height: 400px;
    }
    .posts-class-container .slick-list.draggable {
        height: 400px;
    }

    .videos-class-container .slick-list.draggable {
        height: auto;
    }

    #cust-jokerBoxContainer {
        min-height: 500px;
    }
}
@media only screen and (min-width: 1024px){

    .slick-slide .post-container{
      padding: 0px !important;
        }
}@charset "UTF-8";#zbox-overlay{background-color:#666;bottom:0;left:0;opacity:.1;position:fixed;right:0;top:0;z-index:800}.zbox-content{position:fixed;z-index:801;opacity:.1;text-align:center;padding:10px 40px;border-radius:8px;font-size:25px}.intro{display:none}.scroll{overflow-y:hidden}#zbox-magnifier{box-shadow:0 5px 5px #000;-webkit-box-shadow:0 5px 5px #000;-moz-box-shadow:0 5px 5px #000;display:none;background-repeat:no-repeat;background-image:none;background-position:-1000px -1000px;z-index:802;position:fixed;left:500px;top:500px;border:1px solid #000;background-color:#fff;width:200px;height:200px;border-radius:100px;-moz-border-radius-bottomright:100px;-moz-border-radius-bottomleft:100px;-moz-border-radius-topright:100px;-moz-border-radius-topleft:100px}#zbox-spinner,.zbox-button{background-repeat:no-repeat;position:absolute;width:32px;height:32px}.zbox-screen{overflow:hidden;left:0;position:absolute;top:0;z-index:803}#zbox-spinner{left:0;top:0;z-index:803;text-indent:-9999px;background-image:url(spinner.gif)}.zbox-button{background-color:transparent;cursor:pointer;display:block}.zbox-button.left{left:6px;top:64px;background-position:-32px 0}.zbox-button.right{right:4px;top:64px;background-position:-64px 0}.zbox-button.close{right:0;top:0;background-position:0 0}.zbox-button.view{right:0;top:40px;background-position:0 0}#footer a{line-height:130%}@media (max-width:1024px){#footer a{padding:10px 0}}.footer-container .copyright{float:right;font-size:14px;text-align:right}.body-bg .footer-container .copyright,.body-bg .footer-container .footer-list,.footer-container .fl-item a{color:#fff}.footer-container{font-family:Verdana;font-size:14px;width:91%;padding:40px 0;margin:auto}.footer-container .footer-wd{width:100%;margin:auto}.footer-container .box2{margin:0 auto}.footer-container .footer-list{float:left;width:25%}.footer-container .copyright a,.footer-container .footer-list a{color:#f60}.footer-container .fl-title{font-weight:700;margin-bottom:20px}.footer-container .fl-sep{margin-bottom:10px}.footer-container .onlydesktop{display:grid!important}@media only screen and (min-width :769px) and (max-width :1200px){.footer-container .box2{float:left;width:17%!important}.footer-container .footer-list{width:24%;margin-right:15px}}.footer-container .box2{width:25%!important;float:left}@media (max-width:768px){.footer-container .box2{width:91%!important;float:none}}@media (max-width:991px){.footer-container .copyright,.footer-container .footer-list{display:inline-block;vertical-align:middle;text-align:center;float:none}.footer-container .footer-list{width:100%;margin-right:0!important;color:#000}.footer-container .box2{width:91%!important;float:none}.footer-container .copyright{margin-right:0;margin-bottom:0;margin-top:10px;width:100%}.footer-container .right{float:none}}@media only screen and (min-width :150px) and (max-width :500px){.footer-container{width:auto}}.rv-footer{padding-top:40px}#footer1{padding-left:0!important}.rv-container{width:91%!important;text-align:center;margin:auto}.rv-edit{float:right}.rv-edit .rv-edit-arrow{color:#c90;font-size:11px;margin-top:-2px;padding-right:8px;float:left}.rv-edit .rv-edit-link{font-size:10px;width:80px;color:#000;display:inline-block}.rv-container .rv-recentview{float:left;text-align:right;font-size:13px}.rv-container .rv-image{display:inline-block;padding:0 10px;vertical-align:middle}.rv-container .rv-image a img{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align:middle;border:1px solid #ccc}@font-face{font-family:FontAwesome;src:url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.eot?v=4.7.0');src:url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-phone:before{content:"\f095"}.fa-pencil-square-o:before{content:"\f044"}.fa-caret-down:before{content:"\f0d7"}.fa-globe:before{content:"\f0ac"}.fa-envelope:before{content:"\f0e0"}.fa-whatsapp:before{content:"\f232"}.fa-angle-right:before{content:"\f105"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-pinterest:before{content:"\f0d2"}.fa-twitter:before{content:"\f099"}.fa-youtube:before{content:"\f167"}.fa-bars:before{content: "\f0c9"}.fa-expand:before {content: "\f065";}.fa-window-close:before {content: "\f2d3";}.fa-arrow-right:before {content: "\f061";}.fa-arrow-left:before {content: "\f060";}.fa-video-camera:before {content: "\f03d";}/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/application/assets/fonts/vendor/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,.slick-prevnew,.slick-nextnew,
.slick-next
{
    font-size: 24px;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;    
    border: none;
    outline: none;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 35px;
    text-align: center;
    border-radius: 25px;
    height: 35px;
    z-index: 3;
}
.slick-prevpro,
.slick-nextpro
{
    font-size: 24px;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;    
    border: none;
    outline: none;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 35px;
    text-align: center;
    border-radius: 25px;
    height: 35px;
    z-index: 3;
}
.slick-prevpdf,.slick-prevpdfnew,
.slick-nextpdf,.slick-nextpdfnew
{
    font-size: 24px;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;    
    border: none;
    outline: none;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 35px;
    text-align: center;
    border-radius: 25px;
    height: 35px;
    z-index: 3;
}

.slick-prevvideo,.slick-prevvideonew,
.slick-nextvideo,.slick-nextvideonew
{
    font-size: 24px;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;    
    border: none;
    outline: none;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 35px;
    text-align: center;
    border-radius: 25px;
    height: 35px;
    z-index: 3;
}
.slick-slide .post-container img{
    margin: 0 auto
}

.slick-slide .post-border-wrapper > p {
    /*margin: 10px 0;        
    word-wrap: break-word;*/
}

@media only screen and (min-width: 768px) {

    .slick-slide .post-container{
        /* padding: 0 10px; */
    }

    .slick-prev{
        left: 15px;
    }

    .slick-next{
        right: 15px;
    }
    .slick-prevnew{
        left: 15px;
    }

    .slick-nextnew{
        right: 15px;
    }
    .slick-prevpro{
        left: 15px;
    }

    .slick-nextpro{
        right: 15px;
    }
    .slick-prevpdf{
        left: 15px;
    }
    .slick-nextpdf{
        right: 15px;
    }
    .slick-prevpdfnew{
        left: 15px;
    }
    .slick-nextpdfnew{
        right: 15px;
    }
    .slick-prevvideo{
        left: 15px;
    }
    .slick-nextvideo{
        right: 15px;
    }
    .slick-prevvideonew{
        left: 15px;
    }
    .slick-nextvideonew{
        right: 15px;
    }

}

@media only screen and (min-width: 1024px){

    .slick-slide .post-container{
      padding: 0 15px; 
    }

    .slick-prev{
        left: 25px;
    }

    .slick-next{
        right: 25px;
    }
    .slick-prevnew{
        left: 25px;
    }

    .slick-nextnew{
        right: 25px;
    }
    .slick-prevpro{
        left: 25px;
    }

    .slick-nextpro{
        right: 25px;
    }
    .slick-prevpdf{
        left: 25px;
    }

    .slick-nextpdf{
        right: 25px;
    }
    .slick-prevpdfnew{
        left: 25px;
    }

    .slick-nextpdfnew{
        right: 25px;
    }
/*     .slick-prevvideo{
        left: 25px;
    } */
/* 
    .slick-nextvideo{
        right: 25px;
    } */
    .slick-prevvideonew{
        left: 25px;
    }

    .slick-nextvideonew{
        right: 25px;
    }
}
@media (max-width: 767px) {
    .slick-nextpdf.slick-arrow {
    left: 90% !important;
}
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slick-dots {
    bottom: -25px;
    
  }

.slick-dots li button:before,
li.slick-active button:before {
    color: transparent;
    opacity: 1;
}
  
.slick-dots li button:before{
    background-color: #eee;    
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.slick-dots li.slick-active button:before {
    background-color: #00509d;
}
.slick-nextpdf.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-prevpdf.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-nextpdfnew.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-prevpdfnew.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-prevvideo.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-nextvideo.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-prevvideonew.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-nextvideonew.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-prevnew.slick-arrow.slick-disabled {
    cursor: not-allowed;
}
.slick-nextnew.slick-arrow.slick-disabled {
    cursor: not-allowed;
}/* Altamira Cookie */
#altamira-gdpr-cookie-consent-save {
    background-color: rgb(128, 73, 0) !important;
    color: rgb(255, 255, 255);
}

/* Altamira Cookie end */
/* Link To Key */
.linkey {
    display: inline-block;
    border-bottom: 1px dashed #3498db67 !important;
    /* Hinzufügen einer gestrichelten Unterstreichung */
    text-decoration: none !important;
    /* Entfernen der standardmäßigen Textdekoration */
    transition: border-bottom 0.3s ease;
    /* Hinzufügen eines sanften Übergangsseffekts */
    color: inherit !important;
    /* Vererbt die Textfarbe von seinem übergeordneten Element */
}

.linkey:hover {
    border-bottom-color: #c45500 !important;
    /* Ändern der Unterstreichungsfarbe beim Hovern */
}


/* Link To Key end */

/* Custom slider */
.combined-cust-slider-container {
    display: flex;
    flex-wrap: wrap;
    /* Fügt Unterstützung für Responsive Design hinzu */
    justify-content: space-between;
    column-gap: 12px;
    row-gap: 10px;
    max-width: 100%;
    /* Anpassung für Responsiveness */
    margin: 12px 0 auto;
}

.cust-slider-container {
    flex: 1 1 100%;
    /* Sorgt dafür, dass die Slider die volle Breite auf kleinen Bildschirmen einnehmen */
    border-radius: 25px;
}

@media (min-width: 768px) {

    /* Passt für Tablets und größere Geräte */
    .combined-slider-container {
        flex-wrap: nowrap;
        /* Verhindert das Umbruchverhalten und zwingt die Items in eine Zeile */
        justify-content: space-around;
        /* Verbessert die Verteilung der Slider bei mehr Platz */
    }

    .cust-slider-container {
        flex: 1 1 45%;
        /* Passt die Flex-Basis an, um zwei Slider nebeneinander zu ermöglichen */
    }
}

.cust-slider {
    position: relative;
    overflow: hidden;
}

.cust-slide {
    /* display: none; */
    /* Versteckt alle Slides standardmäßig */
    position: relative;
    /* Ermöglicht Überlagerung der Slides */
    width: 100%;
    background-color: #fff;
    border-radius: 1em 1em 0 0;
    text-align: center;
    transition: opacity 0.5s ease;
    /* Fügt einen Übergangseffekt hinzu */
    overflow: hidden;
}

.cust-slide img {
    height: 330px;
    max-width: 100%;
    width: 400px;
    object-fit: none;
}

/* Stil für die Navigationsbuttons */
.cust-slider-container button {
    font-size: xx-large;
    position: relative;
    bottom: 56%;
    background-color: unset;
    border: none;
    color: #f18e00;
    padding: 10px;
    cursor: pointer;
}

.cust-slider-container button.next {
    float: right;
}

.cust-count {
    float: right;
    padding-right: 18px;
}

/* Stil für die Galerie */
.cust-slider-gallery {
    display: flex;
    /* Flexbox für Thumbnails */
    justify-content: center;
    /* Zentriert die Thumbnails */
    flex-wrap: wrap;
    overflow-y: scroll;
    height: 74px;
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 1em 1em;
}

.cust-slider-thumbnail {
    height: 60px;
    width: auto;
    margin: 0 5px;
    /* Fügt Abstand zwischen Thumbnails hinzu */
    cursor: pointer;
}

.cust-slider-image-container {
    position: relative;
    width: 100%;
}

.cust-slider-image-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* color: #f18e00; */
    color: #804B00;
    align-items: center;
    height: 30px;
    padding: 5px;
}

/* Custom slider end */
/* Custom jokerbox */
#cust-jokerBox {
    display: flex;
    flex-wrap: wrap;

    min-width: -webkit-fill-available;
    column-gap: 10px;
    row-gap: 10px;
    justify-content: space-between;
}

/* Standard-Stile für größere Bildschirme (z.B. Desktop) */
.cust-card-container {
    perspective: 1000px;
    /*max-width: 640px; /* Maximalbreite der Karte */
    border-radius: 1em;
    /* width: calc(25% - 10px); /* Berechnet die Breite der Card mit Gap */
    flex: 1 0 31%;
}

/* Media Query für mittelgroße Bildschirme (z.B. Tablets) */
@media screen and (max-width: 1024px) {
    .cust-card-container {
        width: calc(50% - 10px);
        /* Jede Karte nimmt 50% der Breite */
    }
}

/* Media Query für kleine Bildschirme (z.B. Smartphones im Querformat) */
@media screen and (max-width: 768px) {
    .cust-card-container {
        width: 100%;
        /* Jede Karte nimmt die volle Breite */
        flex: auto;
    }
}

.cust-card {
    width: 100%;
    height: 240px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* Weicher Schatten für Tiefe */
    border-radius: 25px;
}

.cust-card-face h2 a,
.cust-close-btn {
    text-decoration: none;
}

.cust-card-text {
    padding: 0 20px;
    /* Innenabstand */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Text linksbündig ausrichten */
    justify-content: space-evenly;
    /*text-align: center;*/
    /* background-image: url(/application/uploads/attachments/ukRsNpP.webp); */
    /* padding: 40px; */
    border-radius: 0em 1em 1em 0em;
    position: relative;
    /* text-align: center; */
    width: 200px;
    color: white;
}

.cust-card-text a {
    text-decoration: none;
    color: white;
}

.leather-background {
    background-image: url('/application/uploads/attachments/YC2zJ0v.webp');
    background-size: cover;
    background-position: center;
    padding: 20px;
    /* border-radius: 10px; */
    position: relative;
    /* margin-bottom: 20px; */
    width: 200px;
    /* text-align: center; */
    overflow: hidden;
    /* Verhindert das Überlaufen der animierten Hintergrundfarbe */
}

.leather-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: -90%;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
    pointer-events: none;
    transform: skewX(-10deg);
    overflow: hidden;
    /* Um das Schimmern zu beschränken */
}

.leather-background:hover::before {
    animation: shimmerEffect 1s linear forwards;
}

@keyframes shimmerEffect {
    0% {
        transform: skewX(-10deg) translateX(-100%);
    }

    100% {
        transform: skewX(-10deg) translateX(100%);
    }
}

.leather-background h1 {
    margin: 0;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


.blue-shiny-background {
    background-image: url('/application/uploads/attachments/ukRsNpP.webp');
    background-size: cover;
    background-position: center;
    padding: 20px;
    /* border-radius: 10px; */
    position: relative;
    /* margin-bottom: 20px; */
    width: 200px;
    /* text-align: center; */
    overflow: hidden;
    /* Verhindert das Überlaufen der animierten Hintergrundfarbe */
}

.blue-shiny-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: -90%;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
    pointer-events: none;
    transform: skewX(-10deg);
    overflow: hidden;
    /* Um das Schimmern zu beschränken */
}

.blue-shiny-background:hover::before {
    animation: shimmerEffectBlue 1s linear forwards;
}

.blue-shiny-background:hover {
    box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.1), inset 0 0 0px 0px rgba(255, 255, 255, 0.5);
    /* Hinzufügen eines Glühens bei Hover */
}

.blue-shiny-background h1 {
    margin: 0;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1;
}

@keyframes shimmerEffectBlue {
    0% {
        transform: skewX(-10deg) translateX(-100%);
    }

    100% {
        transform: skewX(-10deg) translateX(100%);
    }
}

.cust-card-text h2 {
    max-height: 55px;
    overflow: auto;
    margin-bottom: 4px;
    margin: 0;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1;

}

.cust-card-text p {
    max-height: 100px;
    overflow: auto;
}

.cust-card p {
    font-size: 14px !important;
}

.cust-card-face {
    position: absolute;
    width: 100%;
    height: 240px;
    backface-visibility: hidden;
    /* Versteckt die Rückseite der Karte */
    display: flex;
    justify-content: center;
    border-radius: 1em;
    /*changed from 25px */
    background-color: grey;
}

.cust-card-front {
    /* Vorderseite spezifische Stile */
    background-color: #f8f8f8;
    /* Hintergrundfarbe für Vorderseite */
}

.cust-card-front,
.cust-card-back {
    flex-direction: row;
    /* Anpassung für Querformat */
}

.cust-card-front .cust-card-content {
    display: flex;
    width: 100%;
}

.cust-card-image,
.cust-card-text {
    flex: 1;
}

.cust-card-image img {
    width: 100%;
    height: 100%;
   
    /* height: -webkit-fill-available; */

    object-fit: cover;
    border-radius: 1em 0em 0em 1em;
  
}

.cust-card-text a:link {
    color: white;
}

.cust-card-back {
    transform: rotateY(180deg);
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    /* Zentriert den Inhalt auf der Rückseite */
    background-color: #ffffff;
    /* Hintergrundfarbe für Rückseite */
    padding: 20px;
}

/* Stil für das Schließkreuz nur auf der Rückseite */
.cust-card-back .close-btn {
    position: absolute;
    top: 0px;
    right: 5px;
}

.cust-card.is-flipped {
    transform: rotateY(180deg);
}

.cust-mini-gallery-container {
    display: flex;
    align-items: center;
    width: -webkit-fill-available;
    width: 100%;
}

.cust-mini-gallery {
    display: flex;
    overflow-x: auto;
    /* Ermöglicht horizontales Scrollen */
    scroll-behavior: smooth;
    /* Glattes Scrollen */
    width: 100%;
    justify-content: center;
}

.cust-mini-gallery img {
    flex: 0 0 auto;
    /* Verhindert, dass Bilder gestreckt werden */
    margin: 0 5px;
    /* Abstand zwischen Bildern */
    height: 100px;
    width: 100px;
    object-fit: cover;
}

/* Media Query für kleinere Bildschirme (z.B. Tablets) */
@media screen and (max-width: 768px) {
    .cust-mini-gallery img {
        height: 50px;
        /* Reduziere die Höhe der Miniaturbilder */
        width: 50px;
    }
}

.cust-gallery-prev,
.cust-gallery-next {
    cursor: pointer;
}

.cust-gallery-prev,
.cust-gallery-next {
    padding: 0px !important;
    background: none !important;
    font-size: 1.5rem !important;
    color: black !important;
}

.cust-buttons {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    /* Nutzt die volle Breite der Karte */
    margin-top: 10px;
}

.cust-button,
.cust-btn,
.cust-close-btn {
    cursor: pointer;
    /* margin: 5px;
    padding: 10px 20px;*/
}

.cust-btn,
.cust-mini-gallery-container button {
    background-color: #ffffff;
    color: #f18e00;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.cust-btn:hover {
    background-color: #2980b9;
}

.cust-close-btn {
    position: absolute;
    top: 4px;
    right: 10px;
    border: none;
    background: none;
}

.cust-close-btn::before {
    /*content: "\00D7";*/
    font-size: 24px;
}

/* Verbessertes Symbol mit SVG */
.cust-close-btn::before {
    /*content: url("path/to/close-icon.svg");*/
    width: 24px;
    height: 24px;
}

/* Responsivität und weitere Stile nach Bedarf */

.cust-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
}

.cust-modal-content {
    max-width: 80%;
    max-height: 80%;
}

.cust-modal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#cust-jokerBoxContainer {
    background-color: #f0f0f0;
    /* padding: 20px; */
    margin-top: 10px;
    /* Optional: Füge Abstände zwischen den Karten hinzu */
    margin-bottom: 10px;
    /* Optional: Fügt unten einen Abstand hinzu */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    animation: pulse 1.5s infinite;
    /* Optionale Pulsanimation */
}

@keyframes pulse {
    0% {
        opacity: 0.6;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.6;
    }
}

/* Custom jokerbox end */
.top-link,
.search-menu {
    font-size: 13px;
}

.row.scroll .col-md-9 {
    margin-left: 50px;
}

.BGimg {
    /* border-radius: 4px; */
    border-radius: 1em;
    /* border: 1px #ddd solid; */
    border: 1px #f1f1f1 solid;
    display: block;
    /* margin: 0 auto; */
    padding: 8px;
    /* height: 500px; */
    height: 500px;
    text-align: center;
}

img.imgclass {
    height: 100%;
}

.BGimg img {
    /*height: 100%;*/
    /* max-height: 480px;
    max-width: 100%; */
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.mySlides2 {
    height: 300px;
}

.divscroll {
    border-radius: 1em;
    max-height: 500px;
    height: 500px;
    overflow-y: scroll;
    /* border: 1px solid #ccc; */
    border: 1px #f1f1f1 solid;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 8px !important;
    /* margin-bottom: 15px !important; */
}

#column-right .bodergray {
    max-height: 450px;
    /*width: unset !important;*/
    max-width: 500px;
}

.divscroll::-webkit-scrollbar,
.scrollcheck::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 0px;
}

.divscroll img {
    width: 100% !important;
    /* padding-bottom: 8px; */
}

.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

.scroll::-webkit-scrollbar-button:start {
    display: block;
    height: 20px;
    width: 12px;
    background-color: #f5f5f5;
    border: none;
}

.scroll::-webkit-scrollbar-button:end {
    display: block;
    height: 20px;
    width: 12px;
    background-color: #f5f5f5;
    border: none;
}

.scroll::-webkit-scrollbar-button:start:hover {
    background-color: #ddd;
}

.scroll::-webkit-scrollbar-button:end:hover {
    background-color: #ddd;
}

.scroll::-webkit-scrollbar-button:vertical:start:decrement {
    background-image: url('https://cdn3.iconfinder.com/data/icons/fatcow/32/arrow_up.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.scroll::-webkit-scrollbar-button:vertical:end:increment {
    background-image: url('https://cdn3.iconfinder.com/data/icons/fatcow/32/arrow_down.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.row.scroll .col-md-9 {
    margin-left: 50px;
}

/* Row headers template */
.row-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* margin-bottom: 10px; */
    /* border: 1px solid #ccc; */
    border-bottom: none;
    padding: 10px 0px 0px 10px;
}

.row-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.row-body {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    /* border: 1px solid #ccc; */
    padding: 10px 0;
    border-top: none;
}

/* Documents template */
.col-md-2 .pdf-title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.col-md-2 .pdf-size {
    display: block;
    margin-bottom: 5px;
}

.photo img {
    border: 1px solid lightgray;
    border-radius: 8px;
}

.nav-left li a.nav-left-item span.span-item {
    padding: unset;
    height: unset;
}

/* Add pill styles */
.nav-pills .nav-link {
    border-radius: 0;
    color: #6c757d;
    text-align: center;
    flex: 1;
    font-weight: 500;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #007bff;
    color: #fff;
    font-weight: 600;
}

.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
    background-color: #e9ecef;
    color: #007bff;
}

.nav-pills .nav-link:not(.active) {
    background-color: transparent;
    border: 1px solid #dee2e6;
    color: #6c757d;
}

.nav-pills.d-flex .nav-item {
    flex: 1;
}

.p-15 {
    padding: 15px
}

.p-0-15 {
    padding: 0 15px
}

.br-5-0-0-5 {
    border-radius: 5px 0 0 5px
}

.copyright.onlydesktop a {
    padding: 10px 0;
}

.logo.onlydesktop img {
    width: 150px;
    max-width: 100%;
}

.logo2.onlydesktop img {
    width: 70px;
    height: 70px;
    margin-left: 5%;
    margin-top: 92px;
}

@media only screen and (max-width: 1330px) {
    .logo2.onlydesktop img {
        margin-left: -24px;
    }
}

@media only screen and (max-width: 1268px) {
    .logo2.onlydesktop img {
        margin-left: -48px;
        width: 70px;
        height: 70px;
    }
}

.header-top {
    padding-top: 10px;
}

.cust-content {
    margin: 20px auto;
    max-width: 1500px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    font-family: Verdana;
    font-size: 16px;
    line-height: 1.4em;
}

.cust-image {
    max-width: 100%;
    overflow: hidden;
}

.cust-responsive-image {
    max-width: 100%;
    height: auto;
    display: block;
}

.cust-text {
    padding: 20px;
}


.cust-text h2 {
    margin-top: -140px;
    padding-top: 140px;
}


.cust_headdiv {
    padding-top: 23px;
    padding-right: 17px;
    text-align: right;
}

/* FSC Banner */
.cust-fsc {
    height: 100%;
}

.cust-banner {
    background-color: #fff;
    color: #333;
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 0.4em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin: 0 -20px 0px 0px;
    overflow: hidden;
    /* Verhindert, dass der Text beim Verstecken überfließt */
    position: relative;
    /* Positionierung für die Textanzeige */
}

.cust-banner-text {
    opacity: 0;
    /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease;
    /* Füge eine Transition für die opacity-Eigenschaft hinzu */
}

.cust-banner.right:hover .cust-banner-text {
    opacity: 1;
    /* Bei Hover sichtbar machen */
    max-width: min-content;
}

.cust-banner.left {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.cust-banner.right {
    width: 111px;
    position: fixed;
    margin: 0 -51px 0 0;
    top: 60%;
    right: 0;
    height: 110px;
    padding: 69px 0 7px 0px;
    transform: translateY(-50%);
    transition: right 0.5s ease;
    /* Füge eine Transition für die right-Eigenschaft hinzu */
    z-index: 999;
}

.cust-banner.right:hover {
    /* Bewege den Banner leicht nach links */
    width: 111px;
    position: fixed;
    margin: 0px -38px 0px 0px;
    right: 0px;
    height: 216px;
    padding: 0px 0px 22px 0px;

}

.cust-logo {
    max-width: 75px;
    flex-shrink: 0;
    /* Verhindert, dass das Logo schrumpft */
}

.cust-banner-content {
    display: flex;
    flex-direction: column;
}

.cust-banner-link {
    text-decoration: none;
    color: #333;
    font-size: 11px;
}

.cust-banner p {
    margin: 2px;
    text-align: left;
    padding: 4px 0px 0px;
}

/* Füge diese Stile zu deiner Stylesheet-Datei hinzu */

/* Stile für den CTA-Button */
.cta-btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 4px 0 16px 0;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    background-color: #184DA5;
    /* Hintergrundfarbe ändern */
    color: #fff;
    text-align: left;
}

/* Hover-Stile für den CTA-Button */
.cta-btn:link {
    color: #fff;
    text-decoration: none;
    /* Hintergrundfarbe ändern, wenn der Mauszeiger darüber schwebt */
}

.cta-btn:hover {
    color: #fff;
    background-color: #ff6600;
    text-decoration: none;
    /* Hintergrundfarbe ändern, wenn der Mauszeiger darüber schwebt */
}

.cta-btn:visited {
    color: #fff !important;
    text-decoration: none;
    /* Hintergrundfarbe ändern, wenn der Mauszeiger darüber schwebt */
}

/* Media Query für mobile Geräte */
@media (max-width: 768px) {
    .cust-fsc {
        /* display: none; */
    }

    .cust-banner.right {
        /* top: unset; */
        top: 50%;
        bottom: 1%;
        padding-top: 18px;
    }

    .cust-fsc p {
        display: none;
    }

    .cta-btn {
        width: 100%;
    }
}

/* FSC Banner end */
/* Papiertüten */
#information-fsc {
    scroll-behavior: smooth;
}


.blocker {
    z-index: 10000 !important;
}

.w-350 {
    width: 300px;
}

.box-fluid {
    background: none;
}

.price_quality {
    border: 1px solid black;
    padding: 5px;
}

.pb-padding {
    padding: 10px 0px 10px 0px;
}

.bindResult1,
.bindResult2 {
    /* margin: 10px;
padding: 10px;
font-size: 14px;
line-height: 21px; */
}

.bindResult1 td,
.bindResult2 td {
    padding: 3px;
    width: 33%;
}

.mx-auto {
    margin: auto;
}

.modal {
    /* max-width: 900px; */
}

/*.namedate {
padding-left: 5px;
}*/

@media only screen and (max-width: 600px) {
    .calalign {
        width: 100%;
        padding-left: 0px;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1000px) {
    .calalign {
        width: 100%;
        padding-left: 0px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 500px) {
    .bottomcenter {
        padding-bottom: 50px;
    }
}

.calalign {
    width: 35%;
}

div.image-slide1,
div.image-slide2 {
    width: auto;
    height: 300px;
    position: relative;
    text-align: center;
}

div.image-slide1 img,
div.image-slide2 img {
    position: relative;
    height: 300px;
}

.fade.in {
    opacity: 1;
}

.slide-animate-fading {
    /*animation:fading 5.2s infinite;
*/
    /*animation:fading 3.2s infinite;
*/
}

@keyframes fading {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.btn-calculate {
    margin: 0;
    margin-bottom: 5px;
    margin-left: 5px;
    border: none;
    width: 150px;
    height: 30px;
    background: #f18e00;
    border-radius: 4px;
    padding: 0;
    font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
    -webkit-box-shadow: inset -2px -2px 2px 2px rgba(0, 0, 0, 0.7);
    box-shadow: inset -2px -2px 4px -2px rgba(0, 0, 0, 0.7);
}

select {
    -webkit-appearance: unset !important;
}

/* */
.progress-bar {
    width: 100%;
    background-color: #ddd;
    height: 20px;
    margin-bottom: 20px;
}

.progress {
    width: 0;
    height: 100%;
    background-color: #f18e00;
}

.step-navigation {
    /* display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%); */
}

.step-number {
    width: 30px;
    height: 30px;
    background-color: #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.step-number.selected {
    font-weight: bold;
    background-color: #4caf50;
    color: #fff;
}

.cust-grid {
    grid: none;
    display: grid;
    /* grid-template-columns: repeat(3, 1fr); */
    grid-template-columns: 1fr 2fr auto;
    gap: 10px;
    justify-items: start;
}

@media only screen and (max-width: 767px) {
    .cust-grid {
        display: grid;
        grid-template-columns: unset;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 1px;
    }
}

.cust-input {
    width: -webkit-fill-available;
    width: 100%;
}

.cust-select__wrapper {
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    position: relative;
    background: #ffffff;
    overflow: hidden;
    vertical-align: bottom;
    border-radius: 4px;
    width: -webkit-fill-available;
    width: 100%;
}

.cust-select {
    border: none;
    height: 30px;
    line-height: 31px;
    /* padding-top: 2px; */
    padding-left: 5px;
    padding-bottom: 0;
    padding-right: 35px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    box-sizing: border-box;
    max-width: none;
    display: block;
    color: #31373d;
    width: 100%;
}

/* Papiertüten end */


.inline-noresult {
    padding: 13px;
}

.btn {
    /* color: #0654ba; */
    box-shadow: unset;
}

.badge {
    display: inline-block;
    padding: .4em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

.padding-left-small-custom {
    padding-left: 15px;
    padding-top: 15px;
}

.slides_control img {
    height: 300px;
    object-fit: cover;
}

.cd-top {
    border-radius: unset;
}

.cd-top.cd-top--show {
    border-radius: 1em;
}

.cd-top.cd-top--fade-out {
    opacity: 0.8;
    border-radius: 1em;
}

.cd-top:hover {
    border-radius: unset;
    background-color: #ddd;
}

.img-responsive {
    max-width: 100%;
}

.xsitemap-stores {
    margin-bottom: 10px;
    font-family: 'Verdana' !Important;
}

.xsitemap h3 {
    font-size: 1.7em;
    font-weight: normal;
}

.xsitemap ul {
    padding-bottom: 0px;
}

.xsitemap ul.stores li {
    float: left;
    margin-right: 20px;
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;
}

.xsitemap-categories {
    float: left;
    width: 58%;
    font-family: 'Verdana' !Important;
}

.xsitemap-categories li {
    list-style-type: none;
}

.xsitemap-pages li {
    list-style-type: none;
}

.xsitemap li.level-0 {
    font-weight: bold;
    font-size: 1.1em !important;
}

.xsitemap li.level-1 {
    font-weight: normal;
    font-size: 1em;
}

.xsitemap li.category {
    font-size: 1em;
}

.xsitemap li li {
    list-style-type: none;
}

.xsitemap-pages {
    float: left;
    width: 38%;
    font-family: 'Verdana' !Important;
}

.xsitemap li.page-url,
.xsitemap li.link {
    font-size: 1em;
    font-weight: bold;
}

/*****************Content Pages*************/
#column-right p {
    font-size: 16px !important;
    line-height: 28px !important;
}

#column-right h1 {
    color: #184DA5 !important;
    font: bold 24px / 30px "Verdana" !important;
}

#column-right h2 {
    color: #ff6600 !important;
    font: normal 24px/30px "Verdana" !important;
}

#column-right h3 {
    color: #184DA5 !important;
    font: normal 18px/21px "Verdana" !important;
}

#cust-documents img {
    width: 100%
}

#cust-buttons #order {
    width: 50%;
    background-color: #f0ad4e;
    color: #fff !important;
}

.bagoffer {
    /* width: 50%; */
    width: 100%;
    /* background-color: #2f96b4; */
    background-color: #184DA5;
    color: #fff !important;
}

.bagorder {
    /* width: 50%; */
    background-color: #f0ad4e;
    color: #fff !important;
}

#cust-buttons {
    width: 100%;
}

#cust-buttons #offer {
    width: 50%;
    background-color: #2f96b4;
    color: #fff !important;
}

#column-right img {
    /* width: 100% */
}

#column-right .cust-information img {
    width: 100%
}

#column-right .bodergray {
    border: 1px solid #dddddd !important;
    padding: 8px !important;
    width: 100% !important;
}

.inquirywidth {
    width: 150px;
}

#column-right .desc-card {
    color: #000000 !important;
    /* border-radius: 10px !important; 
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;*/
    border-radius: 1em;
    /* box-shadow: 5px 5px 5px #818181 !important;
    -webkit-box-shadow: 5px 5px 5px #818181 !important;
    -moz-box-shadow: 5px 5px 5px #818181 !important; */
    /* border: .2em solid #FFA15E !important; */
    /* background-color: #FFC093 !important;
     */
    background-color: #f1f1f1;
    box-shadow: 3px 5px 7px #aaa;
    padding: 20px !important;
    margin-bottom: 20px;
}

#column-right .desc-card-header {
    font: bold 12px/20px "Verdana" !important;
    color: #184da5 !important;
    padding-bottom: 25px !important;
    border-bottom: 1px solid #000000 !important;
    margin-bottom: 10px !important;
}

#column-right .rte p {
    padding-bottom: 10px !important;
}

.wide-button-black {
    background-color: #000;
    padding: 10px 20px;
    border-radius: 100px;
    color: #ff9000 !important;
}

#column-right table {
    margin: 10px 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

#column-right table th,
#column-right table td {
    /* padding: 8px; */
    text-align: left
}

/* #column-right table tr:nth-child(odd){
    background:#f9f9f9
}
 */
#column-right table tr:nth-child(even) {
    background: #fff
}

#column-right table {
    font-size: 16px !important
}

#column-right .product_btn {
    width: 230px;
    color: #fff;
}

#column-right .mask_border {
    border-radius: 1em;
    border: 1px solid black;
    width: 90%;
    margin-bottom: 15px
}

#column-right .mask_head {
    display: flex;
    justify-content: space-between;
    background-color: white;
    border-radius: 25px 25px 0px 0px;
    border-bottom: none;
}

#column-right .mask_head h2 {
    padding: 10px
}

#column-right .offerbtn {
    border-radius: 1em 0 1em 0;
    background: #5bc0de;
    border: 1px solid #46b8da
}

#column-right .orderbtn {
    border-radius: 0 1em 0;
    background: #f0ad4e;
    border: 1px solid #eea236
}

#column-right .offerbtn_normal {
    background: #f0ad4e;
    border: 1px solid #eea236
}

#column-right .offerbtn_botm {
    border-radius: 0 25px 0 25px;
    background: #5bc0de;
    border: 1px solid #46b8da
}

#column-right .orderbtn_botm {
    border-radius: 25px 0;
    background: #f0ad4e;
    border: 1px solid #eea236
}

#column-right .product_btn {
    cursor: pointer;
    padding: 15px 0
}

#column-right .product_btn.disabled {
    color: #f00 !important;
    opacity: 0.65 !important;
    cursor: not-allowed !important
}

#column-right .masktab_links ul {
    margin: 0
}

#column-right .masktab_links ul li {
    list-style: none;
    display: inline-block;
    font-size: 16px;
    font-family: inherit
}

#column-right .masktab_links ul li.red a {
    background: #c60000
}

#column-right .masktab_links ul li.red a:hover {
    background: #db0707
}

#column-right .masktab_links ul li a {
    background: #dbdbdb;
    padding: 6px 12px;
    display: block;
    border-radius: 14px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    margin: 6px;
}

#column-right .masktab_links ul li a:hover {
    background: #888585
}

#column-right h4 {
    color: #0a263c;
    font-size: 18px;
    font-weight: 500;
    padding-top: 15px
}

#column-right .green {
    color: green
}

#column-right .mask_border .col-md-4 img,
#column-right .col-md-4 img {
    margin: 10px 0
}

#column-right ul {
    margin: 0
}

#column-right ul li {
    font-size: 16px;
    font-family: inherit
}

.autowidth {
    width: auto !important
}

.marginauto {
    margin: auto !important
}

.width25 {
    width: 25%
}

.width50 {
    width: 50%
}

.width75 {
    width: 75%
}

.width100 {
    width: 100%
}

#column-right .outline {
    border: 1px solid #000;
    padding: 15px 0px;
}

#column-right .mask_border .col-md-4 img {
    width: 85%
}

/* Content Pages end */
/* FSC */
.cust-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}


.cust-article {
    border: 1px solid #ccc;
    padding: 20px;
    position: relative;
    max-width: 800px;
    /* Maximalbreite, die für den Inhalt des cust-article verwendet wird */
    margin-left: auto;
    margin-right: auto;
}

/* Media Query für kleinere Bildschirme */
@media screen and (max-width: 600px) {
    .cust-article {
        margin-left: 10px;
        margin-right: 10px;
    }
}


.cust-article .order-button {
    display: block;
    width: fit-content;
    margin: 20px auto 0;
    padding: 10px 10px;
    border: none;
    border-radius: 0px;
    background: #f18e00;
    color: white;
    text-decoration: none;
    text-align: center;
}

.cust-main img {
    width: 100%;
    height: auto;
    display: block;
}

/* FSC ende */
.editimg {
    object-fit: cover;
    height: 384px !important;
    border: 1px solid orange;
    border-radius: 1em;
}

.bluebg {
    background: #dde6ff;
    padding: 10px 0;
    padding-bottom: 10px;
    text-align: center;
    margin-left: -13px;
    border-radius: 20px 20px 0 0;
    margin-right: -14px;
}

.TableGrid td {
    border: 1px solid #000
}

.clear {
    clear: both
}

.search-menu-list ul {
    height: 130px !important;
}

@media only screen and (min-width: 330px) and (max-width: 1500px) {
    .box2 {
        width: 91% !important;
    }

    .breadcrumbs {
        width: 91% !important;
        padding-left: 67px;
    }

    .listing {
        margin: auto;
    }
}

@media only screen and (min-width: 1501px) {
    .box2 {
        width: 91% !important;
    }

    .breadcrumbs {
        padding-left: 5%;
    }

    .listing {
        margin: auto;
    }
}

.cblock,
.cblock a {
    color: #bcbec0;
}

.alertify .ajs-body .ajs-content {
    padding: 16px 0 16px 0;
}

.alertify-notifier ajs-bottom ajs-right {
    vertical-align: center !important;
}

.alertify-notifier.ajs-bottom {
    bottom: 50px;
}

.list-group-item {
    border: unset !important;
}

#puppy_name {
    display: none;
    opacity: 0;
    visibility: hidden;
}

#category_results li {
    cursor: pointer;
}

#category_results li:hover {
    color: lightblue;
}

#add-product-form #currencyoptions {}

/* ACCORDION FAQ */
.accordion {
    width: 100%;
}

.accordion-item {
    margin-bottom: 10px;
}

.accordion-header {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.accordion-title {
    margin: 0;
}

.accordion-icon {
    width: 10px;
    height: 10px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    transform-origin: center;
    transition: transform 0.3s ease;
}

.accordion-content {
    display: none;
    padding: 10px;
    background-color: #fff;
}

.accordion-item.active .accordion-content {
    display: block;
}

.accordion-item.active .accordion-icon {
    transform: rotate(45deg);
}

.add-on-static.after {
    position: relative;
    left: 94%;
    top: -34px;
    width: 22px;
    text-align-last: center;
    height: 34px;
    border-radius: 0 4px 4px 0;
}

/* Product manager */
.err-msg {
    display: none;
    color: red;
}

.no-wrap {
    white-space: nowrap !important
}

.title-flag {
    position: absolute;
    transform: translate(10px, 12px);
}

.pl-32 {
    padding-left: 32px !important;
}

/* Custom Content Header Styles */

/* The hero image */
.hero-image {
    /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("/application/uploads/outbreaks.webp");

    /* Set a specific height */
    height: 400px;
    background-position: 0px 0px;
    /* Zum Beispiel: 200px von links und 100px von oben */

    /* Position and center the image to scale nicely on all screens */
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* Place text in the middle of the image */
.hero-text {
    text-align: center;
    position: absolute;
    top: 20%;
    left: 10%;
    transform: translate(-50%, -50%);
    color: white;
}

.hero-text h1 {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 15px;
}

div.col-md-12 p {
    font-size: 16px;
}

/* TEMPLATE_headerbit */

.navbar-fixed-top {
    background: #000;
    position: fixed;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 1030;
}

#top-subnav a {
    float: none !important;
}

.product-list {
    top: 30px !important;
}

.setting-form .button2 {
    background: #FFD78C !important;
    border: 1px solid orange !important;
    color: orange !important;
}

.search-menu.active {
    background: #FFD78C !important;
}

.search-menu.active a span,
.search-menu.active:hover a span {
    color: orange !important;
}

.setting-panel .title a {
    color: orange !important;
}

/* header alignment */
.header-top .top-nav-right {
    flex: 3;
}

.search {
    margin: 0px !important;
}

.lang-image {
    position: relative;
    top: 2px;
    margin-left: 5px;
}

.wa-image {
    width: 22px;
    position: relative;
    right: 3px;
}

.bot-nav-center {
    float: right;
}

.social_sect .button_sect {
    float: right;
    padding: 3px;
    margin-left: 10px;
}

.top-link .lang-hover {
    top: 18px;
}

#billboard-3>div.fsc-logo>img {
    margin-bottom: -3px;
}

#billboard-3>div.fsc-logo>span {
    line-height: 12px !important;
}

.fsc-logo {
    margin-top: 10px;
    margin-left: 10px;
    text-align: left;
    position: absolute;
}

@media only screen and (max-width: 1540px) {
    .fsc-logo {
        margin-left: 30px;
    }

    .fsc-logo img {
        height: 120px !important;
    }
}

@media only screen and (max-width: 1440px) {
    .fsc-logo {
        display: none;
    }
}

@media only screen and (min-width : 150px) and (max-width : 600px) {
    .cblock h1 {
        font-size: 30px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .cust_list {
        width: 100% !important;
    }
}

/* .cust_list img {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
} */
@media only screen and (min-width: 769px) and (max-width: 820px) {
    .social_sect .button_sect {
        margin-left: 0px !important;
    }

    .fb-like>span,
    .fb-like>span>iframe {
        width: inherit !important;
    }
}

/* @media only screen and (min-width: 500px) and (max-width: 647px) {
    #background-links .top-nav-left .login-hover {
        padding: 6px 10px;
    }
    .mega-menu .login-hover{
       padding: 2px 15px !important;
    } 
} */
@media only screen and (max-width: 600px) {

    /* .menu-header{
        height: 85px;
    } */
    .search-menu a span {
        background: url(/application/assets/images/v5/sprite_arrow1.png) no-repeat right top;
        display: inline-block;
    }

}

/* TEMPLATE_headerbit end*/

/*
CSS https://www.bagobag.com/en/exclusive-paper-carrying-bags-gallery.html
    https://www.bagobag.com/en/print-on-cotton-backpack.html
    https://www.bagobag.com/en/long-lasting-woven-bags-gallery.html
    Galerie-Layout und Hover-Effekte für Bilder.

Autor: Dominik Jansen
Datum: 22.03.2024

Styles:

- .cust-page-gallery-container: Styles the container for the gallery with a maximum width of 1200px, centered alignment, and padding.
- .cust-page-gallery: Sets up a grid layout for the gallery with auto-fit columns, ensuring responsiveness, and a gap between items.
- .cust-page-gallery-item: Styles individual gallery items with rounded corners, hidden overflow, and a subtle box shadow.
- .cust-page-gallery-item img: Styles images within gallery items to cover their containers, maintain aspect ratio, and transition smoothly on hover.
- .cust-page-gallery-item:hover img: Enlarges images slightly on hover for a zoom effect.
- .btn.bagoffer: Positions the button at the bottom-left corner of the gallery item.
- .btn.bagorder: Positions the button at the bottom-left corner of the gallery item.
- #page-title: Sets color to #184DA5, Applies bold 24px/30px Verdana font.

*/
.cust-page-gallery-container {
    max-width: 2000px;
    margin: 0 auto;
    /* padding-left: 15px; */
    position: relative;
    margin-bottom: 20px;
}

.cust-page-gallery {
    /* display: flex;*/
    /* column-gap: 20px; */
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 0fr));
    /* grid-template-columns: repeat(auto-fit, minmax(200px, 230px)); */
    grid-gap: 20px;
    height: auto;
    /* padding: 40px 0; */
}

.cust-page-gallery-flex {
    display: flex;
    /* column-gap: 20px; */
    margin-bottom: 20px;
    /* display: grid; */
    grid-template-columns: repeat(auto-fit, minmax(280px, 0fr));
    /* grid-template-columns: repeat(auto-fit, minmax(200px, 230px)); */
    grid-gap: 20px;
    height: auto;
    /* padding: 40px 0; */
}

.cust-page-gallery-item {
    /* min-height: 215px; */
    height: auto;
    margin-bottom: 20px;
    border-radius: 1em;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px #ccc;
}

.cust-page-gallery-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    /* object-fit: none; */
    display: block;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.cust-page-gallery-item:hover img {
    transform: scale(1.05);
}

.cust-page-gallery-item video {
    width: 100%;
    /* height: 100%; */
    min-height: 300px;
    object-fit: cover;
    display: block;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.cust-page-gallery-item video:hover {
    transform: scale(1.05);
}

#page-title {
    color: #004b91 !important;
    font: bold 24px / 30px "Verdana" !important;
}

.cust-button-container {
    display: grid;
    justify-items: end;
}

.cust-video-container-dj {
    display: flex;
    flex-wrap: wrap;
    justify-content: normal;
    width: 100%;
}

.cust-video-container-dj iframe {
    width: calc(50% - 20px);
    margin: 10px;
    border-radius: 1em;
    height: 360px;
    /* height: 50vw; */
}

@media screen and (max-width: 767px) {
    .cust-video-container-dj iframe {
        width: calc(100% - 20px);
        height: 360px;
        /* height: 100vw; */
    }
}

.cust-page-gallery-video {
    /* display: grid; */
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /*(2, 1fr);  Zwei Spalten mit gleicher Breite */
    grid-gap: 20px;
    justify-items: center
}

.cust-page-gallery-video-item {
    /* width: 100%; */
    max-width: 450px;
}

@media (max-width: 767px) {
    .cust-page-gallery-video-item {
        /* width: 100%; */
        /* margin-bottom: 20px;  */
        margin: 20px;
    }
}

.cust-page-gallery-video-item video {
    border-radius: 1em;
    width: 100%;
    height: auto;
}

.cust-btn-bagoffer-dj {
    position: relative;
    z-index: 8;
    display: block;
    padding: 10px 0px;
    font-size: 16px;
    /* text-align: center; */
    /* text-decoration: none; */
    cursor: pointer;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    background-color: #184DA5;
    color: #fff !important;
    text-align: center;
    width: 100%;
    /* height: 40px; */
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

.cust-btn-bagorder-dj {
    position: relative;
    z-index: 8;
    display: inline-block;
    padding: 10px 0px;
    /* margin: 4px 0 16px 0; */
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    /* border-radius: 0 0 5px 5px; */
    transition: background-color 0.3s ease;
    background-color: #f0ad4e;
    color: #fff !important;
    text-align: center;
    width: 100%;
    /* height: 100%; */
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

/* Wenn kein Button vorhanden ist */
.cust-page-gallery-item:not(:has(.cust-btn-bagoffer-dj)):not(:has(.cust-btn-bagorder-dj)) img {
    width: -webkit-fill-available;
    height: 100%;
    /* object-fit: none; */
    object-fit: cover;
    display: block;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.col-md-2-dj,
.col-md-3-dj,
.col-md-4-dj,
.col-md-6-dj,
.col-md-9-dj,
.col-md-10-dj {
    min-height: 1px;
    padding-right: 5px;
    border-radius: 1em;
    position: sticky;
    top: 150px;
    margin-bottom: 20px;
}
.col-md-9-dj,
.col-md-10-dj {
    padding-left: 20px;
}
.col-md-12-dj {
    display: flex;
    gap: 10px;
}
@media (max-width:992px) {

    div.image-slide1 img,
div.image-slide2 img {
   width:100%;
}
}

@media (min-width:992px) {
    .col-md-2-dj {
        float: left;
        width: 16.66667%;
    }
    .col-md-3-dj {
        float: left;
        width: 25%;
    }
    .col-md-4-dj {
        float: left;
        width: 33.33334%;
    }
    .col-md-6-dj {
        float: left;
        width: 50%;
    }
    .col-md-9-dj {
        float: left;
        width: 75%;
    }
    .col-md-10-dj {
        float: left;
        width: 83.33334%;
    }
}
.BGimg-dj {
    position: sticky;
    top: 0;
    border-radius: 1em;
    border: 1px #f1f1f1 solid;
    display: block;
    padding: 8px;
    height: 500px;
    text-align: center;
}
.BGimg-dj img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 1em;
}
.cust-product-container {
    position: relative;
    display: flex;
    /* justify-content: center; */
}

.desc-card-dj {
    padding-left: 100px; 
}
.div img {
    border-radius: 1em;
}
@media (max-width: 768px) {
    .cust-product-container {
        flex-direction: column; 
    }
    .col-md-2-dj,
    .col-md-3-dj,
    .col-md-6-dj,
    .col-md-4-dj,
    .col-md-9-dj {
        position: relative;
        top: auto;
    }
    .col-md-6-dj {
        order: 0; 
    }
    .col-md-4-dj {
        margin-top: 15px;
    }
    .cust-page-gallery-item-dj {
        min-height: 240px;
        margin-bottom: 20px;
    }
    .desc-card-dj {
        padding-left: 0; 
        margin-bottom: 15px;
    }
    .cust-page-gallery-item:not(:has(.cust-btn-bagoffer-dj)):not(:has(.cust-btn-bagorder-dj)) img {
        width: -webkit-fill-available;
        height: 100%;
        object-fit: cover;
        display: block;
        overflow: hidden;
        transition: transform 0.3s ease;
    }
    .cust-page-gallery-item {
        min-height: 215px;
        height: auto;
        margin-bottom: 30px;
        border-radius: 1em;
        position: relative;
        overflow: hidden;
        box-shadow: 0 4px 8px #ccc;
    }
}

/* Lupe-Symbol als separater Button */
.cust-btn-loupe {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 1px;
    line-height: 1;
    cursor: pointer;
    opacity: 0; /* Standardmäßig unsichtbar */
    transition: opacity 0.3s ease; /* Animierter Übergang für die Sichtbarkeit */
    z-index: 1;
  }
  
  /* Button-Styling beim Schweben über das Bild */
  .cust-page-gallery-item:hover .cust-btn-loupe {
    opacity: 1; /* Bei Schweben über das Bild sichtbar machen */
  }
  
  /* Button-Styling */
  .cust-page-gallery-item {
    position: relative;
  }
  
  /* Effekt, wenn der Button angeklickt wird */
  .cust-btn-loupe:active {
    transform: scale(0.95);
  }
  .cust-btn-loupe a:hover, .cust-btn-loupe a:active, .cust-btn-loupe .a_active {
    color: unset;
    text-decoration: unset;
  }
  .clearfix {
    clear: both;
  }

/* CSS https://www.bagobag.com/en/exclusive-paper-carrying-bags-gallery.html
       https://www.bagobag.com/en/print-on-cotton-backpack.html
       https://www.bagobag.com/en/long-lasting-woven-bags-gallery.html end */

/*
Test
       */

.dropdown-toggle::after{
	all:unset;
}