/*
Theme Name: LOMA Metall Theme
Theme URI: http://www.goon-webdesign.de
Author: Alexander Kunz @goon-webdesign
Author URI: http://www.goon-webdesign.de
Description: Individuell erstelltes Template für LOMA Metall.
Version: 1.0
Tags: loma metall
Text Domain: loma-metall
*/

/* globals */
* {
	font-family: 'Maven Pro', sans-serif;
}

body {
	font-size:16px;
	background-repeat: no-repeat;
	background-position: top center;
	overflow-x: hidden;
}

/* set container width */
@media (min-width: 1300px) {
	.container {
		width: 1270px;
	}
}

/* fallback vor uhd devices */
@media(min-width:1921px) {	/* >1920 */
	body {
		width:1920px;
		margin: 0 auto;
	}
	.contentHeaderArea {
		width:1920px !important;
	}
}

.contentSpacer {
	width:100%;
	height:160px;
}

@media(max-width:767px) {
	.contentSpacer {
		height: 100px;
	}
}

a,
a:hover,
a:visited,
a:active,
a:focus {text-decoration:none;}

a,a:active,a:visited {color:#00B6E8;}
a:hover {color:#09458A;}

.fadeIn {
	display:block !important;
	z-index: 1001 !important;
}

/* font */
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:20px;}

/* XS */
@media (max-width: 767px) {
	h1 {font-size:26px;}
	h2 {font-size:22px;}
	h3 {font-size:20px;}
}

h1,h2,h3,h4,h5,h6 {
	font-weight:700;
}

.white {color:white;}
.blue {color:#09458A;}
.cyan {color:#00B6E8;}
.red {color:#D00424;}

.normal {font-size:16px;}

.strong {font-weight:bold;}

/* scroll up button */
.scrollUpButton {
	cursor:pointer;
	width: 50px;
	height: 40px;
	border-radius: 5px;
	position: fixed;
	right: -10px;
	bottom: 50px;
	z-index: -1;
	background-color: #09458A;
	display:none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.scrollUpButton > img {
	margin-top: 12.5px;
	margin-left: 9px;
}


/* shiftnav mod */
.shiftnav-wrap {
	padding-top:0px !important;
}


/* home site */
/* first scene */
.contentScene {
	width: 100%;
}


/* header element */
.headerSpacerXS {
	width:100%;
	height:60px;
}

.headerMenuTitleXS {
	float: left;
	padding-top: 14px;
	margin-left: -10px;
}

#shiftnav-toggle-main {
	z-index:998 !important;
	box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.8);
}

#shiftnav-toggle-main .shiftnav-toggle-burger {
	padding-left:12px !important;
	padding-top: 22px !important;
}

#shiftnav-toggle-main .shiftnav-main-toggle-content-before {
	float: left;
	padding-top: 6px;
}

.shiftnav-main-toggle-content {
	padding:0 !important;
	margin: 0 auto;
	display: block !important;
}

.headerLogoXS {
	float:left;
}

.headerLogoXS > a {
	margin: 10px auto;
	display: block;
}

.headerLogoXS > a > img {
	margin-left:20px;
	width: 146px;
	height: 40px;
}

.bannerAreaXS {
	width:100%;
	padding-top:60px;
}

.bannerElement {
	width:250px;
	height:325px;
	margin:0 auto;
}

.bannerAreaXS .bannerElement {
	position:relative;
}

.homeNavDetailTextXS {
	width: 250px;
	height: 260px;
	background-color: #09458A;
	color: white;
	text-align: center;
	position: relative;
	padding: 10px 5px 5px 5px;
}

.homeNavDetailTextXS > h2,
.homeNavDetailTextXS > h1 {
	margin-top: 15px;
	font-size:28px;
}

.homeNavBottomArrowXS {
	width: 0;
	height: 0;
	border-left: 125px solid transparent;
	border-right: 125px solid transparent;
	border-top: 50px solid #09458A;
	border-bottom: 150px solid transparent;
	position: absolute;
	top: 260px;
	left: 0;
	z-index: -1;
}

.homeNavBottomArrowTipXS {
	width: 0;
	height: 0;
	border-left: 27px solid transparent;
	border-right: 27px solid transparent;
	border-top: 10px solid white;
	bottom: -50px;
	left: 50%;
	margin-left: -27px;
	position: absolute;
}

.homeSliderNavXS > .homeSliderNavLeft,
.homeSliderNavXS > .homeSliderNavRight {
	bottom:0;
	top: 135px;
}

.homeSliderNavXS > .homeSliderNavLeft {
	left:2%;
}

.homeSliderNavXS > .homeSliderNavRight {
	right:2%;
}


.headerArea {
	width:100%;
	height:135px;
	position:relative;
	border-bottom:solid 4px white;
}

.headerElement {
	width:100%;
	height:90px;
	position:absolute;
	margin-top:20px;
	background-color:white;
}

.headerButtonsLeft > a,
.headerButtonsLeft > div {
	margin-top:24px;
	float:left;
}

.headerButtonsLeft > a + a,
.headerButtonsLeft > div + a {
	margin-left:10px;
}

.headerButtonsLeft > div.lang {
	width: 35px;
	height: 35px;
	position: relative;
	margin-top: 27px;
	margin-right: 3px;
}

.headerButtonsLeft > div.lang:before,
.shiftnav-toggle-main-block > div.lang:before {
	border: 3px solid #09458A;
	content: "";
	position: absolute;
	top: -3px;
	bottom: -3px;
	left: -3px;
	right: -3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.headerButtonsLeft > div.lang:hover:before {
	border: 3px solid #00B6E8;
}

.headerButtonsLeft > div.lang > a {
	position: relative;
}

.socialIcon {
	width:41px;
	height:41px;
	background:url(./res/img/sprites/social-icons.png) no-repeat center center;
}

.facebookSocialIcon {background-position:-2px -2px;}
.facebookSocialIcon:hover {background-position:-2px -45px;}
.youtubeSocialIcon {background-position:-45px -2px;}
.youtubeSocialIcon:hover {background-position:-45px -45px;}

.headerContactButtons > a {
	margin-top:24px;
	float:right;
}

.headerContactButtons > a + a {
	margin-right:10px;
}

.contactIcon {
	width:41px;
	height:41px;
	background:url(./res/img/sprites/contact-icons.png) no-repeat center center;
}

@media(min-width:768px) and (max-width:991px) {
	.contentHeaderNavButtons {
		padding-top:6px;
	}
	.contentHeaderNavButtons .contactIcon,
	.contentHeaderNavButtons .lang {
		-moz-transform: scale(0.8);
		-moz-transform-origin: top left;
		-o-transform: scale(0.8);
		-o-transform-origin: top left;
		-webkit-transform: scale(0.8);
		-webkit-transform-origin: top left;
		margin-right: -2px;
	}
	.contentHeaderNavButtons > div.lang {
		margin-right: 0 !important;
	}
}

.downloadContactIcon {background-position:-2px -2px;}
.downloadContactIcon:hover {background-position:-2px -45px;}
.downloadContactIconCyan {background-position:-2px -45px;}
.downloadContactIconCyan:hover {background-position:-2px -88px;}
.downloadContactIconCyan.navActive {background-position:-2px -88px;}
.telContactIcon {background-position:-45px -2px;}
.telContactIcon:hover {background-position:-45px -45px;}
.telContactIconCyan {background-position:-45px -45px;}
.telContactIconCyan:hover {background-position:-45px -88px;}
.telContactIconCyan.navActive {background-position:-45px -88px;}
.mailContactIcon {background-position:-88px -2px;}
.mailContactIcon:hover {background-position:-88px -45px;}
.mailContactIconCyan {background-position:-88px -45px;}
.mailContactIconCyan:hover {background-position:-88px -88px;}
.mailContactIconCyan.navActive {background-position:-88px -88px;}

.headerLogo > a,
.headerLogo > a > img {
	width:252px;
	height:69px;
	margin:11px auto 0 auto;
	display:block;
}


/* home slider element */
.homeSliderArea {
	width:100%;
	height:auto;
	overflow: hidden;
	position:relative;
}

.homeSlider {
	width:100%;
	height:100%;
}

@media (min-width: 768px) and (max-width:991px){	/*SM*/
	.homeSlider .item > img {
		width:auto;
		height:486px;
	}
}
@media (min-width: 992px) {	/*MD + LG*/
	.homeSlider .item > img {
		width:auto;
		height:550px;
	}
}

.homeSliderNavLeft,
.homeSliderNavRight {
	width:25px;
	height:42px;
	position:absolute;
	bottom: 142px;
	z-index:1000;
	background:url(./res/img/slider-arrow-light.png) no-repeat center center;
	cursor:pointer;
}

.homeSliderNavRight {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.homeSliderNavLeft {
	left:1%;
}

.homeSliderNavRight {
	right:1%;
}


/* home nav area */
.homeNavUpperArea {
	position: absolute;
	width: 100%;
	bottom: 100px;
	z-index: 100;
}

.homeNavElementArea {
	width:16.66%;
	float:left;
	text-align:center;
}

.homeNavElementArea > a {
	margin:0 auto;
}

.homeNavElementArea:after {
	clear:both;
}

.homeNavElement {
	width:128px;
	height:128px;
	margin: 0 auto;
	cursor:pointer;
	background:url(./res/img/sprites/nav-icons-home.png) no-repeat top center;
	position:relative;
}

/* SM */
@media(min-width:768px) and (max-width:991px) {
	.homeNavElement {
		zoom: 0.7;
		-moz-transform: scale(0.7);
	}
	.homeNavDetailText {
		zoom: 1.3;
		-moz-transform: scale(1.3);
	}
	.homeNavDetailText {
		left:-75px !important;
	}
	.homeSliderNavLeft,
	.homeSliderNavRight {
		bottom: 123px;
	}
}

.homeNavElement1 {background-position:-2px -2px;}
.homeNavElement1:hover {background-position:-2px -132px;}
.hNEle1Active {background-position:-2px -132px !important;}
.homeNavElement2 {background-position:-132px -2px;}
.homeNavElement2:hover {background-position:-132px -132px;}
.hNEle2Active {background-position:-132px -132px !important;}
.homeNavElement3 {background-position:-522px -2px;}
.homeNavElement3:hover {background-position:-522px -132px;}
.hNEle3Active {background-position:-522px -132px !important;}
.homeNavElement4 {background-position:-262px -2px;}
.homeNavElement4:hover {background-position:-262px -132px;}
.hNEle4Active {background-position:-262px -132px !important;}
.homeNavElement5 {background-position:-392px -2px;}
.homeNavElement5:hover {background-position:-392px -132px;}
.hNEle5Active {background-position:-392px -132px !important;}
.homeNavElement6 {background-position:-652px -2px;}
.homeNavElement6:hover {background-position:-652px -132px;}
.hNEle6Active {background-position:-652px -132px !important;}

/*XS*/
@media(max-width:767px) {
	.bannerAreaXS .homeNavElement {
		zoom: 0.3;
		-moz-transform: scale(0.3);
		position: absolute;
		left: 358px;
		bottom: 100px;
	}
}

.homeNavDetailText {
	display:none;
	width: 250px;
	height: 260px;
	background-color: #09458A;
	color: white;
	text-align: center;
	position: relative;
	top: -326px;
	left: -61px;
	padding: 25px 5px 5px 5px;
}

.homeNavDetailText > h2,
.homeNavDetailText > h1 {
	margin-top:0px;
}

#homeNavDetailText1 > h1 {
	font-size:24px;
}

#homeNavDetailText1 > h2 {
	font-size:20px;
}

.homeNavHoverField {
	width: 250px;
	height: 460px;
	color: white;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.homeNavBottomArrow {
	width: 0;
	height: 0;
	border-left: 125px solid transparent;
	border-right: 125px solid transparent;
	border-top: 50px solid #09458A;
	position: absolute;
	top: 260px;
	left: 0;
	z-index: -1;
}

.homeNavBottomArrowTip {
	width: 0;
	height: 0;
	border-left: 27px solid transparent;
	border-right: 27px solid transparent;
	border-top: 10px solid white;
	bottom: -50px;
	left: 50%;
	margin-left: -27px;
	position: absolute;
}

.homeNavIconTextArea {
	width:100%;
	position: absolute;
	bottom: 20px;
	height: 60px;
	z-index: 99;
	background:rgb(255 255 255);
	color:#00B6E8;
}

.homeNavIconTextArea > div > div > div + div {
	display:none;
}


/* nav block */
.navBlock {
	height: 60px;
	width: 25%;
	float: left;
	padding-left: 20px;
}

.contentHeaderNavText > div > div.navBlock {
	padding-left:0px;
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	.navBlock {
		width: 25%;
		letter-spacing: -1px;
	}
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	.navBlock {
		font-size: 13px;
		letter-spacing: -1px;
  		width: 25%;
	}
}

.navBlock > a {
	width:100%;
	color:#205192;
	float:left;
	height: 23px;
	font-weight: bold;
	line-height: 34px;
}

.navBlock > a:hover {
	color:#00B6E8;
}

.navActive {
	color:white !important;
}


/* promo boxes area */
.homePromoArea {
	width: 100%;
	border-top: 4px solid white;
}

.homePromoBoxes {
	height: 154px;
	margin-top: 60px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
}

.homePromoBoxBanner {
	height: 125px;
	margin-top: 10px;
	background:rgba(9, 69, 138, 0.8);
}

@media(max-width:767px) {
	.homePromoArea {
		border-top:none;
	}
	.homePromoBoxes {
		height: 325px;
		margin-top: 0;
	}
	.homePromoBoxBanner {
		height: 317px;
		margin-top: 0;
	}
}

/* contentHeader Area */
.contentHeaderArea {
	height: 144px;
	z-index: 1000;
	width: 100%;
	box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.8);
}

@media(max-width:767px) {
	.contentHeaderArea {
		display:none;
	}
}

#darkContentHeaderArea {
	position:absolute;
	background: url(./res/img/nav/loma-header-blue-bg.jpg);
}

