@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:55px; left:50%; margin-left:-21px; width:35px; height:35px; line-height:35px; text-align:center; 
	/*background-color:rgba(255,255,255,0.9);*/ background:#ff7f01; font-size:18px; border:1px solid #fff; /*box-shadow:#ccc 0 0 3px;*/ -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; }
/*a.nav-totop:hover, a.nav-totop:active{ color:#fff; background-color:#ee7f01; }*/

.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. */
.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%; }
}

.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); }	}

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

@media (min-width:480px){ 							.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; }

/* 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(https://www.hucks-welt.de/img/lang/de.png) no-repeat -6px -6px; }
.ls-switch-en{ background:#FFF url(https://www.hucks-welt.de/img/lang/en.png) no-repeat -6px -6px; }
.ls-switch-es{ background:#FFF url(https://www.hucks-welt.de/img/lang/es.png) no-repeat -6px -6px; }
.ls-switch-it{ background:#FFF url(https://www.hucks-welt.de/img/lang/it.png) no-repeat -6px -6px; }
.ls-switch-pl{ background:#FFF url(https://www.hucks-welt.de/img/lang/pl.png) no-repeat -6px -6px; }
.ls-switch-ru{ background:#FFF url(https://www.hucks-welt.de/img/lang/ru.png) no-repeat -6px -6px; }
.ls-switch-fr{ background:#FFF url(https://www.hucks-welt.de/img/lang/fr.png) no-repeat -6px -6px; }
.ls-switch-nl{ background:#FFF url(https://www.hucks-welt.de/img/lang/nl.png) no-repeat -6px -6px; }
.ls-switch-sv{ background:#FFF url(https://www.hucks-welt.de/img/lang/sv.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(https://www.hucks-welt.de/img/lang/de.png) no-repeat 0 0; }
.ls-ul li.ls-en a span{ background:transparent url(https://www.hucks-welt.de/img/lang/en.png) no-repeat 0 0; }
.ls-ul li.ls-es a span{ background:transparent url(https://www.hucks-welt.de/img/lang/es.png) no-repeat 0 0; }
.ls-ul li.ls-it a span{ background:transparent url(https://www.hucks-welt.de/img/lang/it.png) no-repeat 0 0; }
.ls-ul li.ls-pl a span{ background:transparent url(https://www.hucks-welt.de/img/lang/pl.png) no-repeat 0 0; }
.ls-ul li.ls-ru a span{ background:transparent url(https://www.hucks-welt.de/img/lang/ru.png) no-repeat 0 0; }
.ls-ul li.ls-fr a span{ background:transparent url(https://www.hucks-welt.de/img/lang/fr.png) no-repeat 0 0; }
.ls-ul li.ls-nl a span{ background:transparent url(https://www.hucks-welt.de/img/lang/nl.png) no-repeat 0 0; }
.ls-ul li.ls-sv a span{ background:transparent url(https://www.hucks-welt.de/img/lang/sv.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:310px; 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; }

/* layer */
.b-head{ 
	display:inline-block; position:fixed; width:100%; height:122px; top:0; left:0; z-index:850; background-color:#ff7f01; 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:80px; }

.b-body{ position:relative; display:inline-block; width:100%; padding:15px; margin:0 auto; min-height:75vh; box-sizing:border-box; }

.logo{
	width:auto;
	-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%;}

@media (min-width:981px){ 
	.b-head-large .logo{ height:82%; margin:10px auto; }
	.b-head-small .logo{ height:98%; margin:-1px auto 0 auto; }
	
	.b-head-large #navToggle{ top:48px; right:25px; }
	.b-head-small #navToggle{ top:28px; right:25px; }
	
	.b-head-large .ico-phone{ top:45px; right:62px; }
	.b-head-small .ico-phone{ top:24px; right:62px; }
	
	.b-head-large .ico-email{ top:45px; right:102px; }
	.b-head-small .ico-email{ top:24px; right:102px; }
	
	.b-head-large #langToggle{ top:45px; right:142px; }
	.b-head-small #langToggle{ top:24px; right:142px; }
	
	.b-head-large .ico-cart{ top:45px; right:182px; }
	.b-head-small .ico-cart{ top:24px; right:182px; }
	
	.b-body{ padding-top:140px; }
}
@media (max-width:980px){ 
  	
	.b-head-large,
	.b-head-small{ height:80px; }
	
	.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:28px; right:25px; }
	
	.b-head-large .ico-phone,
	.b-head-small .ico-phone{ top:24px; right:62px; }
	
	.b-head-large .ico-email,
	.b-head-small .ico-email{ top:24px; right:102px; }
	
	.b-head-large #langToggle,
	.b-head-small #langToggle{ top:24px; right:142px; }
	
	.b-head-large .ico-cart,
	.b-head-small .ico-cart{ top:24px; right:182px; }
	
	.b-body{ padding-top:100px; }
}

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

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

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

.b-content h1{
	position:relative; display:inline-block; width:100%; padding:0; padding-bottom:10px; margin:20px 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; } }
