@font-face {font-family: 'WebFont'; src: url("fonts/Quicksand-Medium.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: fallback;}
@font-face {font-family: 'WebFont'; src: url("fonts/Quicksand-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: fallback;}
@font-face {font-family: 'WebFont'; src: url("fonts/Quicksand-Bold.ttf") format("truetype"); font-weight:bold; font-style: normal; font-display: fallback;}

@font-face {font-family: 'WebFontTitles'; src: url("fonts/MPLUSRounded1c-Medium.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: fallback;}
@font-face {font-family: 'WebFontTitles'; src: url("fonts/MPLUSRounded1c-Bold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: fallback;}
@font-face {font-family: 'WebFontTitles'; src: url("fonts/MPLUSRounded1c-ExtraBold.ttf") format("truetype"); font-weight:bold; font-style: normal; font-display: fallback;}

.font-titles {font-family:"WebFontTitles",Helvetica,Arial,sans-serif;}


/* ROOT */
:root {
  --black: #000000;
  --white: #ffffff;
  --red: #ee1c25;
  --yellow: #ffdd00; 
  
  --darkgrey: #333132;
  --darkgrey2: #242424;
  --mediumgrey: #808285;
  --grey: #4d4b4c;
  --grey2: #6d6b6C;
  
  --lightgrey: #c0c1c2;
  --lightgrey2: #a3a3a3;  
  --orange: #ffcb05;
  --darkorange: #997e1b;
}
.white {color:var(--white)!important;}
.black {color:var(--black)!important;}
.red {color:var(--red)!important;}
.yellow {color:var(--yellow)!important;}
.blue{color:#02b4c9;}

.blue-gradient {background: linear-gradient(to right, #213345 0%, #00557e 50%, #213345 100%);}

/* BASE */
html{width:100%;height:100%;margin:0;padding:0}
body *{box-sizing:border-box; /*border:solid #0F0 1px;*/}


/*section {display:block;}*/
/*div {border:solid #0F0 0px;}*/

body, textarea, .styled-scrollbar {
  /* Foreground, Background */
 /* scrollbar-color: #666 #0e0e0e;*/
  scroll-behavior: smooth;
}


/** {border:solid #BEE0F1 1px; }*/
/*div {position:relative;}*/
body{position:relative; clear:both;width:100%; height:auto; min-width:350px; min-height:900px; margin:0; padding:0; padding-top:140px; background:var(--black); cursor:default; overflow:overlay;}
body.hidescrollbar {overflow:hidden!important;}



/*
.bodybg{position:absolute;top:0;left:0;width:100%;height:100%;min-height:900px;margin:0;padding:0; z-index:2}
.bodybgimage{position:absolute;top:0;left:0;width:100%;height:100%;min-height:900px;margin:0;padding:0; z-index:3}
.body{background:#0e0e0e; background:url(body-bg2022-image-pages.jpg) #0e0e0e center top no-repeat; background-size: auto 100%;}
.body.home{ background:url(body-bg2022-image-home.jpg) center top no-repeat;  background-color:#0e0e0e; background-size: auto 1300px;}
*/
/* MAIN BLOCKS */
#navi, #header, #headerImage, #body, #footer, #copy {position:relative;width:100%;padding:0;margin:0;clear:both;text-align:center;border:solid #0F0 0px;}
#navi .naviContent, #header .headerContent, #headerImage .headerImageContent, #page .pageContent, #page .pageContentIndex, #footer .footerContent, #copy .copyContent {position:relative;width:90%; max-width:1500px;margin:0 auto 0 auto;text-align:left;clear:both; /*border:solid #0F0 1px!important;*/}

/* TEXT COLORS */
body{font-size:1.2vw; /*font-size:22px;*/ color:var(--black); font-family:"WebFont",Helvetica,Arial,sans-serif;/*font-family:"Roboto",Helvetica,Arial,sans-serif;*/}

#mainmenu{font-size:16px;}
#language{font-size:16px;}

p.shadow{text-shadow: 0px 0px 10px #000000;}
/*h1>span{font-size:80%;}*/
/*h2.lightbg{font-size:185%; border:solid #BEE0F1 0px; color:#EC6707; clear:both; padding:10px 10px 25px 10px; margin:0px auto 35px auto; text-align:center; font-weight:normal; }*/
/*h2{position:relative; font-size:185%; border:solid #BEE0F1 0px; color:#727075; clear:both; display:block; height:auto; padding:10px 0px 10px 0px; margin-bottom:100px; font-weight:normal; text-transform:uppercase; }
h2:before{content:""; position:absolute; display:block; left:-33px; width:30px; height:42px; background:url(h2-bg-before.png) left top no-repeat; }*/
/*#signpost h2{font-size:150%; border:solid #BEE0F1 0px; color:#CA000D; clear:both; padding:10px 0px 15px 0px; margin:0; font-weight:normal; }*/
h1{font-size:3.2vw; line-height:140%; color:var(--white); padding:0px; margin:0; display:block; clear:both; text-align:center; padding-bottom:0px; text-transform:uppercase; font-weight:bold; font-family:"WebFontTitles",Helvetica,Arial,sans-serif;}
h1.maintitle{display:block;/*font-size:50px;*/ color:var(--white); /*380%;*/ border:solid #BEE0F1 0px; clear:both; width:100%; /*background:var(--yellow);*/ /*padding:30px 20px 0px 20px; margin:0;*/ text-align:left; font-weight:bold; font-family:"WebFontTitles",Helvetica,Arial,sans-serif;}
h2{font-size:2.3vw;/*300%;*/ color:val(--white); padding:0px; display:block; clear:both; text-align:center; padding-bottom:30px; text-transform:uppercase; font-weight:bold; font-family:"WebFontTitles",Helvetica,Arial,sans-serif;}
h3{font-size:1.9vw; color:val(--white); padding:0px; margin:0px; padding-bottom:20px; font-weight:800; line-height:120%; font-family:"WebFontTitles",Helvetica,Arial,sans-serif;}
.highlight-box {font-size:1.35vw;}

@media screen and (max-width:1440px) {
  body{font-size:1.5vw;}
  h1{font-size:4.2vw;}
  h2{font-size:3.15vw;}
  h3{font-size:2.4vw;}  
  .highlight-box {font-size:1.4vw;}
}
@media screen and (max-width:1280px) {
  body{font-size:1.75vw;}
  h1{font-size:4.1vw;}
  h2{font-size:3.05vw;}
  .highlight-box {font-size:1.5vw;}
}
@media screen and (max-width:1024px) {
  body{font-size:2.2vw;}
  h1{font-size:4.0vw;}
  h2{font-size:3.0vw;}
  .highlight-box {font-size:1.7vw;}
}
@media screen and (max-width:768px) {
  body{font-size:2.8vw;}
  h1{font-size:8.4vw;}
  h2{font-size:6.3vw;}
  h3{font-size:4.2vw;}
  .highlight-box {font-size:3.0vw;}
}
@media screen and (max-width:480px) {
  body{font-size:3.6vw;}
  h1{font-size:12vw;}
  h2{font-size:9vw;}
  .highlight-box {font-size:3.0vw;}
}



/* BASIC HTML TAGS */
img{border:none}
a{color:#00a674;text-decoration:none;outline:none;}
#footer a{color:#00a674;text-decoration:underline;outline:none;}

/*a:hover{color:#FF9933;text-decoration:none}*/
/*hr{position:relative; width:100%;height:64px;line-height:4px;border:solid 0px;margin:0;padding:0;margin-top:20px; clear:both; background:url(hr.png) center center no-repeat;}*/
/*hr:before{content: " ";display:block; position:absolute; top:50%; left:50%; width:200px; height:4px; margin-left:-100px; margin-top:-1px;padding:0!important; background-color:#0092DD; z-index:0;}*/
#footer hr{background:url(hr-footer.png) left center repeat-x;}
#footer hr:before{background-color:#FFF;}

ul{margin:0;padding:0; list-style:none;}
li{position:relative; margin:0;padding:0px 0 12px 16px;background:none;clear:both;}
li::before{content:"\203A"; /*margin-left:px;*/ display:block; width:16px; text-align:left; height:12px; position:absolute; top:0; left:0;}


/*li{margin:0;padding-left:16px;padding-bottom:6px;margin-bottom:12px;text-align:left; background:url(li.png) 0 4px no-repeat;clear:both}*/
ul.none {list-style:none!important;}
ul.none li{padding: 3px 0px 3px 15px; background:none!important; text-indent:-15px;}
p{/*position:relative;*/ margin-top:0; margin-bottom:2.5vh;line-height:200%; }
p a{text-decoration:underline}
p a:hover{text-decoration:underline}

/* FORMATING CLASSES */
.block {display:block;}
.inlineblock {display:inline-block;}
.showborder {}
.imagefull{width:100%;clear:both;overflow:hidden; margin-bottom:15px;}
.absolute {position:absolute;}
.relative {position:relative;}
.center {margin:0px auto; text-align:center!important;}
.center img{display:block; margin:0px auto!important; float:none;}
.divcenter, .centered {margin:0px auto!important; float:none!important; clear:both!important;}
.bottom {position:absolute; bottom:0;}
.nowrap, ul.nowrap li {white-space:nowrap!important;}
.wrap {white-space:normal!important;}
.bold{font-weight:bold!important;}
.underline{text-decoration:underline;}
.aligncenter{text-align:center!important;}
.alignleft{text-align:left!important;}
.alignright{text-align:right!important;}
.justify{text-align:justify}
.uppercase {text-transform:uppercase;}
.initialcase {text-transform:initial;}
.nomargin{margin:0!important}
.nopadding{padding:0!important}
.noborder{border:none!important}
.showborder{border:solid 1px #F00!important;}
.big{font-size:120%;line-height:120%}
.bigger{font-size:140%}
.superbig{font-size:160%}
.superbigger{font-size:180%}
.small{font-size:80%}
.nowrap {white-space:nowrap;}
.stronger{margin:0;font-size:120%;color:#FFF;font-weight:700}
.displaynone{display:none;width:0;height:0;overflow:hidden}
.titlepanel{width:100%;padding:10px;background-color:#404951}
.bg60{background:url(img/bg60.png) top left repeat}
.floatleft{float:left}
.floatright{float:right}
.floatleft25{float:left;margin:0 25px 25px 0}
.floatright25{float:right;margin:0 0 25px 25px}
.bottom {position:absolute;bottom:0px;}
.clearboth {clear:both;}
.margin-left25 {margin-left:25px!important;}
.margin-right25 {display:block; margin-right:25px!important;}
.margin-bottom10 {margin-bottom:10px;}
.border-radius12 {display:block; border-radius:12px;}
.border-radius15 {display:block; border-radius:15px;}
.border-radius20 {display:block; border-radius:20px;}
.border-radius25 {display:block; border-radius:25px;}

.wContainer {width:104%; /*margin-left:-2%;*/ /*overflow:hidden;*/ /*background-color:#F0F;*/}
.w20,.w25,.w30,.w33,.w35,.w40,.w45,.w48,.w50,.w55,.w60,.w66,.w70,.w75,.w80,.w85,.w90,.w95,.w254,.w304,.w334,.w401,.w404,.w504,.w604,.w664,.w604l, .w754 {position:relative; float:left; box-sizing: border-box; /*border:solid 0px #FF0;*/}
.w100 {width:100%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75%;}
.w70 {width:70%;}
.w66 {width:66.666666%;}
.w65 {width:65%;}
.w60 {width:60%;}
.w55 {width:55%;}
.w50 {width:50%;}
.w48 {width:48%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w33 {width:33.00333333%;}
.w30 {width:30%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w18 {width:18%;}
.wauto {width:auto;float: none; overflow: hidden;}
.wcontent {display:grid; grid-template-columns: max-content; grid-column-gap: 50px; -ms-display:grid; grid-template-columns: max-content;}



.w254 {width:21%;margin-right:4%; flex-grow:1;}
.w304 {width:26%;margin-right:4%;}
.w334 {width:29%;margin-right:4%;}
.w401 {width:39%;margin-right:1%;}
.w404 {width:36%;margin-right:4%;}
.w504 {width:46%;margin-right:4%;}
.w604 {width:56%;margin-right:4%;}
.w664 {width:62%;margin-right:4%;}
.w754 {width:71%;margin-right:4%;}
.w1004 {width:95.8%;margin-right:4%;}
.w404l {width:36%;margin-left:4%;}
.w604l {width:56%;margin-left:4%;}

.w504i {width:46%;margin-right:4%;}
.w90i {width:90%;}

.max212px {max-width:212px;}
.max315px {max-width:315px;}
.max370px {max-width:370px;}
.max400px {max-width:400px;}
.max424px {max-width:424px;}
.max600px {max-width:600px;}
.max100 {max-width:100%;}
.max90 {max-width:90%;}


.w500px{width:500px}
.w400px{width:400px}
.w424px{width:424px}
.w300px{width:300px}
.w320px{width:320px}
.w250px{width:250px}
.w220px{width:220px}
.w200px{width:200px}
.w175px{width:175px}
.w150px{width:150px}
.w100px{width:100px}


/* add shadow to image */
.imageshadow, a.imageshadow {
display:block; width:auto;
  -webkit-box-shadow: 0px 5px 14px #999999; 
  -moz-box-shadow: 0px 5px 14px #999999;
  -ms-box-shadow: 0px 5px 14px #999999;
  -o-box-shadow: 0px 5px 14px #999999;
  box-shadow: 0px 5px 14px 0 #999999;
}

.bg-red{width:50%;background-color:#F00;padding:7px;margin-bottom:10px;line-height:150%;}


/* MAIN MENU */
/*.mainmenu-overlay {display:none;position:absolute; width:100%; height:100%; margin:0px; top:0px; left:0px; background-color:#84D8D6; z-index:100}*/


/*#mainmenu-toggle {display:none;position:absolute;width:54px;height:54px; border:solid 1px #FF9711; background:url(mainmenu-toggle-open.png) center center no-repeat;cursor:pointer;cursor:hand; box-sizing:border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius:4px; transition:background 0.3s ease;}
#mainmenu-toggle:hover {background:url(mainmenu-toggle-open.png) center center no-repeat #FF9711;}
#mainmenu-toggle.closemenu {background:url(mainmenu-toggle-close.png) center center no-repeat;}
#mainmenu-toggle.closemenu:hover{background:url(mainmenu-toggle-close.png) center center no-repeat #FF9711;}*/

/* MAINMENU TOGGLE BUTTON */
#mainmenu-toggle {display:none; position:absolute;top:61px;right:18px; width:70px;height:60px; padding:13px; opacity:0; cursor:pointer;cursor:hand;z-index:500; /*background:#dd1;*/
  -webkit-animation: anim-toggle-fadein 0.3s ease 0.3s forwards;
  -moz-animation:    anim-toggle-fadein 0.3s ease 0.3s forwards;
  -o-animation:      anim-toggle-fadein 0.3s ease 0.3s forwards;
  animation:         anim-toggle-fadein 0.3s ease 0.3s forwards;
}
@-webkit-keyframes anim-toggle-fadein {0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes anim-toggle-fadein {0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes anim-toggle-fadein {0%{opacity:0;}100%{opacity:1;}}
@keyframes anim-toggle-fadein {0%{opacity:0;}100%{opacity:1;}}

#mainmenu-toggle div{position:absolute;width:40px; height:4px; background:var(--red); top:30px; border-radius:4px;}
#mainmenu-toggle div:before, #mainmenu-toggle div:after{content:""; position:absolute; /*left:25%;*/ left:0%; display:block; /*width:50%;*/ width:100%; height:4px; background:var(--red); border-radius:6px; webkit-transition: all 0.30s ease; transition: all 0.30s ease;}
#mainmenu-toggle div:before {top:-9px;}
#mainmenu-toggle div:after {top:9px;}
#mainmenu-toggle:hover div:before, #mainmenu-toggle:hover div:after {left:0%; width:100%;}

#mainmenu-toggle div {height:4px; 
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-animation: anim-toggle-from-x1 0.3s ease-in-out forwards;
  -moz-animation:    anim-toggle-from-x1 0.3s ease-in-out forwards;
  -o-animation:      anim-toggle-from-x1 0.3s ease-in-out forwards;
  animation:         anim-toggle-from-x1 0.3s ease-in-out forwards;
}
@-webkit-keyframes anim-toggle-from-x1 {0%{-webkit-transform:rotate(-45deg);}100%{-webkit-transform:rotate(0deg);}}
@-moz-keyframes anim-toggle-from-x1 {0%{-moz-transform:rotate(-45deg);}100%{-moz-transform:rotate(0deg);}}
@-o-keyframes anim-toggle-from-x1 {0%{-o-transform:rotate(-45deg);}100%{-o-transform:rotate(0deg);}}
@keyframes anim-toggle-from-x1 {0%{transform:rotate(-45deg);}100%{transform:rotate(0deg);}}

#mainmenu-toggle div:after {height:4px; 
  -webkit-animation: anim-toggle-from-x2 0.3s ease-in-out forwards;
  -moz-animation:    anim-toggle-from-x2 0.3s ease-in-out forwards;
  -o-animation:      anim-toggle-from-x2 0.3s ease-in-out forwards;
  animation:         anim-toggle-from-x2 0.3s ease-in-out forwards;
}
@-webkit-keyframes anim-toggle-from-x2 {0%{-webkit-transform:rotate(-90deg);}100%{-webkit-transform:rotate(0deg);}}
@-moz-keyframes anim-toggle-from-x2 {0%{-moz-transform:rotate(-90deg);}100%{-moz-transform:rotate(0deg);}}
@-o-keyframes anim-toggle-from-x2 {0%{-o-transform:rotate(-90deg);}100%{-o-transform:rotate(0deg);}}
@keyframes anim-toggle-from-x2 {0%{transform:rotate(-90deg);}100%{transform:rotate(0deg);}}

#mainmenu-toggle.closemenu div:before {top:0px;left:0%; width:100%;}
#mainmenu-toggle.closemenu div:after {top:0px;left:0%; width:100%;}
#mainmenu-toggle.closemenu div {height:4px;
  -webkit-animation: anim-toggle-to-x1 0.3s ease-in-out 0.3s forwards;
  -moz-animation:    anim-toggle-to-x1 0.3s ease-in-out 0.3s forwards;
  -o-animation:      anim-toggle-to-x1 0.3s ease-in-out 0.3s forwards;
  animation:         anim-toggle-to-x1 0.3s ease-in-out 0.3s forwards;
}
@-webkit-keyframes anim-toggle-to-x1 {0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(-45deg);}}
@-moz-keyframes anim-toggle-to-x1 {0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(-45deg);}}
@-o-keyframes anim-toggle-to-x1 {0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(-45deg);}}
@keyframes anim-toggle-to-x1 {0%{transform:rotate(0deg);}100%{transform:rotate(-45deg);}}

#mainmenu-toggle.closemenu div:after {height:4px;
  -webkit-animation: anim-toggle-to-x2 0.3s ease-in-out 0.3s forwards;
  -moz-animation:    anim-toggle-to-x2 0.3s ease-in-out 0.3s forwards;
  -o-animation:      anim-toggle-to-x2 0.3s ease-in-out 0.3s forwards;
  animation:         anim-toggle-to-x2 0.3s ease-in-out 0.3s forwards;
}
@-webkit-keyframes anim-toggle-to-x2 {0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(-90deg);}}
@-moz-keyframes anim-toggle-to-x2 {0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(-90deg);}}
@-o-keyframes anim-toggle-to-x2 {0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(-90deg);}}
@keyframes anim-toggle-to-x2 {0%{transform:rotate(0deg);}100%{transform:rotate(-90deg);}}

/* index black version */
/*#mainmenu-toggle.black div{background:#FFF;}
#mainmenu-toggle.black div:before, #mainmenu-toggle.black div:after{background:#FFF;}*/
/* MAINMENU TOGGLE BUTTON END */



/*#mainmenu-bg, #mainmenu {display:none;}*/

#mainmenu-bg{ position:fixed; top:0; width:100%; padding:0; height:100px; background:var(--yellow); border:solid 0px #0000C0; box-shadow:0 10px 20px -10px rgba(0,0,0,0.25); z-index:1499;}
#mainmenu{position:fixed; top:0; width:100%; text-align:left; transition:all 1s ease; /*background:#FFFFFF;*/ border:solid 0px #0000C0; z-index:1500;}
#mainmenu .mainmenuContent{position:relative; width:86%; max-width:1280px; height:100px; margin:0 auto;/*background:#080808;*/ border-bottom:solid 0px #FF9711;}
#mainmenu .mainmenuLogobox{position:absolute; display:flex; align-items:center; justify-content:center; width:45%; height:100px; font-size:2.8vw; color:var(--red); font-weight:bold; text-align:left; border:solid 0px #0000C0; font-family:"WebFontTitles",Helvetica,Arial,sans-serif; z-index:125;}
#mainmenu .mainmenuLogobox .logo{display:block; width:270px; height:50px; margin-top:0px; border:solid #FFF 0px; background-image:url(logo-recoverynet.png); background-size:100% auto; background-position: 0 0; background-repeat:no-repeat;z-index:101!important;}
#mainmenu .mainmenuLogobox .logo:hover{ border:solid #F00 0px;}

/*#mainmenu .mainmenuLogobox{font-size:2.8vw; color:var(--red); height:100%; margin:0; text-align:left; font-weight:bold; font-family:"WebFontTitles",Helvetica,Arial,sans-serif;}*/
#mainmenu .mainmenuLogobox a{display:flex; align-items:center; justify-content:center; color:var(--red); border:solid #FFF 0px; padding:8px 10px; /*height:100%;*/}




/*#mainmenu .mainmenuContactbox {position:absolute; top:30px; right:40px; width:150px; height:35px; text-align:right; border:solid 0px #0000C0;}*/
/*#mainmenu .mainmenuContactbox .content{height:70px; padding:10px 20px 0 0; text-align:center; border:solid 0px #0000C0;}*/
/*#mainmenu .mainmenuContactbox .call{width:150px;height:20px;margin-top:10px;font-size:22px;color:#ACACAC;text-shadow: 1px 2px 3px #202020; border:solid 0px #00F0C0;}
#mainmenu .mainmenuContactbox .call .number{color:#FFF;font-weight:bold;}
#mainmenu .mainmenuContactbox .email{width:150px;height:28px;padding:7px 0 0 50px; font-size:15px;color:#FFFFFF!important; background:url(icon-mail-head.png) 9px 8px no-repeat; border:solid 0px #ff9711;border-radius:10px;}
#mainmenu .mainmenuContactbox>a {display:inline-block; width:24px; height:24px; margin:0 0 20px 10px; opacity:0.60; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;  background-size:cover;}
#mainmenu .mainmenuContactbox>a:hover {opacity:1.00;}
#mainmenu .mainmenuContactbox>a.mail {background:url(icon-mail.svg) center center no-repeat; background-size:cover;}
#mainmenu .mainmenuContactbox>a.maila {background:url(icon-maila.svg) center center no-repeat;  background-size:cover;}
#mainmenu .mainmenuContactbox a.facebook {background:url(icon-facebook.svg) center center no-repeat;}
#mainmenu .mainmenuContactbox a.twitter {background:url(icon-twitter.svg) center center no-repeat;}
#mainmenu .mainmenuContactbox a.instagram {background:url(icon-instagram.svg) center center no-repeat;}
#mainmenu .mainmenuContactbox a.linkedid {background:url(icon-linkedid.svg) center center no-repeat;}
#mainmenu .mainmenuSocial {display:none; position:absolute; bottom:60px;}
#mainmenu .mainmenuEmail {display:none; position:absolute; bottom:20px; width:150px;height:28px;padding:7px 0 0 50px; font-size:15px;color:#FFFFFF!important; background:url(icon-mail-head.png) 9px 8px no-repeat; border:solid 0px #ff9711;border-radius:10px;}
*/

#mainmenu .mainmenuBox{position:relative; width:calc(50% - 0px); max-width:960px; float:right; padding:30px 0; border:solid 0px #3C9BDD; z-index:121;}
/*#mainmenu li{border:solid 1px #FF9711;}
#mainmenu li a{border:solid 1px #0097F1;}
#mainmenu li span{border:solid 1px #00FF91!important;}*/

#mainmenu ul,#mainmenu li{position:relative; list-style:none; padding:0;margin:0;}
#mainmenu ul{width:100%; min-height:40px; /*margin:0; padding:0;*/ display:flex; /*align-items:center;*/ justify-content:space-between; /*gap:20px; */ border:solid 0px #FF97F1;}
#mainmenu li {/*flex:1;*/ font-size:inherit; line-height:normal;}
#mainmenu ul li::before{content:""; display:none;}



/*#mainmenu li{background:url(mainmenu-delimiter.png) left 18px no-repeat; }
#mainmenu li:first-child{background:none;}*/
#mainmenu li a{display:block;position:relative; width:100%; height:40px; margin:0; padding:10px;text-decoration:none;text-align:center; white-space:nowrap; z-index:2;}
#mainmenu li span{display:block; position:absolute; left:calc(50% + 0px); top:50%; width:70%; height:70%; transform:translate(-50%, -50%); border-radius: 10px; background-color:var(--black); transition:all 0.3s ease; opacity:0; z-index:1;}
/*#mainmenu li:hover span, #mainmenu li.on span{opacity:1.0; width:100%; height:100%;}*/

/* telefon */
/*#mainmenu li.tel {margin-left: auto;}*/
#mainmenu li.tel a{display:block; margin:0; width:100%;/*align-items:center; justify-content:center;*/ height:40px; padding:6px 10px; color:var(--white)!important; font-size:20px; border:solid 0px #DDD;}
#mainmenu li.tel span{width:100%; height:100%;/*width:100%; height:70%;*/ /*border:solid 2px var(--red);*/ background-color:var(--red); opacity:1.0;}
#mainmenu li.tel i.call{display:inline-block; width:24px; height:24px; background:url(icon-call-white.svg) no-repeat center center; background-size:cover; vertical-align:middle; border:solid 0px #DDD;}
#mainmenu li.tel:hover span{width:100%; height:100%; background-color:var(--red);}
#mainmenu li.tel:hover i.call{display:inline-block; width:24px; height:24px; background:url(icon-call-white.svg) no-repeat center center; background-size:cover; vertical-align:middle;}

/*
#mainmenu ul ul{display:none; width:auto; position:absolute;top:42px; left:0px; min-height:30px; border:solid 0px #DDD; z-index:101!important; background-color:#EBEBEB;list-style:none; box-shadow: 0px 5px 25px #FFF;}
#mainmenu ul ul li{ margin:0px;padding:0px; background:transparent;border:solid #C3A0EF 0px; }
#mainmenu ul ul li a{font-size:85%; padding:10px 15px 10px 15px; text-align:left!important; white-space:nowrap; text-transform:uppercase;}*/

/* text color*/

#mainmenu ul li>a,
#mainmenu ul ul li a,
#mainmenu ul li.on ul li a{color:var(--red); text-transform:uppercase;font-weight:bold; transition: all 0.3s;}
#mainmenu ul li:hover a,
#mainmenu ul li>a:hover,
#mainmenu ul li.on>a,
#mainmenu ul li.on ul li.on a,
#mainmenu ul li.on ul li a:hover{color:#FFFFFF!important; text-shadow:0 0 10px rgba(0,0,0,0.32)}


/*
#mainmenu ul li.home {width:50px!important; }
#mainmenu ul li.home a{width:50px!important; height:22px; background:url(icon-home.png) center 30px no-repeat;}
#mainmenu ul li.home a:hover{ background:url(icon-home-over.png) center 30px no-repeat;}
#mainmenu ul li.home a span {display:none!important; width:50px!important; background:url('') -500px !important;}
#mainmenu ul li.home.on a { background:url(icon-home-over.png) center 30px no-repeat;}
*/

@media all and (max-width:1023px){
#mainmenu-toggle {display:block; position:fixed; top:20px; right:25px; z-index:2000;}
#mainmenu {height:80px;}
#mainmenu .mainmenuContent{ width:100%;}
#mainmenu .mainmenuLogobox{position:absolute; left:0; width:60%; font-size:4vw;  border:solid 0px #0000C0;z-index:125;}
/*#mainmenu .mainmenuContactbox {display:none;left:50%; width:60%; top:initial;bottom:80px;z-index:122; transform:translateX(-50%); -webkit-transform:translateX(-50%);}*/
#mainmenu .mainmenuBox{display:none; left:0px; top:-100vh; width:100%; margin:initial; height:100vh; padding:15vh 0 10vh 0; background:var(--yellow); border:solid 0px #CA000D; backdrop-filter: blur(8px); transition:top 0.5s ease-in-out;}
#mainmenu .mainmenuBox.on{top:0px;left:0;}
#mainmenu div.centered{position:relative;margin:0 auto;text-align:center;}
#mainmenu ul,#mainmenu li{position:relative;padding:0;list-style:none;/*border:solid #FF0 1;*/}
#mainmenu ul {display:block;list-style:none;width:100%;text-align:center;clear:both; /*flex-direction:column;*/}
#mainmenu ul li{position:relative;display:block; width:100%; max-width:300px;min-height:46px; clear:both;padding:0px!important; margin:0px auto 20px auto!important;text-align:left;}
#mainmenu ul li>a{width:100%;height:60px;padding:17px 0px 0px 0px;margin:0 auto; text-align:center; font-size:24px; z-index:2;}

#mainmenu ul li.tel>a{width:100%;height:60px;padding:17px 0px 0px 0px;margin:0 auto; text-align:center; font-size:24px; z-index:2;}
#mainmenu ul li.tel{position:relative;display:block; width:100%; max-width:300px; min-height:46px;}
/*#mainmenu ul li.tel:hover span{width:90%;min-height:46px;}*/
#mainmenu li.tel span, #mainmenu li.tel:hover span{width:90%; height:100%;/*width:100%; height:70%;*/ /*border:solid 2px var(--red);*/}


}

@media all and (max-width:620px){
#mainmenu .mainmenuLogobox{position:absolute; left:0; width:60%; font-size:6vw;  border:solid 0px #0000C0;z-index:125;}
#mainmenu .mainmenuLogobox .logo{display:block; width:200px; height:37px; margin-top:15px;}
}




/* LANGUAGE */
#language{position:absolute;top:14px;right:0; width:25%;/*max-width:1200px;*/height:100px; padding:0; text-align:left; /*background:#F00; border:solid 0px #112000;z-index:100*/}
#language .languageContent{border:solid #F99 0px; position:relative; float:right; width:100%; max-width:150px; /*min-width:500px;*/ height:auto;float:left; padding:0; text-align:left; z-index:121}
#language ul,#language li{position:relative;padding:0;list-style:none;}
#language ul{width:100%;}
#language li{float:left;background:transparent; margin:0 2px;clear:none;border:solid 0px #3C9BDD;}
#language li a{display:block;position:relative; padding:26px 12px 14px 12px;text-decoration:none;text-align:center;/*text-transform: uppercase;*/}
#language li:before{content:' ';display:block; position:absolute;top:0;left:50%;margin-left:-17px;width:34px;height:24px;opacity: 0.3;}
#language li:hover:before, #language li.on:before{opacity: 0.8; box-shadow: 0px 0px 20px #FFF;/*transition: background-opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out;*/}
#language li.cz:before{background:url(lang-cz.png) center top no-repeat;}
#language li.en:before{background:url(lang-en.png) center top no-repeat;}
#language li.de:before{background:url(lang-de.png) center top no-repeat;}

/* text color*/
#language ul li>a,
#language ul ul li a,
#language ul li.on ul li a{color:#828282;}
#language ul li>a:hover,
#language ul li.on>a,
#language ul li.on ul li.on a,
#language ul li.on ul li a:hover{color:#CA000D;}



/* Flex - prvky se rovnomerne rozlozi */
ul.flex-container, div.flex-container {
 display: -ms-flex;
 display: -ms-flexbox;
 display: -webkit-box;
 display: -webkit-flex;
 display: flex;
  -ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	/*webkit-flex-grow: 1; 
  flex-grow:         1;*/
}

/* Flex - prvky se rovnomerne rozlozi na stred */
.flex-container-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-bottom: 35px;
    width: 104%;
}
.flex-container-center .item {
    flex: 0 0 auto;
    width: 50%;
    /*width: 33.33333333%;*/   
    margin-bottom: 40px;
    padding: 0px;
    border: solid 0px #FFF;
    background-color: #FFF;
    text-align: center;
    border: solid 0px #FFF;
}


ul.flex-container li, div.flex-container a{
  width:100%; /*padding:0; margin:0;*/
  /*border-left:solid 1px #FFF!important;*/ 
}
/* div.flex-container a{
  width:100%; max-width:200px; float:left;
}*/
/*ul.flex-container li a{
    width:100%!important; 
    display:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -ms-flex-align:center;
    -ms-flex-pack:center;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    align-items:center;
}*/



.flex{
 display: -ms-flex;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
  -ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
 
}
.flex-wrap{
 display: -ms-flex;
 display: -webkit-flex;
 display: flex;
  -ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
  /*-ms-flex: 0 1 auto;*/
}

.flex-container2 li {
    -ms-flex:1 1 auto;
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
    position:relative;
    border-left:solid 1px #FFF; 
}

/* BASIC SECTIONS & PAGE ITEMS */

/* NAVIGATION */
/*#navi {position:absolute; top:8px; left:0px; margin-top:0px; color:#DDD; font-size:24px; background:#EC6707;}
#navi a, #navi strong {color:#999; font-size:14px; padding:0 10px;}
#navi .naviContent{padding:0px 0 5px 0; }*/

/* PAGE (CONTENT) */
/*#page{padding-top:90px; transition:all 1s ease; z-index:5;}
#page .pageContent{ min-height:1060px; padding:40px; text-align:left;
   margin-top:25px;  
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius:6px;
   border:solid 0px #555;   
}
#page p{text-align:justify}
#page .index-text p{text-align:initial}
#page ul{margin:0;padding-top:10px; padding-bottom:8px;list-style:none}
#page ul.nopaddingtop{padding-top:0px;}
#page li{margin:0;padding-left:16px;padding-bottom:6px;margin-bottom:12px;text-align:left; background:url(li.png) 0 4px no-repeat;clear:both}
#page #intro{clear:both;width:100%;height:140px}
*/


/*
table, tr, th, td {box-sizing: border-box;}
table {width:100%;}
th,td {padding:7px; margin:0;}
td {border:solid 1px #333;}
*/

/* FOOTER */
footer { margin-top:0px; background:var(--black);}
footer .footer-content { position:relative; width:86%; color:var(--darkgrey); max-width:1500px; margin:0 auto 0 auto; padding:50px 30px 50px 30px;}

/* COPY */
#copy {border:solid 0px #FF9711; background:#d9eae6;}
#copy .copyContent{width:90%; padding:35px 35px 20px 35px; box-sizing:border-box;}
#copy p{color:#7D7D7D;padding:0;padding-top:0px; text-align:left; float:left; }
#copy .heavendesign{position:relative;display:block; float:right; width:180px;height:34px;color:#7D7D7D!important;font-size:13px;font-weight:500;text-align:center;text-decoration:none;padding:0;padding-left:70px;margin:0;background:url(logo-heavendesign.png) top left no-repeat}
#copy .heavendesign:hover{color:#8B8B8B!important;background:url(logo-heavendesign-over.png) top left no-repeat}


/* MOBILE SETTINGS */
/*@media all and (min-aspect-ratio: 11/5) {
.landscape-wide {display:block;}
.landscape, .square, .portrait {display:none!important;}
}
@media all and (min-aspect-ratio: 5/4) and (max-aspect-ratio: 11/5) {
.landscape {display:block;}
.landscape-wide, .square, .portrait {display:none!important;}
}
@media all and (min-aspect-ratio: 4/5) and (max-aspect-ratio: 5/4) {
.square {display:block;}
.landscape, .landscape-wide, .portrait {display:none!important;}
}
@media all and (max-aspect-ratio: 4/5) {
.portrait {display:block;}
.landscape, .landscape-wide, .square {display:none!important;}
}*/


/* banner na uvodni strane */
.banner-box {padding:0 24px; text-align:center; margin-bottom:70px;}
.banner-box a{display:block; width:100%; border-radius:6px; overflow:hidden;  margin:0 auto; max-width:1024px;/*box-shadow: 0px 0px 14px 0 #CCC;*/}
.banner-box img {width:100%;}

/* podle viewportu */
.desktop { display: block; }
.mobile { display: none; }

@media (max-width: 860px) {
  .desktop { display: none; }
  .mobile { display: block; }
}


.arrow-down {position:absolute; bottom:-50px; left:50%; width:80px; height:80px; border-radius:40px; /*padding:20px;*/ /*padding-bottom:65px;*/ /*border:2px solid; border-color:rgb(0,0,0); border-color:rgba(250,250,250,0.0);*/ text-align:center; box-sizing:border-box; z-index:15; transition:all 0.4s linear; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor:pointer;}
.arrow-down .arrow-down-hover {position:absolute; top:50%; left:50%; width:80px; height:80px; border-radius:40px; border:0px solid; border-color:rgb(0,0,0); border-color:rgba(0,166,116,0.0); background:rgba(255,255,255,1.0); text-align:center; box-sizing:border-box; transition:all 0.4s ease-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.arrow-down:hover .arrow-down-hover {position:absolute; top:50%; left:50%; width:120px; height:120px; border-radius:60px; border:0px solid; border-color:rgb(0,0,0); border-color:rgba(0,166,116,1.0); background:rgba(255,255,255,1.0); text-align:center; box-sizing:border-box; transition:all 0.4s ease-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/*.arrow-down:hover {border:solid 2px #FFF; background:rgba(0,0,0,0.5);}*/

.arrow-down a {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-sizing:border-box; z-index:102; cursor:pointer;}

/*.arrow-down .arrow-down-text{position:relative; top:10px; width:100%; height:auto; margin:0 auto; padding:10px; padding-bottom:60px; color:#FFF; text-align:center; font-size:18px; font-weight:bold; text-shadow:0px 0px 15px #000000; box-sizing:border-box;}*/
.arrow-down .arrow-down-anim{
    display:block;position:absolute;/*bottom:20px;*/ left:50%; margin-bottom:12px; margin-left:-20px; width:42px;height:42px; z-index:10;
    fill:#ee1c25!important;
    /*background:url(arrow-down.png) center center no-repeat;*/
    -webkit-animation: downup 2s ease-in-out infinite;
    -moz-animation: downup 2s ease-in-out infinite;
    -ms-animation: downup 2s ease-in-out infinite;
    -o-animation: downup 2s ease-in-out infinite;
    animation: downup 2s ease-in-out infinite;
    /*&:hover { animation-play-state: paused; bottom: 0px;}*/
}
@-webkit-keyframes downup {
    0%   { bottom: 10px;}
    50%  { bottom: 0px;}
    100% { bottom: 10px;}
}
@-moz-keyframes downup {
    0%   { bottom: 10px;}
    50%  { bottom: 0px;}
    100% { bottom: 10px;}
}
@-ms-keyframes downup {
    0%   { bottom: 10px;}
    50%  { bottom: 0px;}
    100% { bottom: 10px;}
}
@-o-keyframes downup {
    0%   { bottom: 10px;}
    50%  { bottom: 0px;}
    100% { bottom: 10px;}
}
@keyframes downup {
    0%   { bottom: 10px;}
    50%  { bottom: 0px;}
    100% { bottom: 10px;}
}




/* PAGE (CONTENT) */
section{background:var(--black); color:var(--white);/*border:solid 1px #f00;*/}
.section-content {position:relative; width:86%; max-width:1280px; margin:0 auto 0 auto; padding:30px 0 60px 0;}

section.section-title {background:var(--yellow);}
section.section-title .section-content {padding:0px 0 0px 0; border:solid 0px #f00;}
section.section-intro .section-content {padding:40px 0 60px 0; border:solid 0px #f00;}


/* index */
.intro {position:relative; width:100%; display: flex; align-items: stretch; /* výška podle obrázku */ margin-bottom:0px;}
.intro .vcenter{ flex: 1; display:flex; flex-direction:column; justify-content:center; z-index:2;}

.mottobox{display:block; /*width:50%; float:left;*/ /*width:fit-content;*/ padding:0; margin:0 auto; z-index:3; border:solid 0px #f00;}
.mottobox .sipka {margin:-40px 0px 0px 0px; width:220px; float:left; /*min-width:200px;*/ /*background-image:url(sipka.png); background-size:cover; background-position: 0 0; background-repeat:no-repeat;*/}
.mottobox .sipka img {display:block; max-width:80%;z-index:5;}
/*.mottobox .motto {  max-width:660px; float:left; padding:0px 0px; border-radius:18px;}*/
.mottobox /*.motto*/ h2 {/*font-size:32px;*/ font-weight:bold; line-height:130%; font-family:"WebFontTitles",Helvetica,Arial,sans-serif;
   text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;}
   
/*.mottobox h2 span.small {font-weight:bold; line-height:50%; font-family:"WebFontTitles",Helvetica,Arial,sans-serif;}*/

/*.mottobox .motto p {font-size:22px; font-weight:600; line-height:136%; font-family:"WebFont",Helvetica,Arial,sans-serif; text-align:left;}*/



.heroimage {z-index:1; /*margin-top:15px;*/ /*float:right;*/ width:50%; height:75vh /*calc(100vh - 140px)*/; border-radius:18px; background-image:url(intro-image.jpg); background-size:cover; background-position: center center; background-repeat:no-repeat;}
.sectionimage {border-radius:18px;}

.highlight-box {float:left; border:solid 0px #f00; /*width:50%;*/ padding:0 1vw; z-index:3; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 33%, rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); text-shadow:0 0 10px #000;}
.highlight-box ul{display:block; width:92%; margin:0 auto; border:solid 0px #0F0;}

/* original */
/*.mottobox{display:flex; flex-direction:row; gap:30px; padding:0 50px; z-index:2; border:solid 0px #f00;}
.mottobox .sipka {flex-grow:0; flex-shrink: 0; margin:-40px 0px 0px 0px; width:220px;}
.mottobox .sipka img {display:block; max-width:100%;}
.mottobox .motto { order: 99999; flex-grow: 1; flex-shrink: 0; width:calc(100% - 280px); max-width:660px; padding:50px 60px 50px 60px; background:#d9eae6 ; color:#2b2b2b; font-size:32px; font-weight:400; line-height:130%; border-radius:18px;}
*/

.mottobox2{display:flex; flex-direction:row; float:right; align-items:right; gap:30px; padding:0 50px 80px 50px; z-index:2; border:solid 0px #f00;}
.mottobox2 .sipka {flex-grow:0; flex-shrink: 0; margin-top:-40px; width:280px;}
.mottobox2 .sipka img {display:block; max-width:100%;}
.mottobox2 .motto { float:right; order: 99999 /* order end hack */; flex-grow: 1; flex-shrink: 0; width:calc(100% - 300px); max-width:760px; padding:50px 50px 50px 50px; background:#d9eae6 /*#D9F3EB*/; color:#2b2b2b; font-size:24px; font-weight:600; border-radius:18px;}


/* original */
/*.heroimage {z-index:1; margin-top:-13vh; height:56vh; border-radius:18px; background-image:url(intro-image.jpg); background-size:cover; background-position: center center; background-repeat:no-repeat;}*/


@media screen and (max-width: 1280px) {
/*.mottobox .motto{font-size:28px;}*/
/*.heroimage {margin-top:-16vh; height:50vh;}*/
}
@media screen and (max-width: 1024px) {
  /*.heroimage { height:calc(100vh - 140px);}*/
}
@media screen and (max-width: 768px) {
body{padding-top:100px;}
.intro {position:relative; width:100%; display:block; height:calc(100vh - 70px); border:solid 0px #f00;}
.intro .vcenter {position:absolute;width:100%; display:block; height:100%; border:solid 0px #0f0;}
section.section-intro .section-content {width:100%; padding:0px 0 60px 0; border:solid 0px #f00;}
.mottobox {display:block; position:absolute; top:130px; width:100%; border:solid 0px #f00;}

/*.mottobox .sipka,  .mottobox2 .sipka { width:160px;}
.mottobox .motto,  .mottobox2 .motto{width:calc(100% - 160px); font-size:26px; padding:44px 52px 44px 52px;} */

.heroimage {float:left; width:100%; height:calc(100vh - 100px); margin-bottom:0px; border-radius:0px; }
.highlight-box {/*float:left;*/  position:absolute; bottom:0px; width:100%;/* padding:0 5vw;*/}

}
/*
@media screen and (max-width: 720px) {

.arrow-down {position:absolute; bottom:-80px;}
.mottobox .sipka, .mottobox2 .sipka { width:120px; margin-top:-30px; z-index:3;}
.mottobox .motto, .mottobox2 .motto{width:calc(100% - 120px); font-size:24px; padding:40px 44px 40px 44px;} 
.heroimage {margin-top:-12vh; height:48vh;}
}
@media screen and (max-width: 520px) {

.mottobox .sipka, .mottobox2 .sipka { width:100px; margin-top:-40px;  z-index:3;}
.mottobox .motto, .mottobox2 .motto{width:calc(100% - 100px); margin-top:-20px; font-size:24px; padding:36px 40px 36px 40px;} 
.heroimage {margin-top:-14vh; height:48vh;}
}
@media screen and (max-width: 440px) {
.mottobox .sipka, .mottobox2 .sipka{ width:80px; margin-top:-20px; z-index:3;}
.mottobox .motto, .mottobox2 .motto{width:calc(100% - 80px); font-size:24px; padding:30px 38px 30px 38px;} 
.heroimage {margin-top:-16vh; height:48vh;}
}*/


/*.heroimage img {display:block; width:100%; height:50vh; border-radius:18px; background-image:url(sipka.png); background-size:cover; background-position: 0 0; background-repeat:no-repeat;}
.heroimage img {display:block; width:100%; height:50vh; border-radius:18px; background-image:url(sipka.png); background-size:cover; background-position: 0 0; background-repeat:no-repeat;}
*/



.nopaddingtop {padding-top:0px;}

.section-highlights {/*flex-direction: column;*/ padding-top:40px!important; padding-bottom:50px;}
.section-highlights .flex-container div{width:33.33%; position:relative; font-weight:600;}
.section-highlights .flex-container div img{display:block; clear:both; padding-bottom:20px;}
.section-highlights .flex-container div:before{content:""; position:absolute; left:50%; margin-left:-80px; top:-36px; /*top:40px;*/ width:160px; height:160px; border-radius:80px; background:#d9eae6; z-index:-1; }

@media screen and (max-width: 620px) {
.section-highlights .flex-container{flex-direction: column;}
.section-highlights .flex-container div{padding-bottom:30px; margin-bottom:50px;}
}


/* PRICE */
section.section-price .section-content {padding:100px 0 60px 0; border:solid 0px #f00;}


.price-box{position:relative; width:100%; display: flex; align-items: stretch; gap:40px;/* výška podle obrázku */ margin-bottom:0px;}
.pricetext h2{margin-bottom:0px;
    text-shadow:
    2px 0 0 #000,
   -2px 0 0 #000,
    0 2px 0 #000,
    0 -2px 0 #000,
    2px 2px 0 #000,
   -2px 2px 0 #000,
    2px -2px 0 #000,
   -2px -2px 0 #000;}
.pricetext {text-shadow:0 0 10px #000;}
.priceimage {z-index:1; /*margin-top:15px;*/ /*float:right;*/ width:50%; height:80vh /*calc(100vh - 140px)*/; border-radius:18px; background-image:url(price-image.jpg); background-size:cover; background-position: bottom 15% right; background-repeat:no-repeat;}

.section-price .contactus {display:block; background:var(--yellow); clear:both; width:fit-content; padding:20px; margin:40px auto; border-radius:18px; color:var(--red); font-size:170%; font-weight:bold; text-align:center; font-family:"WebFontTitles",Helvetica,Arial,sans-serif; }
.section-price .contactus a{color:var(--white); background:var(--red); padding:7px 20px;font-size:130%; border-radius: 10px; text-decoration:none; font-family:"WebFont",Helvetica,Arial,sans-serif; }
.section-price .contactus a.emailto{font-size:100%;}


@media screen and (max-width: 768px) {
section.section-price .section-content {width:100%; padding:0px 0 60px 0; border:solid 0px #f00;}
.price-box {position:relative; width:100%; display:block; height:calc(100vh - 70px); border:solid 0px #f00;}
.pricetext {position:absolute; left:7%; top:50px; width:86%; display:block; height:calc(100% - 100px); border:solid 0px #0f0; z-index:2;}
.priceimage {display:block; float:left; width:100%; height:calc(100vh - 100px); margin-bottom:0px; border-radius:0px; opacity:0.85; }
.section-price .contactus {margin-top:-60px;}
}


/* OSTATNI */

/*
.section-omne ul, .section-cenik ul{margin:0;padding-top:10px; padding-bottom:8px;list-style:none}
.section-omne li, .section-cenik li{margin:0;padding-left:16px;padding-bottom:6px;margin-bottom:12px;text-align:left; background:url(li.png) 0 4px no-repeat;clear:both}
*/

.vimeo {width:100%; height:auto;}
.fota img{margin:30px 0;}
.fota {margin-top:-45px;}

.green {color:#00a674;}
.aktuality-slider-box {/*width:133%; margin-left:-33%;*/ }
.aktuality-slider .aktualita {/*width:30%;*/ margin:0 10px; height:100%;  /*min-height:500px;*/ /*float:left;*/border:solid 2px #00a674; border-radius:14px;}
.aktuality-slider .aktualita {position:relative; height:100%; width:100%; padding:40px; padding-bottom:104px;}
.aktuality-slider .aktualita span.datum{display:block; height:36px; font-size:20px; font-weight:bold; color:#a0b6b1;}
.aktuality-slider .aktualita p.title{display:block; min-height:100px; /*font-size:20px;*/ font-weight:bold; color:#00a674; text-transform:uppercase;}

.aktuality-slider .aktualita a.linkold {display:block; position:absolute; right:34px; bottom:34px; width:44px; height:44px; background:url(link.png) 0px 0px no-repeat;}
.aktuality-slider .aktualita a.link {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(link.png) 90% 94% no-repeat;}


.colorbox {background:#d9eae6; border-radius:18px;}
.imagebox, .titlebox, .textbox {padding:30px; float:left;}
.titlebox {padding-left:0px;}
.titlebox h3.bg{padding-left:50px;}
.imagebox, imagebox2 {padding-top:55px;}
.imagebox img {display:block; border-radius:16px; width:100%;}
.imagebox2 img {display:block; border-radius:16px; width:calc(50% - 60px); margin:30px 30px 30px 30px; float:left;}
.imagebox img.right30px {float:right; margin-right:10%;}
.imagebox.floatright, .textbox.floatright {float:right;}

.colorbox .textbox h3.bg{margin-top:-14px}

.imagebox-left {}
.imagebox-right {}
.textbox-left {}
.textbox-right {}

.phone {display:block; width:340px; padding:30px 30px 30px 90px; font-size:22px; color:#00a674; font-weight:600; text-decoration:none!important; background:url(kontakt-phone.png) #d9eae6 20px 15px no-repeat; border-radius:18px;}
.email {display:block; width:340px; padding:30px 30px 30px 90px; font-size:22px; color:#00a674; font-weight:600; text-decoration:none!important; background:url(kontakt-email.png) #d9eae6 20px 15px no-repeat; border-radius:18px;}
.address {display:block; width:340px; padding:30px 30px 30px 90px; font-size:22px; color:#00a674; font-weight:600; text-decoration:none!important; background:url(kontakt-address.png) #d9eae6 20px 15px no-repeat; border-radius:18px;}
.address span.small{line-height:60%;}

.download-pdf{display:inline-block;padding:12px 25px 25px 100px; height:90px; background:url(pdf.png) left top no-repeat; color:#3f3f3f; text-align:left!important;}
.download-pdf>span.title{font-size:26px; font-weight:bold; color:#00a674;}

.section-plany .imagebox img.w90 {width:90%;}

@media screen and (max-width: 800px) {
.imagebox img.right30px {float:initial; margin-right:initial; margin:0 auto;}
.imagebox2 img {display:block; border-radius:16px; width:calc(100% - 60px); margin:30px 0px 30px 30px}
}
@media screen and (max-width: 620px) {
.imagebox-left, .imagebox-right {padding-top:30px;}
}
@media screen and (max-width: 450px) {
.phone {width:100%; padding:90px 10px 30px 10px; text-align:center; white-space:nowrap; background:url(kontakt-phone.png) #d9eae6 center 15px no-repeat;}
.email {width:100%; padding:90px 10px 30px 10px; text-align:center; white-space:nowrap; background:url(kontakt-email.png) #d9eae6 center 15px no-repeat;}
}




/*
.section-contact {background:var(--yellow); }
.section-contact .section-content{padding:30px 0 30px 0; }
.section-contact .contact {color:var(--red); font-size:280%; font-weight:bold; text-align:center; font-family:"WebFontTitles",Helvetica,Arial,sans-serif; }
.section-contact .contact a{color:var(--red); font-size:130%;}
@media screen and (max-width: 860px) {
.section-contact .contact {font-size:5vw;}
}*/

/*
@media screen and (max-width: 1120px) {
.section-nastym .nastym{width:100%;}
.section-nastym .nastym .kontakt{width:90%; float:none; margin:0 auto;}
}
@media screen and (max-width: 860px) {
.section-plany .imagebox.alignright{text-align:left!important;}
.section-plany .imagebox.alignright img.right30px {float: left; margin-right: 20%; width:159px;}
.section-soteria .textbox{border-right: none;}
.section-soteria .textbox.floatright{border-left: none;}
.popup .popupsipka {position:absolute; z-index:5; left:10%; width:30%; margin-top:-50px;}
}
@media screen and (max-width: 620px) {
.section-content {position:relative; width:92%; max-width:1500px;margin:0 auto 0 auto; padding:60px 0 60px 0;}
.imagebox, .titlebox, .textbox {padding:30px 0px; float:left;}
.colorbox .textbox {padding:30px 20px;}
.section-onas .section-content, .section-plany .section-content{background-color:#d9eae6; border-radius:18px; padding:60px 30px 60px 30px;}


.section-nastym .nastym{width:100%; padding:30px; float:none; margin:0 auto;}
.section-nastym .nastym .kontakt{width:100%; min-height:280px; margin-top:100px; padding:80px 50px 40px 50px; background-color:#d9eae6; border-radius:16px;}
.section-nastym .nastym .kontakt img {position:absolute; top:-100px; left:50%; transform:translateX(-50%); float:left; display:block; border-radius:16px; width:160px;}
}
@media screen and (max-width: 420px) {
.section-nastym .nastym{width:100%; padding:20px; float:none; margin:0 auto;}
.section-nastym .nastym .kontakt{width:100%; min-height:280px; margin-top:100px; padding:80px 30px 35px 30px; background-color:#d9eae6; border-radius:16px;}
.section-nastym .nastym .kontakt img {position:absolute; top:-100px; left:50%; transform:translateX(-50%); float:left; display:block; border-radius:16px; width:160px;}
}
*/

/*
.section-intro-content, .section-intro-image {min-height:680px;}
@media all and (max-width: 768px) {
.section-intro-content .intro-text h1 {text-align:initial;font-size:220%;}
.section-intro-content .intro-text p {text-align:initial;font-size:110%;}
.section-intro-content .intro-buttons {text-align:initial;font-size:110%;}
}*/

/* landscape-wide */
@media all and (min-aspect-ratio: 11/5) and (min-width: 1200px) {
.section-intro-content, .section-intro-image {min-height:680px;}
.section-intro-image {background-size: auto 139%; background-position:20% -10vh;}
}
@media all and (min-aspect-ratio: 11/5) and (max-width: 1199px) {
.section-intro-image {background-size: auto 139%; background-position:20% -10vh;}
}
/* Landscape */
@media all and (min-aspect-ratio: 5/4) and (max-aspect-ratio: 11/5) and (min-width: 1800px) {
.section-intro-image {background-size: auto 133%; background-position:20% -10vh;}
}
@media all and (min-aspect-ratio: 5/4) and (max-aspect-ratio: 11/5) and (min-width: 1200px) {
.section-intro-image {background-size: auto 133%; background-position:35% -10vh;}
}
@media all and (min-aspect-ratio: 5/4) and (max-aspect-ratio: 11/5) and (max-width: 1199px) {
.section-intro-image {background-size: auto 130%; background-position:35% -10vh;}
}
/* square */
@media all and (min-aspect-ratio: 4/5) and (max-aspect-ratio: 5/4) {
.section-intro-content{margin-left:40%;}
.section-intro-image {background-size: auto 130%; background-position:30% -5vh;}
}
/* portrait */
@media all and (max-aspect-ratio: 4/5) {
.section-intro-image {background-size:auto 130%; background-position:-300px -5vh;}
}
@media all and (max-aspect-ratio: 4/5) and (max-width: 680px) {
.section-intro-content {margin-left:37%;}
.section-intro-image {background-size:auto 1000px; background-position:-300px -5vh;}
.section-intro-content .intro-buttons a.button{width:100%!important;}
.section-intro-content .intro-text h1 {text-align:initial;font-size:180%;}
.section-intro-content .intro-text p {text-align:initial;font-size:100%;}
.section-intro-content .intro-buttons {text-align:initial;font-size:100%;}
}
@media all and (max-aspect-ratio: 4/5) and (max-width: 400px) {
.section-intro-content, .section-intro-image {min-height:800px;}
.section-intro-content {margin-left:32%; width:55%;}
.section-intro-image {background-size:auto 1000px; background-position:-328px -5vh;}
.section-intro-content .intro-buttons a.button{width:100%!important;}
.section-intro-content .intro-text h1 {text-align:initial;font-size:180%;}
.section-intro-content .intro-text p {text-align:initial;font-size:100%;}
.section-intro-content .intro-buttons {text-align:initial;font-size:100%;}
}

.videobox {position:relative; border-radius:16px; background:#000000; overflow:hidden; width:100%; height:auto; aspect-ratio: 48/27; cursor:pointer;}
.videobox video{position:absolute; width:101%}



.topvideo {position: relative}
.topvideo .audio {position: absolute; bottom:0; left:0; width:35px; height:35px; margin: 35px; z-index: 49;}
.topvideo .audio.on {background: transparent url(audio_on.png) no-repeat center center}
.topvideo .audio.off {background: transparent url(audio_off.png) no-repeat center center}
.topvideo .audio-white.on {background: transparent url(audio_on_white.png) no-repeat center center}
.topvideo .audio-white.off {background: transparent url(audio_off_white.png) no-repeat center center}



/* LINK BUTTONS */
/* navigace na vrch stranky */
#topbox {position:fixed;bottom:20px;right:35px;width:54px;height:54px;border:solid 0px #FF9711;
background:url(topbox.png) center center no-repeat ;z-index:1000;cursor:pointer;cursor:hand;
   box-sizing:border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius:4px;
    transition:all 0.3s ease-out;
    /*box-shadow: 0px 0px 15px #999; */
} 
#topbox:hover {bottom:32px; height:66px; }


.link{display:block-inline;min-width:50px;height:15px;clear:both;margin-bottom:10px;padding:7px 45px 13px 0px;font-size:16px;text-align:left;font-weight:bold;text-decoration:none;background:url(link.png) center right no-repeat}
.link:hover{text-decoration:none}
.link-button{ position:relative; display:block; min-width:100px; height:20px; padding:8px 45px 13px 15px; margin:0; margin-top:10px!important; color:#FFFFFF!important; text-align:left; font-size:20px; line-height:140%; /*border: solid 2px #4DBAB8;*/ background:url('link-button.png') center right #4DBAB8 no-repeat; white-space:nowrap;transition:background 0.3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.link-button:hover{color:#FFFFFF!important; background:url('link-button.png') center right #339999 no-repeat;}
.back-button{ position:relative; display:inline-block; min-width:100px; height:20px; padding:8px 15px 13px 45px; margin:0; margin-top:10px!important; color:#FFFFFF!important; text-align:left; font-size:20px; line-height:140%; /*border: solid 2px #4DBAB8;*/ background:url('back-button.png') center left #4DBAB8 no-repeat; white-space:nowrap;transition:background 0.3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.back-button:hover{color:#FFFFFF!important; background:url('back-button.png') center left #339999 no-repeat;}
/*
a.button {display:block; width:200px; height:25px; padding:14px 30px 6px 10px; margin:0px; font-weight:bold; border:solid 0px #EAEBBA; background:url(btn-order.png) top center no-repeat;z-index:100; }
a.button:hover {background:url(btn-order-over.png) top center no-repeat;}
a.button-back {display:block; position:absolute; bottom:10px; width:92px; height:25px; padding:14px 10px 6px 40px; margin:0px; font-weight:bold; border:solid 0px #EAEBBA; background:url(btn-back.png) top center no-repeat; }
*/
.button {display:block; width:180px; border:1px solid #b7b7b7; color:#000000; padding:14px 0; margin:0 25px 25px 0;/*line-height: 1.3em; */ text-transform:uppercase; text-decoration:none; font-size:100%; font-weight:800; position:relative; background:url(button-out.jpg) #484848 center center repeat-x;z-index: 1; overflow: hidden; transition:all .5s ease; /*letter-spacing: 0.1em;*/ -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius: 4px; border-radius:4px;}
.button:hover, .boxes-button:active {border:solid 1px #02b4c9; color:#02b4c9;  text-decoration:none; font-weight:800; background:url(button-over.jpg) #fba70d center center repeat-x; box-shadow:0 0 10px #02b4c9}

.buttonbig {display:block; width:320px; border:1px solid #b7b7b7; background-color:#none; padding:14px 0; line-height: 150%; text-transform:uppercase; text-decoration:none; font-size:150%; margin:0 auto; color:#FFFFFF!important; position:relative; z-index: 1; overflow: hidden; transition:.5s ease; /*letter-spacing: 0.1em;*/ -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius: 4px; border-radius:4px;}
.buttonbig:hover{border:solid 1px #02b4c9; color:#02b4c9; border:2px solid #FF9711; text-decoration:none; font-weight:800; background:url(button-over.jpg) #fba70d center center repeat-x; }



.startup {cursor:pointer;}
.down {width:60px;height:40px; margin:0 auto; margin-top:-40px;background:url('downbox.png') center center no-repeat;}


/*i.icon-home {display:inline-block;width:30px;height:22px;background:url(icon-home.png) left top no-repeat;}
#navi i.icon-home {display:inline-block;width:20px;height:24px; margin-bottom:-2px;background:url(icon-home-navi.png) left bottom no-repeat;}
.icon-cellphone {display:inline-block;width:150px;height:25px;padding:3px 0 0 38px ;background:url(icon-cellphone.png) left top no-repeat;}
.icon-phone {display:inline-block;width:150px;height:25px;padding:3px 0 0 38px ;background:url(icon-phone.png) left top no-repeat;}
.icon-mail {display:inline-block;width:150px;height:25px;padding:3px 0 0 38px;background:url(icon-mail.png) left top no-repeat;z-index:2;}
span.icon-dic {display:inline-block;width:150px;height:25px;padding:3px 0 0 0px;z-index:2;}*/


/* CENIK */
/*#cenik{margin-top:10px;clear:both;border-top:solid 0px #CA000D;}
#cenik .item{padding:10px 15px;clear:both;background:url() rgba(15,15,15,0.65); margin-bottom:2px;}
#cenik .item .text{position:relative;font-size:110%;width:calc(100% - 180px);height:auto;float:left}
#cenik .item .price{position:relative;font-size:120%;width:170px;height:20px;float:right;text-align:right;font-weight:700}
#cenik .item .info{position:relative;font-size:90%; padding:10px 10px; width:100%; height:auto;float:left}
*/

/*#section-howitworks *{border:0px solid #FF9711;}*/

/* GALLERY - How it works... */
.gallery-block {position:relative; margin-bottom:80px;}
.gallery {display: flex; flex-wrap: wrap; gap: 1.8vw; width:100%; padding-left:80px;}
.gallery > div {
  flex: 1 1 calc(25% - 1.8vw); /* 4 na řádek */
  background: #e5f2ff;
  border-radius: 20px;
  overflow:hidden;
  border: solid 3px #FFFFFF;
}
.gallery > div img {display:block; width:100%; /*border-radius: 20px; border: solid 3px #FFFFFF;*/}

.gallery-block p {position:relative; width:100%; padding-left:80px; min-height:60px;}
.gallery-block p span.num {display:flex; align-items:center; justify-content:center; background:var(--red); width:60px; height:60px; border-radius:100%; position:absolute; left:0px; top:0px; font-size:36px; font-weight:bold;}

.gallery-block div.arrow {display:block; background:var(--yellow); width:6px; height:calc(100% - 20px); border-radius:3px; position:absolute; left:27px; top:80px;}
.gallery-block div.arrow::before {content:""; display:block; background:var(--yellow); width:6px; height:20px; border-radius:3px; position:absolute; left:5px; bottom:-2px; transform:rotate(45deg);}
.gallery-block div.arrow::after {content:""; display:block; background:var(--yellow); width:6px; height:20px; border-radius:3px; position:absolute; left:-5px; bottom:-2px; transform:rotate(-45deg);}


/* Od 860px › 2 prvky na řádek */
@media (max-width: 1024px) {
  .gallery {gap:  2.2vw;}
  .gallery > div {flex: 1 1 calc(50% -  2.2vw);}
}

/* Na mobilech › 1 prvek na řádek */
@media (max-width: 480px) {
  .gallery {gap: 18px;}
  .gallery > div {flex: 1 1 100%;}
  .gallery-block p span.num {width:50px; height:50px; font-size:30px; font-weight:bold; left:5px; top:5px;}
  .gallery-block div.arrow {top:70px;}
}




/* GALLERY */
.ImageGallery {position:relative; width:100%; border:solid 0px #FFF; }
.ImageGalleryContent {position:relative; width:100%; overflow:hidden; border:solid 0px #F00;}
.ImageGallery .item{position:relative; width:30%; max-width:500px; margin:15px 1.6% 15px 1.6%; margin-bottom:25px; float:left; padding:0px; border:solid 0px #FFF; background-color:#FFF;}
.ImageGallery .itemContent{height:0;padding-bottom:62%;text-align:center; border:solid 4px #FF9711; overflow:hidden;}
.ImageGallery .item img{width:100%;/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/}

/* Sdileni */
/*.social-share {display:block; margin:0 auto; padding:15px; box-sizing: border-box; color:#FF9711; text-align:center; transition:border .4s ease; opacity:0.75; border:solid 2px #FF9711; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.social-share:hover {border:solid 2px #FFFFFF;}
.social-share p {text-align:center!important; padding-bottom:15px;}
.social-share .fb-share-button {display:inline-block; width:150px; height:30px;}
*/

/* PROJECT - OTHER - Thematic blocks */
/*#page-index hr{display:none;}
#page-index>div.item{ padding:15px; padding-bottom:25px; margin-bottom:35px;
   -webkit-border-radius: 6px;   
   -moz-border-radius: 6px;
   border-radius: 6px;
   border:solid #339999 2px;
}
#page-index>div.full{padding:0px; padding-bottom:25px; margin-bottom:35px;}
#page-index>div.full>div.item{ padding:15px; padding-bottom:0px; margin-bottom:0px;}*/

/*#page-index-text h1,#page-index>div.item>h1{font-size:200%!important;;}
#page-index-text h1 span,#page-index>div.item>h1>span{font-size:80%!important;}*/

/*.index-katalog {background:url(index-katalog.png) right bottom no-repeat;}
.index-katalog-en {background:url(index-katalog-en.png) right bottom no-repeat;}

.index-nove-produkty {background:url(index-nove-produkty.png) right bottom no-repeat;}
#page-index>div.nopaddingbottom{padding-bottom:0px;}
#page-index .bottom {bottom:15px;}*/

/*
.box-borderround {
  padding:10px 15px; margin-bottom:25px; margin-top:-10px; background-color:#FFF;
  border: solid
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-box-shadow: inset 0 0 10px #E0E0E0; -moz-box-shadow: inset 0 0 10px #E0E0E0; box-shadow: inset 0 0 10px 0 #E0E0E0;
}*/


/* Signpost, News, Contact - blocks */
/*#signpost {padding-top:20px;}
#signpost .item, #news .item, #contact .item{
  position:relative; padding:15px; margin-bottom:35px; background-color:#FFF;
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  -webkit-box-shadow: inset 0 0 10px #E0E0E0; -moz-box-shadow: inset 0 0 10px #E0E0E0; box-shadow: inset 0 0 10px 0 #E0E0E0;
  border:solid 2px #CCCCCC;}
*/

/* Signpost */
/*#signpost .image {position:relative;width:170px;float:left;z-index:10;}
#signpost .text {position:relative;width:100%; height:100%; float:right; margin-left:-170px; padding-left:170px; padding-bottom:30px; padding-right:10px; box-sizing: border-box;}
#signpost .text h2 {margin-bottom:0;padding-bottom:0;}
#signpost .text>span {width:65px;float:left;}
#signpost .info{position:absolute; right:0px; bottom:10px; width:100%; font-weight:bold; margin-left:-170px; padding-left:180px; padding-right:15px; border-top: solid 0px #E2E2E2; box-sizing: border-box; z-index:10;}
#signpost .info>span{ min-width:140px; text-align:right; float:right; }
#signpost .bottom {bottom:25px;}
#signpost .new{position:absolute;top:0px;left:-15px;width:120px;padding:7px 10px;background:#FFF;color:#C33;font-size:170%;text-align:center;line-height:60%;font-weight:bold; z-index:12;
-webkit-transform: rotate(-18deg);-moz-transform: rotate(-18deg);-ms-transform: rotate(-18deg);-o-transform: rotate(-18deg);transform: rotate(-18deg);
-webkit-box-shadow:0px 0px 12px #AAA;-moz-box-shadow:0px 0px 12px #AAA;-ms-box-shadow:0px 0px 12px #AAA;-o-box-shadow:0px 0px 12px #AAA;box-shadow:0px 0px 12px #AAA;
}
*/

/* News */
/*#news .image {position:relative;width:200px;float:left;z-index:10;}
#news .image img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#news .text {position:relative;width:100%; height:100%; float:right; margin-left:-200px; padding-left:200px; padding-bottom:40px; padding-right:10px; box-sizing: border-box;}
#news .text h2 {margin-bottom:0;padding-bottom:0;}
#news .info {position:absolute; right:0px; bottom:20px; width:100%; margin-left:-200px; padding-left:210px; padding-right:15px; border-top: solid 0px #E2E2E2; box-sizing: border-box; z-index:10;}
*/
/* Contact */
/*#contact .image {position:relative;width:200px;float:left;z-index:10;}
#contact .text {position:relative;width:100%; height:100%; float:right; margin-left:-200px; padding-left:200px; padding-bottom:30px; padding-right:10px; box-sizing: border-box;}
#contact .bottom{position:absolute; right:0px; bottom:20px; width:100%; margin-left:-200px; padding-left:210px; padding-right:15px; border-top: solid 0px #E2E2E2; box-sizing: border-box; z-index:10;}

#contact .contact-phone{padding:5px 0px 6px 40px ;background:url(icon-phone-contact.png) center left no-repeat;}
#contact .contact-email{padding:5px 0px 6px 40px ;background:url(icon-mail-contact.png) center left no-repeat;}
#contact span{display:block;width:80px;float:left;}
#contact span.vat-en{display:block;width:110px;float:left;}
#contact span.vat-de{display:block;width:150px;float:left;}
*/

/* Akce */
/*akceobjednavky>span{ width:80px;float:left; }*/


.close{position:absolute; top:10px; right:10px; width:30px; height:30px; /*background:url(close.png) center center no-repeat;*/ cursor:pointer; cursor:hand; z-index:20;}
/*.close:hover{background:url(close-over.png) center center no-repeat;}*/


/*#contact>.w100 {position:relative;width:93%;}*/


/*#contact .text h2 {margin-bottom:0;padding-bottom:0;}*/



/* Morelist */
.morelist, .morelist-radio{position:relative;width:100%;/*overflow:hidden*/}
.morelist hr, .morelist-radio hr{height:20px;margin:0;/*overflow:hidden*/}
.morelist .more, .morelist-radio .more {position:relative; width:99.4%; height:auto; min-height:54px; padding:15px; line-height:24px; cursor:hand;cursor:pointer; background:#262626; margin-bottom:4px; clear:both;}
.morelist .more {padding-right:60px;}

.morelist .moreinfo, .morelist-radio .moreinfo{width:100%!important;padding:14px;height:auto;display:none;margin:0}
/*.morelist .moreinfo td, .morelist-radio .moreinfo td{background:#E0E0E0;}*/

.morelist .more::before, .morelist-radio .more::before {content:''; position:absolute; display:block; top:2px; right:2px; width:44px; height:44px; background:url(more-arrow.png) center center no-repeat; border: solid 0px #333;
    -webkit-animation: more-arrow-out 0.5s linear forwards;
       -moz-animation: more-arrow-out 0.5s linear forwards;
        -ms-animation: more-arrow-out 0.5s linear forwards;
         -o-animation: more-arrow-out 0.5s linear forwards;
            animation: more-arrow-out 0.5s linear forwards; 
  }
.morelist .more.more-on::before, .morelist-radio .more.more-on::before {
    -webkit-animation: more-arrow-over 0.5s linear forwards;
       -moz-animation: more-arrow-over 0.5s linear forwards;
        -ms-animation: more-arrow-over 0.5s linear forwards;
         -o-animation: more-arrow-over 0.5s linear forwards;
            animation: more-arrow-over 0.5s linear forwards;
   }
@-webkit-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
   @-moz-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
    @-ms-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
     @-o-keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
        @keyframes more-arrow-over { 0%  { transform: rotate(0deg); } 100% { transform: rotate(180deg); }}
@-webkit-keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
   @-moz-keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
    @-ms-keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
     @-o-keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}
        @keyframes more-arrow-out { 0%  { transform: rotate(180deg); } 100% { transform: rotate(0deg); }}

/*
.bubble {position:relative;width:40%; float:left; margin:0 5%;}
.bubbleScale {height:0;padding-bottom:100%; }
.bubbleText {width:100%;height:100%; background-color:#0F0;display:table-cell; vertical-align:middle;}
.bubble p {position:absolute;width:100%;height:100%; top:0;text-align:center; }
.bubble img {position:relative;width:100%;height:100%}


#bubbles {}
.bubble {position:relative;width:40%; float:left; margin:0 5%;}
.bubbleScale {height:0;padding-bottom:100%; }
.bubbleText {width:100%;height:100%; background-color:#0F0;display:table-cell; vertical-align:middle;}
.bubble p {position:absolute;width:100%;height:100%; top:0;text-align:center; / }
.bubble img {position:relative;width:100%;height:100%}

.verttohoriz-blocks{}
.verttohoriz-blocks>div.item2 {width:100%;float:left;}
.verttohoriz-blocks>div.item3 {width:100%;float:left;}
*/

/*
#indexicons .flexBoxLeftImage   {width:140px; float:left;}
#indexicons .flexBoxLeftImage   img{width:100%;}
#indexicons .flexBoxLeft        {margin:0 0 0 -140px; width:100%; height:140px; float:left;}
#indexicons .flexBoxLeftContent {margin:0 0 0 140px; height:140px; }
#indexicons .flexBoxLeftContent div{ height: 140px; border: 0px solid #f00; padding:0 20px; display: table-cell; vertical-align: middle;}
*/

/*
#openhours{border-top:solid 1px #333333;}
#openhours div {width:90%;padding:8px 0 8px 10%;border-bottom:solid 1px #333333; background:url(icon-openhours.png) center left no-repeat;}
#openhours strong {display:inline;float:right;width:auto;text-align:right;}
*/
/*
#contact {position:relative; padding:0;margin:0; background-color:#FFF;}
#contact .image{display:block; float:right; width:55%; padding:0;margin:0;background-color:#EEE;}
#contact .image img{display:block; width:100%;border:0px;margin:0px;}
#contact .text{ float:left; width:45%; padding:0px; color:#333333; }
#contact .textContent{ padding:15px 20px;}
*/
#kontakt h2{margin-top:0;padding-top:0}
#kontakt .colLeft{position:relative;width:30%;min-height:180px;float:left;border-right:solid #9DEFFF 1px}
#kontakt .colRight{position:relative;width:58%;min-height:180px;float:left;margin-left:10%;}

/*
.index-news {margin-top:0px;margin-left:4%;border:solid 1px #73BBCE}
.index-news .item {height:auto;}
.index-news .item img {float:left; width:50%;}
.index-news .item .itemText {float:right; position:relative; width:48%; min-width:200px; padding-bottom:38px!important; z-index:1;border:solid 0px #73BBCE}
.index-news .item .itemTextAdvantages {float:left; width:98%!important;}
*/

/* Plug-ins */
/*.div-facebook {position:relative; padding:0px 30px; overflow:hidden}*/
/*.map{position:relative;width:100%;height:100%;background:#EEE;}*/
/*.map iframe {width:99.9%; height:100%; min-height:500px;}*/

/*
.infobox {position:relative;width:100%; margin:20px auto; padding-top:20px; text-align:center; border-top:solid 1px #EAEBBA}
.infobox a {position:relative;margin:20px auto; padding:15px 15px 10px 15px; margin-top:30px;  border-top:solid 0px #EAEBBA}
.infobox span {display:block-inline; width:15px; float:left; background:url(li.png) 0 4px no-repeat;}
*/

/* Responsive boxes */
/*.boxes {position:relative; width:100%;text-align: center;border: 0px solid #F00;}
.boxes-block {display:inline-block; position:relative; vertical-align:top; float:left; width:33.3333333333%; border:0px solid #555; margin:0px -2px; padding:25px 7px 90px 7px!important; text-align:center; text-decoration:none; box-sizing:border-box; transition:border .5s ease; }
.boxes-icon {display:block; height:100px}*/
/*.boxes-block h2 {color:#FF9711; line-height:120%; font-size:150%; margin:10px 0 0 0; text-shadow:0 0 7px #000000; }*/
/*.boxes-block h3 {color:#FFFFFF; line-height:180%; font-size:160%; margin:10px 0 10px 0; text-shadow:0 0 7px rgba(0,0,0,0.7); white-space:nowrap;}
.boxes-block p {float:left;color:#FFFFFF; line-height:150%; font-size:100%; margin:15px 0 17px 0; text-shadow:0 0 7px rgba(0,0,0,0.7);}
.boxes-button {display:block; width:180px; min-height:50px;border:solid 2px #FFFFFF; padding: 14px 0;  text-transform: uppercase; font-size:100%; margin-left:-90px; font-weight:bold; color: #FFFFFF; position:absolute; bottom:30px; left:50%; z-index: 1; overflow: hidden; transition:.5s ease; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius: 4px; border-radius:4px;}
.boxes-button:hover, .boxes-button:active, a.boxes-block:hover .boxes-button {background-color: #FFFFFF; border: 2px solid #FFFFFF; }
.boxes-person {display:block; width:180px; height:180px; border:solid 4px #FF9711; padding:0; text-transform: uppercase; font-size: 100%; margin: 0 auto; color: #EDEDED; position: relative; z-index: 1; overflow: hidden; transition:.5s ease; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius: 100%; border-radius:100%;}
.boxes-block i {display:block; color:#FFFFFF; line-height:180%; font-size:180%; margin:10px 0 0 0; font-weight:bold; text-shadow:0 0 7px rgba(0,0,0,0.7); font-style:normal;}
*/
/*
.boxes-button:active:before, .boxes-button:hover:before {-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
.boxes-button:before {content:""; display:block; width:100%; height:100px;  border:solid 2px #CA000D; background-color:#CA000D; border-radius:0px; position:absolute; left:0; top:50%; margin-top:10px; z-index:-1; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); transition:.25s ease; opacity:0}
.boxes-button:active:after, .boxes-button:hover:after {-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
.boxes-button:after {content:""; display:block; width:100%; height:100px;  border:solid 2px #CA000D; background-color:#CA000D; border-radius:0px; position:absolute; left:0; bottom:50%; margin-bottom:10px; z-index:-1; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); transition:.25s ease; opacity:0}
*/

/*
.boxes-block .boxes-over {display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; background: url("boxes-block-over.png") center top no-repeat; transition:opacity .5s ease;}
.boxes-block:hover .boxes-over {opacity:1;}
.boxes-bg01 {background-color:#548b92; background-color:#336B70;}
.boxes-bg01 .boxes-button:hover, .boxes-bg01:hover .boxes-button{color:#548b92!important; color:#336B70!important;}
.boxes-bg02 {background-color:#549ba3; background-color:#3A7D82;}
.boxes-bg02 .boxes-button:hover, .boxes-bg02:hover .boxes-button{color:#549ba3!important; color:#3A7D82!important;}
.boxes-bg03 {background-color:#464646;}
.boxes-bg03 .boxes-button:hover, .boxes-bg03:hover .boxes-button{color:#464646!important;}

.boxes-sluzby .boxes-icon {background: url("icon-sluzby.png") center top no-repeat;}
.boxes-rezervace .boxes-icon {background: url("icon-rezervace.png") center top no-repeat}
.boxes-garance .boxes-icon {background: url("icon-garance.png") center top no-repeat}

.boxes-diagnostika .boxes-icon {background: url("icon-diagnostika.png") center top no-repeat}
.boxes-vstupni .boxes-icon {background: url("icon-vstupni.png") center top no-repeat}
.boxes-plan .boxes-icon {background: url("icon-plan.png") center top no-repeat}
.boxes-plan-obnova .boxes-icon {background: url("icon-plan-obnova.png") center top no-repeat}
.boxes-konzultace .boxes-icon {background: url("icon-konzultace.png") center top no-repeat}

.boxes-dodrzovat .boxes-icon {background: url("icon-dodrzovat.png") center top no-repeat}
.boxes-diety .boxes-icon {background: url("icon-diety.png") center top no-repeat}
.boxes-suplementy .boxes-icon {background: url("icon-suplementy.png") center top no-repeat}
*/
/*
@media all and (max-width: 1550px){
  .boxes-block {padding: 30px 20px}
}
@media all and (max-width: 1050px){
  .boxes {border: 0px solid #0F0;}
  .boxes-block {float: initial; width: 45%;}
}
@media all and (max-width: 700px){
  .boxes-block { width: 100%;}
}*/


/*
#contacttext {position:relative; padding-top:15px; margin-top:15px}*/

/*#contacttext .col60{width:65%;margin-left:0%;float:left;border:solid 0px #73BBCE}
#contacttext .col30{width:30%;margin-left:3%;float:left;border:solid 0px #73BBCE}
#contacttext .col{width:45%;height:auto; margin-left:4%;float:left;border:solid 0px #73BBCE}
#contacttext .first{margin-left:0%;}*/
/*#contacttext span.item {width:120px;}*/

/* ??? */
/*
.cols {position:relative;  float:left; width:100%; border:solid 0px #73BBCE;}
.cols div.items {position:relative; height:auto; float:left; border:solid 0px #00BBCE;}
.cols div.itemContent {position:relative; margin:0 auto; border:solid 0px #F00;}

.cols div.col3 {width:29%; margin-right:4%;}
.cols div.col2 {width:46%; margin-right:4%;}
.cols div.col1 {width:100%; margin-right:0%;}


.cols2 div.items {width:46%; height:auto; margin-right:2%; float:left; border:solid 0px #73BBCE;}
.cols3 div.items {width:28%; height:auto; margin-right:4%; float:left; border:solid 0px #73BBCE;}
.cols4 div.item {width:21%; height:auto; margin-right:4%; float:left; border:solid 0px #73BBCE;}

.cols4 div.items {width:21%; height:auto; margin-right:4%; float:left; border:solid 0px #73BBCE;}

.cols .imagefull{width:100%;clear:both;overflow:hidden; margin-bottom:15px;}
.cols .imagefullh{position:relative;height:0;padding-bottom:50%; text-align:center;}
.cols .imagefull img{position:relative;display:block;width:100%; bottom:0px; z-index:10;}
.cols .imagefull2n img{position:relative;display:block;width:100%; height:0;padding-bottom:50%; overflow:hidden; z-index:10;}



.imgfull {position:relative; width:100%;clear:both; margin-bottom:15px; border:solid 0px #999;}
.border {border:solid 2px #999; margin-left:-2px;}
*/



/*
#newsList {position:relative; width:100%;}
#newsList .item{position:relative; width:96%; clear:both; padding:20px 2%; margin-top:25px; border-top:solid 1px #EAEBBA}
#newsList .item h2{padding-bottom:10px;}
#newsList .item .text {float:right;width:58%;padding:6px 1%;}
#newsList .item .image {float:left;width:30%;padding:6px 1%;}
#newsList .item .image img{width:100%;}
#newsList .item .bonus{float:right; width:56%; height:auto; padding:7px 2%; font-size:120%; color:#FFF; font-weight:bold; background-color:#DF3300; }
#newsList .item .bonus p{height:auto; padding:0px;}
#newsList .item .info{float:left; width:96%; height:auto; padding:7px 2%; }
#newsList .item .info span{width:100px; padding:0px;}


#newsDetail {position:relative; width:94%;}
#newsDetail .text {float:left;width:50%;padding:6px 1%;}
#newsDetail .image {float:right;width:40%;padding:6px 1%;}
#newsDetail  .image img{width:100%;}
*/






/* Dalsi prvky */
/*.advantage {position:relative; clear:both;}
.advantage span {position:relative; display:block; width:40px; height:30px; padding-top:10px; margin:0 20px 15px 0; float:left; color:#4E688D; text-align:center; font-weight:bold; background:url(advantage.png) top center no-repeat;}
*/


/* Pages bar ================================================================================================*/
/*
#page .pages {position:relative; width:100%; height:20px; margin:20px auto; padding:12px 0px; text-align:center;background-color:#425671;}
#page .pages a {position:relative; margin:2px; padding:6px 15px; padding-top:6px; text-decoration: none; text-align:center;}
#page .pages a:hover {color:#FFF;}
#page .pages a.active {color:#FFF; font-weight:bold;}
#page .pages a.active:hover {color:#FFF;}
#page .pages a.prev  {background:url('pages-prev-out.png') 50% 50% no-repeat;}
#page .pages a.next {background:url('pages-next-out.png') 50% 50% no-repeat;}
#page .pages a span {position:absolute; top:0px; left:0px; display:block; width:30px!important; height:22px; padding:6px 0px 0px 0px; border: solid #3D540A 0px;}
*/
/*
.link-button{ position:relative; display:inline-block; min-width:120px; height:20px; padding:8px 45px 13px 15px; margin:0px 0!important; color:#C3E2EF!important; text-align:left; font-size:20px; line-height:140%; border: solid 2px #0092DD; background:url('link-button.png') center right #0092DD no-repeat; white-space:nowrap;transition:background 0.3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.link-button:hover{color:#FFFFFF!important; background:url('link-button-over.png') center right #74C3EC no-repeat;}

*/

/* Contact and form */
/*.block-contact, .block-form {border:1px solid #555; margin: 0 0.5% 30px 0.5%; box-sizing:border-box; padding:30px 40px;}
.block-contact {border:none;padding:30px 20px 30px 0px;}
.icon-call {padding-left:40px; background:url('icon-call.png') left 4px no-repeat;}
.icon-mail {padding-left:40px; padding-bottom:8px;background:url('icon-mail.png') left 4px no-repeat;}
.icon-facebook {padding-left:40px; padding-top:6px; padding-bottom:10px; background:url('icon-facebook.png') left 4px no-repeat;}

.block-form hr {display:none;}
*/
/*
.contact-icon-mail {display:inline-block; padding:10px 50px; opacity:0.60; background:url('icon-mail.svg') 0px center no-repeat; background-size:32px 32px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.contact-icon-mail:hover {opacity:1.00;}
.contact-icon-phone {display:inline-block; padding:10px 50px; opacity:0.60; background:url('icon-phone.svg') 0px center no-repeat; background-size:32px 32px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.contact-icon-phone:hover {opacity:1.00;}
*/

/* podminky */



#page.iframe {width:100%!important;/*min-width:540px;*/padding:0;margin:0!important;}
#page.iframe .pageContent  {width:100%!important; max-width:initial;/*min-width:540px;*/ margin:0!important; padding:35px; background:#242424;}




/* Forms */
.forms {width:100%;position:relative; z-index:1; border:0px solid #0F0;}
/*.forms hr {display:none;}*/

.forms .button-small, .button-small{display:block; width:200px; height:50px; border:solid 2px #02b4c9; padding: 14px 0; padding-top:11px; background:none;/*line-height: 1.3em; */ text-transform:uppercase; text-decoration:none; font-size:100%; font-weight:800; margin:0 auto; color:#02b4c9; position:relative; z-index: 1; overflow:hidden; transition:.5s ease; /*letter-spacing: 0.1em;*/ -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius: 4px; border-radius:4px;}
.forms .button-small:hover, .forms .button-small:active, .button-small:hover, .button-small:active {background-color: #02b4c9; border: 2px solid #02b4c9; color:#242424; text-decoration:none;}
/*.forms .button {width:300px;font-size:140%;padding-top:9px;}*/


.forms .button {display:block; width:300px; border:1px solid #b7b7b7; color:#000000; padding:14px 0; margin:0 25px 25px 0; padding-top:12px;/*line-height: 1.3em; */ text-transform:uppercase; text-decoration:none; font-size:140%; font-weight:800; position:relative; background:url(button-out.jpg) #484848 center center repeat-x;z-index: 1; overflow: hidden; transition:all .5s ease; /*letter-spacing: 0.1em;*/ -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius: 4px; border-radius:4px;}
.forms .button:hover, .boxes-button:active {border:solid 1px #02b4c9; color:#02b4c9;  text-decoration:none; font-weight:800; background:url(button-over.jpg) #fba70d center center repeat-x; box-shadow:0 0 10px #02b4c9}



/*.forms .button{ position:relative; display:block-inline; height:46px; padding:8px 65px 12px 15px; margin:0; margin-top:15px; color:#C3E2EF!important; text-align:left; font-size:20px; line-height:140%;  border: solid 2px #0092DD; background:url('link-button.png') center right #0092DD no-repeat; transition:background 0.3s ease;}
.forms .button:hover{ color:#FFFFFF!important; background:url('link-button-over.png') center right #74C3EC no-repeat;}*/
/*.forms .forms-info {position:relative; display:block; float:left; width:960px; border:solid 4px #000!important;}*/
.forms .forms-input {position:relative; margin-bottom:26px; /*padding:7px 0px;*/}
.forms .forms-radio {position:relative; margin-bottom:8px; padding-left:2px; padding-top:4px;}
.forms .forms-radio input.radio{position:relative; float:left; margin-right:10px; top:-3px;}

.forms input, textarea, radio, select {outline: 0}
.forms input, .forms textarea, .forms select {display:inline-block; height:54px; line-height:24px; margin:0; padding:15px; font-family: 'WebFont', Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; font-size:90%; color:#FFF; border:solid 1px #262626; background:#262626; box-sizing:border-box; /*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/}
.forms label {display:inline-block; height:20px; margin:0; /*padding:0;*/ font-weight:bold; line-height:20px; /*background-color:#F62626;*/}
.forms label.radio {font-weight:normal;}

.forms input.txt, input[type="number"] {/*width:290px;*/width:100%; min-width:100%; max-width:100%; height:54px; /*min-height:30px;*/ padding:15px; font-weight:normal;}
.forms textarea {width:100%; min-width:100%; max-width:100%; min-height:254px; /*min-height:30px;*/ padding:15px; font-weight:normal;}
.forms select {width:100%; min-width:100%; max-width:100%; height:36px; /*min-height:30px;*/ padding:7px; font-weight:normal;}

/* prilohy */

.forms .forms-attachment {
  min-height:40px; padding:10px 0px; margin-bottom:25px; margin-top:10px; /*background-color:#262626;*/
  border: solid 0px #FF9711;
  /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
  /*-webkit-box-shadow: inset 0 0 10px #E0E0E0; -moz-box-shadow: inset 0 0 10px #E0E0E0; box-shadow: inset 0 0 10px 0 #E0E0E0;*/
  }
.forms .forms-attachment .dragndropspace {width:100%; padding:15px; margin-bottom:15px; border:dotted 2px #262626; text-align:center;}
.forms .forms-attachment .dragndropspace>.button-small{margin:5px auto 0 auto; text-align:center;clear:both;}
.forms .forms-attachment .dragndropspace>p{display:block; margin:15px auto 0 auto; text-align:center;}


/*.forms .forms-attachment p{float:left; padding:7px 10px;}*/
.forms .forms-attachment hr{height:13px;}
.forms .forms-attachment-alert {display:none;}
.forms .forms-attachment-alert p{clear:both; float:none; color:#FFF; background-color:#FF9711; padding:10px; }

.forms .forms-attachment .file{clear:both; padding:5px 3px; font-size:12px;box-sizing:border-box;}
.forms .forms-attachment .fileicon{width:25px; height:28px; padding:0px; float:left; border:solid 0px #F00; background:url('file-icon.png') left top no-repeat;}
.forms .forms-attachment .filetitle{min-width:52%; max-width:100%;padding:5px 3px; float:left; border:solid 0px #F00;}
.forms .forms-attachment .filesize{width:55px;padding:5px 3px; float:left; white-space:nowrap; border:solid 0px #F00;}
.forms .forms-attachment .filedelete{width:25px; min-width:25px; min-height:18px;padding:5px 3px; float:right; border:solid 0px #F00; background:url('form-filedelete.png') right center no-repeat; cursor:pointer; cursor:hand;}
.forms .forms-attachment .progressBar {position:relative; top:5px; width: 100px; height: 10px; margin-right:35px; border: 1px solid #ddd; /*overflow: hidden;*/display:inline-block;margin:0px 10px 5px 5px;vertical-align:top; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/}
.forms .forms-attachment .progressBar div {height: 100%;color: #fff; text-align: right;line-height: 10px;width: 0; background-color: #CA000D; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.forms .forms-attachment .progressBar span {position:absolute; top:0px; right:-35px; display:block; width:35px; height: 22px; color:#999; text-align:right; /*font-weight:bold;*/ line-height: 19px;/*background-color: #F00; border-radius: 3px;*/ }

/* ikony prilohy = <span class="pdf"></span> */
.fileicon span {display:block; width:20px; height:28px; background:url('file-icon.png') left top no-repeat;}
.forms .forms-attachment .ico {background:url('file-icon.png') left top no-repeat;}
.forms .forms-attachment .pdf {background:url('file-icon-pdf.png') left top no-repeat;} /* dokument: pdf */
.forms .forms-attachment .txt {background:url('file-icon-txt.png') left top no-repeat;} /* texty: txt, doc, docx, odt */
.forms .forms-attachment .tab {background:url('file-icon-tab.png') left top no-repeat;} /* tabulky: xls, ods */
.forms .forms-attachment .img {background:url('file-icon-img.png') left top no-repeat;} /* obrazek: jpg, jpeg, gif, png */
.forms .forms-attachment .zip {background:url('file-icon-zip.png') left top no-repeat;} /* archiv: zip, rar

/* informace k priloham */
.forms .forms-info {padding:10px 50px; background:url('icon-upload-file.svg') 0px 25px no-repeat; background-size:32px 32px;} 


/*.forms input.radio {width:20px; height:20px;}*/
/*.forms input[type="checkbox"] {width:20px; height:20px;}*/
.radio {
  position: relative; float: left; clear: left; display: block;
  padding-left: 30px; margin-bottom: 12px; line-height: 22px; font-size: 18px;/* color: #666;*/ cursor: pointer;
}
.radio:before {
  background: #fff; content: "";
  position: absolute; display: inline-block;
  top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #bbb;

  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
/*
  box-shadow: inset 0 0 3px 0 #ccc;
  -moz-box-shadow: inset 0 0 3px 0 #ccc;
  -webkit-box-shadow: inset 0 0 3px 0 #ccc;*/
}
input[type="radio"] { display: none;}
input[type="radio"]:checked + label:before {
  content: "\2022"; 
  color: #386486; text-align:center; font-family:Arial; font-size:40px; line-height:18px; 
}

.checkbox-item {position: relative; float: left; padding: 5px; margin:5px; border:1px solid #262626B; background-color:#262626; }
.checkbox {
  position: relative; float: left; clear: left; display: block; min-width:180px;
  padding-left: 30px; /*margin-bottom: 5px;*/ line-height: 22px; /*font-size: 18px; color: #666;*/ cursor: pointer;
}
.checkbox:before {
  content: "";
  position: absolute; display: inline-block;
  top: 0; left: 0; width: 18px; height: 18px;  background:#262626; border: 1px solid #262626; /*border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/
}
input[type="checkbox"] { display: none;}
input[type="checkbox"]:checked + label:before {
  content: ""; /*content: "\2714"; 2713*/
  /*display:block; width: 18px; height: 18px;*/ /*color: #0FF; text-align: center; font-family: Arial; font-size: 21px; line-height: 19px;*/ background:url(icon-check.svg) #262626; background-size:cover;
}
input[type="number"] { font-size: 21px; width:60px; /*height:30px;*//* border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/ }

.not-checked{}
.not-checked:before, .not-checked:after {border:1px solid #B00!important;}


.forms span.star {display:none;color:#FFF;}
#form-alert{display:none;padding:15px 10px; margin:10px 0 10px 0; min-width:100%; color:#FFF; background-color:#548b92;}
.form-note{width:90%;height:auto;/*min-height:30px;*/background-color:#425671; border-top:solid #FFFFC7 0px; border-bottom:solid #FFFFC7 0px; margin:20px auto;padding:12px 5%;text-align:center;}





/* PLUG-INS */
.fb-box{display:block;position:absolute;width:370px;height:270px;top:535px;right:-290px;cursor:pointer;-webkit-transition:.3s cubic-bezier(.785,.135,.15,.86);transition:.3s cubic-bezier(.785,.135,.15,.86);z-index:2000;}
.fb-box-fixed{position:fixed!important;top:180px;-webkit-transition:none;transition:none;}
.fb-box div{float:left;z-index:52}
.fb-box:hover{right:0;z-index:52}
.fb-box img {width:80px;}
.fb-box.hide{display:none;}
.fb-box-box{position:relative; width:260px; height:270px; margin:0; float:right; text-align:center; background:#E8E8E8;
              box-sizing: border-box; 
              -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 
              -webkit-box-shadow: 0px 5px 14px #999999; -moz-box-shadow: 0px 5px 14px #999999; box-shadow: 0px 5px 14px 0 #999999;}
.fb-box-boxContent{position:relative; width:260px; height:270px; padding:10px; text-align:center; background:#E8E8E8; border:solid 2px #C6C6C6; 
              box-sizing: border-box; 
              -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; 
              -webkit-box-shadow: inset 0 0 8px #FFFFFF; -moz-box-shadow: inset 0 0 8px #FFFFFF; box-shadow: inset 0 0 8px 0 #FFFFFF;}
/*
#map{position:relative;width:100%;height:100%;}
.map iframe {width:99.9%; height:100%; min-height:450px;}
*/
/* GOOGLE-MAP */
#mapContainer, #mapContainerContact{position:relative;width:100%; height:404px; overflow:hidden;}
#map{position:relative;width:100%;height:400px;}


/* PLUG-INS */

/*
#facebook.fixed{position:fixed; top:160px;}
#facebook{
    display:block; position:absolute; 
    top:535px; right:-302px;
    width:378px; height:290px;
    -webkit-transition:.3s ease; transition:.3s ease;  
    z-index:2000;
}
#facebook.show{right:20px; top:160px;}
#facebook .facebook-label{position:relative; width:80px; float:left; cursor:pointer; cursor:hand; text-align:right; z-index:1;}
#facebook .facebook-label img {width:100%;}
#facebook .facebook-content {position:relative; top:-25px; width:300px; height:340px; margin:0; float:right; margin-left:-2px!important;  background:#E8E8E8;  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 0px 30px #999999; -moz-box-shadow: 0px 0px 30px #999999; box-shadow: 0px 0px 35px #777777; }
#facebook .facebook-content-inner {position:relative; width:240px; height:280px; padding:30px; text-align:center; background:#E8E8E8; border:solid 2px #FFFFFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
#facebook .close{position:absolute; top:10px; right:10px; width:30px; height:30px; background:url(close.png) center center no-repeat; cursor:pointer; cursor:hand; z-index:3;}
#facebook .close:hover{background:url(close-over.png) center center no-repeat;}
#facebook .facebook-content iframe {border:none; overflow:hidden; width:240px; height:260px; background:#FFFFFF;} 
#facebook .facebook-content .facebook-link{position:relative; width:240px; margin-top:8px; height:36px; text-align:center; z-index:2;}
#facebook .facebook-content .facebook-link a{ position:relative; display:block-inline; height:20px; padding:5px 15px 5px 15px; margin:0px; margin-top:5px; color:#0092DD!important; text-align:left; font-size:16px; line-height:120%; background:none;  border:solid 2px #0092DD; transition:background 0.3s ease;}
#facebook .facebook-content .facebook-link a:hover{color:#FFFFFF!important;  background:#0092DD;}
*/

/* EXTRAS */
.clearer{clear:both;width:100%;height:0;visibility:hidden;overflow:hidden;line-height:1px;background-color:#000;margin:0}
/*.index-content {background:#242424;}*/

@media all and (min-width: 1900px) {
}
@media all and (max-width: 1899px) {
}
@media all and (max-width: 1480px) {
.section-intro-content .intro-buttons .flex-container {width:70%;}
}
@media all and (max-width: 1300px) {
.section-intro-content .intro-buttons .flex-container {width:80%; }
.section-omne-image {background-size:auto 100%; background-position:85% 0;}
}
@media all and (max-width: 1260px) {
/*#navi .naviContent, #header .headerContent, #headerImage .headerImageContent, #page .pageContent, #footer .footerContent, #copy .copyContent {min-width: 1200px!important; border:solid 0px #102;}*/
.section-intro-content .intro-buttons .flex-container {width:90%;}
.section-omne-image {background-size:auto 100%; background-position:70% 0;}
}
@media all and (max-width: 1160px) {
.section-intro-content .intro-buttons .flex-container {width:100%;}
.block-contact, .block-form {width:100%; border:none; padding:30px 0px;}
.block-form hr {display:block;}
/*#mainmenu .mainmenuLogobox{border:solid 0px #F0F;}*/
/*#mainmenu .mainmenuContactbox {top:80px; border-top:solid 0px #FF0CF0;}*/
/*#mainmenu .mainmenuBox {float:right; margin:initial; width:calc(100% - 200px); border:solid 0px #F0F;}*/

/*#headerImage .image{ top:40px; width:300px; height:255px;}
.wRespContainer {}
.w1-2,.w1-4,.w1-3,.w2-3{width:100%}
.w1-4>.w1-1{width:50%}
.w1-2>.w1-2{width:50%}
.w1-3>.w1-1{width:50%}
.fb-box img{width:80px;}
.ImageGallery4 .item{position:relative; width:29%; max-width:400px; margin:15px 4% 15px 0; margin-bottom:25px; float:left; padding:0px; border:solid 0px #FFF; background-color:#FFF;}
*/
}

@media all and (max-width: 1070px) {
.section-omne-image {background-size:auto 100%; background-position:60% 0;}
/*.section-omne-content {padding:180px 30% 180px 0;}*/
/*body, .home .body {background-size: 150% auto}*/

/*#mainmenu .mainmenuBox {float:none;width:100%;padding:0 5%!important;margin:0 auto!important;border-top:solid 1px #FF5C00;clear:both;}*/
/*#cenik .w504, #cenik .w50{width:100%;}
#cenik .text, #cenik .price{width:100%;}*/
.ImageGallery .item{width:47%; max-width:500px; margin:15px 1.5% 15px 1.5%; margin-bottom:25px;}


#footer .footerContent {display:block;text-align:center; padding-top:30px; padding-bottom:20px; }
#footer .footerContent>div {position:relative; width:100%;margin:0 auto;text-align:center; border:solid 0px #F0F;}
#footer .footerContent>div p{text-align:center;}

/*
#footer .footerContent .text{float:none; max-width:500px; min-width:440px; text-align:center; margin:0 auto; } 
#footer .footerContent .text p{text-align:left;} 
#footer .footerContent .since {position:absolute; width:100%; max-width:200px; padding-top:10px; left:0px;}
#footer .footerContent .since p{max-width:140px; height:130px; display: table-cell; vertical-align: middle; padding-left:35px; text-align:center; border:solid #F00 1px;}
#footer .contact div.nowrap{min-width:420px; display:inline-block; margin:0 auto;}
#footer div.displaynone, #footer hr {display:block; }
*/
#copy p {float:none; text-align:center; clear:both; width:100%;}
#copy .heavendesign{float:initial; display:block; text-align:center; width:130px;height:auto; font-size:13px;font-weight:500;text-align:center;text-decoration:none;padding:0;padding-top:35px;margin:0 auto 20px auto; background:url(logo-heavendesign.png) center top no-repeat;}
#copy .heavendesign:hover{color:#4d4d4d!important;background:url(logo-heavendesign-over.png) center top no-repeat}
}

@media all and (max-width: 860px) {
.bg-red{width:100%;}
.w20, .w25,.w30,.w33,.w35,.w40,.w45,.w48,.w50,.w55,.w60,.w66,.w70,.w75,.w80,.w85,.w90,.w95,.w254,.w304,.w334,.w401,.w404,.w404l,.w504,.w604,.w664,.w604l, .w754 {width:100%; /*border:solid 1px #FF0;*/}
.w254,.w304,.w334,.w401,.w404,.w404l,.w504,.w604,.w664,.w604l {margin:0; /*border:solid 1px #FF0;*/}
.w254 {margin-bottom:30px;}
.w45 {float:none;clear:both;}

/*.block-form hr {display:block;}*/
/*.block-contact, .block-contact p {text-align:center!important;}*/
/*.forms input.txt, .forms textarea {width:100%; max-width:100%;}*/
/*.forms textarea {width:98%; max-width:98%;}*/
}


@media all and (max-width: 768px) {

#topbox {bottom:20px; right:20px;}
/*#cenik .item .text, #cenik .item .price{width:100%;text-align:center;}
.ImageGallery .item{width:100%; max-width:500px; margin:15px 0% 15px 0%; margin-bottom:25px;}*/
}

@media all and (max-width: 680px) {
/*#navi .naviContent, #header .headerContent, #page .pageContent, #page .pageContentIndex, #footer .footerContent, #copy .copyContent {width:86%;min-width:82%!important;}*/
/*.section-intro-content, .section-intro-image {min-height:900px;}
body, .home .body, .section-intro-image {background-size:auto 130%; background-position:-250px -10vh;}*/
/*.bodybg{min-width:320px;}
.bodybgimage{min-width:320px;}
.body{min-width:320px;}*/
}
@media all and (max-width: 600px) {
/*body, .home .body, .section-intro {background-size: auto 1300px; background-position:31% -50px;border-top:solid 0px #FF9711;}*/
/*#mainmenu .mainmenuLogobox {width:40%;padding:0;margin:0;}
#mainmenu .mainmenuLogobox div, #mainmenu .mainmenuContactbox div{margin:0 auto;}
*/
h2.small {text-align:center; margin:0;}

/*#signpost .item {display:relative;}*/
/*#signpost .image, #news .image, #contact .image{display:relative; clear:both; width:100%; text-align:center;}
#signpost .text, #news .text, #contact .text {display:relative; clear:both; width:100%; margin-top:0; margin-left:0; padding-left:0;}
#signpost .info, #news .info, #contact .info{display:relative; clear:both; width:100%; margin-top:0px; margin-left:0; padding-left:15px;}
#signpost .bottom, #contact .bottom {width:100%;text-align:left; left:15px!important; margin-left:0; padding-left:0;}
*/
}
/* Cookie Notice */
/*.cookie-notice{position:fixed;z-index:10000;bottom:0;width:100%;padding:25px 15px;background:rgba(50,50,50,0.90);color:#CCC;text-align:center;}
.cookie-button{display:inline-block;width:120px;padding:7px;margin-left:25px;background:#FF9711;color:#FFF;text-align:center;font-weight:bold; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius: 4px; border-radius:4px;}
.cookie-button:hover{background:#FF9711;color:#FFF;}
.cookie-test{position:fixed;z-index:10000;bottom:0;width:150px;padding:25px 15px;background:rgba(50,50,50,0.95);color:#CCC;text-align:center;}*/


/* DCookies by Branislav "Dhakra" Fabry - heavendesign.cz */

/* -- Button to open CookiesControl -- */
.dcookie-preferences{position:fixed; /*display:none;*/ opacity:1;bottom:40px;left:40px;width:46px;height:46px;background:url(icon-dcookie-preferences.png) center center no-repeat;z-index:999999999;cursor:pointer;cursor:hand;}

/* -- CookiesControl panel -- */
.dcookie-cc-overlay{position:fixed; display:none; top:0px; left:0px; width:100vw; height:100vh; z-index:999999990;}
.dcookie-cc-overlay span{position:absolute; display:block; opacity:1; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.0);}
.dcookie-cc-overlay.opened{display:block;}
.dcookie-cc-overlay.opened span{ display:block; opacity:1; background:rgba(0,0,0,0.4); -webkit-transition:all 2s 0.1s ease-out;transition:all 2s 0.1s ease-out;}

.dcookie-cc{position:fixed;/*display:none;*/ opacity:0;padding:25px; width:46%; max-width:600px; min-width:350px; min-height:400px; top:-200%; left:50%; background:rgba(40,40,40,1.00)!important; border-radius:6px; box-shadow:0 0 20px #000; z-index:999999998; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
/*.dcookie-cc.opened{display:block; opacity:1; top:10px; left:50%; -webkit-transition:all 0.4s 0.3s ease-out;transition:all 0.4s 0.3s ease-out; -webkit-transform:translateX(-50%); transform:translateX(-50%);}*/
.dcookie-cc.opened{display:block; opacity:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);
    -webkit-animation: dcookie-cc-opened 0.6s ease-in-out forwards;
       -moz-animation: dcookie-cc-opened 0.6s ease-in-out forwards;
         -o-animation: dcookie-cc-opened 0.6s ease-in-out forwards;
            animation: dcookie-cc-opened 0.6s ease-in-out forwards;
}
@keyframes dcookie-cc-opened { /* pro mainmenu a leftmenu */
    0%  {left:50%;top:10%;opacity:0;transform: translateX(-50%) scale(0.92) ;}
    100%{left:50%;top:10%;opacity:1;transform: translateX(-50%) scale(1);}
}
@-webkit-keyframes dcookie-cc-opened { /* pro mainmenu a leftmenu */
    0%  {left:50%;top:10%;opacity:0;transform: translateX(-50%) scale(0.92) ;}
    100%{left:50%;top:10%;opacity:1;transform: translateX(-50%) scale(1);}
}
.dcookie-cc.closed{/*display:block;*/ /*opacity:1;*//* left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);*/
    -webkit-animation: dcookie-cc-closed 0.5s ease-in-out forwards;
       -moz-animation: dcookie-cc-closed 0.5s ease-in-out forwards;
         -o-animation: dcookie-cc-closed 0.5s ease-in-out forwards;
            animation: dcookie-cc-closed 0.5s ease-in-out forwards;
}
@keyframes dcookie-cc-closed { /* pro mainmenu a leftmenu */
    0%  {left:50%;top:10%;opacity:1;transform: translateX(-50%) scale(1);} 
    99% {left:50%;top:10%;opacity:0;transform: translateX(-50%) scale(0.92) ;}
    100%{top:-200%;}
}
@-webkit-keyframes dcookie-cc-closed { /* pro mainmenu a leftmenu */
    0%  {left:50%;top:10%;opacity:1;transform: translateX(-50%) scale(1);} 
    99% {left:50%;top:10%;opacity:0;transform: translateX(-50%) scale(0.92) ;}
    100%{top:-200%;}
}
@media all and (max-width: 800px) {
.dcookie-cc{ width:80%; max-width:initial; min-width:350px; top:1%; display:none;}
}

/*.dcookie-cc-head{padding:20px;border-bottom:2px solid #444;color:#111;display:flex;flex-direction:row;justify-content:space-between;border-radius:6px 6px 0 0;}*/
.dcookie-cc-head{position:relative; padding:20px;border-bottom:0px solid #a15b00;/*background:#111;*/color:#FFF;/*display:flex;flex-direction:row;justify-content:space-between;*/}
.dcookie-cc-head-title{width:100%; height:50px; /*width:calc(100% - 0px);*/padding-left:52px;background:url(icon-dcookie-preferences.png) left top no-repeat; clear:both;border:solid #5BA2B6 0px;}
.dcookie-cc-head-title-headline{font-size:22px; color:#FFF; font-weight:500; margin:0;}
.dcookie-cc-head-title-text{font-size:16px; color:#999;margin:0; line-height:100%;}
.dcookie-cc-head-info{display:block; width:100%;font-size:12px; color:#FFF;margin:10px 0; line-height:130%;clear:both;border:solid #0B02B6 0px;}
.dcookie-cc-head-close{position:absolute;display:block;right:10px;top:10px;}
.dcookie-cc-head-close-bt{background:none;font-size:22px; color:#999;font-weight:700;border:0px solid green;cursor:pointer;cursor:hand;}
.dcookie-cc-head-close-bt:active/*.dcookie-cc-head-close-bt:focus*/{color:#FFF;}

/*.dcookie-cc-head-title{width:calc(100% - 40px);padding-left:52px;background:url(icon-dcookie-preferences.png) left top no-repeat;}
.dcookie-cc-head-title-headline{font-size:22px; color:#FFF; font-weight:500; margin:0;}
.dcookie-cc-head-title-text{font-size:16px; color:#DDD;margin:0; line-height:100%;}*/
/*.dcookie-cc-head-title-info{font-size:14px; color:#DDD;margin:10px 0; line-height:130%;}
.dcookie-cc-head-close{}
.dcookie-cc-head-close-bt{background:none;font-size:22px; color:#666;font-weight:700;border:0px solid green;cursor:pointer;cursor:hand;}
.dcookie-cc-head-close-bt:active{color:#999;}*/

.dcookie-cc-body{padding:20px;/*background:#222;*/color:#FFF;}
.dcookie-cc-body-cat{padding:10px 0;border-bottom:1px solid #444;/*background:#222;*/color:#FFF; overflow:hidden; max-height:50px; box-sizing:border-box; -webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.dcookie-cc-body-cat:last-child{border-bottom:0px solid #444;}
.dcookie-cc-body-cat span{display:block; width:calc(100% - 50px); padding:5px 0; font-size:18px; color:#FFF; font-weight:500; margin:0; cursor:pointer;}
.dcookie-cc-body-cat span.light{display:inline; width:auto;font-size:12px;font-weight:300;}
.dcookie-cc-body-cat p{display:block;font-size:14px; color:#FFF; padding:10px 0; width:100%; line-height:130%; border:0px solid #55D069;}
.dcookie-cc-body-cat div.check{position:absolute; right:40px; width:40px!important;}
.dcookie-cc-body-cat.opened{ max-height:400px; -webkit-transition:all 0.6s 0.3s ease-out;transition:all 0.6s 0.3s ease-out;}
.dcookie-cc-body-cat:active span{color:#999;}
.dcookie-cc-body-cat:hover span{color:#BBB;}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox{position:absolute; margin:4px 0 0 16px;border:1px solid #55D069; cursor:pointer}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox+label{position:relative;padding:6px 0 0 16px;line-height:2.0em;cursor:pointer;display:inline;font-size:14px}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox+label:before{content:"";position:absolute;display:block;left:0;top:2px;width:40px!important;height:18px;border-radius:16px;background:#999;border:2px solid #999;-webkit-transition:all 0.3s;transition:all 0.3s}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox+label:after{content:"";position:absolute;display:block;left:0px;top:2px;width:18px;height:18px;border-radius:16px;background:#222;border:2px solid #999;-webkit-transition:all 0.3s;transition:all 0.3s}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox+label:hover:after{box-shadow:0 0 5px rgba(0,0,0,0.3)}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox:checked+label:after{margin-left:22px;border:2px solid #99CC66;}
.dcookie-cc input[type="checkbox"].cc-custom-checkbox:checked+label:before{background:#99CC66!important;border:2px solid #99CC66;}
.dcookie-cc-foot{padding:20px;border-top:2px solid #444;/*background:#FFF;*/color:#111;display:flex;flex-direction:row;justify-content:space-between;border-radius:0 0 6px 6px;}

.dcookie-button-safe{display:block;padding:7px 10px; margin:0 auto;/*border:2px solid #62EB78;*/background:#99CC66;color:#111;font-weight:500;text-align:center;cursor:pointer;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out; border-radius:4px;}
.dcookie-button-safe:active{background:#99CC66;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.dcookie-button-safe.saved{background:#72974E;-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}

/* Cookie Notice */
.dcookie-notice{position:fixed;z-index:999999991;bottom:0;width:100%;padding:30px 100px;background:rgba(255,255,255,1.00); box-shadow:rgba(0, 0, 0, 0.25) 0px -2px 8px 0px; color:#333;font-size:14px;}
.dcookie-notice-content{width:100%; max-width:1280px; margin:0 auto; border:0px solid #FF0000;}
.dcookie-notice-info{float:left; width:50%; max-width:700px; padding:0 20px 5px 0; color:#333; font-size:14px; border:0px solid #99CC66;}
.dcookie-notice-buttons{float:left; width:40%; max-width:700px; padding:0px 0px; color:#CCC;font-size:14px;}
.dcookie-notice-buttons .dcookie-button, .dcookie-button{display:inline-block;width:180px;padding:10px;margin:0 12px 10px 0;background:#666;border:solid 1px #666;color:#FFF;text-align:center;font-weight:bold!important; border-radius:4px;cursor:pointer;cursor:hand;}
.dcookie-notice-buttons .dcookie-button:hover, .dcookie-button:hover{background:#444;border:solid 1px #444;color:#FFF;}
.dcookie-notice-buttons .dcookie-button-settings, .dcookie-button-settings{background:none;color:#666;border:solid 1px #666;cursor:pointer;cursor:hand;}
.dcookie-notice-buttons .dcookie-button-settings:hover, .dcookie-button-settings:hover{background:none;color:#444;border:solid 1px #444;}
.dcookie-notice-buttons .dcookie-decline{color:#CCCCCC;cursor:pointer;cursor:hand;font-weight:bold!important;}
.dcookie-notice-buttons .dcookie-decline:hover{text-decoration:underline;}
.dcookie-test{position:fixed;z-index:10000;bottom:0;width:150px;padding:25px 15px;background:rgba(50,50,50,0.95);color:#CCC;text-align:center;z-index:999999999;}
/*@media all and (max-width: 1280px) {
.dcookie-notice-content{width:86%; max-width:768px; margin:0 auto; border:0px solid #FF0000;}
}*/

@media all and (max-width: 640px) {
.dcookie-notice-info{width:100%; padding:0 0 15px 0px;}
.dcookie-notice-buttons{width:100%;}
.dcookie-preferences{bottom:20px;right:20px;}
#topbox {bottom:95px;right:20px;}
}