#lightContentHeaderArea {
	position:fixed;
	top:0;
	background-color: #F3F8FC;
}

.contentHeaderFirstRow {
	height:69px;
	padding-top:15px;
}

.contentHeaderFirstRow > div {
	padding-left:0;
}

.contentHeaderFirstRowLeftArea > a {
	float:left;
}

.contentHeaderFirstRow  > div > a + a {
	margin-left:25px;
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	.contentHeaderFirstRow  > div > a + a {
		margin-left:0px;
	}
}

.darkContentHeaderElement-de {
	width:80px;
	height:53px;
	cursor:pointer;
	float: left;
	background:url(./res/img/sprites/nav-icons-home-small-cyan-de.png) no-repeat center center;
}
.darkContentHeaderElement-en {
	width:80px;
	height:53px;
	cursor:pointer;
	float: left;
	background:url(./res/img/sprites/nav-icons-home-small-cyan-en.png) no-repeat center center;
}

#darkContentHeaderElement1 {background-position:-2px -2px;}
#darkContentHeaderElement1:hover {background-position:-2px -57px !important;}
.darkContentHeaderElement1Active {background-position:-2px -112px !important;}
#darkContentHeaderElement2 {background-position:-84px -2px;}
#darkContentHeaderElement2:hover {background-position:-84px -57px !important;}
.darkContentHeaderElement2Active {background-position:-84px -112px !important;}
#darkContentHeaderElement3 {background-position:-330px -2px;}
#darkContentHeaderElement3:hover {background-position:-330px -57px !important;}
.darkContentHeaderElement3Active {background-position:-330px -112px !important;}
#darkContentHeaderElement4 {background-position:-166px -2px;}
#darkContentHeaderElement4:hover {background-position:-166px -57px !important;}
.darkContentHeaderElement4Active {background-position:-166px -112px !important;}
#darkContentHeaderElement5 {background-position:-248px -2px;}
#darkContentHeaderElement5:hover {background-position:-248px -57px !important;}
.darkContentHeaderElement5Active {background-position:-248px -112px !important;}
#darkContentHeaderElement6 {background-position:-412px -2px;}
#darkContentHeaderElement6:hover {background-position:-412px -57px !important;}
.darkContentHeaderElement6Active {background-position:-412px -112px !important;}
.contentHeaderActive {background-position-y:-112px !important;}