@media (min-width:480px) and (max-width:1400px){ 	.b-content h1{ font-size: 28px; line-height:28px; } }
@media (max-width:480px){ 							.b-content h1{ font-size: 20px; line-height:20px; } }

.b-content h1:after{content:'';position:absolute;top:100%;left:0;right:0;width:130px;height:2px;background:#ff7f01;margin:13px auto 0 auto;}

/* foot */
.b-foot{					display:inline-block; width:100%; margin-top:10px; overflow:hidden; box-sizing:border-box; }
.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:center; padding:30px 0 110px 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; }

/* faq */
.b-faq{ clear:both; display:block; margin:0 auto; margin-top:20px; }
.b-faq h2{ margin:20px 0; clear:both; }
.b-faq .search-field{ text-align:center; margin:0 auto; display:block; position:relative; }
.b-faq .f-nav-back{ clear:both; margin:20px auto; }

.b-faq .groups a{ 
	display:block; float:left; height:100px; text-align:center; color:#ff7f01; font-size:18px; line-height:17px; border:1px solid #ff7f01; padding:20px 15px 10px 15px; margin:10px;
	-webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in;
	-webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;
}
.b-faq .groups a:link, .b-faq .groups a:visited{ color:#ff7f01; }
.b-faq .groups a:hover, .b-faq .groups a:active{ background-color:#ff7f01; color:#FFF; }
.b-faq .groups a i{ font-size:40px; display:block; margin-bottom:12px; }

@media (min-width:900px){ 
	.b-faq .groups a{ width:calc(25% - 52px); } 
}
@media (min-width:480px) and (max-width:900px){ 
	.b-faq .groups a{ width:calc(33% - 34px); height:80px; font-size:16px; line-height:15px; border:1px solid #ff7f01; padding:10px 10px; margin:6px; } 
	.b-faq .groups a i{ font-size:32px; display:block; margin-bottom:10px; }
}
@media (max-width:480px){ 
	.b-faq .groups a{ width:calc(50% - 24px); height:80px; font-size:16px; line-height:15px; border:1px solid #ff7f01; padding:10px 5px; margin:6px; }
	.b-faq .groups a i{ font-size:32px; display:block; margin-bottom:6px; }
}

.b-faq .faq-result .f-title{ display:inline-block; width:100%; padding:10px 0 0 0; margin:3px 0; color:#ff7f01; cursor:pointer; font-weight:normal; box-sizing:border-box; }
.b-faq .faq-result .f-content{ 
	position:relative; border:2px solid #ff7f01; padding:10px; margin:5px -5px 10px -5px; font-weight:normal; box-sizing:border-box; 
	-webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; 
	-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; border-radius:10px;
	-moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa;
}
.b-faq .faq-result .f-content .ico-close{ display:block; position:absolute; z-index:999999999; top:5px; right:10px; font-size:20px !important; color:#ccc; cursor:pointer; }
/*.b-faq .faq-result .f-content p:nth-of-type(1){ padding-top:0 !important; margin-top:0 !important; }*/

.fclosed{ display:none; height:0; }
.fopened{ display:block; height:auto !important; }

@media (min-width:900px){
	.b-faq .faq-result .f-title{ font-size:24px; line-height:1.6em; }
	.b-faq .faq-result .f-content{ font-size:16px; line-height:1.4em; }
}
@media (min-width:480px) and (max-width:900px){ 
	.b-faq .faq-result .f-title{ font-size:20px; line-height:1.4em; }
	.b-faq .faq-result .f-content{ font-size:15px; line-height:1.3em; }
}
@media (max-width:480px){ 
	/*.b-faq{ width:93%; padding:0 5% 0 2%; }*/
	.b-faq .faq-result .f-title{ font-size:18px; line-height:1.2em; }
	.b-faq .faq-result .f-content{ font-size:14px; line-height:1.2em; }
}

.b-faq .f-feedback{ text-align:right; padding:0; margin:0; width:100%; }
.b-faq .f-feedback .fa{ font-size:18px; cursor:pointer; color:#aaaaaa; margin-left:5px; }
.b-faq .f-feedback .fa:hover, .b-faq .f-feedback .fa:active{ color:#ff7f01; }

/* form */
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;
}
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:6px 12px; cursor:pointer; cursor:hand; text-decoration:none; text-align:center; border:none; margin-top:5px;
	font-size:16px; font-style:normal; font-weight:400; line-height:1.2em;
	color:#FFF; background-color:#ff7f01; border:1px solid #ff7f01;
	-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:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;
}
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;
}

/* 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-bottom:2px solid #999; cursor:default;
	background:#666; background-image:linear-gradient(#CCC, #999); color:#FFF;
}

.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:90px; min-width:90px; max-width:90px; }
.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; }

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; }

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

@media (max-width:480px){
	.txt-middle,
	.txt-large,
	.txt-extralarge, 
	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% - 85px) !important; max-width:calc(100% - 85px) !important; min-width:calc(100% - 85px) !important; }
	.b-faq .search-field input[type=submit]{ margin-left:5px; }
}