@charset "utf-8";

/* print */
@media print {
	.noprint{ display:none; visibility:hidden; width:0; height:0; }
}

/* font face */

/* assistant-300 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/assistant-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/assistant-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/assistant-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/assistant-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/assistant-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/assistant-v18-latin-300.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-regular - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/assistant-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/assistant-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/assistant-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/assistant-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/assistant-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/assistant-v18-latin-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* assistant-700 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/assistant-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/assistant-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/assistant-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/assistant-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/assistant-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/assistant-v18-latin-700.svg#Assistant') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* global */
body{
	background:#fff;
	margin:0; padding:0;
	font-family:'Assistant', Arial, Helvetica, sans-serif; font-size:16px; font-style:normal; font-weight:400; line-height:1.2em;
}

a:link{ 	color:#ee7f01; text-decoration:none; }
a:visited{ 	color:#ee7f01; text-decoration:none; }
a:hover{ 	color:#ee7f01; }
a:active{ 	color:#ee7f01; }

a.nav-totop{ 
	display:none; z-index:9997; position:fixed; bottom:40px; left:50%; margin-left:-21px; width:35px; height:35px; line-height:35px; text-align:center; 
	background:#ff7f01; font-size:18px; border:1px solid #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
a.nav-totop, a.nav-totop:visited{ color:#fff; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

hr{ height:0; border:0; border-top:#ddd 1px solid; }

/*h1{ font-size: 24px; line-height:24px; font-weight:700; padding:0; margin:10px 0; }*/
h2{ font-size: 17px; line-height:17px; font-weight:700; }

small{ font-size:13px; }

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

/* items, icons etc. */
#important{			display:inline-block; position:relative; margin:30px 0; padding:15px; width:calc(100% - 30px); border-top:3px dashed #ff7f01; border-bottom:3px dashed #ff7f01; background:#f9f9f9; }

#slider{ width:170px; margin-top:10px; }

/*.datepickericon{ 	background:transparent url(../img/sprite.svg?ts=123) no-repeat 90px -20px; cursor:pointer; }*/
.request-date.datepickericon{ 	background:transparent url(../img/sprite.svg?ts=123) no-repeat 83px -24px; cursor:pointer; }

/*span.helpicon{ 		display:inline-block; position:relative; width:25px; height:25px; margin:0 3px -7px 3px; background:transparent url(../img/sprite.svg) no-repeat -24px 0; }
span.rebateicon{ 	display:inline-block; position:relative; float:right; width:25px; height:25px; margin:5px 5px 0 0; background:transparent url(../img/sprite.svg) no-repeat -25px -25px; }
span.hoticon{		display:inline-block; position:relative; float:right; width:25px; height:25px; margin:5px 5px 0 0; background:transparent url(../img/sprite.svg) no-repeat -50px -26px; }
span.lastminute{	display:inline-block; position:relative; float:right; width:25px; height:25px; margin:5px 5px 0 0; background:transparent url(../img/sprite.svg) no-repeat -75px -26px; }*/

span.amount{		font-size:48px; line-height:38px; font-weight:300; /*color:#ff7f01;*/ text-align:right; float:left; display:block; width:40px; padding:0; margin-right:20px; }
span.price{			font-size:30px; line-height:28px; font-weight:400; color:#ff7f01; display:inline-block; margin-bottom:3px; }

/*span.price{
	display:inline-block; padding:3px 12px 7px 12px; margin:5px 0 5px 0;
	color:#ffffff; background-color:#ff7f01; border:2px solid #ff7f01;
	font-family:'Assistant', Arial, Helvetica, sans-serif; font-size:30px; font-style:normal; font-weight:400; line-height:30px; text-decoration:none; text-align:center;
	border-radius:22px; -webkit-border-radius:22px; -khtml-border-radius:22px; -moz-border-radius:22px; -ms-border-radius:22px;
}*/

/* old version */
span.plus{ 			display:inline-block; position:relative; width:25px; height:25px; margin:4px 0 0 5px; background:transparent url(../img/sprite.svg) no-repeat -50px 0; cursor:pointer; /*float:left;*/ }
span.minus{ 		display:inline-block; position:relative; width:25px; height:25px; margin:4px 5px 0 0; background:transparent url(../img/sprite.svg) no-repeat -75px 0; cursor:pointer; /*float:left;*/ }

span.helpicon small{ display:none; }

span.captcha_0{ color:#999; font-weight:bold; }
span.captcha_1{ color:#ff7f01; font-size:150%; }
span.captcha_2{ font-size:180%; }
span.captcha_3{ color:#999; font-size:120%; font-style:italic; }

.clr{ 		clear:both; }
.help{ 		cursor:help; }
.hand{ 		cursor:pointer; }
.bold{		font-weight:bold; }
.big{		font-size:120%; }
.bigger{	font-size:150%; }
.right{ 	float:right !important; }
.left{ 		float:left; }
.center{ 	margin:0 auto; }
.tright{ 	text-align:right; }
.tleft{ 	text-align:left; }
.tcenter{ 	text-align:center; }
.green{ 	color:#090; }
.yellow{ 	color:#FC0; }
.orange{ 	color:#F60; }
.red{ 		color:#F00; }
.grey{ 		color:#ccc; }
.white{ 	color:#fff; }
.black{ 	color:#000; }

@media (max-width:580px){
	.bigger{	font-size:110%; }
}

.lthrough{ 	text-decoration:line-through; }

.greenbox, .redbox{ 
	display:block; width:auto; padding:10px; margin:30px 0 0 0; font-weight:400; text-align:center; line-height:18px; font-size:105%;
	border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; 
}

.redbox{				color:#ffffff; background:#e2001a; border:1px solid #e2001a; }
.greenbox{				color:#ffffff; background:#006600; border:1px solid #006600; }

.greenbox .fa, .redbox .fa, .greenbox .fas, .redbox .fas{ color:#ffffff; margin-right:8px; }

/*.greenbox{ 	background-color:#ceffc6; color:#060; }
.redbox{ 	background-color:#ffe9e9; color:#c00; }*/

/*.redbox span.hoticon, .redbox span.lastminute{ margin:-3px 10px 0 0; float:left; }*/

.importantnote{ 
	background-color:#ffe9e9; color:#c00; padding:8px 10px; font-weight:400; text-align:center; line-height:18px; border:2px solid #f00; 
	border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; 
}

/*.msg{ display:block; margin:0 auto; }
.msg > .greenbox, .msg > .redbox{ display:inline-block !important; width:400px !important; max-width:90%; }

@media screen and (min-width: 840px){ .msg{ width:840px; } }
@media screen and (max-width: 840px){ .msg{ width:100%; } }*/

.important{
	display:inline-block; width:100%; max-width:480px; padding:7px 10px; border:2px solid #ff7f01; line-height:18px; box-sizing:border-box;
	border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; 
}
.important label{ float:left; width:65px; }
.important strong{ float:left; width:calc(100% - 65px); }
.important strong a.fa{ color:#ccc !important; font-size:16px !important; margin-left:5px !important; }
.important strong a:hover.fa{ color:#ff7f01 !important; }

.bg-red{ 	background-color:#ffe9e9 !important; }
.bg-error{ 	background-color:#ffcccc !important; border:1px solid #e2001a !important; }
.markterm{	background-color:#f1f1f1; padding-left:1px; padding-right:1px; /*color:#FFF;*/ }

.loader{ 
	border: 2px solid #ddd; border-top: 2px solid #ff7f01; border-radius: 50%; width:30px; height:30px; display:block; /*margin:0 auto;*/
	-webkit-animation: loaderspin 0.5s linear infinite; 
			animation: loaderspin 0.5s linear infinite; 
}
@-webkit-keyframes loaderspin { 	0% { transform: rotate(0deg); }	100% { transform: rotate(360deg); }	}
@keyframes loaderspin { 			0% { transform: rotate(0deg); }	100% { transform: rotate(360deg); }	}

/* topnavi */
#navToggle{ 
	position:fixed; z-index:899; width:22px; height:22px; margin:0; padding:0; border:0; font-size:22px; line-height:24px;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
#navToggle, #navToggle:visited{ color:#ffffff; }
/*#navToggle:hover, #navToggle:active{ color:#ff7f01; }*/

.b-head .ico-cart{ z-index:903; }
.b-head .ico-email{ z-index:904; }
.b-head .ico-phone{ z-index:905; }

.b-head .ico-cart, .b-head .ico-email, .b-head .ico-phone{
	position:fixed; line-height:24px; 
	border-radius:100%; border:2px solid #fff; display:block; overflow:hidden; width:26px; height:26px; background-size: 150%;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
	text-align:center; line-height:26px;
}
.b-head .ico-cart, .b-head .ico-email .fa, .b-head .ico-phone .fa{ color:#FFF; font-size:14px; line-height:26px; }

/* lang */
#langToggle{
	position:fixed; z-index:906; line-height:24px; 
	border-radius:100%; border:2px solid #fff; display:block !important; overflow:hidden; width:26px; height:26px; background-size: 150%;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.ls-switch-de{ background:#FFF url(/img/lang/de.png) no-repeat -6px -6px; }
.ls-switch-en{ background:#FFF url(/img/lang/en.png) no-repeat -6px -6px; }
.ls-switch-es{ background:#FFF url(/img/lang/es.png) no-repeat -6px -6px; }
.ls-switch-it{ background:#FFF url(/img/lang/it.png) no-repeat -6px -6px; }
.ls-switch-pl{ background:#FFF url(/img/lang/pl.png) no-repeat -6px -6px; }
.ls-switch-ru{ background:#FFF url(/img/lang/ru.png) no-repeat -6px -6px; }
.ls-switch-fr{ background:#FFF url(/img/lang/fr.png) no-repeat -6px -6px; }
.ls-switch-nl{ background:#FFF url(/img/lang/nl.png) no-repeat -6px -6px; }
.ls-switch-sv{ background:#FFF url(/img/lang/sv.png) no-repeat -6px -6px; }
.ls-switch-uk{ background:#FFF url(/img/lang/uk.png) no-repeat -6px -6px; }
#ls-block{
	position:fixed; z-index:999999; left:0; top:0; width:100%; height:100%; display:none; background:rgba(0, 0, 0, 0.8);
}
.ls-bg{
	left:0; top:0; width:100%; height:100%; position:relative;
}
.ls-container{
	display:block; position:absolute; top:50%; left:50%; width:310px; height:auto; min-height:310px; margin:-180px 0 0 -170px; padding:15px; border:0 solid #ccc; border-radius:8px; background:#FFF;
}
.ls-container .fa-times{ 
	position:absolute; top:8px; right:8px; color:#666; cursor:pointer; 
}
.ls-ul{
	list-style:none; list-style-type:none; margin:0; padding:0; width:95%;
}
.ls-ul li{
	list-style:none; list-style-type:none; margin:0; padding:7px 2px; /*border-bottom:1px solid #eee;*/ line-height:22px;
}
.ls-ul li:last-child{
	border-bottom:none;
}
.ls-ul li a, .ls-ul li a:link, .ls-ul li a:active, .ls-ul li a:visited{ color:#333; display:block; line-height:22px; }
.ls-ul li:hover a{ color:#FFF; }
.ls-ul li:hover{ background:#ff7f01; }
.ls-ul li a span{
	display:inline-block; overflow:hidden; width:24px; height:24px; margin-right:5px; background-size:contain !important;
	list-style:none; list-style-type:none; float:left;
}
.ls-ul li.ls-de a span{ background:transparent url(/img/lang/de.png) no-repeat 0 0; }
.ls-ul li.ls-en a span{ background:transparent url(/img/lang/en.png) no-repeat 0 0; }
.ls-ul li.ls-es a span{ background:transparent url(/img/lang/es.png) no-repeat 0 0; }
.ls-ul li.ls-it a span{ background:transparent url(/img/lang/it.png) no-repeat 0 0; }
.ls-ul li.ls-pl a span{ background:transparent url(/img/lang/pl.png) no-repeat 0 0; }
.ls-ul li.ls-ru a span{ background:transparent url(/img/lang/ru.png) no-repeat 0 0; }
.ls-ul li.ls-fr a span{ background:transparent url(/img/lang/fr.png) no-repeat 0 0; }
.ls-ul li.ls-nl a span{ background:transparent url(/img/lang/nl.png) no-repeat 0 0; }
.ls-ul li.ls-sv a span{ background:transparent url(/img/lang/sv.png) no-repeat 0 0; }
.ls-ul li.ls-uk a span{ background:transparent url(/img/lang/uk.png) no-repeat 0 0; }

/* menu */
#menu{ 
	position:fixed;z-index:902;top:0;right:0;display:none;/*width:100%;*/height:100vh;min-height:100%;padding:0;background:#ff7f01; border:0;overflow-y:auto; /*border-left:1px solid #ccc;*/ 
	-moz-box-shadow: 0 0 15px #555; -webkit-box-shadow: 0 0 15px #555; box-shadow: 0 0 15px #555;
}
#menu .fa-times{ position:absolute; z-index:801; top:43px; left:75px; display:inline-block; font-size:24px; line-height:24px; cursor:pointer; color:#fff; }
#menu .close-menu{ position:absolute; z-index:801; top:38px; left:30px; display:inline-block; /*font-size:24px; line-height:24px;*/ cursor:pointer; color:#fff; }
#menu .inner{ display:inline-block; width:290px; padding:86px 40px 35px 0; }
#menu .inner div{ display:inline-block; float:left; }
#menu .inner .block-2{ margin-top:64px; }
#menu .inner .block-3{ position:absolute; bottom:70px; }

@media screen and (min-width: 380px){ #menu{ width:375px; } }
@media screen and (max-width: 380px){ #menu{ width:100%; } }

ul.menu-nav{ width:310px; list-style:none; list-style-type:none; margin:0; padding:0; display:inline-block; font-size:16px; background:#ff7f01; }
ul.menu-nav li{ display:inline-block; position:relative; float:left; list-style:none; list-style-type:none; padding:0; margin:0; }
ul.menu-nav > li{ width:310px; border-bottom:1px solid #fff; }
ul.menu-nav > li:first-child{ border-top:1px solid #fff; }
ul.menu-nav > li:hover,ul.menu-nav > li:active{ width:306px; border-left:4px solid #fff; }
ul.menu-nav > li > a{ display:inline-block; position:relative; width:276px; padding:11px 0 10px 30px; border-left:0; color:#fff; }
ul.menu-nav > li:hover > a{ width:272px; }
ul.menu-nav > li > a > i{ display:inline-block; position:absolute; top:12.5px; right:5px; padding:3px; border: solid #fff; border-width:0 1.2px 1.2px 0; transition: transform 0.2s linear; }
ul.menu-nav > li > a > i.close{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
ul.menu-nav > li > a > i.open{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
ul.menu-nav > li ul{ width:285px; height:0; overflow:hidden;}
ul.menu-nav > li ul li{ width:100%; }
ul.menu-nav > li ul li a{ display:inline-block; width:100%; padding:9px 0 9px 5px; border-left:0; color:#ffc199; }

/* boxes */
div.box{ float:left; width:220px; margin:0 20px 0 0; padding:0; }

@media (min-width:1500px){ 
div.box:nth-of-type(5n+1){clear:left;}
}

/* payment */
#paypalpayment{ position:relative !important; width:300px; min-height:200px !important; vertical-align:top !important; padding:0 !important; }
#paypalpayment .loader{ left:0 !important; top:0 !important; margin:0 !important; }
#paypalpaylater{ margin-top:20px; }

/* signin */
#signin{ display:inline-block; height:auto; width:100%; padding:15px 0; background-color:#fff; }
#signin div{ }

#signin div{
	display:block; float:left; width:130px; height:20px; padding:15px; margin-right:10px;
	text-decoration:none; text-align:left; border:1px solid #ddd; border-bottom:2px solid #ccc; color:#000; 
	-webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;
	background:#fff; background-image:linear-gradient(#fff, #f1f1f1); cursor:pointer; cursor:hand;
}
#signin div:hover{ color:#ff7f01; border-bottom:2px solid #ff7f01; }
#signin div.h-account:before{ content:''; float:left; display:block; width:30px; height:30px; margin-top:-5px; margin-right:10px; background:transparent url(../img/s-h-account.png) no-repeat 0 0; }
#signin div.g-account:before{ content:''; float:left; display:block; width:30px; height:30px; margin-top:-5px; margin-right:10px; background:transparent url(../img/s-g-account.png) no-repeat 0 0; }
#signin div.f-account:before{ content:''; float:left; display:block; width:30px; height:30px; margin-top:-5px; margin-right:10px; background:transparent url(../img/s-f-account.png) no-repeat 0 0; }

/* welcome/huck */
.msg-welcome{ margin:15px auto; padding:0; width:auto; height:auto; text-align:center; }

@media (min-width:1400px){ 							.hu-welcome{ width:400px; height:400px;} }
@media (min-width:480px) and (max-width:1400px){ 	.hu-welcome{ width:300px; height:300px;} }
@media (max-width:480px){ 							.hu-welcome{ width:200px; height:200px;} }

@media (min-width:1200px){ 							img.huck{ display:block; width:400px; max-width:400px; height:auto; } }
@media (min-width:920px) and (max-width:1200px){ 	img.huck{ display:block; width:300px; max-width:300px; height:auto; } }
@media (max-width:920px){ 							img.huck{ display:block; width:225px; max-width:225px; height:auto; } }

.huck-small{ margin-right:20px; height:150px; }

.msg-welcome button{ margin:0 5px 5px 0 !important; }

/* layer */
.b-head{ 
	display:inline-block; position:fixed; width:100%; height:122px; top:0; left:0; z-index:850; background-color:#ff7f01; text-align:left; /*text-align:center;*/
	-moz-box-shadow: 0 0 6px #ddd; -webkit-box-shadow: 0 0 6px #ddd; box-shadow: 0 0 6px #ddd; 
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.b-head-large{ height:122px; }
.b-head-small{ height:60px; }

.logo{
	width:auto; float:left;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.logo img{ width:auto; height:100%; }

.b-body{ display:inline-block; position:relative; /*float:left;*/ height:auto; min-height:75vh; }

@media (min-width:1400px){ 							.b-body{ width:calc(100% - 30px); padding:15px 15px; } }
@media (min-width:480px) and (max-width:1400px){ 	.b-body{ width:calc(100% - 20px); padding:15px 10px; } }
@media (max-width:480px){ 							.b-body{ width:calc(100% - 16px); padding:15px 8px; } }

@media (min-width:1400px){ 
	.b-head-large .logo{ height:82%; margin:10px 0 0 11px; /*margin:10px auto;*/ }
	.b-head-small .logo{ height:98%; margin:-1px 0 0 11px; /*margin:-1px auto 0 auto;*/ }
	
	.b-head-large #navToggle{ top:48px; right:25px; }
	.b-head-small #navToggle{ top:18px; right:25px; }
	
	.b-head-large .ico-phone{ top:45px; right:62px; }
	.b-head-small .ico-phone{ top:14px; right:62px; }
	
	.b-head-large .ico-email{ top:45px; right:102px; }
	.b-head-small .ico-email{ top:14px; right:102px; }
	
	.b-head-large #langToggle{ top:45px; right:142px; }
	.b-head-small #langToggle{ top:14px; right:142px; }
	
	.b-head-large .ico-cart{ top:45px; right:182px; }
	.b-head-small .ico-cart{ top:14px; right:182px; }
	
	.b-body{ padding-top:110px; }
}
@media (max-width:1400px){ 
  	
	.b-head-large,
	.b-head-small{ height:60px; }
	
	.b-head-large .logo,
	.b-head-small .logo{ height:68%; float:left; margin:10px 0 10px 11px; }
	
	.b-head-large #navToggle,
	.b-head-small #navToggle{ top:18px; right:25px; }
	
	.b-head-large .ico-phone,
	.b-head-small .ico-phone{ top:14px; right:62px; }
	
	.b-head-large .ico-email,
	.b-head-small .ico-email{ top:14px; right:102px; }
	
	.b-head-large #langToggle,
	.b-head-small #langToggle{ top:14px; right:142px; }
	
	.b-head-large .ico-cart,
	.b-head-small .ico-cart{ top:14px; right:182px; }
	
	.b-body{ padding-top:50px; }
}

.b-content{ display:block; position:relative; margin:0 auto; }

@media (min-width:1400px){ 							.b-content{ width:80%; min-width:80%; } }
@media (min-width:480px) and (max-width:1400px){ 	.b-content{ width:90%; min-width:90%; } }
@media (max-width:480px){ 							.b-content{ width:99%; min-width:99%; } }

/*@media (max-width:480px){ 
	.b-head-large .logo,
	.b-head-small .logo{ height:48%; float:left; margin:20px 0 10px 8px; } 
}*/

/* headline */
.b-content h1{
	position:relative;display:inline-block; width:100%; padding:0;
	font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-weight:400; color:#ff7f01; text-align:center;
}

@media (min-width:1400px){ 							.b-content h1{ font-size: 36px; line-height:36px; padding-bottom:10px; margin:20px 0; } .b-content h1:after{content:'';position:absolute;top:100%;left:0;right:0;width:130px;height:2px;background:#ff7f01;margin:13px auto 0 auto;} }
@media (min-width:480px) and (max-width:1400px){ 	.b-content h1{ font-size: 28px; line-height:28px; padding-bottom:8px; margin:15px 0; } .b-content h1:after{content:'';position:absolute;top:100%;left:0;right:0;width:110px;height:1.5px;background:#ff7f01;margin:10px auto 0 auto;} }
@media (max-width:480px){ 							.b-content h1{ font-size: 20px; line-height:20px; padding-bottom:5px; margin:10px 0; } .b-content h1:after{content:'';position:absolute;top:100%;left:0;right:0;width:90px;height:1px;background:#ff7f01;margin:8px auto 0 auto;} }

/* navi */
.b-navi{					display:block; position:relative; width:100%; height:auto; min-height:30px; padding:10px 0; margin:10px 0 0 0; background:#FFF; /*border-bottom:1px solid #ccc;*/ text-align:center; line-height:24px; }
.b-navi div{				display:inline-block; position:relative;  }
.b-navi div.seperator{		width:25px; height:30px; margin:0 0 -2px 0; background:#FFF url(../img/sprite.svg) no-repeat 0 10px; }
.b-navi div.current,
.b-navi div.default,
.b-navi div.active{			margin:0; padding:6px 4px; }
.b-navi div.current,
.b-navi div.active{			color:#ff7f01; font-weight:400; }
.b-navi div > span.num{		display:none; }
.b-navi div.current > span.num{		background-color:#ff7f01; color:#ffffff !important; }

@media (max-width:720px){
	
	.b-navi div.seperator{				display:none; }
	.b-navi div > span.num{				width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; /*padding:2px 3px;*/ margin:0 2px 0 0; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; }
	.b-navi div.default > span.num{ 	color:#ccc; border:1px solid #ccc; }
	.b-navi div.current > span.num,
	.b-navi div.active > span.num{ 		color:#ff7f01; border:1px solid #ff7f01; }
	.b-navi div.current > span.label{ 	display:inline-block; margin-left:4px; }
	.b-navi div.active > span.label, 
	.b-navi div.default > span.label{ 	display:none; }
}

/* start */
#start{ display:block; margin:0 auto; min-height:100vh; }

#start h1{
	position:relative;display:inline-block; width:100%; padding:0;
	font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-weight:400; color:#ff7f01; text-align:center;
}

@media (min-width:1400px){ 							#start h1{ font-size: 36px; line-height:36px; padding-bottom:10px; margin:0 0 20px 0; } #start h1:after{content:'';position:absolute;top:100%;left:0;right:0;width:130px;height:2px;background:#ff7f01;margin:13px auto;} }
@media (min-width:480px) and (max-width:1400px){ 	#start h1{ font-size: 28px; line-height:28px; padding-bottom:8px; margin:0 0 15px 0; } #start h1:after{content:'';position:absolute;top:100%;left:0;right:0;width:110px;height:1.5px;background:#ff7f01;margin:10px auto;} }
@media (max-width:480px){ 							#start h1{ font-size: 20px; line-height:20px; padding-bottom:5px; margin:0 0 10px 0; } #start h1:after{content:'';position:absolute;top:100%;left:0;right:0;width:90px;height:1px;background:#ff7f01;margin:8px auto;} }

/* swiper */
.swiper{ background:#ffffff; }
.swiper-button-next, .swiper-button-prev{ color:#ff7f01 !important; }
.swiper-pagination-bullet-active{ background:#ff7f01 !important; }

.swiper .swiper-slide{ 
	background-position:center center; background-repeat:no-repeat; background-size:cover;
	-webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px;
}
/*.swiper .swiper-pagination{ bottom:-30px !important; background:#090; }*/
.swiper .swiper-slide a{ 			display:block; width:75%; height:100%; margin:0; padding:20px 12.5%; }
.swiper .swiper-slide button{		position:fixed; bottom:30px; right:45px; }
.swiper .swiper-slide h3{ 			font-size:33px; line-height:33px; padding:0; margin:0; }
.swiper .swiper-slide div.content{	font-size:16px; line-height:16px; margin-top:15px; }
.swiper .swiper-slide h4, 
.swiper .swiper-slide h5, 
.swiper .swiper-slide h6,
.swiper .swiper-slide p{ font-size:16px; line-height:16px; padding:0; margin:0; }
.swiper .swiper-slide h3,
.swiper .swiper-slide div.content{ -moz-text-shadow: 1px 1px 1px #888; -webkit-text-shadow: 1px 1px 1px #888; text-shadow: 1px 1px 1px #888; }

.btn-start-offers{
	display:block; float:left; position:relative; 
	width:19%; width:calc(20% - 10px); width:-moz-calc(20% - 10px); width:-webkit-calc(20% - 10px); padding:15px 25% 15px 5%; margin:0;
	text-align:left; vertical-align:middle; color:#ffffff; font-size:28px; line-height:28px; cursor:pointer; cursor:hand;
	background:#ff7f01 url('/img/best-price.png') no-repeat 95% 50%; background-size:175px;
	-webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px;
}
.btn-start-offers:hover{ color:#ffffff; }

@media (min-width:1700px){
	#start{ width:95%; padding:15px 0; margin-top:215px; }
	/*.swiper{ width:80%; padding:15px 0; }*/
	.swiper-1{ height:540px; }
	.swiper-2{ height:280px; margin-top:30px; } 
	
	.btn-start-offers{ height:120px; margin-top:30px; width:calc(20% - 15px) !important; width:-moz-calc(20% - 15px) !important; width:-webkit-calc(20% - 15px) !important; }
	.btn-start-offers:nth-of-type(1){ margin-right:15px !important; }
	.btn-start-offers:nth-of-type(2){ margin-left:15px !important; }
}
@media (min-width:1400px) and (max-width:1700px){
	#start{ width:95%; padding:15px 0; margin-top:215px; }
	/*.swiper{ width:85%; padding:15px 0; }*/
	.swiper-1{ height:480px; }
	.swiper-2{ height:240px; margin-top:20px; } 
	
	.btn-start-offers{ height:100px; margin-top:20px; }
	.btn-start-offers:nth-of-type(1){ margin-right:10px !important; }
	.btn-start-offers:nth-of-type(2){ margin-left:10px !important; }
}
@media (min-width:1000px) and (max-width:1400px){
	#start{ width:95%; padding:15px 0; margin-top:125px; }
	/*.swiper{ width:90%; padding:15px 0; }*/
	.swiper-1{ height:420px; }
	.swiper-2{ height:210px; margin-top:20px; }
	.swiper .swiper-slide h3{ font-size:30px; line-height:30px; }
	.swiper-2 .swiper-slide div.content{ display:none; }
	
	.btn-start-offers{ height:85px; margin-top:20px; font-size:28px; line-height:28px; }
	.btn-start-offers:nth-of-type(1){ margin-right:10px !important; }
	.btn-start-offers:nth-of-type(2){ margin-left:10px !important; }
}
@media (min-width:640px) and (max-width:1000px){
	#start{ width:95%; padding:15px 0; margin-top:125px; }
	/*.swiper{ width:95%; padding:15px 0; }*/
	.swiper-1{ height:380px; }
	.swiper-2{ height:190px; margin-top:20px; }
	.swiper .swiper-slide h3{ font-size:28px; line-height:28px; }
	.swiper-2 .swiper-slide div.content{ display:none; }
	
	.btn-start-offers{ height:75px; margin-top:20px; font-size:26px; line-height:26px; }
	.btn-start-offers:nth-of-type(1){ margin-right:10px !important; }
	.btn-start-offers:nth-of-type(2){ margin-left:10px !important; }
}
@media (max-width:640px){
	#start{ width:calc(100% - 30px); padding:15px; margin-top:125px; }
	/*.swiper{ width:calc(100% - 30px); padding:15px; }*/
	.swiper-1{ height:360px; }
	.swiper-2{ height:180px; margin-top:20px; }
	.swiper-2 .swiper-slide div.content{ display:none; }
	
	.btn-start-offers{ height:70px; margin-top:20px; font-size:24px; line-height:24px; width:70% !important; background-size:100px !important; }
	.btn-start-offers:nth-of-type(1){ margin-right:0 !important; }
	.btn-start-offers:nth-of-type(2){ margin-left:0 !important; }
}

/* rates */
.b-rates{
	display:inline-block; position:relative; width:100%; height:auto; min-height:50px; padding-bottom:60px;
	background:#FFF;
}
.rate{ 
	position:relative; border:1px solid #dcdcdc; overflow:hidden;
	-webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}

.b-rates .rate:hover{ 
	-moz-box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa; box-shadow: 0 0 10px #aaa;
}

/* rate - offers */
@media (min-width:1200px){
	.b-rates .rate{ float:left; width:calc(50% - 17px); margin:0 15px 30px 0; }
	.b-rates .rate:nth-of-type(2n){ margin:0 0 30px 15px !important; }
	.b-rates .rate:nth-of-type(2n+1){ clear:left; }
	.b-rates .rate .inf{ min-height:275px; max-height:auto; height:auto; }
}
@media (min-width:640px) and (max-width:1200px){
	.b-rates .rate{ margin-bottom:20px; }
	.b-rates .rate .inf{ min-height:275px; max-height:auto; height:auto; }
}
@media (max-width:640px){
	.b-rates .rate{ margin-bottom:20px; }
	.b-rates .rate .inf{ min-height:275px; max-height:auto; height:auto; }
}

@media (min-width:640px){
	.b-rates .rate .img{ width:33.0%; border-right:1px solid #dcdcdc; }
	.b-rates .rate .inf{ width:66.6%; }
}
@media (max-width:640px){
	.b-rates .rate .img{ width:100%; border-bottom:1px solid #dcdcdc; }
	.b-rates .rate .inf{ width:100%; }
}

/* rate - checkout */
@media (min-width:1200px){
	.b-form .rate .inf{ min-height:325px; max-height:auto; height:auto; }
}
@media (min-width:920px) and (max-width:1200px){
	.b-form .rate .inf{ min-height:325px; max-height:auto; height:auto; }
}
@media (max-width:920px){
	.b-form .rate .inf{ min-height:325px; max-height:auto; height:auto; }
}

@media (min-width:920px){
	.b-form .rate .img{ width:37.0%; border-right:1px solid #dcdcdc; }
	.b-form .rate .inf{ width:62.6%; }
}
@media (max-width:920px){
	.b-form .rate .img{ width:100%; border-bottom:1px solid #dcdcdc; }
	.b-form .rate .inf{ width:100%; }
}

.rate .img{ 
	display:block; position:relative; float:left; text-align:center; overflow:hidden;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}

.rate .img > img{ position:absolute; top:0; left:0; width:auto; height:100%; max-height:100%; margin:0 auto; }

.b-rates .rate .img{ min-height:275px; max-height:275px; height:275px; }
.b-form .rate .img{ min-height:325px; max-height:325px; height:325px; }

.rate .inf{ 
	display:block; position:relative; float:left; 
}

.rate-uhu div.inf:before{
	content:''; display:block; position:absolute; top:55px; right:15px; width:54.55px; height:75px; 
	background:transparent url(../img/ico-uhu.png) no-repeat; background-position:0 0; background-size:contain; 
	-webkit-transform: scaleX(-1); transform: scaleX(-1);
}

.rate .inf .fa-heart{					position:absolute; top:15px; right:15px; font-size:24px; cursor:pointer; }
.rate .inf .fav-on{ 					color:#ff7f01; }
.rate .inf .fav-off{ 					color:#aaaaaa; }

.rate .inf strong{ 						font-size:24px; line-height:24px; font-weight:400; }

.rate .inf strong{						display:inline-block; width:calc(100% - 60px); max-width:100%; padding:0 45px 0 15px; margin:12px 0 0 0; }
.rate .inf p{							display:inline-block; width:calc(100% - 30px); max-width:100%; padding:0 15px; margin:5px 0 0 0; /*border:#93C 1px dotted;*/ }

.rate .inf p.descr{						padding-top:5px; padding-bottom:5px; height:auto; font-size:14px; line-height:1.2em; }
.rate .inf p.descr > span{				display:inline-block; overflow:hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.d-open{ height:auto; }
.d-close{ height:35px; }

.rate .inf p.info > span{ color:#ff7f01; }

.rate .inf p.icos .fa{
	display:inline-block; width:17px; height:17px; float:left; margin:5px 5px 0 0; padding:7px; border:2px solid #dcdcdc; background-color:#FFF; 
	font-size:16px; line-height:16px; text-align:center; cursor:pointer;
	-webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%;
}

.rate .inf p.icos .fa-info{ 		color: #ff7f01; } /* orange */
.rate .inf p.icos .fa-fire{ 		color: #ff3c3c; } /* rot */
.rate .inf p.icos .fa-percent{ 	color: #905cfa; } /* purple */
.rate .inf p.icos .fa-moon{ 		color: #ffc467; } /* yellow */
.rate .inf p.icos .fa-bed{ 		color: #6c81fd; } /* blau */
.rate .inf p.icos .fa-leaf{ 		color: #6a8b3b; } /* gruen */
.rate .inf p.icos .fa-glass-cheers{ color: #cc33cc; } /* dark pink */

.rate .inf p.labels > span{ 
	display:inline-block; float:left; margin:7px 5px 0 0; padding:1px 5px 2px 5px; border:1px solid #dcdcdc; background-color:#dcdcdc; text-align:center;
	-webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; border-radius:15px;
}
.rate .inf p.labels span.rebate{ float:right !important; margin:7px 0 0 5px !important; }

.rate .inf p.prices{ font-size:13px; line-height:13px; font-weight:400; margin:10px 0 15px 0;  }
.rate .inf p.prices button{ float:right; margin-left:7px; }
.rate .inf p.prices span.price{ float:right; font-size:36px; line-height:34px; }

/*.b-rates .rate .inf button{ position:absolute; bottom:15px; right:15px; }*/

/* foot */
.b-foot{					display:inline-block; width:100%; float:left; margin:10px 0 53px 0; overflow:hidden; }
/*.b-foot{					display:block; position:fixed; z-index:401; bottom:0; left:0; width:100%; overflow:hidden; }*/
/*.b-foot .huck{				width:258px !important; max-width:258px !important; height:230px !important; margin:0 0 -10px 200px; }*/
.b-foot .inner{					display:inline-block; width:100%; float:left; text-align:left; padding:5px 15px; /*text-align:center; padding:30px 0 95px 0;*/ background:#ff7f01; }
.b-foot .inner a,
.b-foot .inner a:link,
.b-foot .inner a:visited{ 			font-size:14px; font-weight:bold; margin:0 10px; color:#fff; }
.b-foot .inner a:active,
.b-foot .inner a:hover{ 			color:#fff; }

/* table */
.cb-block{ display:inline-block; float:left; margin-right:10px; }

table.float td{ padding:0 5px 5px 0; }

@media (max-width:640px){ 
	table.float{ width:100% !important; }
	table.float td{ display:run-in; float:left; text-align:left; width:calc(100% - 5px); padding:0 5px 5px 0; }
	table.float td:first-child{ padding-top:5px; }
}

table.justified{ float:none !important; margin:0 auto !important; }

@media (min-width:1400px){ 
	table.justified{ width:60% !important; }
}
@media (min-width:720px) and (max-width:1400px){
	table.justified{ width:80% !important; }
}
@media (max-width:720px){ 
	table.justified{ width:100% !important; }
}

/* hide on ... */
@media screen and (min-width: 640px){
	
	.hidden-gte-640{ display:none; }
	.hidden-lte-640{ display:inline-block; }
}
@media screen and (max-width: 640px){
	
	.hidden-gte-640{ display:inline-block; }
	.hidden-lte-640{ display:none; }
}

/* form */
.b-form{
	display:block; position:relative; float:left; 
	width:100%; height:auto; min-height:300px; padding:5px 0;
	background:#FFF;
}
/*.b-form h1{
	font-size:20px; font-weight:400; color:#ff7f01; margin:0; margin-bottom:10px; padding:0;
}*/
input[type=text],
input[type=password],
textarea,
select{
	/*padding:6px 10px; border:1px solid #666; color:#666; background-color:#FFF; 
	font-family:'Assistant', Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:1.2em;
	border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;*/
	
	display:inline-block; padding:5px 10px; margin:0 5px 5px 0;
	color:#666666; background-color:#FFFFFF; border:1px solid #666666;
	font-family:'Assistant', Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:1.2em; text-decoration:none;
	border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{
	border:1px solid #ff7f01;
	color:#ff7f01;
}
input[type=submit], input[type=button], .button, button, a.button{
	/*padding:5px 10px; margin-top:5px; display:inline-block;
	font-size:16px; font-style:normal; font-weight:400; line-height:1.2em; text-decoration:none; text-align:center;
	color:#ffffff; background-color:#ff7f01; border:none; border:1px solid #ff7f01; cursor:pointer; cursor:hand; 
	-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;
	border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px;*/
	
	display:inline-block; padding:5px 10px; margin:0 5px 5px 0;
	color:#ffffff; background-color:#ff7f01; border:1px solid #ff7f01; cursor:pointer; cursor:hand;
	font-family:'Assistant', Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:1.2em; text-decoration:none; text-align:center;
	border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover, a:hover.button, 
input[type=submit]:active, input[type=button]:active, .button:active, button:active, a:active.button{
	text-decoration:none;
	color:#ff7f01; background-color:#fff; border:1px solid #ff7f01;
}

.b-offers .item input[type=submit], .b-offers .item input[type=button], .b-offers .item .button, .b-offers .item button, .b-offers .item a.button{
display:inline-table;
}

/* disabled */
input[type=submit].disabled, input[type=button].disabled,
input[type=submit].disabled:hover, input[type=button].disabled:hover, 
input[type=submit].disabled:active, input[type=button].disabled:active{
	border:2px solid #999; background:#999; color:#FFF; cursor:not-allowed;
}

.txt-tiny{ width:30px; min-width:30px; max-width:30px; }
.txt-time{ width:60px; min-width:60px; max-width:60px; }
.txt-small{ width:90px; min-width:90px; max-width:90px; }
.txt-date{ /*width:85px; min-width:85px; max-width:85px;*/ width:75px; min-width:75px; max-width:75px; }
.txt-default{ width:130px; min-width:130px; max-width:130px; }
.txt-middle{ width:170px; min-width:170px; max-width:170px; }
.txt-large{ width:210px; min-width:210px; max-width:210px; }
.txt-extralarge{ width:280px; min-width:280px; max-width:280px; }
.txt-xxllarge{ width:400px; min-width:400px; max-width:400px; }

textarea.txt-extralarge{ width:280px; min-width:280px; max-width:480px; min-height:100px; height:200px; max-height:400px; }
textarea.txt-checkinnotes{ width:460px; min-width:280px; max-width:460px; min-height:100px; height:100px; max-height:100px; }
.b-form textarea{ height:100px; min-height:100px; max-height:200px; }

select.txt-extralarge, .sel-large{ padding:7px 4px; width:228px; min-width:228px; max-width:228px; }
select.txt-xxllarge{ padding:7px 4px; }

.txt-price, span.price > .txt-price{ padding:0; width:100px; text-align:left; border:0; font-size:24px; line-height:22px; font-weight:400; color:#ff7f01; background:transparent; }
.txt-amount{ padding:1px !important; margin-top:-18px !important; /*min-height:18px !important;*/ width:20px; min-width:20px; /*line-height:16px !important;*/ font-size:16px !important; border:0 !important; background:transparent !important;  /*padding:1px; width:30px; min-width:30px; line-height:18px;*/ }

.txt-price:focus, span.price > .txt-price:focus, .txt-amount:focus{ border:0; }

.txt-value, span.price > .txt-value{ padding:0; width:80px; text-align:left; border:0; font-size:24px; line-height:22px; font-weight:400; color:#ff7f01; background:transparent; }
.txt-value:focus, span.price > .txt-value:focus{ border:0; }

@media (max-width:840px) and (min-width:480px){ 
  	
	span.amount{ margin-bottom:5px; }
}
@media (max-width:480px){
	.txt-middle, .txt-large, .txt-extralarge, .txt-xxllarge, textarea.txt-extralarge{ 
		width:calc(100% - 40px) !important; max-width:97% !important; min-width:calc(100% - 40px) !important; }
	
	select.txt-extralarge, .sel-large{ width:calc(100% - 23px) !important; min-width:calc(100% - 23px) !important; max-width:calc(100% - 23px) !important; }
	
	.b-faq .search-field .txt-extralarge{ width:calc(100% - 80px) !important; max-width:calc(100% - 80px) !important; min-width:calc(100% - 80px) !important; }
	.b-faq .search-field input[type=submit]{ margin-left:5px; }
}

#cNumber{ width:190px !important; max-width:190px !important; min-width:190px !important; margin:10px 10px 0 0; }

/* checkbox */
/*.checkbox{ 
	display:block; position:relative; cursor:pointer; padding:1px 10px 8px 32px; float:left;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.checkbox input{ position:absolute; opacity:0; cursor:pointer; height:0; width:0; }
.checkmark{ position:absolute; top:-4px; left:0; height:32px; width:32px; background-color:#ffffff; border:1px solid #ffb873; border-radius:5px; }
.checkbox:hover input ~ .checkmark{ background-color:#ffffff; }
.checkbox input:checked ~ .checkmark{ background-color:#ff7f01; }
.checkmark:after{ content:""; position:absolute; display:none; }
.checkbox input:checked ~ .checkmark:after{ display:block; }
.checkbox .checkmark:after{ 
	top:0; left:5px; width:6px; height:12px; border:solid white; border-width:0 4px 4px 0; 
	-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); 
}*/


/* filter */
#filter{ 
	display:inline-block; position:fixed; left:0; z-index:400; height:auto; 
	/*border-bottom:1px solid #ccc;*/ text-align:left;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
	-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;
}

#filter div{ position:relative; float:left; display:inline-block; text-align:left; }
/*#filter div:last-child{ margin-bottom:0; }*/
#filter div span{ display:inline-block; height:18px; min-height:18px; max-height:18px; padding-left:5px; text-align:left; font-size:13px; }

.f-default{ top:122px; }
.f-fixed{ top:60px !important; }

.f-hidden{ display:none !important; }

.f-default .ico-close, .f-hidden .ico-close{ display:none; }
.f-fixed .ico-close, .f-visible .ico-close{ display:block; position:absolute; z-index:999999999; top:15px; right:35px; font-size:24px !important; color:#ccc; cursor:pointer; }

#filter-small{
	position:fixed; z-index:399; display:none; top:84px; width:100%; text-align:center !important;
}
#filter-small a .fa{ margin:2px 5px 0 0; }

#filter-small.s-hidden{ display:none !important; }
#filter-small.s-visible{ display:block !important; }

#filter input.datepickericon{ 
	/*font-size:16px; font-style:normal; font-weight:400; line-height:16px;*/ padding:4px 10px 5px 10px; margin:0 5px 5px 0; 
	font-family:'Assistant', Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:1.2em; text-decoration:none;
	border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; 
}

#filter select#sDuration, #filter select#sStart, #filter select#sBoats, #filter select#sOrderby{ 
	/*font-size:16px; font-style:normal; font-weight:400; line-height:16px; padding:4px 10px 5px 10px; margin:0 5px 5px 0; 
	color:#111111 !important; background-color:#f4f4f4 !important; border:1px solid #f4f4f4 !important;
	border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; */
	
	display:inline-block; padding:5px 10px; margin:0 5px 5px 0;
	color:#111111; background-color:#f4f4f4; border:1px solid #f4f4f4; cursor:pointer; cursor:hand;
	font-family:'Assistant', Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:1.2em; text-decoration:none;
	border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; 
}

#filter .bf-map, #filter .bf-favs{ /*width:125px;max-width:125px;min-width:125px;*/ margin:0 15px 0 0; text-align:center !important; }
#filter .btn-filter i{ margin-right:5px; }

@media (min-width:1400px){ 
	#filter{ top:122px; background:rgba(255,255,255,1); width:100%; padding:10px 0 5px 15px; margin-bottom:10px; }
	#filter .ico-close{ display:none; }
	#filter .bf-map{ margin-right:15px; }
	#filter-small{ display:none; }
}
@media (max-width:1400px){ 
	#filter{ top:60px; background:rgba(255,255,255,1); width:98%; padding:10px 1% 10px 1%; margin-top:0 !important; display:none; }
	#filter .ico-close{ display:block; position:absolute; z-index:999999999; top:10px; right:15px; font-size:20px; color:#ccc; cursor:pointer; }
	#filter .bf-map{ margin:0 0 15px 0; }
	#filter-small{ display:block; }
	#filter div.fi-mapfav{ display:none; }
}
@media (max-width:720px){ 
	#filter{ height:90vh; }
}


@media (min-width:1400px){ 
	#filter div{ width:auto; margin:0 10px 10px 0; min-height:57px; }
	#filter div:last-child{ float:right; }
}
@media (min-width:1000px) and (max-width:1400px){
	#filter div{ width:32%; margin:0 0 5px 0; min-height:57px; padding-left:1% !important; }
	#filter div.dSearchDate{ width:100% !important; max-width:100% !important; min-width:100% !important; }
	#filter div:last-child{ float:left; }
}
@media (min-width:720px) and (max-width:1000px){
	#filter div{ width:47%; margin:0; min-height:57px; padding-left:1% !important; }
	#filter div.dSearchDate{ width:100% !important; max-width:100% !important; min-width:100% !important; }
	#filter div:last-child{ float:left; }
}
@media (max-width:720px){ 
	#filter div{ width:98%; margin:5px 0; min-height:0; padding-left:2% !important; }
	#filter div:last-child{ float:left; margin-top:20px; }
}

#sFilterSubmit{ display:inline-block !important; margin:0 4px 5px 0 !important; }

@media (min-width:1400px){ 
	#sStation{ 				width:155px;max-width:155px;min-width:155px; }
	#sDuration{ 			width:155px;max-width:155px;min-width:155px; }
	#sStart{ 				width:90px;max-width:90px;min-width:90px; }
	#sBoats{ 				width:100px;max-width:100px;min-width:100px; }
	#sOrderby{ 				width:130px;max-width:130px;min-width:130px; }
}
@media (min-width:720px) and (max-width:1400px){
	#sDuration, #sStart, #sBoats, #sOrderby{ width:300px;max-width:300px;min-width:300px; }
	#sStation{ width:280px;max-width:280px;min-width:280px; padding:6px 10px !important; }
	
	#sFilterSubmit{ width:280px;max-width:280px;min-width:280px; padding:6px 10px !important; }
}
@media (max-width:720px){ 
	#sDuration, #sStart, #sBoats, #sOrderby{ width:300px;max-width:300px;min-width:300px; }
	#sStation{ width:280px;max-width:280px;min-width:280px; padding:6px 10px !important; }
	
	#sFilterSubmit{ width:280px;max-width:280px;min-width:280px; padding:6px 10px !important; }
}

.btn-filter{ 
	/*display:inline-block; 
	padding:5px 10px; margin:0 4px 5px 0; min-width:15px; 
	border:none; cursor:pointer; cursor:hand;
	font-size:16px; font-style:normal; font-weight:400; line-height:1.2em; text-decoration:none;
	border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px;*/
	
	display:inline-block; padding:5px 10px; margin:0 5px 5px 0;
	cursor:pointer; cursor:hand;
	font-family:'Assistant', Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:400; line-height:1.2em; text-decoration:none;
	border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px;
}
@media (max-width:720px){ .btn-filter{ padding:6px 10px !important; } }

.bf-default{ 			color:#111111 !important; background-color:#f4f4f4 !important; border:1px solid #f4f4f4 !important; }
.bf-default:hover{ 		color:#ffffff !important; background-color:#ff7f01 !important; border:1px solid #ff7f01 !important; }
.bf-active{ 			color:#ffffff !important; background-color:#ff7f01 !important; border:1px solid #ff7f01 !important; }
.bf-active:hover{ 		color:#ffffff !important; background-color:#ff7f01 !important; border:1px solid #ff7f01 !important; }

/* specials */
.bf-xmas{ position:relative; }
.bf-xmas:after{ content:''; display:block; position:absolute; top:-24px; right:-13px; width:35px; height:35px; background:transparent url(../img/xmas-zipfel.svg) no-repeat; background-position:0 0; background-size:contain; } 

/* filter-stations */
#filter-stations{
	position:absolute !important; z-index:398; display:none; height:auto; max-height:320px; padding:10px; background:#fff; overflow:auto; border:1px solid #f6f6f6;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;
}
#filter-stations .fa-times{ position:absolute !important; top:12px; right:12px; font-size:20px; color:#ccc; cursor:pointer; }
#filter-stations .fa-times:hover{ color:#ff7f01; }
#filter-stations input{ margin:0 3px 0 2px !important; }
#filter-stations p{ display:inline-block; float:left; width:50%; margin:0 !important; }
#filter-stations span,
#filter-stations strong{ display:inline-block; float:left; width:95%; padding:2px 0 !important; }
#filter-stations strong{ font-size:14px; font-style:normal; font-weight:700; line-height:16px; margin-top:10px; }
#filter-stations strong:first-child{ margin-top:0 !important; }

@media (min-width:720px){ #filter-stations{ width:420px !important; top:49px; left:5px; padding-left:15px !important; } }
@media (max-width:720px){ #filter-stations{ width:99% !important; top:30px; left:-1%; } }

/* notify-block */
.notify-block{ width:100%; max-width:420px; height:auto; padding:0; overflow:auto; }
.notify-block input{ margin:0 3px 0 2px !important; }
.notify-block p{ display:inline-block; float:left; margin:0 !important; }
@media (min-width:480px){ .notify-block p{ width:50%; } }
@media (max-width:480px){ .notify-block p{ width:100% !important; } }
.notify-block span,
.notify-block strong{ display:inline-block; float:left; width:95%; padding:2px 0 !important; }
.notify-block strong{ font-size:14px; font-style:normal; font-weight:700; line-height:16px; margin-top:10px; }
.notify-block strong:first-child{ margin-top:0 !important; }

/* lightbox */
#lb-overlay{ position:fixed; z-index:1990; display:none; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.80); }

#lb-window{
	position:fixed; z-index:1995; display:none; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; min-width:75%; max-width:85%; height:auto; padding:0; background:#fff; overflow:auto;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;
}
#lb-window > img{ max-width:100%; max-height:100%; }
#lb-window .ico-close{ display:block; position:absolute; z-index:1996; top:15px; right:15px; font-size:20px; color:#ccc; cursor:pointer; }

#lb-dailyview{ display:none; }
a[data-lightbox="cp-dailyview"]{ display:none; }

/* map */
#map-window{ position:fixed; z-index:398; display:none; top:2vh; left:0; width:100%; min-width:100%; max-width:100%; height:98vh; min-height:400px; max-height:98vh; padding:0; background:#fff; overflow:hidden; }
#map-window iframe{ width:100%; height:100%; padding:0; margin:0; border:0; }

/* origins step-2 */
.b-originoverview{ display:inline-block; width:99.5% !important; margin:45px 0.25%; }
.b-originoverview div.item{ display:inline-block; width:99.5%; margin:0; padding:7px 0.25%; line-height:30px; border-bottom:1px solid #ddd; }
.b-originoverview div.item:last-child{ border-bottom:none; }
.b-originoverview div.item:hover{ background-color:#fef7ee; }
.b-originoverview div.item div{ display:block; float:left; overflow:hidden; line-height:30px; }
.b-originoverview div.item div a.fa{ color:#ccc; font-size:18px; line-height:30px !important; }
.b-originoverview div.item div a:hover.fa{ color:#ff7f01; }
.b-originoverview div.item div button{ margin:0 !important; text-align:center !important; min-width:80px !important; }
.b-originoverview div.item > div:nth-of-type(1){ width:calc(53% - 3px); padding-left:3px; }
.b-originoverview div.item > div:nth-of-type(2){ width:7%; text-align:center; }
.b-originoverview div.item > div:nth-of-type(3){ width:7%; text-align:center; }
.b-originoverview div.item > div:nth-of-type(4){ width:7%; text-align:center; }
.b-originoverview div.item > div:nth-of-type(5){ width:calc(26% - 3px); text-align:right; padding-right:3px; }

.b-originoverview div.th div{ font-size:14px; line-height:16px !important; }
.b-originoverview div.th:hover{ background-color:#fff; }

@media (max-width:920px){ 
	.b-originoverview div.th{ display:none; }
}

/* glossary step-2 */
.b-gloss{ display:block; width:99.5% !important; margin:60px 0.25%; }
.b-gloss p{ margin:0; padding:7px 0; font-size:12px; line-height:1.1em; border-bottom:1px solid #ddd; }
.b-gloss p:last-child{ border-bottom:none; }
.b-gloss p span.num{ font-weight:bold; display:inline-block; width:15px; }
.b-gloss p span.val{ text-align:right; float:right; margin:0 0 0 10px !important; padding:0 !important; }

/* headline origin/offers - OLD */
.h-origin{ font-weight:400; margin:-5px 0 0 0; padding:0 0 20px 0; text-align:center; color:#ff7f01; }

@media (min-width:1400px){ 							.h-origin{ font-size:30px; line-height:30px; } }
@media (min-width:480px) and (max-width:1400px){ 	.h-origin{ font-size:24px; line-height:24px; } }
@media (max-width:480px){ 							.h-origin{ font-size:20px; line-height:20px; } }

/* offers - OLD */
/*.b-offers{										display:block; position:relative; float:left; width:100%; height:auto; min-height:50px; background:#FFF; }
.b-offers .item{								display:block; position:relative; float:left; width:100%; padding:10px 0; }
.b-offers .item .col{							display:block; position:relative; float:left; height:auto; padding:3px; }
.b-offers .offer{								border-top:1px solid #dcdcdc; }
.b-offers .offer:hover{ 						background-color:#fef7ee; }

@media (min-width:1400px){ 
  	
	.b-offers .item .col{						width:20%; min-width:20%; max-width:20%; }
	.b-offers .item .col:first-child{			width:36%; min-width:36%; max-width:36%; }
	.b-offers .item .col:first-child strong{	font-size:24px; line-height:24px; font-weight:400; }
	.b-offers .item .col:last-child{			width:36%; min-width:36%; max-width:36%; float:right; text-align:left; }
	.b-offers .item .col.plusminus{ 			text-align:center; }
}
@media (max-width:1400px) and (min-width:840px){ 
  	
	.b-offers .item .col{						width:48%; min-width:48%; max-width:48%; }
	.b-offers .item .col:first-child{			width:95%; min-width:95%; max-width:95%; padding:10px 5px 5px 5px; }
	.b-offers .item .col:first-child strong{	font-size:23px; line-height:23px; font-weight:400; }
	.b-offers .item .col:last-child{			padding:5px 5px 10px 5px; float:right; }
	.b-offers .item .col.plusminus{ 			text-align:center; }
}
@media (max-width:840px){ 
	
	.b-offers .item .col{						width:95%; min-width:95%; max-width:95%; }
	.b-offers .item .col:first-child{			width:95%; min-width:95%; max-width:95%; padding:12px 5px 5px 5px; display:inline-block !important; }
	.b-offers .item .col:first-child strong{	font-size:22px; line-height:22px; font-weight:400; }
	.b-offers .item .col:last-child{			padding:5px 5px 12px 5px; float:left; }
	.b-offers .item .col.plusminus{ 			text-align:left; }
	.b-offers .item .col.plusminus .fa{			font-size:22px !important; }
}*/

/* ################# */

.b-addons{										display:inline-block; width:99.5% !important; margin:0 0.25%; }
.b-addons .item{								display:inline-block; width:99.5%; margin:0; padding:7px 0.25%; }
.b-addons .item .col{							/*padding:5px 0 !important;*/ }
.b-addons .offer{								border-bottom:1px solid #ddd; }
.b-addons .offer:hover{ 						background-color:#fef7ee; }
/*.b-addons .item .col:first-child strong{		font-size:24px; line-height:24px; font-weight:400; }*/

.b-addons .item .col span.itemamount{ 			font-size:24px; line-height:16px; text-align:center; display:inline-block; width:28px; }
.b-addons .item .col span.itemprice{ 			font-size:22px; line-height:20px; font-weight:400; color:#ff7f01; }
.b-addons .item .col.plusminus .fa{				font-size:22px !important; }
.b-addons .item .col .fa-info-circle{			font-size:16px; color:#bebebe; margin-left:7px; cursor:hand; cursor:pointer; }
.b-addons .item .col .fa-info-circle:hover,
.b-addons .item .col.plusminus .fa:hover{		color:#ff7f01; }

.b-addons .itemsum{ 							border-bottom:2px solid #ff7f01; margin-top:20px; padding-bottom:5px; }
.b-addons .itemsum .col{						display:inline-block; position:relative; height:auto; width:49.50%; }
.b-addons .itemsum .col:last-child{				text-align:right; float:right; }
.b-addons .itemsum .sum{						text-align:right; float:right; font-size:36px; line-height:34px; }

@media (min-width:840px){ 

	.b-addons .item .col{						display:block; position:relative; float:left; height:auto; overflow:hidden; }
	.b-addons .item .col:last-child{			float:right; text-align:left; }
	
	.b-addons .item .col:nth-of-type(1){		width:47%; min-width:47%; max-width:47%; }
	.b-addons .item .col:nth-of-type(2){		width:18%; min-width:18%; max-width:18%; }
	.b-addons .item .col:nth-of-type(3){		width:20%; min-width:20%; max-width:20%; }
	.b-addons .item .col:nth-of-type(4){		width:13%; min-width:13%; max-width:13%; }
	
	.b-addons .item .col.plusminus{ 			text-align:center; }
}

@media (max-width:840px) and (min-width:480px){ 
  	
	.b-addons .item .col{						display:block; position:relative; float:left; height:auto; }
	.b-addons .item .col:last-child{			float:right; text-align:right; }
	
	.b-addons .item .col:nth-of-type(1){		width:82%; min-width:82%; max-width:82%; }
	.b-addons .item .col:nth-of-type(2){		width:18%; min-width:18%; max-width:18%; float:right; text-align:right; }
	.b-addons .item .col:nth-of-type(3){		width:28%; min-width:28%; max-width:28%; clear:both; }
	.b-addons .item .col:nth-of-type(4){		width:38%; min-width:38%; max-width:38%; float:right; text-align:right; }
	.b-addons .item .col:nth-of-type(4) input{	float:right; text-align:right; }
	
	.b-addons .item .col.plusminus{ 			text-align:left; }
}
@media (max-width:480px){ 
	
	.b-addons .item{							padding:10px 0 15px 0 !important; }
	.b-addons .item .col{						display:block; position:relative; float:left; height:auto; text-align:left; padding:0 !important; }
	.b-addons .item .col:nth-of-type(1){		width:78%; min-width:78%; max-width:78%; display:inline-block; padding-bottom:7px !important; }
	.b-addons .item .col:nth-of-type(2){		width:22%; min-width:22%; max-width:22%; float:right; text-align:right; }
	.b-addons .item .col:nth-of-type(3){		width:46%; min-width:46%; max-width:46%; clear:both; }
	.b-addons .item .col:nth-of-type(4){		width:120px; min-width:120px; max-width:120px; float:right; text-align:right; }
	.b-addons .item .col:nth-of-type(4) input{	float:right; text-align:right; }
	
	.b-addons .item .col.plusminus{ 			text-align:left; }
}

.b-rategroup{ background-color:#eee; }

@media (min-width:840px){ 							.b-rategroup{ margin:30px 0 15px 0; padding:7px 15px; font-size:24px; line-height:24px; } }
@media (min-width:480px) and (max-width:840px){ 	.b-rategroup{ margin:30px 0 10px 0; padding:7px 10px; font-size:22px; line-height:22px; } }
@media (max-width:480px){ 							.b-rategroup{ margin:30px -10px 10px -10px; padding:7px 10px; font-size:20px; line-height:20px; } }
.b-rategroup:nth-of-type(1){ margin-top:0; }

.fa-minus-circle, .fa-plus-circle,
.fa-minus-square, .fa-plus-square{ color:#bebebe; font-size:20px; cursor:pointer; }
.fa-minus-circle:hover, .fa-plus-circle:hover,
.fa-minus-square:hover, .fa-plus-square:hover{ color:#ff7f01; }

.sum.eur, .price.eur, .col.eur, .col.eur input{	text-align:right !important; }

/* cta - middle/submit */
.b-submit{ display:inline-block; width:100%; }
.b-submit .sub-left, .b-submit .sub-right{ float:left; margin-top:20px; }
.b-submit .sub-left{ text-align:left; }
.b-submit .sub-right{ text-align:right; }

@media (min-width:580px){ 
	.b-submit .sub-left, .b-submit .sub-right{ width:50%; }
}
@media (max-width:580px){ 
	.b-submit .sub-left, .b-submit .sub-right{ width:100%; }
}

/* cta - bottom/fixed */
.b-cta{ position:fixed; display:block; bottom:0; left:0; z-index:1000; background:rgba(255,255,255,1); border-top:1px solid #ccc; width:100%; padding:10px 0; }
.b-cta .cta-left{ float:left; margin-left:10px; }
.b-cta .cta-right{ float:right; margin-right:10px; }
.b-cta .fa{ margin-top:2px; }
.b-cta .cta-left .fa{ float:left; margin-right:10px; }
.b-cta .cta-right .fa{ float:right; margin-left:10px; }

.cta-default{ 		background-color:#ffffff !important; color:#ff7f01 !important; }
.cta-action{ 		background-color:#ff7f01 !important; color:#ffffff !important; }
.cta-default:hover{ background-color:#ff7f01 !important; color:#ffffff !important; }
.cta-action:hover{  background-color:#ffffff !important; color:#ff7f01 !important; }

/* booking checkout */
#checkout-overview{ display:inline-block; float:left; width:100%; }
#checkout-overview div.item{ display:inline-block; float:right; text-align:center; }
@media (min-width:800px){ #checkout-overview div.item{ width:44%; padding:30px 3% 0 3%; } }
@media (max-width:800px){ #checkout-overview div.item{ width:96%; padding:30px 2% 0 2%; } }

#checkout-detail{ display:inline-block; width:100%; height:auto; min-height:80vh; margin:45px 0; }
#checkout-detail div.item{ display:inline-block; float:left; width:100%; margin-bottom:15px; }

/* coupon offer */
#coupon-overview, #coupon-detail{ display:inline-block; float:left; width:100%; }

#coupon-overview div.item{ display:inline-block; float:left; width:80px; }
#coupon-overview div.item:first-child{ display:inline-block; float:left; width:160px; }
@media (min-width:480px) and (max-width:1000px){ #coupon-overview div.item:nth-of-type(6){ clear:both; } }
@media (min-width:280px) and (max-width:480px){ #coupon-overview div.item:nth-of-type(4), #coupon-overview div.item:nth-of-type(7){ clear:both; } }

#coupon-overview div.item div.body{ display:block; padding:5px 10px 5px 0; }
#coupon-overview div.item div.body span{ display:block; text-align:center; color:#ff7f01; cursor:pointer; padding:10px; font-size:16px; border:1px solid #ff7f01; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#coupon-overview div.item div.body span.default{ background-color:#fff; color:#ff7f01; font-weight:400; }
#coupon-overview div.item div.body span.active{ background-color:#ff7f01; color:#fff; }

#coupon-detail div.item{ display:inline-block; float:left; width:100%; margin-bottom:5px; }
#coupon-detail div.item > div{ float:left; width:400px; margin:0; padding-right:20px; }
#coupon-detail div.item img{ float:left; width:350px; margin:20px; margin-left:0; }
#coupon-detail div.item h3{ text-transform:uppercase; font-weight:400; margin:40px 0 20px 0; padding:0; font-size:28px; line-height:28px; }

@media (max-width:480px){ 
	#coupon-detail div.item > div{ width:100% !important; }
	#coupon-detail div.item img{ width:100% !important; }
	#coupon-detail div.item h3{ font-size:20px !important; line-height:20px !important; } 
}

/* coupon details */
.b-coupon{ display:block; position:relative; float:left; width:100%; height:100vh; padding:0; margin:0; text-align:center; }
.b-coupon .ico-close{ position:fixed; z-index:899; top:15px; right:20px; font-size:30px; color:#CCC; }
.b-coupon .ico-close:hover{ color:#ff7f01; }

.coupon-details{ position:relative; width:500px; height:980px; margin:50px auto; background:transparent; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; }

.coupon-printable{ width:1052px; height:980px; }

.coupon-print{ width:100%; height:100%; position:relative; }
.coupon-print .front, .coupon-print .back{ display:inline-block; position:relative; float:left; width:500px; height:980px; margin:0; padding:0; border:0 solid #fff; }
.coupon-print .front{ border:1px dotted #ddd; background-color:#FC7F23; }
.coupon-print .back{ margin-left:25px; }

.coupon-flipcard{
	width:100%; height:100%; position:absolute;
	-webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; -o-transition: -o-transform 0.2s; transition: transform 0.2s;
	-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
}
.coupon-flipcard.flipped{
	-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);
}
.coupon-flipcard .front, .coupon-flipcard .back{
	display:block; position:absolute; z-index:803; width:100%; height:100%; padding:0; border:0 solid #fff;
	border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; 
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
	box-shadow: 3px 5px 20px 2px rgba(0, 0, 0, 0.35);
}

.coupon-detail .front{ 					overflow:hidden !important; }
.coupon-detail .front .fg{ 				position:absolute; z-index:802; bottom:0; left:0; width:100%; height:100%; }
.coupon-detail .front .bg{ 				position:absolute; z-index:801; bottom:0; left:0; width:100%; height:100%; }
.coupon-detail .front .bg > img{ 		width:100%; max-width:100%; min-width:100%; height:auto; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.coupon-detail .front .head{ 			width:320px; margin:15px auto 10px auto; }
.coupon-detail .front .title{ 			position:absolute; top:120px; right:90px; display:block; width:250px; height:40px; padding:0; line-height:36px; font-size:36px; text-align:right; font-weight:bold; color:#FFF; print-color-adjust:exact; }
.coupon-detail .front .day{ 			position:absolute; top:130px; left:20px; display:block; }

.coupon-detail h1{ padding:6px 0 12px 0; margin:0; background:rgba(255,255,255,0.97); }
.coupon-detail h2{ padding:6px 0 0 0; margin:0; background:rgba(255,255,255,0.97); }
.coupon-detail h3{ padding:0 0 12px 0; margin:0; background:rgba(255,255,255,0.97); }
.coupon-detail h1{ font-family:"Courier New", Courier, monospace; margin-top:0; font-size:30px; line-height:24px; color:#000; print-color-adjust:exact; }
.coupon-detail h1 small{font-family:'Assistant', Arial, Helvetica, sans-serif;}
.coupon-detail h2{ float:left; width:100%; font-size:20px; line-height:20px; }
.coupon-detail h3{ float:left; width:100%; font-size:30px; line-height:24px; }
.coupon-detail h1 small,
.coupon-detail h2 small,
.coupon-detail h3 small{ font-size:20px; font-weight:normal; color:#ff7f01; print-color-adjust:exact; }

.coupon-detail .front .descr{
	display:inline-block; width:240px; padding:10px; margin:15px auto; background:rgba(255,255,255,0.97); color:#ff7f01; text-align:left; font-size:16px; line-height:18px;
	border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; 
} 
.coupon-detail .front .descr a{ display:inline-block; width:100%; text-align:center !important; }
.coupon-detail .front .descr img{ width:100px; margin:0 auto; }
.coupon-detail .front .hu{ display:inline-block; width:100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.coupon-detail .front .lo{ display:inline-block; width:85%; margin:-30px auto 0 auto; }
.coupon-detail .front .fa-redo{ position:absolute; bottom:15px; color:#FFF; cursor:pointer; }
@media (min-width:800px){ .coupon-detail .front .fa-redo{ left:48%; font-size:20px; } }
@media (max-width:800px){ .coupon-detail .front .fa-redo{ right:20px; font-size:22px; } }

.coupon-flipcard .back{ background:#fff; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.coupon-flipcard .back .content{ max-height:87%; margin-top:15px; padding:0 10px; overflow:auto; }

.coupon-print .back .content{ width:170px; height:auto; margin-top:0 !important; padding:0; overflow:auto; text-align:left !important; }
.coupon-print .back .content .table-print td, 
.coupon-print .back .content .table-print th{ display:run-in; float:left; text-align:left !important; min-width:99%; padding:0 !important; }
.coupon-print .back .content .table-print td:last-child{ padding-bottom:15px !important; }

.coupon-detail .back table.float td{ text-align:left !important; }
.coupon-detail .back hr{ border:0; height:0; border-bottom:3px dotted #ccc; margin:20px 0 20px 0; }
.coupon-detail .back span.state{ display:inline-block; width:100%; text-align:center; font-size:16px; line-height:18px; color:#000; }
.coupon-detail .back span.state .fa{ font-size:16px; margin-right:2px; }
.coupon-detail .back .fa-redo{ position:absolute; bottom:15px; color:#000; cursor:pointer; }
@media (min-width:800px){ .coupon-detail .back .fa-redo{ left:48%; font-size:20px; } }
@media (max-width:800px){ .coupon-detail .back .fa-redo{ right:20px; font-size:22px; } }

.coupon-detail .huck{ margin:50px auto 0 auto; height:200px; width:auto; }

/* thank you */
img.th-huck{ float:left !important; }
p.th-headline{ padding:15px; font-size:18px; line-height:22px; }

@media (min-width:1200px){ 									p.th-headline{ float:left !important; width:450px; margin-top:150px; } }
@media (min-width:920px) and (max-width:1200px){ 			p.th-headline{ float:left !important; width:450px; margin-top:110px; } }
@media (min-width:720px) and (max-width:920px){ 			p.th-headline{ float:left !important; width:450px; margin-top:60px; } }
@media (max-width:720px){ 									p.th-headline{ float:none !important; width:80%; margin:15px 7%; display:inline-block; } }

#thankyou{ display:inline-block; position:relative; float:left; width:100%; }

#thankyou div.item{
	display:inline-block; position:relative; float:left; padding:12px 12px 12px 36px; border:1px solid #ff7f01; background:linear-gradient(#ffffff, #f9f9f9); font-size:18px; line-height:22px; 
	border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; 
}
#thankyou div.item{ width:250px; min-height:150px; margin:12px 12px 12px 36px; }
#thankyou div.item i.fa{
	display:block; position:absolute; top:15px; left:-22px; width:40px; height:40px; background:#fff; color:#ff7f01; text-align:center; font-size:20px; line-height:40px; 
	border:3px solid #ff7f01; border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; 
}
#thankyou div.item p{ padding:0; margin:0; font-size:18px; font-weight:400; line-height:22px; }