.lightContentHeaderElement-de {
	width:80px;
	height:53px;
	cursor:pointer;
	float:left;
	background:url(./res/img/sprites/nav-icons-small-blue-de.png) no-repeat center center;
}
.lightContentHeaderElement-en {
	width:80px;
	height:53px;
	cursor:pointer;
	float:left;
	background:url(./res/img/sprites/nav-icons-small-blue-en.png) no-repeat center center;
}

#lightContentHeaderElement1 {background-position:-2px -2px;}
#lightContentHeaderElement1:hover {background-position:-2px -57px !important;}
.lightContentHeaderElement1Active {background-position:-2px -112px !important;}
#lightContentHeaderElement2 {background-position:-84px -2px;}
#lightContentHeaderElement2:hover {background-position:-84px -57px !important;}
.lightContentHeaderElement2Active {background-position:-84px -112px !important;}
#lightContentHeaderElement3 {background-position:-330px -2px;}
#lightContentHeaderElement3:hover {background-position:-330px -57px !important;}
.lightContentHeaderElement3Active {background-position:-330px -112px !important;}
#lightContentHeaderElement4 {background-position:-166px -2px;}
#lightContentHeaderElement4:hover {background-position:-166px -57px !important;}
.lightContentHeaderElement4Active {background-position:-166px -112px !important;}
#lightContentHeaderElement5 {background-position:-248px -2px;}
#lightContentHeaderElement5:hover {background-position:-248px -57px !important;}
.lightContentHeaderElement5Active {background-position:-248px -112px !important;}
#lightContentHeaderElement6 {background-position:-412px -2px;}
#lightContentHeaderElement6:hover {background-position:-412px -57px !important;}
.lightContentHeaderElement6Active {background-position:-412px -112px !important;}

