@import url('/admin/include/fonts/open_sans/font.css?123');

html, body {
font-weight: 300;
    touch-action: manipulation;
    overscroll-behavior: none;
  }

.GameButton  {margin-left: 37px; display: inline-block !important; text-decoration: none !important; font-size: 1.5rem !important; color: #fff !important; padding: 5px 10px; border: 1px solid #fff}
.GameButton[data-game-mod='0'] {border: none}
html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: sans-serif; }
*, *:before, *:after {
text-transform: none;
outline: 0;
		-webkit-tap-highlight-color: rgba(255,255,255,0);
-webkit-tap-highlight-color: transparent;
		-moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
.BodyBackground {background-position: center center; background-size: cover; position: absolute; left:0; right: 0; top: 0; bottom: 0;}
.bg-mask{background: rgba(255,255,255,0.4); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.GameHeader {overflow: hidden; background: #5FC7F6; padding: 0.5rem 1rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;; color: #fff; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;; height: 6rem; position: relative; z-index:111112;}
.GameHeader > div {margin-right: 1rem;}
.GameHeader > div:last-child {margin-right: 0em;}
.game-headline {overflow: hidden; flex: 1; text-align: center;}
.game-icon {font-family: use-web; font-size: 4rem; line-height: 1; margin: 0px 1rem; cursor: pointer; }
.game-icon.game-close {font-size: 5rem;}
.GameHeaderIcon span {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 2rem;}
.GameHeaderHeadline {overflow: hidden; flex: 1;}
.GameOverView, .GameSolved { color: #fff; position: absolute; bottom: 0rem; left: 0rem; right: 0rem; top: 0rem; z-index:111111  }
.GameBody {position: relative; overflow: hidden; max-height: 100vh; max-height: calc(100vh - 12rem); }
.GameSolved {display: none; }
.GameInfo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important;; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; height: 100%; }
.GameInfoInner {background: #5FC7F6; border-radius: 3rem;  padding: 3rem; position: relative;}
.GameInfo h2 {margin: 0; color: #fff; font-size: 2rem;}
.GamesWrapper {overflow: hidden;}
.AllGames {border-radius: 8rem; width: 100%; max-width: 104rem;  margin: auto; padding: 2rem; background: rgba(255,255,255,0.6)}
.AllGames .Game {border-radius: 4rem; width: 30rem; border: none; margin: 2rem;}
.AllGames .Game:nth-child(1) {float: left;}
.AllGames .Game:nth-child(2) {float: right;}
.AllGames .Game:nth-child(3) {clear: both; float: none; margin-left: auto; margin-right: auto}
.AllGames .Game:nth-child(4) {float: left;}
.AllGames .Game:nth-child(5) {float: right;}
.AllGames .GameHeadline {padding: 1rem 2rem; bottom: auto; text-align: center; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.start-game {display: table !important; cursor: pointer; margin: 0 auto; margin-top: 1rem; background: green; padding: 1.5rem; text-transform: uppercase; font-weight: bold !important; text-decoration: none !important;}
.GameDifficulty {overflow: hidden; margin-top:2rem; }
.GameDifficulty h2 {font-weight: bold; margin-bottom: 1rem; text-align: center;}
.GameDifficulty div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.GameDifficulty a {display: block !important; cursor: pointer; background: transparent; color: #000 !important; text-align: center; margin: 1rem;  border: 1px solid transparent; padding: 0.5rem; text-decoration: none !important;}
.GameDifficulty a.easy {background: yellow}
.GameDifficulty a.active {box-shadow: 0px 0px 0px 0.5rem #fff}
.GameDifficulty a.hard {background: orange}
.GameDifficulty a.expert {background: red}
.GameDifficulty ~ .start-game {visibility: hidden}

.GameSolved .GameInfoInner { padding-bottom: 4rem;}
.actions-buttons {display: block !important; top: 100%; border-radius: 50%; margin-top: -2.5rem; z-index: 11; font-family: use-web !important; font-size: 3rem !important; cursor: pointer; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; background-color: #fff; color:#5FC7F6 !important; text-decoration: none !important; position: absolute; }
.restart-game { right: -2.5rem; }
.next-game {font-size: 2rem !important; letter-spacing: 1px; right: -2.5rem;}
.next-game ~ .restart-game { left:50%; margin-left: -2.5rem; right: auto; }
.more-game {left: -2.5rem;}
.Game { cursor: pointer; overflow: hidden; float: left; margin: 2rem; margin-left: 0px;  border: 2px solid #5FC7F6;}
.GameHeadline {
    position: absolute;
    background: rgba(255,255,255,0.6);
    left: 0;
    bottom: 0;
    padding: 1rem;
    right: 0px;

    color: #080000;
}
.DifferenceWrapper {overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
.DifferenceItems {float: left}
.DifferenceItems:first-child {border-right: 2px solid black}
.DifferenceItems:last-child {border-left: 2px solid black}
.HotspotsWrapper { position: relative;  }
.self-center { }
.HotspotsWrapper img {display: block; max-width: 100%; max-height: 100vh; max-height: calc(100vh - 12rem); width: auto; margin: 0; position: relative; height: auto;}
.Hotspots {min-width: 10px; min-height: 10px;  position: absolute !important; text-align: center; color: #080000;  border: 1px dashed transparent; }
.ActiveHotspot {border: 1px dashed #080000; z-index:1116; }
.HotspotIconImage img {display:inline; max-width: 100%; height: auto; vertical-align: middle;}

.OrigImageWrapper .ActiveHotspot{ visibility:hidden}
.OrigImageWrapper .ActiveHotspot:before {content: 'Ǩ'; left: 0; right: 0; text-align: center; font-family: use-web; text-shadow:
   -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;  font-size: 3rem; line-height: 1; position: absolute; color:green; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  }
.HotspotIconImage {font-family: use-web; color: inherit;  line-height: 2vw; font-size: 2vw; width: 2vw; height: 2vw;}
.HotspotIconImage:empty {width: 0px; height: 0px; font-size:0}
.NormalImage {font-size: 0px; width:auto; height: auto; max-width: 5vw}
.HotspotTitle { font-family: 'Uni Sans'; font-size: 1.5vw; letter-spacing: 0.2px; color: inherit; z-index: 2; padding: 0.4vw;  text-transform: uppercase; position: absolute;}
.TinyTitle {font-size: 1.5vw; text-transform: none}
.HotspotTitle[data-pos='1'] {bottom: 100%; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.HotspotTitle[data-pos='2'] {left: 100%; top: 0px}
.HotspotTitle[data-pos='3'] {top: 100%; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.HotspotTitle[data-pos='4'] {right: 100%; top: 0px}
.HotspotTitle[data-pos='5'] {left: 50%; top: 50%;  -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.DisabledIcon {color: #333 !important; opacity: 0.8 !important}
.DisabledIcon:after {content: ''; position: absolute; width: 100%; height: 100%; z-index: 11}



/**********FIND ME**********/
.ShowcaseEducationWrapper {position:relative; overflow: hidden;   }
.ShowcaseEducationWrapper h1, .ShowcaseEducationWrapper h2, .ShowcaseEducationWrapper h3 { }

.ShowcaseEducationWrapper .Showcase_Item_Container{width: 100%; overflow: hidden; position: relative; padding: 20px; padding-bottom: 40px; max-height: 100vh; max-height: calc(100vh - 12rem); margin-bottom: 0px !important;}
.ShowcaseEducationWrapper .Showcase_Item{width: 100%; overflow: hidden; position: relative;}
.ShowcaseEducationWrapper .Showcase_Item_Bg{float: right; margin-left: 20px;}
.ShowcaseEducationWrapper .Showcase_Item_Bg img{display: block; max-width: 100%; height: auto;}
.ShowcaseEducationWrapper .Showcase_Item_Text{ position:relative;   }
.ShowcaseEducationWrapper .Showcase_Item_Headline {margin-bottom: 20px;}

.ShowcaseEducationWrapper .HSlider_Arrow_Left {   outline: none; position: absolute;  z-index:11;  overflow: hidden; left: 0px; }
.ShowcaseEducationWrapper .HSlider_Arrow_Left:before {display: inline; content: 'ţ';  cursor: pointer; font-size: 6rem; font-family: use-web; line-height: 1;  }
.ShowcaseEducationWrapper .HSlider_Arrow_Right:before {display: inline; content: 'Ţ'; cursor: pointer; font-size: 6rem; font-family: use-web; line-height: 1;  }
.ShowcaseEducationWrapper .HSlider_Arrow_Right { outline: none; position: absolute;  z-index:11;  overflow: hidden; right: 0px; }
.ShowcaseEducationWrapper .Showcase_Nav{position: absolute; padding: 20px 20px; bottom: 0px; width: 100%; background: #000; }

.ShowcaseEducationWrapper .Showcase_Nav .slick-dots {position:static; bottom:0; text-align: left;text-indent: 0px; padding: 0px !important}
.ShowcaseEducationWrapper .Showcase_Nav .slick-dots li button	{border: 1px solid #fff; width: 15px; height: 15px; }


/**********TIME MACHINE **********/
.TimeMachineShowcaseWrapper {position:relative; overflow: hidden; height: 100vh; height: calc(100vh - 12rem); background-color: #000; }
.TimeMachineShowcase {overflow: hidden;}
.TimeMachine_Item { overflow: hidden; position: relative;}
.TimeMachine_ItemBg {height: 100vh;  height: calc(100vh - 12rem - 180px); background-size: contain !important }
.slick-slide .TimeMachine_ItemBg {width: 70%;}
.TimeMachine_Text { display: none; left: 70%; right: 20px; font-size: 70%; max-height: 100vh; max-height: calc(100vh - 12rem - 220px); position: absolute;  top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  padding: 20px; background: rgba(0,0,0,0.4);  }
.TimeMachine_Headline {margin-bottom: 10px; }
.TimeMachine_Headline  h2 {margin: 0; color: #fff; line-height: 1.1; font-size: 3rem; }

.TimeMachine_SubHeadline {}
.TimeMachine_SubHeadline  h4 {margin: 0; color: #fff; font-size: 1.6rem;  text-transform:uppercase; display: inline-block;  padding: 5px 5px; background-color: #fff; line-height: 1.1; font-weight: bold; }


.TimeMachineShowcaseNav {position: absolute; bottom: 0px; height: 180px; padding: 15px 0px; left: 0; right: 0; display: none; background-color: #000; 
	-webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;}
.TimeMachineShowcaseNavInner {}
.TimeMachineShowcaseNavInner:before {
 position: absolute; width: 100%; height: 2px; background: #fff; content: ''; top: 49px;
}
.TimeMachine_NavItem {margin: 0px 10px; position: relative; 
	-webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s; }


.TimeMachine_NavBg {background-color: #fff; margin: 0 auto; margin-top: 30px; width: 40px; height: 40px; border-radius: 50px; border: 1px solid #fff;}
.slick-current .TimeMachine_NavBg {width: 100px; height: 100px; margin-top: 0px; border: 4px solid #fff;}
.TimeMachine_NavHeadline {text-align: center; padding-top: 5px; font-size: 70%; color: #ccc  }
.slick-current .TimeMachine_NavHeadline {font-weight: bold; color: #fff}
.TimeMachineShowcaseNav_ArrowLeft {   outline: none; position: absolute;  z-index:11;  overflow: hidden; left: 0px; color: #fff; top: 35px; background-color: inherit; }
.TimeMachineShowcaseNav_ArrowLeft:before {display: block; content: 'ţ';  cursor: pointer; font-size: 6rem; width:60px; height: 60px; line-height: 60px; text-align: center;  font-family: use-web;   }
.TimeMachineShowcaseNav_ArrowRight:before {display: block; content: 'Ţ'; cursor: pointer; font-size: 6rem; width:60px; height: 60px; line-height: 60px; text-align: center; font-family: use-web;   }
.TimeMachineShowcaseNav_ArrowRight { outline: none; position: absolute;  z-index:11; color: #fff;  overflow: hidden; right: 0px;top: 35px; background-color: inherit;  }



.CatsWrapper {position: relative; display: table; background: rgba(255,255,255,0.3); z-index:100; margin: auto;   border: 1px solid #C3C3C3; border-right: none; }
.CatsWrapper:empty{border: none}
.CatsWrapper .CatItem { position: relative; float: left; width: 40px; height: 40px;  border-right: 1px solid #C3C3C3}
.CatItem span  {left: 0; right: 0; top:0; text-align: center; color: #5FC7F6; font-family: use-web; position: absolute; line-height: 40px; font-size: 35px!important;}

.SinceIcon {position:relative; float: right; margin-right: 25%; font-family: use-web; font-size: 24rem; line-height: 0.8; color: #d8dcdb;}
.Cats, .FindMeIcon {
 -webkit-animation-duration: 5s;
  -webkit-animation-delay: 4s;
  -webkit-animation-iteration-count: 1;

  animation-duration: 5s;
  animation-delay: 4s;
  animation-iteration-count: 1;
line-height: 1; display: inline-block !important; padding: 0px !important; color: #fff; text-align: left;  font-family: use-web; font-size: 4.5rem; cursor: pointer}

.FindMeIcon {cursor: none; color: #fff;}
.ResetCat {color:#d8dcdb;visibility: visible !important;  font-family: use-web; font-size: 35px !important; line-height: 1;}

.GameMask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
}

/*Puzzle Games*/

.snappuzzle-wrap { position: relative; display: block; }
.snappuzzle-pile { position: relative; }
.snappuzzle-piece { cursor: move;  box-shadow: 0px 0px 3px 1px #333;}
.snappuzzle-piece.correct {box-shadow: none;}
.snappuzzle-img {display: block; max-width: 100%; max-height: 100vh; max-height: calc(100vh - 12rem); width: auto; margin: 0; position: relative; height: auto;}
.snappuzzle-slot { position: absolute; background: #fff; opacity: .8; }
.snappuzzle-slot-hover { background: #eee; }

.PuzzleWrapper {overflow: hidden; position:relative; }

.PuzzleImageWrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;;  position:relative; }
.PuzzleImage { flex: 0 0 auto;  max-width: 60% }
.PuzzlePeaces {display: none; background: #fff; order: 99; flex: 1}
.PuzzlePeaces:empty ~ .PuzzleImage {flex: 1; max-width: 100%;}
.PuzzlePeaces:empty ~ .PuzzleImage .snappuzzle-img {margin: auto;}



/********** Poll Games**********/
.textBoxSmall {float:left; height: 3rem;background-color:#fff; padding-right:10px;

		 margin-right: 10px; border:1px solid #fff; font-family: 'Open Sans', Arial,Tahoma,Verdana; color:#fff; font-size: 11px;
	}


.Mask {position: fixed;  display: none; top:0px; right: 0px; bottom: 0px; left: 0px; z-index: 10000000000; }
.ContactInfo {position: fixed; display: none;  padding: 15px; right:0px; left:0px; background-color: #7cc0e1}
.ContactInfo * {color: #fff !important}
.InputWrapper {overflow:hidden; }
.FormWrapper {overflow: hidden; }

.LabelWrapper label {display:block;}
.TextWrapper {overflow:hidden; max-width:400px; min-width:150px; position:relative; padding-bottom:2rem;}
.TextWrapper input, .TextWrapper select {width: 100%; margin-bottom:0px; }
.QuestionWrapper {overflow: hidden; clear:both; padding: 20px;}
.QuestionThumbWrapper { position: relative; cursor: pointer; min-width: 250px; width: 25%; float: left; margin-right: 2rem; margin-bottom: 2rem; overflow: hidden}
.QuestionThumbWrapper .ThumbCount { position: absolute; top: 1.5rem; right: 1.5rem; color: #fff; text-shadow: 1px 1px 3px #000; font-size: 170%}
.QuestionThumbWrapper img {display: block; max-width: 100%; height: auto; }
.pswp__caption__center {
    text-align: center !important;
    max-width: 1000px !important;
    margin: 0 auto;
    font-size: 140% !important;
    padding: 10px;
    line-height: 1.3 !important;
    color: #fff !important;
}
.QuestionStep {float:right; }
.PollsWrapper{overflow:hidden; overflow-x:auto; padding-bottom:10px;}
.QuestionHeadline {overflow:hidden; clear:both; margin-bottom:1rem; font-family: 'Open Sans', Arial,Tahoma,Verdana;  font-weight: normal; font-size: 48px; font-size: 4.8rem ;}
.QuestionSubline {overflow:hidden; clear:both; margin-bottom:1rem; font-family: 'Open Sans', Arial,Tahoma,Verdana;  font-weight: normal; font-size: 14px; font-size: 1.4rem ;}
.PollForm {clear:both; display:block; overflow:hidden; overflow-x:auto; padding-bottom:10px;}
.AnswerItem {overflow: hidden; margin-bottom:5px; margin-bottom:2rem; position:relative;}
.AnswerItem textarea {width: 100%; height: 10rem !important}

.AnswerItem label {
	display: table;
	cursor: pointer;

		overflow:hidden;
	overflow: hidden;
		text-align:left;

}
.TextLabel {display:block; margin-bottom:5px}

.AnswerItem label span {
	font-family:inherit; color: inherit; width:100%; display: table-cell; overflow:hidden; vertical-align:middle; text-align:left;
}
.AnswerItem input[type='checkbox'], .AnswerItem input[type='radio'], .MaxtrixRadio {
 display:none;


}
.AnswerItem .CheckLabel::before, .AnswerItem .RadioLabel::before {
	content: '';
	display: block;
		float:left;
		font-family: use-web;
	width: 3rem;
	height: 3rem;

	line-height:2.7rem;
	vertical-align:middle;
	background-color: #fff;
		border: 2px solid grey;
	color: green;
		margin-right:3rem;
	text-align: center;

	border-radius: 50%;
}



.AnswerItem input[type=radio]:checked + .RadioLabel::before {
	content: 'Ă';
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 2.2rem;

}

.AnswerItem .CheckLabel::before {
	border-radius: 0px;
}


.StartPoll {overflow: hidden; display: none;}

.FormActions {overflow:hidden; display: none}
.Loading img {vertical-align:middle; display: table-cell;}
.Loading {margin:10px auto; overflow: hidden;  display: table;  text-align: center; }
.Loading span {display: table-cell; overflow: hidden; padding-left: 5px; vertical-align:middle;}
 .BackPoll, .SubmitPoll {float: right; margin-left:3rem; margin-top:10px}
.SubmitPoll .Button {background-color: #00a500; border: 1px solid #00a500; color: #fff !important;}
.BackPollCancel {float: right; margin-right:0rem; margin-top:3rem; }
.BackPoll,.SubmitPoll {}
.SubmitPoll .Button:after {
    content: "Ð";
    padding-left:20px;
    line-height:1;
		font-family:use-web;
    overflow: hidden;
}
.BackPoll .Button:before {
    content: "Ï";

    line-height:1;
		font-family:use-web;
    overflow: hidden;
}

/**********RESET**********/
.ps-container {padding-right: 15px;}
.nano {}
.PreviewText .nano .nano-content { padding-right: 35px;}
.nano .nano-pane   { background: transparent; }
.nano .nano-slider { background: #080000; }
.boxShadow {
    -webkit-box-shadow: 0 5px 8px -1px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 5px 8px -1px rgba(0,0,0,0.7);
    box-shadow: 0 5px 8px -1px rgba(0,0,0,0.7);
}
div.GalleryContents2 {display: none; width:1000px; top:50px; bottom:50px; background-color:#5FC7F6;  position: absolute; z-index: 10000; text-align:left;}
div.GalleryContents3 {display: none; top:0; left:0; right:0; bottom:0; position: absolute; z-index: 120000; background-color:#5FC7F6;background-repeat: no-repeat; background-position: center center; background-size:contain;}



			.PicInfo {position: absolute; right:10px; bottom:10px; background: rgba(255,255,255,0.6); width:330px; max-height: 660px; padding: 10px; font-size: 13px !important; color: #080000 !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box;}
		.InfoHeadline{margin-left:40px; padding-right:80px;}
		.InfoText{padding: 15px 80px; padding-bottom:7px; }
		#InfoWrapper {visibility: hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box; background: rgba(0,84,115,0.9); position:absolute; z-index:9000; width:640px;  left:75px; top:155px;}
		#InfoWrapper > .nano > .nano-pane {right:7px; top:60px; bottom:24px;}
		.InfoItem{padding-bottom:24px;}
		.InfoLink {text-decoration: underline; padding-right:80px; text-align:right;}
		.MenuButton {color:#fff; font-size:80px; margin-top:58px; cursor: pointer; font-family: use-web; margin-right:40px; float:left;}
		#InfoWrapper .nano-content { padding-right: 0px;}
		.ShowcaseText .nano-content { padding-right: 20px;}

		.PreviewWrapper{position:relative; padding: 10px 7px 50px 50px; height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box;}
		.PreviewWrapper .InfoClose {top:17px;}
		.PreviewHeadline {margin-bottom:20px;padding-right:50px;}
		.PreviewMainImage {position: relative; float:left; margin-right:40px;width:635px; height: 470px;}
		.PreviewImage { height:470px; curspor: pointer; background-color:#fff;background-repeat: no-repeat; background-position: center center; background-size:contain;}
		.PreviewImagesWrapper {oveflow:hidden; height:470px;}
		.imageItem {width:230px; cursor: pointer;  height:140px; margin-top:25px; background-repeat: no-repeat; background-position: center center; background-size:cover;}
		.ImageSlider {float:right; height:481px; width:250px;  overflow: hidden; position:relative; margin-right:18px;}
		.CountPic {position:absolute;  right:315px; top: 77px; font-size: 11px;}
		.PreviewText {overflow: hidden; position: relative; clear:both; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box; margin-top:25px;}

.InfoButton {z-index:9000; color:#fff; font-size:80px;  cursor: pointer; font-family: use-web; position:absolute; left: 0; top:80px;}
.ArrowButton {color:#fff; font-size:70px;  cursor: pointer; font-family: use-web; position:absolute; right: 60px; bottom:135px;}
.InfoClose {z-index:22;color:#fff; font-size:50px;  cursor: pointer; font-family: use-web; position:absolute; right: 20px; top:10px;}
.Lupe {text-shadow: 0 0px 8px rgba(0,0,0,0.7); display: none; z-index:22;color:#fff;   font-size:50px; text-align:center;   cursor: pointer; font-family: use-web; position:absolute; right: 10px; top:7px;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; color: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: sans-serif; }
*, *:before, *:after {
		-webkit-tap-highlight-color: rgba(255,255,255,0);
-webkit-tap-highlight-color: transparent;
		-moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
html { font-size: 10px;  }
body {line-height: 1.4; font-size: 24px; font-size: 2.4rem ; font-family: 'Open Sans', Arial,Tahoma,Verdana; color: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
b, strong { font-weight: bold; }
i,em {font-style: italic;}
small { font-size: 80%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
button, input, select, textarea { color: inherit; font: inherit; margin: 0; padding: 0; border: 0; display: inline-block; vertical-align:middle; }
input:focus, textarea:focus, select:focus, button:focus, span { outline: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
textarea { overflow: auto; }
[hidden] { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
hr { height: 1px; color: #fff; border: 0px; background-color: #fff; display: block; }
html, body { height: 100%;}


/**********GENERAL**********/
/*.AnimateOptions {animation-duration: 1.2s; animation-delay: 0s;} */
@font-face { font-family: use-web; src: url(/admin/include/fonts/use-icons.ttf?nobq); }
@font-face { font-family: book-text; src: url(/admin/include/fonts/CyrillicOld.ttf?nobq); }
.use-icons{font-family:use-web !important;}
p, ul, ol{ margin-bottom: 2.4rem ; }
.SectionInnerWrapper ul, .SectionInnerWrapper ol { list-style-position: inside;
padding-left: 2.4rem !important;;
text-indent: -10px;  }
.SectionInnerWrapper ul li , .SectionInnerWrapper ol li  { padding-left: 1px; }
ul li, ol li { position: relative;}

h1 { font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 60px; font-size: 6rem ;  color: #fff; font-weight: normal; margin: 0; padding: 0; margin-bottom: 0rem;}
h2 { font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 48px; font-size: 4.8rem ; color: #005473; font-weight: normal; margin: 0; padding: 0; display: block; margin-bottom: 1rem;}
h3 { font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 48px; font-size: 4.8rem ; color: #005473; font-weight: normal; margin: 0; padding: 0; display: block;margin-bottom: 1rem;}
h4 { font-family: 'Open Sans', Arial,Tahoma,Verdana;  font-size: 24px;  font-size: 2.4rem ; color: #fff; font-weight: normal; margin: 0; padding: 0; display: block; margin-bottom: 1rem}
h5 { font-family: 'Open Sans', Arial,Tahoma,Verdana;  font-size: 24px;  font-size: 2.4rem ; color: #fff; font-weight: normal; margin: 0; padding: 0; display: block;}
h6 { font-family: 'Open Sans', Arial,Tahoma,Verdana;  font-size: 24px;  font-size: 2.4rem ; color: #fff; font-weight: normal; margin: 0; padding: 0; display: block;}
.BodyLeft h2, .BodyLeft h3, .BodyRight h2, .BodyRight h3 {font-size: 43px;  font-size: 4.3rem ;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font: inherit; color: inherit !important; font-weight: inherit !important; font-size: inherit !important; text-decoration: none !important}
a:link { font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 24px; font-size: 2.4rem ; color: #fff; display: inline; font-weight: normal; text-decoration: underline; }
a:visited { font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 24px; font-size: 2.4rem ; color: #fff; display: inline; font-weight: normal; text-decoration: underline; }
a:hover { font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 24px; font-size: 2.4rem ; color: #fff; display: inline; font-weight: normal; text-decoration: none; }
a:active { font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 24px; font-size: 2.4rem ; color: #fff; display: inline; font-weight: normal; text-decoration: underline; }



/**********SITE STRUCTURE**********/

.WholeBody { background: #ccc  }
.Wrapper {  overflow: hidden; min-height: 100%; height: auto !important; height: 100%; position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
.BodyOuter { flex: 1 0 auto; overflow: hidden; position: relative; }
.breadcrum_separator {font-family: use-web; padding-right: 10px; font-size: 120%; line-height: 1;}
/**********HEADER**********/

 header { overflow: hidden; position:relative;   width: 100%; max-width: 100%;  background-color: #005473;   margin-top: 0px; margin-bottom: 0px;


 

background:#5FC7F6;
}

.HeaderInner{display: flex; min-height: 165px;  display: -webkit-flex; align-items: center; -webkit-align-items: center; padding-bottom: 10px;  padding-top:10px; padding-right : 40px; padding-left: 40px; width: 100%; overflow: hidden; max-width: 1920px; position:relative; margin:0 auto; }
.HeaderLogo { float:left;   overflow:hidden; margin-left:0px; margin-top: 10px; cursor: pointer;


  }
.SmallHeaderLogo {float:left; overflow: hidden; margin-right:10px; cursor: pointer; }
.HeaderLogo img {display:block; max-width:100%; height: auto !important}
.HeaderHeadlines {overflow: hidden; }



.HeaderSmallLinksChangeLang {
    display: block;
    z-index: 200;
    position: absolute;
    right: 50px;
    top: 25px;
 display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
}
.HeaderSmallLinksChangeLang a {margin-left: 3rem;}
		.HeaderSmallLinksChangeLang a:link {text-decoration: none; color: #fff; font-weight: normal;}
.HeaderSmallLinksChangeLang a:active {text-decoration: none; color: #fff; font-weight: normal;}
.HeaderSmallLinksChangeLang a:visited {text-decoration: none; color: #fff; font-weight: normal;}
.HeaderSmallLinksChangeLang a:hover {text-decoration: none;  font-weight: normal;}

.HeaderMainTitle {margin-top: 0px;  margin-left: 40px;  }
.HeaderAddTitle {margin-top:105px; margin-left: 40px; }
.HeaderMainTitle h1 {line-height: 1.1}
.HeaderFB { cursor: pointer; position: relative; margin-bottom:10px}


.NavSocIcons {float:right;overflow:hidden; text-align:right;}
.NavIcons, .HideShowHeader {  font-family: use-web !important; line-height: 40px; height:40px; vertica-align:middle; color: #fff !important; cursor: pointer; display: inline-block;text-decoration:none !important; font-size:30px !important; margin-left:20px;}
.LangIcon { line-height: 40px; height:40px; vertical-align:top; pointer; margin-left:20px; display: inline-block !important ;text-decoration:none !important;}

/**********NAV**********/

 nav {width: 100%; left: 0; right:0;  max-width: 100%;  background-color: #465567; overflow: hidden;


  }
.NavigationButtonsWrapper {padding-right : 40px; padding-left : 40px;}
.NavInner{  width: 100%; overflow: hidden; max-width: 1920px; position:relative; margin:0 auto; }
.NavigationButtons { overflow: hidden; }
.NavigationButtonNormal, .NavigationButtonSel {cursor: pointer; float: left; height: 40px; line-height: 40px; }
.NavigationButtonNormal .middle {  background-color: #84888a; border-top-left-radius: 0px; border-top-right-radius: 0px;  box-shadow: ; float: left; position: relative; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 0px; margin-right: 0px;}
.NavigationButtonSel .middle { border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: #84888a;  box-shadow: ; float: left; position: relative; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 0px; margin-right: 0px;}

.NavigationButtonNormal a:visited {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 38px; font-size: 3.8rem ; color: #fff; display: inline-block; font-weight: normal; text-decoration: none; text-shadow:   #000;}
.NavigationButtonNormal a:link {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 38px; font-size: 3.8rem ; color: #fff; display: inline-block; font-weight: normal; text-decoration: none; text-shadow:   #000;}
.NavigationButtonNormal a:hover {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 38px; font-size: 3.8rem ; color: #fff; display: inline-block; font-weight: normal; text-decoration: none; text-shadow:   #000;}
.NavigationButtonNormal a:active {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 38px; font-size: 3.8rem ; color:#fff; display: inline-block; font-weight: normal; text-decoration: none; text-shadow:   #000;}

.NavigationButtonSel a:visited {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 38px; font-size: 3.8rem ; color: #005473; display: inline-block; font-weight: normal; text-decoration: none; text-shadow:   #000; }
.NavigationButtonSel a:link {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 38px; font-size: 3.8rem ; color: #005473; display: inline-block; font-weight: normal; text-decoration: none; text-shadow:   #000; }
.NavigationButtonSel a:hover {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 38px; font-size: 3.8rem ; color: #005473; display: inline-block; font-weight: normal; text-decoration: none; text-shadow:   #000; }
.NavigationButtonSel a:active {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 38px; font-size: 3.8rem ; color:#005473; display: inline-block; font-weight: normal; text-decoration: none; text-shadow:   #000; }

.SubMenu div a h3 { text-decoration:none;}
.SubMenu div a:hover h3 { text-decoration:underline;color:#fff;}
.SubMenu ul a { color:#fff; text-decoration:none;}
.SubMenu a:hover {text-decoration:none; color:#005473;}
.SubMenuStyle {width:1920px; min-height:160px; opacity: 1;position:absolute; left:50%; margin-left: -485px; z-index: 11111111; border:1px solid ; background-color: #84888a; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}


/**********Small Nav**********/
#menu-icon {font-family:use-web; float:left; font-size:8rem; line-height: 1; vertica-align:middle; margin-right:4rem; color:#fff;  text-decoration:none; display:block; cursor: pointer}
#SmallMenu {width:auto; max-width: 50%; position:fixed; overflow: hidden;  display: none;   z-index:2222; }

		#SmallMenu .ps-scrollbar-y-rail {display: none !important}
.MobileMenu ul {text-indent: 0px; margin: 0px;  padding:0px;list-style-type:none;  }
.MobileMenu > ul {display: block;}

.MobileMenu ul li {margin: 0px; padding:0px; position:static; left: 0px; display:block; overflow:hidden;}
#MobileMenu {
    position: fixed;
    left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
}

.MenuDesc {padding: 15px; padding-top: 45px; background-color: #84888a; overflow: hidden;text-align: center;}

.MenuLogo {overflow: hidden; margin-bottom: 20px; text-align:center;}
.MenuLogo img {max-width: 100%; height: auto}
.MenuAddress {overflow: hidden; clear:both; margin-bottom: 20px; color: #005473; }

.NavigationSmallButtonNormal { text-transform: uppercase; margin-bottom: 5px; display:table;clear:both; width:100%; overflow: hidden; background-color: #84888a;  font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;       }
.NavigationSmallButtonSel { text-transform: uppercase; margin-bottom: 5px; display:table; clear:both; width: 100%; overflow: hidden; background-color: #84888a; font-family: 'Open Sans', Arial,Tahoma,Verdana;  ;  color: #005473;     }


.NavigationSmallButtonNormal a:visited {display:table-cell; width: 100%; vertical-align:middle; font-family: 'Open Sans', Arial,Tahoma,Verdana;  padding: 0px 10px;   color: #fff;     font-size: 38px; font-size: 3.8rem ; display: block;     font-weight: normal;     text-decoration: none;text-shadow:   #000;}
.NavigationSmallButtonNormal a:link {display:table-cell; width: 100%; vertical-align:middle;font-family: 'Open Sans', Arial,Tahoma,Verdana;    padding: 0px 10px; color: #fff;     font-size: 38px;  font-size: 3.8rem ;display: block;    font-weight: normal;     text-decoration: none;text-shadow:   #000;}
.NavigationSmallButtonNormal a:hover {display:table-cell; width: 100%; vertical-align:middle;font-family: 'Open Sans', Arial,Tahoma,Verdana; padding: 0px 10px;  color: #fff;     font-size: 38px;  font-size: 3.8rem ;display: block;     font-weight: normal;     text-decoration: none;text-shadow:   #000;}
.NavigationSmallButtonNormal a:active {display:table-cell; width: 100%; vertical-align:middle; font-family: 'Open Sans', Arial,Tahoma,Verdana;  padding: 0px 10px;   color:#fff;     font-size: 38px;  font-size: 3.8rem ;display: block;     font-weight: normal;     text-decoration: none;text-shadow:   #000;}

.NavigationSmallButtonSel a:visited {display:table-cell; width: 100%; vertical-align:middle;  font-family: 'Open Sans', Arial,Tahoma,Verdana;  padding: 0px 10px;   color: #005473;     font-size: 38px; font-size: 3.8rem ;  display: block;    font-weight: normal;     text-decoration: none;text-shadow:   #000;}
.NavigationSmallButtonSel a:link {display:table-cell; width: 100%; vertical-align:middle;  font-family: 'Open Sans', Arial,Tahoma,Verdana;  padding: 0px 10px;   color: #005473;     font-size: 38px;  font-size: 3.8rem ;display: block;     font-weight: normal;     text-decoration: none;text-shadow:   #000;}
.NavigationSmallButtonSel a:hover {display:table-cell; width: 100%; vertical-align:middle;  font-family: 'Open Sans', Arial,Tahoma,Verdana;  padding: 0px 10px;   color: #005473;     font-size: 38px;  font-size: 3.8rem ;display: block;    font-weight: normal;     text-decoration: none;text-shadow:   #000;}
.NavigationSmallButtonSel a:active { display:table-cell; width: 100%; vertical-align:middle;  font-family: 'Open Sans', Arial,Tahoma,Verdana;  padding: 0px 10px;   color: #005473;     font-size: 38px;  font-size: 3.8rem ;display: block;     font-weight: normal;     text-decoration: none;text-shadow:   #000;}
ul.NavigationSmallSubMenu {text-indent: 0px;}
ul.NavigationSmallSubMenu li div.NavigationSmallButtonSel,ul.NavigationSmallSubMenu li div.NavigationSmallButtonNormal {margin-left: 20px !important;}
ul.NavigationSmallSubMenu li ul.NavigationSmallSubMenu li div.NavigationSmallButtonSel, ul.NavigationSmallSubMenu li ul.NavigationSmallSubMenu li div.NavigationSmallButtonNormal  {margin-left: 40px !important;}
.arrowSmallNav {text-transform: none; cursor: pointer; -webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	-ms-transition: transform 0.5s ease;font-family:use-web;  font-size: 40px;  line-height: 1; vertical-align: middle;  width:1%; padding: 10px; padding-right:20px; display: table-cell; text-align:center; position:relative;}
.arrowSmallNavRotate {text-transform: none; -webkit-transform: rotate(90deg)translate(10px, 20px);
	-moz-transform: rotate(90deg) translate(10px, 20px);
	-ms-transform: rotate(90deg) translate(10px, 20px);
	transform: rotate(90deg) translate(10px, 20px);

		}

/**********BREADCRUMB**********/
.HeaderBreadcrumbOuter{width: 100%;  max-width: 100%;  background-color: transparent; overflow: hidden;}
.HeaderBreadcrumbInner{  padding-right : 40px; padding-left: 40px; width: 100%; overflow: hidden; max-width: 1920px; position:relative; margin:0 auto; margin-top: 25px; margin-bottom: 0px }
.HeaderBreadcrumb {width: 100%; vertical-align:middle; color: #fff; text-align: left; overflow: hidden; font-family: use-web;}
.HeaderBreadcrumb a:link {text-decoration: none; color: #fff; font-weight: normal; padding-right: 24px; }
.HeaderBreadcrumb a:active {text-decoration: none; color: #fff; font-weight: normal; padding-right: 24px; }
.HeaderBreadcrumb a:visited {text-decoration: none; color: #fff; font-weight: normal; padding-right: 24px; }
.HeaderBreadcrumb a:hover {text-decoration: underline; color: #fff; font-weight: normal; padding-right: 24px;}
.HeaderBreadcrumb a * {font-size: inherit; color: inherit}
.HeaderBreadcrumb a, .HeaderBreadcrumb div, .HeaderBreadcrumb div span {font-size: inherit; color: inherit}

/**********BODY**********/


.Body { width: 100%; overflow: hidden;  max-width: 1920px; margin-left: auto; margin-right: auto; }
.BodyFullscreenTop, BodyFullscreenBottom {clear: both; overflow: hidden; }
.BodyTop {overflow: hidden;}
.BodyBottom {overflow: hidden; clear:both;}
.BodyInner{ width: 100%; overflow: hidden; max-width: 1920px; margin:0 auto; position:relative;  }
.BodyLeft {overflow: hidden; float: left; width: 15.625%; margin-left: -100%; }
.BodyLeftInner {overflow: hidden; margin-right: 50px; text-align: left; }
.MiddleLeftSpace {margin-left:15.625%;}
.BodyMiddle {overflow: hidden; text-align: left; float: left; width: 100%; min-height:1px;}
.BodyMiddleInner {overflow: hidden;}
.BodyRight { overflow: hidden;float: left; width: 15.625%; margin-left: -15.625%; }
.BodyRightInner { overflow: hidden; text-align: left; margin-left: 50px; }
.MiddleRightSpace {margin-right:15.625%;}
.BodyBottomSpace { position: absolute; width:100%; z-index:-1; bottom:0px; left:0px; background-color: #5FC7F6; height: 140px;}
.EmptyColumn {}
.EmptyRow {}
.connectedSortableStyle {border: 2px solid red; margin-bottom: 20px}
.BodyMiddleWrapper .connectedSortableStyle {margin-bottom: 0px}
.EmptyColumnStyle {position: absolute; margin: 0px; height: 100%;}
.BodyRight.EmptyColumnStyle {right:0;}
.EmptyColumnStyle .EmptyColumn {position: absolute; height: 100%; left: 0;right:0; }
.EmptyRowStyle {background: #ccc; min-height: 100px; height: 100%;}
.BodyMiddleWrapper {overflow: hidden; position:relative;}
/**********SECTIONS**********/

.use-section { overflow: hidden; display: -webkit-flex; display: flex; clear:both;-webkit-flex-direction: row; flex-direction: row;	 }
.use-section-cell {position: relative;}
.use-section-cell[data-cell-width='25'] { width: 25%; }
.use-section-cell[data-cell-width='50'] { width: 50%; }
.use-section-cell[data-cell-width='33.33'] { width: 33.33%; }
.use-section-cell[data-cell-width='66.66'] { width: 66.66%; }
.use-section-cell[data-cell-width='75'] { width: 75%; }
.use-section-cell[data-cell-width='100'] { width: 100%; }
.use-section-cell[data-cell-width='60'] { width: 60%; }
.use-section-cell[data-cell-width='40'] { width: 40%;}
.use-section-cell .SedCardWrapper {margin: 0px;}

.EditSection {min-height: 60px;}
.SectionWrapper {position:relative; overflow: hidden;z-index:1; }
.SectionInnerWrapper{ width: 100%; overflow: hidden; position: relative;  padding-right : 40px; padding-left: 40px; max-width: 1920px; background-color: transparent;  margin-left: auto; margin-right: auto;}
.SectionInnerWrapper .SectionInnerWrapper {padding-left: 0px; padding-right: 0px; background-color: inherit;}
.SectionDragEdit {position: absolute; z-index:10;width: 45px; height: 45px; line-height: 45px; font-family: use-web; font-size: 30px; text-align: center; color: #fff; margin-top:0px; left: 0; top: 0; vertical-align:middle; background-color: #ccc !important; cursor: move !important}
.SectionInnerInnerWrapper{ width: 100%; overflow: hidden; position: relative;  padding-right : 40px; padding-left: 40px; max-width: 1920px; margin-left: auto; margin-right: auto;}
.SectionWrapper[data-type='Showcase'] {margin-top: 0px !important}
.BodyLeft .SectionInnerWrapper {padding-right: 0px}
.BodyRight .SectionInnerWrapper {padding-left: 0px}
.MiddleLeftSpace .SectionInnerWrapper {padding-left: 0px}
.MiddleRightSpace .SectionInnerWrapper {padding-right: 0px}

.BodyLeft .SectionInnerWrapper .SectionDragEdit {padding-right: 0px}
.BodyRight .SectionInnerWrapper .SectionDragEdit {padding-left: 0px}
.MiddleLeftSpace .SectionInnerWrapper .SectionDragEdit {padding-left: 0px}
.MiddleRightSpace .SectionInnerWrapper  .SectionDragEdit{padding-right: 0px}
/**********SEDCARD**********/

.SedCardWrapper {overflow: hidden; position:relative;     }
.SedCardContent { oveflow: hidden; padding-left:0px; padding-right: 0px;   }
.SedCardWrapper h1, .SedCardWrapper h2, .SedCardWrapper h3 {  color: #005473; font-size: 24px; font-size: 2.4rem ;  font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 2.4rem ;  }
.SedCardTypeNextPrevious {float:right; margin-bottom: 5px; overflow: hidden; }

/**********BLOCKS**********/

.BlockWrapper {overflow: hidden; position:relative;     }
.BlockContent { oveflow: hidden; padding-left:0px; padding-right: 0px;   }
.HSliderWrapper h1, .BlockHeadlineMid h2, .BlockHeadlineMid h3 { }
.HSliderWrapper h4 { margin-bottom: 2.4rem ;;}
.img_center { position:relative; margin-left: auto; margin-right: auto; margin-bottom: 50px }
.img_left { position:relative;float: left;  margin-right: 50px; margin-bottom: 50px }
.img_right { position:relative; float: right; margin-left: 50px; margin-bottom: 50px}
.BlockPicAltTextLeft, .BlockPicAltTextCenter, BlockPicAltTextRight  {padding-top: 5px; padding-bottom: 5px; font-size: 80%; }
.BlockPicAltTextLeft {text-align: left}
.BlockPicAltTextRight {text-align: right}
.BlockPicAltTextCenter {text-align: center}

/**********FEATURED SEDCARD**********/
.FeaturedSc {}
.FeaturedWrapper { overflow: hidden;}
.FeaturedSc .SectionInnerWrapper {padding: 0px;}
.FeaturedImg {overflow: hidden}
.FeaturedImg img {display: block; max-width: 100%; height: auto;}
.FeaturedExpander {
	position: relative;
	font-size: 3rem;
	line-height: 1;
	font-family: use-web;
	cursor: pointer;
	display: none;


}
.FeaturedCloseButton {
	position: absolute;
	font-size: 3rem;
	line-height: 1;
	font-family: use-web;
	cursor: pointer;
	top: 5px;
		z-index:2;
	right: 5px;
}
.FeaturedText {padding-top : 40px; padding-bottom : 40px; overflow: hidden;}

/**********HORIZONTAL SLIDER**********/

.HSliderWrapper {overflow: hidden; position:relative;     }
.HSliderWrapperContent { overflow: hidden; padding-left:0px; padding-right: 0px;   }
.HSliderWrapper h1, .HSliderWrapper h2, .HSliderWrapper h3 { }
.HSlider_Container {overflow: hidden; position: relative; }
.HSlider_Arrow_Left {   outline: none; position: absolute;  z-index:11;  overflow: hidden; left: 25px; }
.HSlider_Arrow_Left:before {display: inline; content: 'ţ'; cursor: pointer; font-size: 40px; font-family: use-web; line-height: 1;  }
.HSlider_Arrow_Right:before {display: inline; content: 'Ţ'; cursor: pointer; font-size: 40px; font-family: use-web; line-height: 1;  }

.HSlider_Arrow_Right { outline: none; position: absolute;  z-index:11;  overflow: hidden; right: 25px; }
.HSlider_Arrow_Left[data-align='1'], .HSlider_Arrow_Right[data-align='1'] { vertical-align:top; line-height: 1 !important; top: 0; }
.HSlider_Arrow_Left[data-align='3'], .HSlider_Arrow_Right[data-align='3'] { vertical-align:bottom; line-height: 1 !important; bottom:0;}
.HSlider_Arrow_Left[data-align='2'], .HSlider_Arrow_Right[data-align='2'] { vertical-align:middle; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.HSlider_Items_Container {cursor: pointer; overflow: hidden;  position:relative;}
.HSlider_Item {position: relative; overflow: hidden; }
.HSlider_Item_Bg {width: 100%; overflow: hidden; background-color: #fff;}
.HSlider_Item_Headline {text-align: center; padding-top: 5px; font-size: 24px; color: #080000;}
.HSlider_Item_No_Spacing {padding: 0px}
/**********VERTICAL SLIDER**********/

.VSliderWrapper {overflow: hidden; position:relative;     }
.VSliderWrapperContent { oveflow: hidden; padding-left:0px; padding-right: 0px;   }
.VSliderWrapper h1, .VSliderWrapper h2, .VSliderWrapper h3 { }
.VSlider_Container {overflow: hidden; position: relative; }
.VSlider_Arrow_Top { overflow: hidden; cursor: pointer; height: 30px; line-height: 35px; font-size: 70px; font-family: use-web; }
.VSlider_Arrow_Bottom {overflow: hidden; cursor: pointer; height: 30px; line-height: 35px; font-size: 70px;   font-family: use-web; }
.VSlider_Arrow_Top[data-align='1'], .VSlider_Arrow_Bottom[data-align='1'] { text-align :left}
.VSlider_Arrow_Top[data-align='2'], .VSlider_Arrow_Bottom[data-align='2'] { text-align :center}
.VSlider_Arrow_Top[data-align='3'], .VSlider_Arrow_Bottom[data-align='3'] { text-align :right}
.VSlider_Items_Container {cursor: pointer; overflow: hidden;  position:relative;}
.VSlider_Item {margin-top: 15px; margin-bottom: 15px;  margin-left: auto; margin-right: auto;  box-sizing: content-box;  position: relative; overflow: hidden;}
.VSlider_Item_Bg {width: 100%; overflow: hidden; background-color: #fff;}
.VSlider_Item_Headline {
position: absolute;

    background: rgba(255,255,255,0.6);
    left: 0;
    bottom: 0;
    padding: 10px;
    right: 0px;
	font-size: 13px; color: #080000;}

/**********FILTERS**********/

.NavigationViewFilterWrapper {overflow: hidden; position:relative;     }
.NavigationViewFilterWrapperContent { oveflow: hidden; padding-left:0px; padding-right: 0px;   }
.NavigationViewFilterWrapper h1, .NavigationViewFilterWrapper h2, .NavigationViewFilterWrapper h3 { }
.NavigationViewFilterWrapper[data-position='Left'] {float: left; width: 150px; margin-right: 50px;  }
.NavigationViewFilterWrapper[data-position='Right'] {float: right; width: 150px; margin-left: 50px; }
.NavigationViewFilterWrapper[data-position='Top'] {display: none; clear:both;  margin-left: 50px; margin-top: 50px; }
.CurrentFilterWrapper {padding-left: 50px;  overflow: hidden;  }
.NavigationViewFilterButton {margin-bottom: 10px;float:right; margin-left: 50px; margin-top:0px;  cursor: pointer; overflow:hidden;}
.FilterIcon {float:right; margin-left: 10px; font-family: use-web; cursor:pointer; overflow:hidden; font-size: 30px;line-height:30px;}
.FilterText {overflow:hidden; display:inline-block;  line-height: 30px; vertical-align: middle; cursor:default; }

/**********SHOWCASES**********/

.ShowcaseWrapper {overflow: hidden; position: relative;
height: 100%;
    height: -webkit-calc(100% - 216px);
    height: -moz-calc(100% - 216px);
    height: calc(100vh - 216px);
}

/**********SHOWCASE BOOK**********/
.book-showcase .BodyOuter,
.book-showcase .BodyFullscreenTop,
.book-showcase .SectionWrapper,
.book-showcase .SectionInnerWrapper,
.book-showcase .use-section,
.book-showcase .ShowcaseWrapper {overflow: visible}
.ShowcaseBookWrapper {position:relative; height: 863px;}
.ShowcaseBookInnerWrapper {position: relative; overflow: visible; width: 1589px; margin: 0 auto; font-family: book-text; height: 100%; background: url('/images/book-slider/mask-complete.png') top center no-repeat; }
.bb-bookblock-swipe-help {display: none; cursor: pointer; top: 50px; left: 12px; overflow: hidden; position: absolute; width: 173px; height: 212px; background: url('/images/book-slider/swipe-help.png') top center no-repeat;}

.bb-bookblock-content {border-radius: 15px;  position: absolute !important; top: 51px; right: 225px; bottom: 50px; left: 238px;  }
.bb-areas {display: none;   position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; color: #4a3a2d; font-size: 15px; }
.book-img img {display: block; max-width: 100%; height: auto; border: 8px solid #d7b983; border-radius: 5px; }
.book-img.img_left {margin-right: 25px; margin-bottom: 25px !important}
.book-img.img_right {margin-left: 25px; margin-bottom: 25px !important}
.book-title {color: #4529ac; position: absolute; top: 20px; text-shadow:
   -1px -1px 0 #ecc126,
    1px -1px 0 #ecc126,
    -1px 1px 0 #ecc126,
     1px 1px 0 #ecc126;    display: flex; align-items: center; -webkit-align-items: center; font-size: 35px;  letter-spacing: 1px; margin-bottom: 20px;}
.bb-intro-start {position: absolute; cursor: pointer; width: 25%;
    height: 17%;
    top: 42%;
    left: 21%;}
.bb-content-start {position: absolute; cursor: pointer; width: 31%;
    height: 17%;
    top: 42%;
    left: 52%;}
.book-title:before{ content: ''; width: 44px; height: 26px; background: url('/images/book-slider/star.png'); margin-right: 10px; }
.bb-controls {padding: 0px 5px; cursor: pointer}
.bb-controls:hover {color: #d7b983}
.bb-navs {font-size: 20px; display: none; width: auto; text-align: center; height: auto; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 18px 5px;  }
.bb-nav-paging {padding: 0px 10px;}
.bb-item-bg {background-size: cover; background-clip:padding-box; position: absolute; width: 100%; height: 100%; border-radius: 15px;}
.bb-bookblock-intro { background: url('/images/book-slider/paper.png');  background-size: cover;
padding: 20px 40px;
padding-top: 80px;
-webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;

}
.bb-bookblock-contents {padding: 20px 40px; padding-top: 100px; background: url('/images/book-slider/paper.png');  background-size: cover;}
.bb-bookblock-content-inner {position: absolute; width: 50%; height: 100%; padding-right: 80px;}
.bb-bookblock-content-inner:last-of-type {padding-right: 40px; padding-left: 24px;left: 50%;}
.bb-bookblock-content-inner > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; margin-bottom: 15px; font-size: 20px; cursor: pointer; }
.bb-bookblock-content-inner > div div:first-child {width:100%; position: relative; overflow: hidden;}
.bb-bookblock-content-inner > div div:first-child span {position: relative;}
.bb-bookblock-content-inner > div:before  {content: ''; width: 22px; height: 13px; background: url('/images/book-slider/star.png') no-repeat; display: block;  background-size: contain; margin-top: 10px; margin-right: 10px;}
.bb-bookblock-content-inner > div div:first-child span:after {content: ''; display: block; position: absolute; bottom: 4px; left: 100%; margin-left: 3px; width: 400%; border-top: 2px dotted}
.bb-bookblock-content-inner > div div:last-child {text-align: right; padding-left: 3px; flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-item-align: end !important; align-self: flex-end !important; }

.bb-info {position: absolute; height: 60px; cursor: pointer; text-align:center;  }
.bb-info:before {content: 'ȭ'; font-family: use-web; font-size: 50px; line-height: 1; position: absolute; left: 50%; top: 50%;  -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);; color: #bb4617}
.bb-info[data-pos='tl'] {width: 50%; left: 0; top:0}
.bb-info[data-pos='tr'] {width: 50%; left: 50%; top:0}
.bb-info[data-pos='bl'] {width: 50%; left: 0; bottom:0}
.bb-info[data-pos='br'] {width: 50%; left: 50%; bottom:0}
.bb-info[data-pos='cl'] {width: 50px; height: 100%; left: 50%;  top: 0; bottom:0}


.bb-info-item {display: none;
position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    z-index: 1;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0,0,0,0.7);
    border-radius: 15px;
}
.bb-info-item.zoom:before {content: '½'; font-family: use-web; font-size: 50px; line-height: 1; position: absolute; right: 10px; top: 10px; color: #bb4617; cursor: pointer; }
.ShowcaseBookWrapper .bb-bookblock-nav { overflow: hidden; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; height: 50px; width: 300px;   }
.bb-bookblock-panel-item { 
	-webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s; color: #fff;  width: 77px; height: 77px; background-repeat: no-repeat; cursor: pointer; font-size: 1.6rem; margin-bottom: 20px; line-height: 77px; }

.bb-bookblock-panel-item[data-area='look']{ background-image:url('/images/book-slider/icon-look.png'); margin-left: 25px; }
.bb-bookblock-panel-item.active[data-area='look'], .bb-bookblock-panel-item[data-area='look']:hover{ background-image:url('/images/book-slider/icon-look-active.png'); }

.bb-bookblock-panel-item[data-area='intro']{ background-image:url('/images/book-slider/icon-intro.png'); margin-left: 40px;}
.bb-bookblock-panel-item.active[data-area='intro'], .bb-bookblock-panel-item[data-area='intro']:hover { background-image:url('/images/book-slider/icon-intro-active.png'); }

.bb-bookblock-panel-item[data-area='contents']{ background-image:url('/images/book-slider/icon-content.png'); margin-left: 55px; }
.bb-bookblock-panel-item.active[data-area='contents'], .bb-bookblock-panel-item[data-area='contents']:hover { background-image:url('/images/book-slider/icon-content-active.png'); }

.bb-bookblock-panel-item:before {content: attr(data-title); text-transform: uppercase; position: absolute; right: 100%; width: 115px;  }
.bb-bookblock-panel-item.active, .bb-bookblock-panel-item:hover  {color: #bb4617}
.ShowcaseBookWrapper .bb-bookblock-panel {  position: absolute;
    top: 380px;
    left: 40px;
    height: 290px;
   width: 170px;
 }


/**********SHOWCASE FULL WITH CIRCLE**********/
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ShowcaseFullCircleWrapper {position:relative; height: 100%; overflow: hidden; background: url(/images/vitrineBottom.png) bottom center no-repeat;}
.ShowcaseFullCircleWrapper h1, .ShowcaseFullCircleWrapper h2, .ShowcaseFullCircleWrapper h3 { }
.ShowcaseFullCircleContent { clear:both; }
.ShowcaseFullCircleWrapper .Showcase_Item_Container{ overflow: hidden; position: absolute;
    bottom: 75px;
    left: 100px;
    top: 93px;
    right: 100px; margin-bottom: 0px !important;}
.ShowcaseFullCircleWrapper .Showcase_Item{width: 100%;  padding: 10px; height: 100%; overflow: hidden; position: relative;}
.ShowcaseFullCircleWrapper .Showcase_Item_Bg{position: relative; overflow: hidden;width: 690px; cursor: pointer;  height: 100%;  margin-right:30px; float:left; margin-left: 45px;}
.ShowcaseFullCircleWrapper .Showcase_Item_Text{
background-color: #5FC7F6;
    height: -webkit-calc(100% - 200px);
    height: -moz-calc(100% - 200px);
    height: calc(100% - 200px);
    padding-right: 6px;
    padding-bottom: 60px;
    padding-top: 60px;
		color: #fff;
}
		.Showcase_Item_Text_Inner {height: 100%; overflow: hidden; position: relative;  padding-right: 30px}
	.ShowcaseFullCircleWrapper .slick-track, .ShowcaseFullCircleWrapper .slick-list { height: 100%;}
.ShowcaseFullCircleWrapper .Showcase_Item_Headline {
	position: relative;
    height: 180px;
    overflow: hidden;}
.ShowcaseFullCircleWrapper .Showcase_Item_Headline h2 {position: absolute;
    line-height: 1;
    bottom: 30px;
		max-height: 150px; overflow: hidden
    vertical-align: bottom;}
.ShowcaseFullCircleWrapper .Showcase_Nav{position: absolute; bottom: 60px;   left: 855px;}
.Showcase_Nav .slick-dots {position:static; bottom:0;}
.ShowcaseFullCircleWrapper	.Showcase_Nav .slick-dots li button	{border: 1px solid #5FC7F6; width: 22px; height: 22px;}
.ShowcaseFullCircleWrapper .slick-dots li.slick-active button {
    background: #5FC7F6;
}
.ShowcaseFullCircleWrapper * {outline: none !important}
/************VERTICAL MENU**************/

.VerticalMenuWrapper {overflow: hidden; position:relative;   box-shadow: 0px 0px 0px #000;    border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.VerticalMenuWrapper {overflow: hidden; position:relative;     }
.VerticalMenuWrapperContent { oveflow: hidden; padding-left:0px; padding-right: 0px;   }
.VerticalMenuWrapper h1, .VerticalMenuWrapper h2, .VerticalMenuWrapper h3 { }

ul.MenuVerticalList {text-indent: 0px; padding:0; padding-left: 1.6rem; margin:0; list-style-type: square;  }
ul.MenuVerticalList  ul.MenuVerticalSubList {text-indent: 0px; padding: 0; padding-left: 1.6rem; margin: 0; list-style-type: disc; }
.VerticalMenuWrapper ul ul {margin-left: 10px !important;}

ul.MenuVerticalList a:link {color: #fff; text-decoration: none;}
ul.MenuVerticalList a:hover {color: #fff; text-decoration: underline;}
ul.MenuVerticalList a:visited {color: #fff; text-decoration: none;}
ul.MenuVerticalList a:active {color: #fff; text-decoration: none;}

a.selected:link {color: #fff; text-decoration: none; font-weight: bold}
a.selected:hover {color: #fff; text-decoration: underline;font-weight: bold}
a.selected:visited {color: #fff; text-decoration: none;font-weight: bold}
a.selected:active {color: #fff; text-decoration: none;font-weight: bold}

ul.SedCards li a:link {color: #fff; text-decoration: none;  font-size:24px; font-size: 2.4rem ;}
ul.SedCards li a:hover {color: #fff; text-decoration: underline;  font-size:24px; font-size: 2.4rem ;}
ul.SedCards li a:visited {color: #fff; text-decoration: none;  font-size:24px; font-size: 2.4rem ;}
ul.SedCards li a:active {color: #fff; text-decoration: none;  font-size:24px; font-size: 2.4rem ;}

ul.MenuVerticalSubList a:link {color: #fff; text-decoration: none; font-size:24px; font-size: 2.4rem ;}
ul.MenuVerticalSubList a:hover {color: #fff; text-decoration: underline; font-size:24px; font-size: 2.4rem ;}
ul.MenuVerticalSubList a:visited {color: #fff; text-decoration: none; font-size:24px; font-size: 2.4rem ;}
ul.MenuVerticalSubList a:active {color: #fff; text-decoration: none; font-size:24px; font-size: 2.4rem ;}

/********** SEDCARD VIEWS**********/

.use-grid-1, .use-grid-2, .use-grid-3, .use-grid-4, .use-grid-5, .use-grid-6, .use-grid-7, .use-grid-8, .use-grid-9, .use-grid-10 {overflow: hidden; position: relative; margin-left: -50px;}
.use-block {float:left; overflow: hidden; position: relative; padding-left: 50px; padding-bottom: 50px;}
div[data-type='list'] .use-block {padding-left: 50px; padding-bottom: 10px;}
.use-grid-1 .use-block {float:none;  width:100%;}
.use-block:nth-child(odd) .SedCardViewListContent {background:#fff}
.use-block:nth-child(even) .SedCardViewListContent {background:#fff}
.use-block:hover .SedCardViewListContent {background:#ddd}
.use-grid-2 .use-block {width:50%;}
.use-grid-2 .use-block:nth-of-type(2n+1) {clear:both}
.use-grid-3 .use-block {width:33.333333333333%;}
.use-grid-3 .use-block:nth-of-type(3n+1) {clear:both}
.use-grid-4 .use-block {width:25%;}
.use-grid-4 .use-block:nth-of-type(4n+1) {clear:both}
.use-grid-5 .use-block {width:20%;}
.use-grid-5 .use-block:nth-of-type(5n+1) {clear:both}
.use-grid-6 .use-block {width:16.666666666667%;}
.use-grid-6 .use-block:nth-of-type(6n+1) {clear:both}
.use-grid-7 .use-block {width:14.285714285714%;}
.use-grid-7 .use-block:nth-of-type(7n+1) {clear:both}
.use-grid-8 .use-block {width:12.5%;}
.use-grid-8 .use-block:nth-of-type(8n+1) {clear:both}
.use-grid-9 .use-block {width:11.111111111111%;}
.use-grid-9 .use-block:nth-of-type(9n+1) {clear:both}
.use-grid-10 .use-block {width:10%;}
.use-grid-10 .use-block:nth-of-type(10n+1) {clear:both}

.NavigationViewWrapper {overflow: hidden; position:relative;     }
.NavigationViewWrapperContent { oveflow: hidden; padding-left:0px; padding-right: 0px;   }
.NavigationViewWrapper h1, .NavigationViewWrapper h2, .NavigationViewWrapper h3 { color: #005473; font-size: 48px; font-size: 4.8rem ; font-family: 'Open Sans', Arial,Tahoma,Verdana; }

.SedCardViewHeadline h2 {  color: #005473;  font-size: 48px; font-size: 4.8rem ; font-family: 'Open Sans', Arial,Tahoma,Verdana; }

.SedCardViewContent {overflow: hidden; position:relative;}
.SedCardViewListContent	{overflow: hidden; position:relative; padding:10px;}
.ListItem { float:left; overflow: hidden; vertical-align:middle;}
.SedCarViewText {overflow:hidden;}
.SedCardViewListHeader {margin-left: 50px; padding: 10px 10px 10px 0px; font-weight:bold; background-color : #aaa; color: #005473; overflow: hidden; margin-bottom:10px;}

.SedCarViewWrapper {overflow:hidden; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
div[class^='PropertyWrapper_'] {overflow:hidden;}
.Property {padding-left: 20px; overflow: hidden; float:left;}
.PropertyWrapper_1 .Property {width:100%;}
.PropertyWrapper_2 .Property {width:50%;}
.PropertyWrapper_3 .Property {width:33.333333333333%;}
.PropertyWrapper_4 .Property {width:25%;}
.PropertyWrapper_5 .Property {width:20%;}
.PropertyWrapper_6 .Property {width:16.666666666667%;}
.PropertyWrapper_7 .Property {width:14.285714285714%;}
.PropertyWrapper_8 .Property {width:12.5%;}
.SedCardViewInfoArrow {position:absolute; bottom:16px; left:50%; margin-left:9px; line-height:0; font-family: use-web; font-size:30px;}
.SedCardViewButton { clear:both; margin-bottom:50px; cursor: pointer; text-align:center; font-size: 24px; font-size: 2.4rem ; color: #005473; text-decoration: none; font-family: 'Open Sans', Arial,Tahoma,Verdana;  padding-left: 15px; padding-right:15px; padding-top:6px; padding-bottom:6px; margin-left: auto; margin-right: auto; width:33%; min-width:150px;}
.SedCardViewButton:hover {color: #fff;}
.SedCardViewInfo { margin-left: 50px; clear:both;  overflow: hidden}
.SedCardViewInfoContent { position:relative; overflow: hidden}

.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
[data-ellipsis] { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
/**********BUTTONS**********/


.Button { display: block !important; float:right; margin-left: 15px; margin-top: 15px; text-decoration: none !important; border: 1px solid #005473;  font-family: 'Open Sans', Arial,Tahoma,Verdana; padding: 10px 15px; background-color: #fff; color: #005473 !important;  border-radius: 0px;  font-size: 24px; font-size: 2.4rem ;}
.Button:hover {color: #fff !important; }
.Button.btn_left {float:left; margin-left: 0px; margin-right: 15px;}
.Button.btn_right {float:right; margin-left: 0px; margin-right: 15px;}
.Button.btn_center {float:none; display: table !important; margin-left: auto; margin-right: auto;}
.ButtonMidFacebook {border-color: #3B5998 !important; cursor: pointer;   clear:both; background-color: #3B5998!important; color: #fff !important}
.ButtonMidFacebook a {color : #fff !important;}
.ButtonMidFacebook:before {content: "ă"; display: inline; padding-top:3px; padding-bottom:3px; vertical-align:middle;  padding-right: 15px; font-size: 25px; font-family: use-web; line-height: 1;}


/**********FOOTER**********/

 footer{position:relative; overflow:hidden; height: 50px; overflow: hidden; width: 100%; max-width: 100%;   background-color: #005473; text-align: center; margin-left: auto; margin-right:auto;  margin-top: 0px; margin-bottom: ;


 

background:#5FC7F6; color: #fff;
}
.FooterInner{ padding: 0px 10px; width: 100%; overflow: hidden; max-width: 1920px; position:relative; margin:0 auto;

}

.FooterLogo {float:left; overflow:hidden; margin-right: 10px; margin-left:10px; margin-top:5px; cursor:pointer;


  }
.FooterLogo img {display:block; max-width:100%; height: auto !important}
.FooterLinks {position:relative; float: left; margin-left: 50px; margin-top: 60px;color:  #5e808d;font-size: 11px; font-size: 1.1rem ;  text-align: left;overflow: hidden;}
.FooterLinks a {font-family: 'Open Sans', Arial,Tahoma,Verdana; color: #5e808d; font-size: inherit !important; font-weight:0; display: inline;    text-decoration: none;}
.FooterSocIcons {float:right;margin-left: 20px; overflow:hidden; text-align:right; }
.footerIcons { font-family: use-web !important; cursor: pointer; display: inline-block !important ; line-height: 1;text-decoration:none !important; color: #5e808d !important; font-size:30px !important; margin-left:20px;}
.FooterInfo {overflow:hidden; text-align:center;}
.FooterInfoInner {display: inline-block; text-align:left; color:  #5e808d;font-size: 11px; font-size: 1.1rem ; }
.FooterBottom {width: 100%; background-color: #005473; width: 100%; max-width: 100%; overflow: hidden;}
.FooterBottomInner{padding-right : 40px; padding-left: 40px; width: 100%; overflow: hidden; max-width: 1920px; position:relative; margin:0 auto; }
.FooterBottom div, .FooterBottom span, .FooterBottom a {color: #5e808d; text-decoration:none;}
.FooterNewsletter {position: relative;  margin-top:10px;}

.align_left {text-align: left;}
.align_right {text-align: right;}
.align_center {text-align: center;}

.clearfix::before,
.clearfix::after {
content: "";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after { clear: both; }


.horizontal-text {
display: inline-block;
position: relative;
z-index: 2;
}

.horizontal-text::before {
right: 100%;
margin-right: 12px;
}
.horizontal-text::before, .horizontal-text::after {
content: "";
position: absolute;
display: block;
width: 1000px;
border-top: 1px solid #888;
top: 50%;
}

.horizontal-text::after {
left: 100%;
margin-left: 12px;
}
		.horizontal-line {overflow: hidden; color: #888; padding: 20px 0px; position:relative; clear: both;text-align: center;}

.noSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}


/**********POP UP**********/
div.GalleryBack {display: none; background: rgba(0,0,0,0.4); z-index: 111110; position: fixed; width: 100%; top:0; bottom:0}
div.GalleryContents {display: none; width:100%;background-color:#000; top: 0; left: 0; position: fixed; height: 100%; z-index: 111110; text-align:center;}
div.Registration {display: none; width:500px; margin-left:-250px; left:50%; top:30%; position: fixed; z-index: 111110; text-align:center;}
div.GalleryClose { width:33px;  background-image: url('/images/close.png'); background-repeat: no-repeat; right:-16px; top:-15px; height:33px; position: absolute; z-index: 11111111;}
div#ShopAlert{display: none; padding: 50px; width: 600px; left: 50%; background-color:#fff; margin-left: -300px;  position: fixed; z-index: 111110; box-shadow: 2px 2px 8px #000; overflow: hidden;top: 50%}




.small_links a:link {font-size: 13px; line-height: 20px; text-decoration: none;}
.small_links a:hover {text-decoration: underline;}
/************ ANSICHTEN **************/
a.sclist_column:link{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #005473;     font-size: 24px; font-size: 2.4rem ;  display: inline;     font-weight: bold;     text-decoration: none; }
a.sclist_column:visited{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #005473;     font-size: 24px; font-size: 2.4rem ;  display: inline;     font-weight: bold;     text-decoration: none; }
a.sclist_column:hover{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #005473;     font-size: 24px; font-size: 2.4rem ; display: inline;     font-weight: bold;     text-decoration: underline; }
a.sclist_column:active{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #005473;     font-size: 24px;  font-size: 2.4rem ; display: inline;     font-weight: bold;     text-decoration: none; }

a.ViewSedCardList:link {color: #fff; text-decoration: none;}
a.ViewSedCardList:visited {color: #fff; text-decoration: none;}
a.ViewSedCardList:hover {color: #fff; text-decoration: underline;}
a.ViewSedCardList:active {color: #fff; text-decoration: none;}


.Preview_Properties-column1 {	font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 24px; font-size: 2.4rem ;	color: #fff; font-weight: normal;width:1%;	background-color: transparent;vertical-align: top; padding:5px;}
.Preview_Properties-column2 {font-family: 'Open Sans', Arial,Tahoma,Verdana;	font-size: 24px; font-size: 2.4rem ;	color: #fff;	background-color: transparent;width:99%; padding: 5px;	font-weight : normal;	}

.SedCardSlider {overflow: hidden; float:left; margin-right:50px; margin-bottom: 50px; }
.SedCardBigSlider {overflow: hidden; }
.SedCardBigSlider figure {display: block;  margin: 0; padding:0; margin: auto; position:relative; }
.SedCardBigSlider figure a {display: block; margin: 0; padding:0;}
.SedCardBigSlider figure a img {display: block; height: auto !important; max-width: 100%; margin: 0 auto;}
.SedCardBigSlider figure figcaption {display: none; }

.SedCardSliderNav {overflow: hidden; margin-top: 20px; height: 100px;}
.SedCardSliderNav .slick-track {margin: 0 auto !important;}
.SedCardBigSlider .slick-track {display:flex !important; display: -webkit-flex !important;}

.SedCardGalleryGrid .itemY {
    overflow: hidden;
    position: relative;
    margin-bottom: 1px;
    float: left;
}
.SedCardSliderNavItem {max-width: 100px; margin: 0 auto; float:left; }
.SedCardSliderNav_Middle {overflow: hidden;}
.SedCardSliderNav_ArrowLeft{overflow: hidden; float:left; cursor: pointer; font-size: 40px; line-height:1px; height:100px; line-height: 100px; vertical-align:middle; font-family: use-web;}
.SedCardSliderNav_ArrowRight {overflow: hidden; float:right; cursor: pointer; font-size: 40px; height:100px; line-height: 100px; vertical-align:middle;font-family: use-web;}
.SedCardProperties, .Preview_ServicesValues {overflow: hidden; margin-bottom: 50px}
.VideoWrapper {
	position: relative;
	font-size: 0;
	overflow: hidden;
	margin-bottom: 50px;
	max-width: 50%;
	min-width:150px;
}
.MapWrapper {
	position: relative;
	font-size: 0;
	overflow: hidden;
	margin-bottom: 50px;

	min-width:150px;
}
/**********SHOP**********/

.NavigationButtonZifferOn { display: inline-block; margin-right:5px;  border-radius: 50%; background-color:#00AA00; color:#fff; font-size: 14px;  text-align:center; line-height:1; width:20px; height:20px; padding:2px }
.NavigationButtonZifferOff {display: inline-block; margin-right:5px;  border-radius: 50%; background-color:#757575; color:#fff;  font-size: 14px; text-align:center;line-height:1; width:20px; height:20px; padding:2px}
.NavCollapse, a.NavCollapse  {display: none}
.ShopLogins {overflow: hidden; margin-left: -50px;}
.ShopLogins {overflow: hidden; margin-left: -50px;}
#FixedWarenkorb {background-color: transparent; position:fixed;z-index:1111; width:323px; display: none; overflow: hidden; padding:20px; padding-bottom:10px;  }
.FixedWarenkorbEl {overflow: hidden; margin-bottom:10px; cursor: pointer;}
.FixedWarenkorbEl * {}
.WarenkorbCartLine {overflow: hidden;  display:inline-block;  height: 40px; line-height:38px; vertical-align:middle; color:#fff; font-size:1.5rem;  padding-right: 15px; }
.WarenkorbCartIcon { cursor: pointer; font-family: use-web; color: #fff; display:inline-block; height: 40px; line-height:40px; vertical-align:middle; padding-right: 15px;  font-size:2.3rem !important;}
.WarenkorbCartItem {overflow: hidden; height: 40px; line-height:40px; display:inline-block; vertical-align:middle;padding-right: 15px}

.WarenkorbCartItems {display:inline-block; vertical-align:middle; overflow:hidden;cursor: pointer; }
.WarenkorbCartLink { }
.WarenkorbCartPrice { color:#fff;}
.FasterLogForm {overflow: hidden;  float:left; width:50%; padding-left: 50px;}
.PaymentText {overflow: hidden;}
.ShopArea {overflow: hidden; max-width:500px; padding-left: 50px; overflow: hidden; float:right; padding-right: 20px; margin-bottom:20px; overflow: hidden;}
.ShopItem {overflow: hidden; margin-bottom:5px;}
.ShopLabel {float:left; margin-right:10px; font-weight: bold; font-size: 120%;}
.ShopDetails {overflow: hidden; text-align:right; }
 .Shop { text-align: right;  vertical-align:middle; margin-right: -15px; }
.ShopSmall { display:none; position: static; float:right; vertical-align:middle;}
.PaymentFontIcon {float: right; color: #fff; font-family: use-web; font-size: 80px; line-height:50px !important;margin-top:-10px; margin-right: 70px; cursor: default;}
.CourierFontIcon {float: left; color: #fff; font-family: use-web; font-size: 80px; line-height:50px !important; cursor: default;}

.Shop a:link{ font-size: 24px; font-size: 2.4rem ; color: #fff; color: #fff; display: inline; font-weight: normal; text-decoration: none; }
.Shop a:visited{ font-size: 24px; font-size: 2.4rem ; color: #fff; color: #fff; display: inline; font-weight: normal; text-decoration: none; }
.Shop a:hover{ font-size: 24px; font-size: 2.4rem ; color: #fff; color: #fff; display: inline; font-weight: normal; text-decoration: underline; }
.Shop a:active{ font-size: 24px; font-size: 2.4rem ; color: #fff; color: #fff;display: inline; font-weight: normal; text-decoration: none; }

.ShopNavi{ height:41px; width:auto; margin-top:0px; margin-bottom:10px; margin-left:1px; margin-right:7px;overflow:hidden;}
.ShopNaviButton { float:left; cursor:pointer; }
.ShopMiddleButton {height:22px; background: url('/images/ShopMiddleBack.png') repeat-x top center; float:left;  padding:10px; padding-top:7px;border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a;color:#000;}
.ShopRightButton {height:39px; width:10px; background:#fff url('/images/ShopRightBack.png') no-repeat; position:relative;float:left;border-top:1px solid #8a8a8a; border-bottom:1px solid #8a8a8a}
.ShopNavi .ShopNaviButton:first-of-type{ border-left:1px solid #8a8a8a}
.ShopNavi .ShopNaviButton:last-of-type{ border-right:1px solid #8a8a8a; float:none; overflow:hidden;}
.ShopMiddleButton:only-child {overflow:hidden;float:none;}
.ShopStepDiv {display: inline-block; margin-right:5px;  border-radius: 50%; background-color:#757575; width:25px; height: 22px; color:#fff; text-align:center; padding-top:3px; font-weight:bold;}
.clearborder{position:absolute; left:1px; top:-2px; background-color:#fff; height:2px; width:5px;}

.LineBreak {background-color: #000;  height: 1px; margin-bottom: 20px; margin-top: 20px;}
.ShopItemInfo {overflow: hidden;}
.ShopItemEdit{overflow: hidden; float:right; width:30%;}
.ShopItemText {overflow: hidden; float:right; padding-left: 20px; width:70%;}
.ShopItemPrice {overflow: hidden; float:right; margin-left:20px; width:300px;}
.ShopItemPriceTable td {vertical-align: top;}
.tooltip {visibility: hidden;}

/**********SEARCH**********/
.NavigationSearchHolder {overflow: hidden; }
.NavigationSearchHolder input {border: 1px solid #555; float:left; padding: 2px; }


/************ TAGS / WIKI**************/

.Tags{ font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ;    }
.Tags a:link{ font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ;  text-decoration: none;  }
.Tags a:visited{ font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ; text-decoration: none;   }
.Tags a:active{ font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ;  text-decoration: none;  }
.Tags a:hover{ font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ;   text-decoration: underline; }

.TagsUnderlines, .TagsUnderlines a{     font-family: 'Open Sans', Arial,Tahoma,Verdana;    font-size: 11px;    }

a.TagSmall:link{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ;  display: inline;     font-weight: normal;     text-decoration: none;}
a.TagSmall:visited{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ;     display: inline;     font-weight: normal;     text-decoration: none;}
a.TagSmall:hover{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ;     display: inline;     font-weight: normal;     text-decoration: underline;}
a.TagSmall:active{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:21px; font-size: 2.1rem ;     display: inline;     font-weight: normal;     text-decoration: none;}

a.TagMedium:link{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:24px; font-size: 2.4rem ;     display: inline;     font-weight: normal;     text-decoration: none;}
a.TagMedium:visited{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:24px; font-size: 2.4rem ;     display: inline;     font-weight: normal;     text-decoration: none;}
a.TagMedium:hover{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:24px; font-size: 2.4rem ;     display: inline;     font-weight: normal;     text-decoration: underline;}
a.TagMedium:active{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:24px; font-size: 2.4rem ;     display: inline;     font-weight: normal;     text-decoration: none;}

a.TagLarge:link{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:27px; font-size: 2.7rem ;     display: inline;     font-weight: normal;     text-decoration: none;}
a.TagLarge:visited{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:27px; font-size: 2.7rem ;     display: inline;     font-weight: normal;     text-decoration: none;}
a.TagLarge:hover{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:27px; font-size: 2.7rem ;     display: inline;     font-weight: normal;     text-decoration: underline;}
a.TagLarge:active{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size:27px; font-size: 2.7rem ;     display: inline;     font-weight: normal;     text-decoration: none;}

a.InternalLinksWebsites:link{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size: inherit;     display: inline;     font-weight: inherit;   border-bottom: 1px dotted #fff;    text-decoration: none;}
a.InternalLinksWebsites:visited{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size: inherit;     display: inline;     font-weight: inherit;  border-bottom: 1px dotted #fff;     text-decoration: none;}
a.InternalLinksWebsites:hover{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size: inherit;     display: inline;     font-weight: inherit;   border-bottom: 0px dotted #fff;    text-decoration: none;}
a.InternalLinksWebsites:active{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size: inherit;     display: inline;     font-weight: inherit;   border-bottom: 1px dotted #fff;    text-decoration: none;}

a.InternalLinksSedCards:link{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size: inherit;     display: inline;     font-weight: normal;   border-bottom: 1px dotted #fff; text-decoration: none;}
a.InternalLinksSedCards:visited{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size: inherit;     display: inline;     font-weight: normal;  border-bottom: 1px dotted #fff;   text-decoration: none;}
a.InternalLinksSedCards:hover{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size: inherit;     display: inline;     font-weight: normal; border-bottom: 0px dotted #fff; text-decoration: none;}
a.InternalLinksSedCards:active{     font-family: 'Open Sans', Arial,Tahoma,Verdana;     color: #fff;     font-size: inherit;     display: inline;     font-weight: normal;   border-bottom: 1px dotted #fff;  text-decoration: none;}


div.HeadLine { color: #F2394B; font-weight: normal; font-family: 'Open Sans', Arial,Tahoma,Verdana; padding-top: 10px; padding-left: 10px;}
div.ShopElementsCover {filter:alpha(opacity=50);-moz-opacity:.50; opacity:.50; display: block; position: relative;}

div.error, div.success  {
	position: relative;
	overflow: hidden;
	margin-bottom: 3rem;
	background-color: #fff;
	padding: 3rem; color: #fff;
    margin-left: 20px;
    margin-right: 20px;

}
.PopUp div.error, .PopUp div.success  { color: #000; margin:20px; margin-bottom: 0px;
}
div.error {border: 1px solid #ef181e}
div.success {border: 1px solid #0059bc}
.MessageClose {
	position: absolute;
	font-size: 3rem;
	line-height: 1;
	font-family: use-web;
	cursor: pointer;
	top: 5px;
	right: 5px;

}

div.error:before {
	content: "Ŧ";
	background-color: #ef181e;
	float: left;
	margin-right: 6rem;
	display: block;
	font-size: 4.5rem;
	line-height: 1;
	color: #fff;
		margin-left: -3rem;
			margin-top: -3rem;
	text-align: center;
	vertical-align: middle;
	line-height: 7.5rem;
	width: 7.5rem;
	height: 7.5rem;
	font-family: use-web;
}



div.success:before {
	content: "ij";
	background-color: #0059bc;
	float: left;
	margin-right: 6rem;
	display: block;
	font-size: 4.5rem;
	line-height: 1;
	color: #fff;
	margin-top: -3rem;
	text-align: center;
	vertical-align: middle;
	line-height: 7.5rem;
	width: 7.5rem;
	height: 7.5rem;
	font-family: use-web;
}
/*############## FILTERS #############*/
div.hor_filter_container {   border: 1px solid #FFF; background-color: transparent; color: #fff; font-family: 'Open Sans', Arial,Tahoma,Verdana; overflow: hidden; }
div.hor_filter_element {color: #fff; display: table; overflow: hidden; float: left; font-family: 'Open Sans', Arial,Tahoma,Verdana; cursor: pointer; margin-right: 15px;}
div.hor_filter_element_contents {display: none; position: absolute;  boverflow: hidden; float: left; font-family: 'Open Sans', Arial,Tahoma,Verdana;  padding-bottom: 7px; padding-left: 10px; padding-top: 10px; padding-right: 10px; z-index: 101000; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-align: left; overflow: hidden; background-color: transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-top: 1px solid transparent }
div.hor_filter_element_contents a{ text-decoration: none; color: #fff; }
div.hor_filter_element_contents a:hover { text-decoration: underline;  color: #fff;  }
div.hor_filter_container a{ text-decoration: none; color: #fff; background-image: url('/images/start_open.png'); background-repeat: no-repeat; background-position: right center; padding-right: 30px;}
div.hor_filter_container a:hover { text-decoration: underline;  color: #fff; background-image: url('/images/start_open.png'); background-repeat: no-repeat; background-position: right center; padding-right: 30px;}

.filteroptions a:link{text-decoration:none; font-size:21px; font-size: 2.1rem ;}
.filteroptions a:visited{text-decoration:none;font-size:21px; font-size: 2.1rem ;}
.filteroptions a:active{text-decoration:none;font-size:21px; font-size: 2.1rem ;}
.filteroptions a:hover{text-decoration:underline;font-size:21px; font-size: 2.1rem ;}

.Lizenz {font-size: 13px; background-image: url('/images/backZertG.png'); background-repeat: no-repeat; width: 380px; height: 140px; padding-left: 30px; padding-top: 30px;}
.Lizenz p {font-size: 13px;}
.Lizenz a:link {font-size: 13px;}

/*############## CONTENT CSS #############*/
.personalized {font-size:21px; font-size: 2.1rem ; color: #000; font-weight: normal; font-family: 'Open Sans', Arial,Tahoma,Verdana; }
.personalized a {font-size:21px; font-size: 2.1rem ; color: #000; font-weight: normal; font-family: 'Open Sans', Arial,Tahoma,Verdana; text-decoration: none;}
.personalized a:hover {font-size:21px; font-size: 2.1rem ; color: #000; font-weight: normal; font-family: 'Open Sans', Arial,Tahoma,Verdana; }


#scroll_top_button{ display: block; display: none;   z-index: 999; position: fixed;  bottom: 50px; right:30px; }
#scroll_top_button a{ display: block; text-decoration: none; font-family: use-web; color:#D4D3D3; line-height:1; font-size: 50px; }
.Sideslider_Edit {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 11px; color: #fff; padding-top:4px; margin-right:10px;text-align:left; width:100px;}


#sedcards_list td, #sedcards_list th {padding: 2px 5px !important;}
/**************Contact Form*********************/
label {display:inline-block}
.Contact label {display: block;}

.ContactForm {position:relative; overflow: hidden}
.ContactForm:before{content : attr(data-icon); display:block; position:absolute; line-height:1; font-family: use-web; font-size: 30px; line-height: 41px; left:5px; top:1px; bottom:1px; display:table-cell; vertical-align:middle }
.ContactForm input, .ContactForm textarea{padding-left: 35px;}

.CformInputs {border-radius: 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box; border:1px solid #fff; font-family: 'Open Sans', Arial,Tahoma,Verdana; color:#fff; font-size: 24px;}
.textBox {margin-bottom: 5px;	 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box; border:1px solid #fff; font-family: 'Open Sans', Arial,Tahoma,Verdana; color:#fff; font-size: 24px;  font-size: 2.4rem ; padding: 5px 5px; border-radius: 5px; height: 41px !important}

.InputWrapper {overflow:hidden;}
.FormWrapper {overflow: hidden; padding-top: 2.4rem ; }
.LabelWrapper {float:left; padding-right:10px; width:180px;}
.LabelWrapper label {display:block;}
.TextWrapper {overflow:hidden; max-width:330px; min-width:150px; position:relative; padding-bottom:10px;}
.TextWrapper input, .TextWrapper select {width: 100%; margin-bottom:0px; }
.form-error {color: red; display:block; position:absolute; bottom:10px; left:0px }
/**********BUTTON ADMIN PANEL**********/
.ButtonAdmin {float: right; margin-right: 5px;}
.ButtonLeftAdmin {float: left; background-image: url('/images/ButtonLeftAdmin.png'); background-repeat: no-repeat; background-position: top left; width: 5px; height: 26px;}
.ButtonMidAdmin { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;float: left; background-image: url('/images/ButtonMiddleAdmin.png'); background-repeat: repeat-x; background-position: center top; height: 26px; line-height:26px; padding-top:0px; padding-left: 15px; padding-right: 15px; cursor: pointer;}
.ButtonMidAdmin a:link {font-size: 11px; display:table-cell; vertical-align: middle;  color: #000; text-decoration: none; }
.ButtonMidAdmin a:visited {font-size: 11px; display:table-cell; vertical-align: middle;  color: #000; text-decoration: none; }
.ButtonMidAdmin a:active {font-size: 11px; display:table-cell; vertical-align: middle;  color: #000; text-decoration: none; }
.ButtonMidAdmin a:hover {font-size: 11px; display:table-cell; vertical-align: middle;  color: #000; text-decoration: none; }
.ButtonRightAdmin {float: left; background-image: url('/images/ButtonRightAdmin.png'); background-repeat: no-repeat; background-position: top left; width: 6px; height: 26px; text-align: left;}
.ButtonMidAdmin span {font-size: 11px;  vertical-align: top;  color: #000; text-decoration: none; }

/**********FACEBOOK AND PAGING**********/

.FBLikeWrapperOn { background-color:#6d8abd; border:1px solid #6d8abd; display: inline-block; vertical-align: middle; margin-right: 10px; box-shadow: inset 0px 1px 6px -2px #333; width: 23px; height: 11px; border-radius: 5px;  position:relative }
.FBLikeOn {border-radius: 2px; background-color: #fff; top: 0.5px; right: 0.5px; position:absolute; width: 10px; height: 10px;}
.FBLikeWrapperOff {border:1px solid #ccc;  background-color:#ccc; display: inline-block;  vertical-align: middle; margin-right: 10px; box-shadow: inset 0px 0px 8px -2px #555; width: 24px; height: 10px; border-radius: 2px;  position:relative }
.FBLikeOff {border-radius: 2px; background-color: #fff;border:1px solid #ccc; border-right: none; top: -1px; left: -1px; position:absolute; width: 11px; height: 10px; z-index:2}

.classBH {display:none}
.inputButton {border: 1px solid #777}
.NavigationViewSettings {overflow: hidden;}
.PagingWrapper {margin-bottom: 10px;float:right; margin-left: 50px; margin-top:0px; overflow:hidden;}
.PagingArrowLeft {float:left; margin-right: 10px; font-family: use-web;  cursor:pointer; overflow:hidden; font-size: 30px;line-height:30px;}
.PagingArrowRight {float:right; margin-left: 10px; font-family: use-web; cursor:pointer; overflow:hidden; font-size: 30px;line-height:30px;}
.PagingCountWrapper {overflow:hidden; display:inline-block;  line-height: 30px; vertical-align: middle; cursor:default; }

.ChangeViewTypeWrapper {margin-bottom: 10px; float:right; margin-left: 50px; font-family: use-web;  cursor:pointer; overflow:hidden; font-size: 30px;line-height:30px;}
.ChangeViewTypeDropDown{display: none; z-index:23; position: absolute; background-color: transparent; padding: 10px;}
.ViewTypeIcon{font-family: use-web;  cursor:pointer; overflow:hidden; font-size: 30px;line-height:1; margin:10px;}

.ChangeViewLimitWrapper {margin-bottom: 10px; float:right; margin-left: 50px; font-family: use-web;  cursor:pointer; overflow:hidden; font-size: 30px;line-height:30px;}
.ChangeViewLimitDropDown{display: none;z-index:23; position: absolute; background-color: transparent; padding: 10px;}
.pagingSConPage {padding-bottom:2px;  cursor: pointer; text-align:right;}
.pagingSConPage:hover {ctext-decoration:underline; cursor:pointer}
.pagingSConPagenumber {margin-right:10px; }
.pagecount {font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 20px; font-weight: normal; line-height: 30px; vertical-align: middle; font-size: 2rem ;}

.PageArrowDown {font-size: 20px;line-height: 30px; vertical-align: middle;  display: inline-block; cursor: pointer; font-family: use-web;  }

.MobileMessage { background-color: #0159BD;}
.Cookies { background-color: #465568;}
.Sll {background-color: #008601}
.PopUpMessagesWrapper {position:absolute; top: 0;  font-size: 1.6rem; color: #fff;  width:100%; max-width: 1920px; z-index:11111111;  left:0; right: 0; margin: 0 auto;}
.PopUpMessages { display: -webkit-flex;
    display: flex; position: relative;  -webkit-align-items: center;
    align-items: center; padding: 5px 12.5px; overflow: hidden;  }
.PopUpMessagesText {overflow: hidden; width: 100%;  }
.PopUpMessagesIcon {line-height:1; float: left; color: #fff; font-size: 3rem;  margin-right: 2rem; font-family: use-web;  }
.PopUpMessagesClose {line-height:1; margin-left: 2rem;  color: #fff; font-size: 3rem;  float:right; font-family: use-web; cursor: pointer; }
.PopUpMessagesRedirect {line-height:1; margin-left: 2rem;  color: #fff; font-size: 3rem;  float:right; font-family: use-web; cursor: pointer; }
.PopUpMessagesClose span, .PopUpMessagesRedirect span { padding-right: 2rem; font-size: 1.6rem; font-family: 'Open Sans', Arial,Tahoma,Verdana;}
.CloseCookie {cursor: pointer; text-align: center;  text-decoration: underline;font-family: 'Open Sans', Arial,Tahoma,Verdana; font-size: 12px;  color: #fff; float:right; margin-left:20px; vertical-align:middle}
.CloseCookie:hover {text-decoration: none;}
.AutoCompleteResult {overflow:hidden;  margin-bottom: 10px;background-color: transparent; text-align: left;  padding: 5px;}
.AutoCompleteResultOver {overflow:hidden; margin-bottom: 10px; background-color: transparent; padding: 5px; text-align: left; overflow: hidden;}
#AutoCompleteResultCount {overflow:hidden; text-align: left; margin-bottom: 10px; padding: 5px; background-color: transparent; overflow: hidden}

.AutoCompleteHolder {overflow: hidden; position: relative; display: none; margin-top: 10px; overflow-y:auto }
.AutoCompleteHolderSelectedItem {display: none; overflow: hidden; padding: 5px;}

.Summary {width: 100%; overflow: hidden; margin-bottom:20px;}
.SummaryHeadline {background-color: #d3eaf8; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;  border: 1px solid #508eb5;  border-radius: 3px; padding: 0px 25px; color:#0678b4; font-weight: bold; font-size: 16px; height:23px; line-height:23px; vertical-align:middle}
.SummaryToggle{cursor: pointer; background-color: #d3eaf8; margin-left:10px; float:right; border: 1px solid #508eb5;   border-radius: 3px; padding: 0px 7px; height:23px; width: 9px; color:#0678b4; font-weight: bold; font-size: 18px; text-align:center; line-height:23px; vertical-align:middle}
.SummaryInfo{clear: both; background-color: #f6f7f9; padding: 10px; border-radius: 3px; margin-top:5px; display: none; }

.PaymentWrapper {overflow: hidden;  float:right; margin-left:20px; width:300px}
.InvoiceAndDelivery{overflow: hidden;}
.InvoiceWrapper {overflow: hidden; width: 50%; float:left; padding-right:10px;}
.DeliveryWrapper{overflow: hidden; width: 50%; float:left; padding-left:10px;}
.Comment{overflow: hidden;}

#SearchInputWrapper {display:none; width:100%; max-width:400px;overflow: hidden; z-index: 111111; background-color: #fff;  position:absolute; padding:5rem; border: 1px solid #fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#txtInputSearch {padding-left:5px; padding-right:5px; height:40px; width:100% !important; }
.TempElement {color: #fff; position:absolute;  background: #5FC7F6; overflow: hidden; cursor: pointer; z-index: 11111111111111111111111111111111;}
	.TempElementIconColor {color: #fff!important}


.SocialWrapper {overflow: hidden; position: relative; padding-top: 20px;}
a.social-button {display: table; float:left;  margin-bottom: 20px; text-decoration: none !important;  vertical-align: middle; overflow: hidden; text-align: left; margin-right: 40px; min-width: 135px; color: #fff; padding: 5px 15px; }
a.social-button span {display: table-cell; text-align: center; vertical-align: middle;}

.social-button[data-type='facebook_share'] {background-color:#425184}
.social-button[data-type='facebook_share']:before {display: table-cell; width: 40px; color: #fff !important; font-size: 30px; line-height:1; content: "Ŝ"; font-family: use-web; padding-right: 10px; }

.social-button[data-type='tweeter_share'] {background-color:#18a7e1}
.social-button[data-type='tweeter_share']:before {display: table-cell;  width: 40px; color: #fff !important; font-size: 30px; line-height:1; content: "Ū"; font-family: use-web; padding-right: 10px; }

/********** NEW BUTTON ADMIN PANEL**********/
.AdminButton {  margin-top:10px; margin-bottom: 10px; transition: width 0.1s linear 0s; -o-transition: width 0.1s linear 0s; -webkit-transition: width 0.1s linear 0s; -moz-transition: width 0.1s linear 0s; cursor: pointer; width: 100px; height:130px; overflow: hidden; position: relative; float: left;   }
.AdminButtonActive { border: none; margin: 0px; box-shadow: none; height: 150px; }
.AdminButtonSignWrapper {height:100px; width:100%; line-height:100px;  text-align: center; display: table; vertical-align:middle; overflow: hidden}
.AdminButtonActive	.AdminButtonSignWrapper {transition: width 0.1s linear 0s; -o-transition: width 0.1s linear 0s; -webkit-transition: width 0.1s linear 0s; -moz-transition: width 0.1s linear 0s; transition: height 0.1s linear 0s; -o-transition: height 0.1s linear 0s; -webkit-transition: height 0.1s linear 0s; -moz-transition: height 0.1s linear 0s;height:130px; line-height:130px;}
.AdminButtonSign {font-family: use-web; color: #fff; line-height:1; font-size:60px;  text-align: center; display: table-cell;  vertical-align:middle;}
.AdminButtonActive	.AdminButtonSignWrapper	.AdminButtonSign {transition: font-size 0.1s linear 0s; -o-transition: font-size 0.1s linear 0s; -webkit-transition: font-size 0.1s linear 0s; -moz-transition: font-size 0.1s linear 0s;font-size: 80px;}
.AdminButtonText {height:30px; text-align: center; color:#fff; font-family: tahoma, arial;   font-size:12px; line-height:30px; vertical-align:middle; overflow: hidden}
.AdminButtonInfo {  height:30px; text-align: center; display: block; width: 100%;  display: none; padding: 2px 5px; color:#fff; font-family: tahoma, arial;   font-size:15px; line-height:30px; vertical-align:middle; overflow: hidden; position:absolute;}
.AdminButtonInfoActive {position: absolute; background-color: inherit; top: 0; display: block; }

.AdminButtonSmall {cursor: pointer; width: 65px; height:65px; overflow: hidden; position: relative; float: left;  }
.AdminButtonSignSmallWrapper {height:65px; width:100%; display: table; text-align: center; line-height:65px; vertical-align:middle; overflow: hidden}
.AdminButtonSignSmall {font-family: use-web; text-align: center; display: table-cell; color: #fff; font-size:40px; line-height:1; vertical-align:middle; overflow: hidden}
.AdminButtonTextActive {margin-top:-10px;}
.AdminPanel {cursor:move; position: fixed ; min-height:65px; min-width: 65px; left: 0;  z-index: 99999;width:100%;  }
.AdminSwithWrapper {float:left; margin-right:5px; height:150px; width:150px; }
.AdminContentWrapper {overflow:hidden; position: relative; min-height:180px;}
.AdminButtonWrapper { padding:10px; background-color:#fff; height:150px; position:relative;}
.AdminContentWrapper .AdminButtonWrapper {padding:0px; background: none; position:absolute; height: auto; }
#AdminButtonWrapper {background: none;}
.SwitchButtonsWrapper {margin-right: 10px; }
.AdminSmallSwitchWrapper { float: left; display: none;  position: relative; background-color: #fff; padding: 10px; position:relative; }
.AdminSmallSwitchWrapperInner {box-shadow: none; font-family: use-web; color: #fff; width: 65px; background-color: #f94711; height: 65px; text-align: center; line-height: 65px; font-size: 40px; vertical-align: middle;}
.hidden {display: none;}
.AdminButtonInnerWrapper {cursor: pointer; overflow: hidden; position:relative; background-color:#fff; height:130px; box-shadow: 1px 1px 4px rgba(0,0,0,1);}
.AdminButtonLeftArrow {cursor: pointer; float: left; font-family: use-web; overflow: hidden; background-color: #738088; width: 130px; height:130px;  text-align: center;  color: #fff; font-size:100px; line-height:130px; vertical-align:middle; }
.AdminButtonRightArrow { display: none; cursor: pointer;float: right; font-family: use-web; overflow: hidden; background-color: #738088; width: 130px; height:130px; text-align: center;  color: #fff; font-size:100px; line-height:130px; vertical-align:middle; }
.CloseContent {background-color: #fff; cursor: pointer;font-family: use-web; overflow: hidden;  width: 20px; height:150px; color: #738088; font-size:20px; line-height:2; float: right; }
.TrashIcon { display: block; cursor: pointer; position: relative; float: right; font-family: use-web; overflow: hidden; background-color: #495057; width: 100px; height:130px; line-height: 100px; margin-top:10px; margin-bottom: 10px; text-align: center;  color: #fff; font-size:60px; vertical-align:middle; }
.TrashIcon .AdminButtonText {position: absolute; bottom: 0; left: 0; right: 0; }
.DragIcon {width: 30px; height: 30px; position: absolute; right: -7px; top: -7px; padding-left: 2px; color: #fff; font-family: use-web; z-index: 23; background: #99a19b; font-size: 25px; line-height: 30px; border-radius: 50%; text-align: center; vertical-align: middle; }
.ResizeIcon, .RestoreBigMenuIcon { position: absolute; right: -7px; bottom: -7px; font-family: use-web; line-height: 1; cursor: pointer; font-size: 18px; width: 30px; color: #99a19b; background: #99a19b; z-index: 111; height: 30px; line-height: 30px; border-radius: 50%; color: #fff; text-align: center; }
.AdminHeadlines {display: block; padding: 2px 0px 2px 10px; color:#fff; font-family: tahoma, arial; text-overflow: ellipsis;   font-size:18px; font-weight: normal; text-shadow: 1px 1px  4px #000; white-space: nowrap; overflow: hidden;}
.AdminButtonMidWrapper {overflow: hidden; position: relative; height:130px;background-color: #fff;}
.AdminButtonMidContainer {position:absolute; left:0; overflow:hidden;width:9999px; }
.AdminButtonSmallMidContainer1 {position:absolute; left:0; height:65px; top:0px; overflow:hidden;width:9999px;}
.AdminButtonSmallMidContainer2 {position:absolute; left:0; height:65px; bottom:0px; overflow:hidden;width:9999px;}
.FavoriteIcon {background: url('/images/Favorites.png') no-repeat; z-index:222; position:absolute; width:76px; height:88px; left:8px; top: -2px;}
.ButtonInfoIcon, .ButtonPinIcon {color: #fff; font-family: use-web; cursor: pointer; line-height: 1; font-size: 22px;}
.ButtonInfoIcon {float: left; width: 30px;}
.ButtonPinIcon {float: right; width: 30px}
.AdminButtonSlider {background-color: #fff;  position: relative; overflow: hidden;  padding-left: 10px; padding-right: 10px;}
.AdminButtonSliderInner{ background-color: #fff;   height: 150px;  position: relative; overflow: hidden}
#AdminButtons {width: 100%;}
#UserButtons {width: auto !important; overflow: hidden}
.CmdButtonsWrapper {overflow: hidden}
.SwitchButtonsWrapper {overflow: hidden; }
.AdminButtonSliderInner:before { content:''; display: block;  position: absolute; bottom: 10px; left: 0; right: 0px;  height: 4px; box-shadow: 0px 1px 4px 0px rgba(0,0,0,1);}
.AdminArrowsLeft {position: absolute; cursor: pointer; left: 0px; top: 10px; bottom: 10px; width: 70px; background: rgba(0,0,0,0.5); color: #fff; text-align: center }
.AdminArrowsRight {position: absolute; cursor: pointer; right: 0px; top: 10px; bottom: 10px; width: 70px; background: rgba(0,0,0,0.5); color: #fff; text-align: center }
.AdminArrowsLeft:before {font-size: 80px; font-family: use-web; content: 'ţ'; display: block; line-height: 130px;}
.AdminArrowsRight:before {font-family: use-web;  font-size: 80px; content: 'Ţ'; display: block; line-height: 130px;}
.AdminPanel .owl-nav.disabled {display: block;}
.Admin_UserButtons_Arrow_Left {display: none}
.Admin_AllButtons_Arrow_Left {display: none}
.Admin_SwitchButtons_Arrow_Right {display: none}
.SedCardPics {position: relative; overflow: hidden;  cursor: pointer; margin: 0px auto; display:table; margin-bottom:20px; }
.SedCardPics img {display: block; max-width: 100%; height: auto !important; }
.SedCardPicsLupe { position: absolute; width: 100%; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align:center; line-height: 1; color: #fff; text-shadow: 1px 1px 4px #111; font-size: 40px; cursor: pointer; font-family:use-web; display: none;}
figure:hover .SedCardPicsLupe {display:block}
.SimilarProducts {overflow: hidden; margin-top: 20px;}
.ProductItem {padding-bottom: 10px;}
.ProductItem .Button { margin-left: auto; float: none; display: table; margin-right: auto; margin-top: 10px;}
.AdminButton[data-id^='Helpdesk'] .AdminButtonSign, .AdminButtonSmall[data-id^='Helpdesk'] .AdminButtonSignSmall {color: #ef181e}

.DirectEdit {display: none;  background-color: #701a32; position: absolute; top: 0; right: 0; z-index: 22; width: 45px; height: 45px; line-height: 45px; font-family: use-web; font-size: 30px; text-align: center; color: #fff; cursor: pointer;}
.DirectEditWrapper {  color: #fff; overflow: hidden; position: absolute; top: 0; right: 0;  z-index: 23}
.DirecEditForm {display: none;  background-color: #701a32; overflow: hidden; padding: 45px; padding-top: 60px }
.DirecEditFormEmpty {padding:0px; padding-right: 45px;  }
.DirectEditIcons {display: inline-block; font-family: use-web; font-size: 30px; line-height: 3.5rem; color: #fff; cursor: pointer; }
.DirectEditActiveIcon {border-bottom: 1px solid}
.DirecEditFormEmpty .DirectEditIcons {line-height: 45px; width: 45px; text-align: center;}
.DirectEditPhoto {background-color:#ffb900}
.DirectEditBlock {background-color:#f94711}
.DirectEditSedCard{background-color: #00929d}
.LinkToAdminArea {float: left; margin-right: 3rem;}
.DirecEditFormEmpty .LinkToAdminArea {margin-right: 0px;}
.row {overflow: hidden; margin-left: -2rem;}
.cell {float: left; padding-left: 2rem;}
.cell-solo{width: 100%; float: none}
.cell-50 {width: 50%}
.cell-25 {width: 25%}
.cell-33 {width: 33.33%}
.cell-40 {width: 40%}
.cell-60 {width: 60%}
.cell-30 {width: 30%}
.cell-70 {width: 70%}
.cell-20 {width: 20%}
.DirecEditForm select, .DirecEditForm input {width: 100%}

.tooltipster-sidetip .tooltipster-box {
    background: #686e6e;
    border: 0px solid #686e6e;
    border-radius: 0px;
			pointer-events: auto;
}
.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: inherit;
    padding: 0px;
			overflow: hidden;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #686e6e;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #686e6e;

}
			.TooltipsInfo a {text-decoration: none !important; }
.NormalIcon {
    font-size: 3rem;
    color: #fff;
    font-family: Use-Web;

}
.TooltipsIcon {font-family: use-web; color: #fff; line-height:7.5rem; width: 7.5rem; height: 7.5rem; font-size:6rem;  text-align: center; vertical-align:middle;}
.TooltipsInfo{ overflow: hidden; margin: 2rem 0px;}
/********** DocExchange**********/

.FilesWrapper {overflow: hidden; display: inline-block}
.FileTable th, .FileTable td {border: 1px solid #ccc; padding: 10px;}
.Message {display: block; padding:20px; overflow: hidden}
.MessageError { color:#ee0000;   text-align:center;  font-weight: bold; }
.MessageSuccess { color:#00aa00;  text-align:center; font-weight: bold; }
.MessageError span, .MessageSuccess span {color: inherit; font-weight: inherit;}
.MessageForm {overflow: hidden}
.BackMask {position: fixed;  z-index:111111;left:0; right: 0; top: 0; bottom: 0; background-color:#000; opacity: 0.7; display: none;}

.modal-open {overflow: hidden; max-height: 100vh;}
.PopUp {position:fixed;  z-index:1111111;  -webkit-overflow-scrolling: touch;  overflow: hidden; display: none;  top: 0px; bottom: 0px; left: 0; right: 0; }
.PopUpInner {position: absolute; width: 100%;  margin: 0px auto; left: 0; right: 0px;   visibility: hidden; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;; justify-content: center; align-items: center; -webkit-justify-content: center; -webkit-align-items: center;  }


.ContentOuter { overflow: hidden; position: relative; width: 100%; max-width: 1280px;  }


.Content {position: relative;background-color: #000;  max-height: 100vh; overflow: hidden; }



.UploadForm {display: block;  overflow: hidden}
.UploadButton { line-height:1; font-size: 30px; float: left; margin-right: 10px; font-family: use-web; cursor: pointer; }

.FolderDelete {color: #ed3422; line-height:1; font-size: 30px; display: inline-block; margin-right: 5px; font-family: use-web; cursor: pointer; }
.FolderShare { line-height:1; font-size: 30px; display: inline-block; margin-right: 5px; font-family: use-web; cursor: pointer; }
.FolderDownload { line-height:1; font-size: 30px; display: inline-block; margin-right: 5px; font-family: use-web; cursor: pointer; }
.ResponsiveInput {width:100%;     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

table#sedcards_list{  border-collapse: collapse;  }
table#sedcards_list th, table.sedcards_list th {  padding: 8px 4px; color:  #FFFFFF;  border:  2px solid white; }
table#sedcards_list table {border: 0px;}
.FolderIcon {font-family: use-web;  font-size:35px; min-width:45px; display:table-cell; vertical-align:middle; width:1%;  overflow: hidden; line-height:0.7;}
.listbackcolor {background-color: #fff; color: #3E84BF; }
table#sedcards_list td, table.sedcards_list td {  padding: 4px; color:  #333;  border:  2px solid white; }
table#sedcards_list tr.h1{  background-color: #005CA7; }
.Icon:before {content : "Ɗ"}
span[class^="Icon Icon-xl"]:before { content : "Ǧ"}
span[class^="Icon Icon-do"]:before { content : "Ǥ"}
.Icon-txt:before {content : "Ƹ"}
.Icon-pdf:before {content : "Ď"; font-size: 30px}
.Icon-video:before {content : "ƙ"}
.Icon-audio:before {content : "×"}
span[class^="Icon Icon-pp"]:before, span[class^="Icon Icon-pot"]:before { content : "ǥ"}
#progressbox { clear:both; border: 1px solid #bfbfbf; padding: 1px; position:relative; border-radius: 5px; margin: 10px 0px 10px 0px; display:none; text-align:left; }
#progressbar { height:30px; border-radius: 3px; background-color: #fff; width:1%;}
#statustxt { left: 50%; top: 4px; position:absolute; display:inline-block; color: #fff; }
.spectd {width:28.3%}
.placeholderDrag {border: 2px  dashed #000; background: rgba(204,204,204,0.5);}
.placeholderText {text-align:center; display: block; padding: 20px; font-weight: 3rem; font-weight: bold;}

.ToolIcons {font-family: use-web; font-size: 3rem; display: inline-block;line-height: 1;vertical-align: middle;text-align: center; text-decoration: none}
.ToolIcons:before { font-size: inherit; color: inherit;margin: inherit;}
.PdfIcon:before {content: 'Ď';}

.StarFillIcon:before {content: '³';}
.StarEmptyIcon:before {content: '²';}
.StarHalfIcon:before {content: 'Ǿ';}

.QmPics {overflow: hidden; text-align: center; margin-bottom: 3rem;}
.QmPics img {display: block; max-width:100%; height: auto; margin: 0 auto}
.QmPics div {font-size: 150%; color: #ef181e;}
.QmPics strong {padding-bottom: 5px}

.filtervalues span {display: inline-block; margin-right: 1rem; padding: 5px 1rem; background-color: #f1f1f1; }
@media only screen
and (max-width : 1200px) {
.HeaderMainTitle h1 {fonts-size: 5rem;}
#menu-icon {font-size:6rem; }
}

@media only screen and (max-width : 1000px) {
.HeaderMainTitle h1 {fonts-size: 4rem;}
		html {font-size: 8px;}
	.HeaderLogo {width:200px}
		.FooterLogo {width:200px}

	.use-section[data-section-reponsive='1'][data-section-template='25/25/25/25'] { -webkit-flex-wrap: wrap; flex-wrap: wrap;	}
	.use-section[data-section-reponsive='1'][data-section-template='25/25/25/25'] .use-section-cell { width: 50%;}
	.use-section[data-section-reponsive='1'][data-section-template='25/25/25/25'] .use-section-empty-cell {display: none !important;}

	.DirectEdit {width: 35px; height: 35px; line-height: 35px; font-size: 25px;}
	.DirecEditForm {display: none;  background-color: #701a32; overflow: hidden; padding: 30px; }
		.DirecEditFormEmpty {padding:0px; padding-right: 30px; padding-left: 5px; }
	.DirecEditFormEmpty .DirectEditIcons {line-height: 35px;}
	.LinkToAdminArea {float: left; margin-right: 1rem;}
	.row {overflow: hidden; margin-left: -1rem;}
	.cell {float: left; padding-left: 1rem;}

}
@media only screen and (max-width : 750px) {
.HeaderInner { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.HeaderMainTitle {margin-left: 0px;}
	.use-section[data-section-reponsive='1'] { -webkit-flex-wrap: wrap; flex-wrap: wrap;	}
	.use-section[data-section-reponsive='1'] .use-section-cell { width: 100%;}
	.use-section[data-section-reponsive='1'] .use-section-empty-cell {display: none !important;}


}

@media only screen and (max-width : 750px) {
	.use-section { -webkit-flex-wrap: wrap; flex-wrap: wrap;	}
	.use-section .use-section-cell { width: 100%;}
	.use-section .use-section-empty-cell {display: none !important;}


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

#bigMenu {display:none !important}

#menu-icon {display:block !important}

}
@media only screen
and (max-width : 750px) {
	.HeaderHeadlines {clear:both;}
		.HeaderMainTitle, .HeaderAddTitle {margin-left:0px !important}
	.HeaderLogo {float:none}
		html {font-size: 8px;}
	.FooterInfo {clear:both; text-align:left;}
	.FooterLogo {float:none}
}

@media (max-width: 850px){
.OrigImageWrapper .ActiveHotspot:before {font-size: 2rem;}
	.ProductItem {float:left; width: 50%; padding-left: 50px;}
	.BodyRight{ float: none; width: 100%; margin-left: 0; clear: both;}
	.BodyRightInner {margin-left:0px;}
	.MiddleRightSpace{ margin-right: 0px;}
}

@media (max-width:750px){
	.SedCardHeadline {clear:both;}
		.SimilarProducts {margin-left: -50px;}

}
@media (max-width: 850px){
	#BodyLeft{ float: none; width: 100%; clear: both; margin-left: 0px;}
	.BodyLeftInner {margin-right:0px;}
	.MiddleLeftSpace{ margin-left: 0px;}
	.VideoWrapper {max-width: 100%;}
	.BodyLeft .SectionInnerWrapper {padding-right: 40px}
.BodyRight .SectionInnerWrapper {padding-left: 40px}
.MiddleLeftSpace .SectionInnerWrapper {padding-left: 40px}
.MiddleRightSpace .SectionInnerWrapper {padding-right: 40px}
}


/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}