*{margin:0;padding:0;border:0;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

/**** responsive ****/

@media (min-width:730px) {  /* xl - extra large */
	.visible-xl{display:block;}
	.hidden-xl{display:none;}
}

@media (min-width:600px) and (max-width: 730px) { /* ns - normal small */
	body{display:table;}
	.visible-ns{display:block;}
	.hidden-ns{display:none;}
	.extra{width:49%;}
	.voucher{width:98%;margin-left:1%;margin-right:1%;}
}

@media (max-width: 600px) { /* xs - extra small */
	body{display:table;}
	.visible-xs{display:block;}
	.hidden-xs{display:none;}
	.center-column, .center-box{max-width:100%;}
	.left-fieldset, .right-fieldset{width:100%;}
	.voucher{width:98%;}
	.prodleft{width:98%;margin-left:1%;margin-right:1%;}
	.prodright{width:98%;margin-left:1%;margin-right:1%;}
	.extra{width:49%;}
	.voucher{width:98%;margin-left:1%;margin-right:1%;}
	.left-fieldset, .right-fieldset{width:95%;margin:0 auto 10px auto;float:none;}
	.form-small{max-width:500px;}
}


/**** icons ****/

[class^="icon-"], [class*=" icon-"] {
display: inline-block;width: 14px;height: 14px;margin-top: 1px;line-height: 14px;vertical-align: text-top;background-image: url(https://website.book-it-easy.ch/siteimages/icons.png);
background-position: 14px 14px;background-repeat: no-repeat;}

.icon-15-3 {background-position: -336px -48px;}
.icon-16-6 {background-position: -360px -120px;}
.icon-08-6 {background-position: -168px -120px;}
.icon-09-6 {background-position: -192px -120px;}
.icon-20-3 {background-position: -456px -48px;}
.icon-11-6 {background-position: -240px -120px;}
.icon-08-1 {background-position: -168px 0px;}
.icon-16-7 {background-position: -360px -144px;}
.icon-17-1 {background-position: -384px 0px;}
.icon-13-2 {background-position: -288px -24px;}
.icon-05-5 {background-position: -96px -96px;}
.icon-12-2 {background-position: -264px -24px;}
.icon-19-7 {background-position: -434px -144px;}
.icon-18-6 {background-position: -409px -120px;}
.icon-17-7 {background-position: -384px -144px;}

/**** background ****/

.background {
background: rgb(237,237,237);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(222,222,222,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); 
}

/**** animation  fadeInUp ****/


.animated {
-webkit-animation-duration: .8s;-webkit-animation-delay: .2s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;
-moz-animation-duration: .8s;-moz-animation-delay: .2s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;
-ms-animation-duration: .8s;-ms-animation-delay: .2s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;
animation-duration: .8s;animation-delay: .2s;animation-timing-function: ease;animation-fill-mode: both;}

.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
opacity:0;
}


@keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-webkit-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-moz-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-o-keyframes fadeInUp {
    from { transform: translate3d(0,40px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}


/**** error and info ****/

.infobox{max-width:720px;margin:1px auto 20px auto;border: 1px solid #DFDFDF;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.infobox-content{border: 1px solid #FFF;background: #ECECEC url("https://website.book-it-easy.ch/siteimages/info.png") no-repeat 4% 50%;background-size:40px 50px;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.infogreen{max-width:720px;margin:1px auto 20px auto;border: 1px solid #B2D8EE;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.infogreen-content{border: 1px solid #FFF;background: #D3F1FF url("https://website.book-it-easy.ch/siteimages/box-info.png") no-repeat 4% 4%;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.errbox{max-width:720px;margin:1px auto 20px auto;border: 1px solid #DFDFDF;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.errbox-content{border: 1px solid #FFF;background: #ECECEC url("https://website.book-it-easy.ch/siteimages/error.gif") no-repeat 4% 50%;font-style: italic;color: #666;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.msgokbox{max-width:720px;margin:1px auto 20px auto;border: 1px solid #B2D8EE;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.msgokbox-content{border: 1px solid #FFF;background: #D3F1FF url("https://website.book-it-easy.ch/siteimages/status_ok.png") no-repeat 4% 50%;font-style: italic;color: #444444;padding: 3% 3% 3% 10%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.errors{width:100%;font-size:14px;}
.errors td{padding:3px 0 0 10px;font-size:13px;font-style:italic;}
.errbox .errors{color:#DC0A0B;}
.infobox .errors{color:gray;}

/**** animation  bounceIn ****/
/*
.animated1{
  -webkit-animation-name: bounceIn;  -webkit-animation-duration: 450ms;  -webkit-animation-timing-function: linear;  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: bounceIn;  -moz-animation-duration: 450ms;  -moz-animation-timing-function: linear;  -moz-animation-fill-mode: forwards;
  -ms-animation-name: bounceIn;  -ms-animation-duration: 450ms;  -ms-animation-timing-function: linear;  -ms-animation-fill-mode: forwards;
  animation-name: bounceIn;  animation-duration: 450ms;  animation-timing-function: linear;  animation-fill-mode: forwards;
}

.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
opacity:0;
}
*/
/*
@keyframes bounceIn{
  0%{		opacity: 0;    transform: scale(0.3) translate3d(0,0,0);  }
  50%{   opacity: 0.9;    transform: scale(1.1);  }
  80%{   opacity: 1;    transform: scale(0.89);  }
  100%{  opacity: 1;    transform: scale(1) translate3d(0,0,0);  }
}
*/