.logoSmall-de {
	width:207px;
	height:54px;
	cursor:pointer;
	background:url(./res/img/sprites/loma-logo-small-de.png) no-repeat center center;
}
.logoSmall-en {
	width:207px;
	height:54px;
	cursor:pointer;
	background:url(./res/img/sprites/loma-logo-small-en.png) no-repeat center center;
}

.darkLogo {
	background-position:-2px -58px;
	float: right;
}

.lightLogo {
	background-position:-2px -2px;
	float: right;
}

.darkContentHeaderSecondRow {
	height:60px;
	margin-top:15px;
	width:100%;
	background: rgba(9, 69, 138, 0.5);
}

.lightContentHeaderSecondRow {
	height:60px;
	margin-top:15px;
	width:100%;
	background-color:#09458A;
}

.contentHeaderSecondRowNavText {
	height: 60px;
	color:#00B6E8;
}

.contentHeaderNavText > ul {
	margin: 4px 0 0 0;
	height: 55px;
	width: 320px;
	float: left;
}

.contentHeaderNavText a {
	color:#00B6E8;
	text-decoration:none;
	font-weight: 700;
	line-height: 28px;
}

.contentHeaderNavText a:hover {
	color:white;
}

.contentHeaderNavButtons > a,
.contentHeaderNavButtons > div {
	margin-top:9px;
	float:right;
}

.contentHeaderNavButtons > a + a {
	margin-right:10px;
}

.contentHeaderNavButtons > div.lang {
	width: 35px;
	height: 35px;
	position: relative;
	margin-top:13px;
	margin-right: 13px;
	margin-left: 5px;
}

.contentHeaderNavButtons > div.lang:before {
	border: 3px solid #00B6E8;
	content: "";
	position: absolute;
	top: -3px;
	bottom: -3px;
	left: -3px;
	right: -3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.contentHeaderNavButtons > div.lang:hover:before {
	border: 3px solid white;
}

.contentHeaderNavButtons > div.lang > a {
	position: relative;
}


/* promo element informations */
.promoElement {
	width: 275px;
	margin: 0 auto;
	position:relative;
}

.promoElementImage {
	line-height: 125px;
}

.promoElement > a > .promoElementImage > img {
	width:275px;
	height:100px;
}

.promoElementImageText {
    position: absolute;
    bottom: 47px;
    background-color: white;
    width: 92%;
    height: 30px;
    padding: 0 5px;
    font-size: 21px;
    color: #205192;
    font-weight: bold;
    text-align: center;
    font-weight: 700;
}

.promoOverlay {
	width: 275px;
	height: 100px;
	position: absolute;
	z-index: 2;
	top: 14px;
}

.promoOverlay:hover {
	background: rgba(126, 186, 255, 0.6);
}

/* XS */
@media(max-width:767px) {
	.promoElement {
		width:275px;
	}
	.promoElement > a > .promoElementImage > img {
		width:275px;
		height:auto;
	}
	.promoOverlay {
		width:100%;
		height:87px;
		top: 13px;
	}
	.promoElementImage {
		height:100px;
		overflow:hidden;
	}
	.promoElementImageText {
		bottom: 0px;
	}
}
/* SM */
@media(min-width:768px) and (max-width:991px) {
	.promoElement {
		width:100%;
	}
	.promoElement > a > .promoElementImage > img {
		width:100%;
		height:auto;
	}
	.promoOverlay {
		width:100%;
		height:80px;
		top: 23px;
	}
	.promoElementImageText {
		font-size:12px;
		bottom: 25px;
	}
}


/* shiftnav element informations */
.shiftNavMenuTitle {
	color: #09458A;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 25px !important;
	height: 51px;
	line-height: 51px !important;
	border-bottom: 1px solid lightgrey;
}

.current-menu-item {
	background:#052346 !important;
}

.current-menu-item > a.shiftnav-target {
	background:none !important;
	color:white !important;
}

.menu-item.menu-item-has-children.shiftnav-active > span.shiftnav-target {
	color: #09458A !important;
	background: #DDE9F7 !important;
}

li#menu-item-767.current-menu-item > a.shiftnav-target,
li#menu-item-768.current-menu-item > a.shiftnav-target,
li#menu-item-769.current-menu-item > a.shiftnav-target {
	color: #09458A !important;
	background: #DDE9F7 !important;
}

.shiftnav.shiftnav-skin-custom ul.shiftnav-menu > li.menu-item > .shiftnav-target {
	border-bottom: 1px solid lightgrey;
}

.keywordSelectionXS {
	color:black;
	width:100%;
	height:30px;
}

.keywordSelectionXS .panTabKeyActive {
	color:black !important;
}

.galleryImagesArea .keywordSelectionXS {
	margin:15px 0;
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target {
	padding: 15px 25px 15px 55px !important;
}

li#menu-item-767 {
	/*margin-top: 25px;*/
	border-top: 5px solid lightgrey;
}

.shiftNavMenuIcons-de {
	position:absolute;
	z-index:100 !important;
	width:53px;
	height:53px;
	cursor:pointer;
	background:url(./res/img/sprites/nav-icons-small-blue-de.png) no-repeat !important;
	zoom:0.6;
	-moz-transform:scale(0.6);
	-moz-transform-origin: -15px -10px;
	top:15px;
    left:20px;
}
.shiftNavMenuIcons-en {
	position:absolute;
	z-index:100 !important;
	width:53px;
	height:53px;
	cursor:pointer;
	background:url(./res/img/sprites/nav-icons-small-blue-en.png) no-repeat !important;
	zoom:0.6;
	-moz-transform:scale(0.6);
	-moz-transform-origin: -15px -10px;
	top:15px;
    left:20px;
}

.shiftNavIcon1 {background-position:-15px -2px !important;}
.shiftNavIcon2 {background-position:-98px -2px !important;}
.shiftNavIcon3 {background-position:-344px -2px !important;}
.shiftNavIcon4 {background-position:-179px -2px !important;}
.shiftNavIcon5 {background-position:-262px -2px !important;}
.shiftNavIcon6 {background-position:-425px -2px !important;}

.shiftNavOtherIcons {
	position:absolute;
	z-index:100 !important;
	width:41px;
	height:41px;
	cursor:pointer;
	background:url(./res/img/sprites/contact-icons.png) no-repeat !important;
	zoom:0.8;
	-moz-transform:scale(0.8);
	top:10px;
    left:15px;
}

.shiftNavOtherIcon7 {background-position:-88px -2px !important;}
.shiftNavOtherIcon8 {background-position:-45px -2px !important;}
.shiftNavOtherIcon9 {background-position:-2px -2px !important;}

.shiftnav-toggle-main-block > div.lang {
	float: right;
	position: relative;
    margin: 12px 12px 0 15px;
}

.shiftnav-toggle-main-block > div.lang > a {
	position: relative;
}

/* lazy load */
.lazy-hidden {background: #eee url('res/img/loading.gif') no-repeat 50% 50%;}

/* contact upload */
.contactFormArea input[type=file] {
	color: white;
}

input[type=submit].contactSubmitBtn {
	width: 100px;
	height: 40px;
	background-color: #00B6E8;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	color: white;
	border-color: #00B6E8;
	padding: 0;
}
/* END - contact upload */

/* dv-box */
.wt-dv-box-wrapper input {
	appearance: auto;
}

.wt-dv-box-wrapper {
	display:flex;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.7);
}
.wt-dv-box-wrapper a {
	color: #09458A;
}
.wt-dv-box-hide {
	display:none;
	visibility: hidden;
}

.wt-dv-box-container {
	margin: auto;
	width: 90%;
	max-width: 520px;
	height: auto;
	max-height: 90%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 20px;
	background: #fff;
	border-radius: 0;
	position: relative;
}

.wt-dv-box-heading {
	font-size: 28px;
	font-weight: bold;
	color: #000;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.wt-dv-box-heading img {
	width: 45px;
	height: auto;
}
@media(max-width:575px) {
	.wt-dv-box-heading {
		font-size: 18px;
	}
	.wt-dv-box-heading img {
		width: 40px;
	}
}

.wt-dv-box-container > p {
	margin: 20px 0;
}

.wt-acc-panel div.half-separator {
	text-align: center;
}
.wt-acc-panel div.half-separator hr {
	display: inline-block;
	width: 60%;
}

.wt-cb-btn-primary {
	text-transform: uppercase;
	background-color: #09458A;
	border-radius: 0;
	cursor: pointer;
	color: white;
	font-size: 16px;
	padding: 12px 0;
	text-decoration: none;
	margin-bottom: 20px;
	text-align: center;
}

.wt-cb-btn-secondary {
	background-color: white;
	border-radius: 0;
	border:1px solid black;
	cursor: pointer;
	color: black;
	font-size: 14px;
	font-weight: normal;
	padding: 12px 0;
	text-decoration: none;
	margin-bottom: 20px;
	text-align: center;
}

.wt-c-info-inactive {
	display: none;
}
.wt-more-info {
	cursor: pointer;
}
.wt-more-info:hover {
	font-weight: 600;
}

.wt-cb-btn-primary:hover,
.wt-cb-btn-secondary:hover {
	text-decoration: underline;
}

form[name="wt-dv-settings"] {
	max-height: 350px;
	overflow-y: auto;
	word-break: break-word;
	padding: 0 10px;
}

form[name="wt-dv-settings"] label,
form[name="wt-dv-settings"] table,
form[name="wt-dv-settings"] table tr,
form[name="wt-dv-settings"] table tr td {
	width: 100%;
}
form[name="wt-dv-settings"] input {
	float: right;
}
form[name="wt-dv-settings"] input[disabled] {

}

form[name="wt-dv-settings"] table tr td p {
	padding-right: 20px;
}
form[name="wt-dv-settings"] label {
	cursor: pointer;
	font-weight: inherit;
}
form[name="wt-dv-settings"] .wt-acc-title {
	background-color: #eee;
	cursor: pointer;
	padding: 12px 12px 12px 30px;
	text-align: left;
	margin: 10px 0;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
form[name="wt-dv-settings"] .wt-acc-title:before {
	content: ' ';
	width: 3px;
	height: 3px;
	top: 20px;
	left: 10px;
	position: absolute;
	border: solid #777;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 2px;
}
form[name="wt-dv-settings"] .wt-acc-title.wt-acc-inactive:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
form[name="wt-dv-settings"] .wt-acc-title.wt-acc-active:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
form[name="wt-dv-settings"] .wt-acc-panel,
form[name="wt-dv-settings"] .wt-acc-panel-necessary {
	padding: 0 11px;
	position: relative;
}
form[name="wt-dv-settings"] .wt-acc-title > * {
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-size: 22px !important;
	line-height: 30px !important;
	margin: 0 !important;
}
form[name="wt-dv-settings"] .wt-acc-title.wt-acc-inactive+.wt-acc-panel,
form[name="wt-dv-settings"] .wt-acc-title.wt-acc-inactive+.wt-acc-panel-necessary {
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	padding: 0 50px;
	max-height: 0;
}
form[name="wt-dv-settings"] .wt-acc-title.wt-acc-active+.wt-acc-panel,
form[name="wt-dv-settings"] .wt-acc-title.wt-acc-active+.wt-acc-panel-necessary {
	visibility: visible;
	opacity: 1;
	max-height: 1700px;
}

#wt-dv-box-save {
	margin-top: 10px;
}

.wt-dv-box-legal-pages {
	margin-top: 20px;
	text-align: center;
}
.wt-dv-box-legal-pages a {
	text-decoration: none;
	color: #09458A;
}
.wt-dv-box-legal-pages a:hover {
	text-decoration: underline;
}
.wt-dv-box-lang-wrapper {
	text-align: center;
	margin-top: 40px;
}
.wt-dv-box-lang-wrapper a.lgilang {
	border: 0;
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	color: #fff !important;
	background-color: #09458A !important;
}
.wt-dv-box-lang-wrapper a.lgilang span {
	color: white;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 36px;
}
/* END - dv-box */