/* .BTN: BUTTON AND LINKS CLASS for "button-like" style + icon */

.btn,
.btn.disabled,
.btn[disabled],
a.btn,
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover {
	position: relative;
	border: none;
	color:white;
	font-weight: bold;
	-webkit-box-shadow: none;
	box-shadow: none;
  display: inline-block;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 9px 15px 9px 15px;
  height: 50px;
  font-size: 17px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
	text-transform: none;
	letter-spacing: 1px !important;
	text-decoration: none;
}

.btn.close {
	height: auto;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn:active,
.btn.active {
	-moz-outline: 0;
	outline: 0;
}
.btn:hover,
.btn:focus {
background-color: #984626; /* gradient find in http://www.color-hex.com/color/8d320e */
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	opacity: 0.5;
	cursor: default;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* classe che fa si che i bottoni abbiano uno stile simile ad un dsemplice link */

.btn.btn-link,
.btn.btn-link .icon {
  font-weight: normal;
  cursor: pointer;
}
a.btn.btn-link,
.btn.btn-link,
.btn.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn.btn-link {
  /*background-color: transparent;*/
  -webkit-box-shadow: none;
  box-shadow: none;
	/*padding-left: 0 !important;*/
}
.btn.btn-link,
.btn.btn-link:hover,
.btn.btn-link:focus,
.btn.btn-link:active {
  border-color: transparent;
}
.btn.btn-link:hover,
.btn.btn-link:focus {
  text-decoration: underline;
  /*background-color: transparent;*/
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn.btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn.btn-link:focus {
  color: #777777;
  text-decoration: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* grandezze del font del bottone */

.btn.btn.btn-lg,
.btn-group-lg > .btn {
  font-size: 18px;
  line-height: 1.33;
}
.btn.btn-sm,
.btn-group-sm > .btn {
  font-size: 14px;
  line-height: 1.5;
}
.btn.btn-xs,
.btn-group-xs > .btn {
  font-size: 12px;
  line-height: 1.5;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* bottone al 100% di larghezza */

.btn-block + .btn-block {
  margin-top: 5px;
}
.btn-block,
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  display: block;
  width: 100%;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* label all'interno del btn che precede un'icona */

.icon-label,
.btn .icon-label,
.button .icon-label,
button .icon-label,
html input[type="button"] .icon-label,
input[type="reset"] .icon-label,
input[type="submit"] .icon-label {
	display: block;
	float: left;
	line-height: 1.5em;
}

.btn.btn-left .icon-label{
	float: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* icona all'interno del btn */

.btn .icon,
.button .icon,
button .icon,
html input[type="button"] .icon,
input[type="reset"] .icon,
input[type="submit"] .icon {
	position: relative;
	display: inline;
	font-size: 1em;
	line-height: 1em;
	position: relative;
	height: 1em;
	/*float: right;*/
	float:none;
	margin-left: 0.25em;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  line-height: 0.9em;
  height: 0.9em;
  margin-left: 0.5em;
  width:1em;
  text-align: right;
	color:white;
}

.btn.btn-link .icon,
.btn.btn-link:hover .icon {
  padding: 0;
  margin: 0;
  width:auto;
}

.btn .icon:before,
.button .icon:before,
button:not(.havasBtnPrymary) .icon:before,
html input[type="button"] .icon:before,
input[type="reset"] .icon:before,
input[type="submit"] .icon:before {
	font-size: 1em;
	line-height: 0.5em;
	height: 0.5em;
	display: inline-block;
}



/* button rewrite icon via JS */

.btn.icon-to-right,
.btn.disabled.icon-to-right,
.btn[disabled].icon-to-right,
a.btn.icon-to-right,
fieldset[disabled] .btn.icon-to-right,
.btn.disabled.icon-to-right:hover,
.btn[disabled].icon-to-right:hover,
fieldset[disabled] .btn.icon-to-right:hover {
	padding-right: 40px;
	position: relative;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn.icon-to-right .icon,
.btn.disabled.icon-to-right .icon,
.btn[disabled].icon-to-right .icon,
a.btn.icon-to-right .icon,
fieldset[disabled] .btn.icon-to-right .icon,
.btn.disabled.icon-to-right:hover .icon,
.btn[disabled].icon-to-right:hover .icon,
fieldset[disabled] .btn.icon-to-right:hover .icon {
	line-height: 1em;
	height: 1em;
	position: absolute;
	/*top:50%;*/
	/*right:15px;*/
	/*margin-top:-0.6em;*/
}

.btn.icon-to-left,
.btn.disabled.icon-to-left,
.btn[disabled].icon-to-left,
a.btn.icon-to-left,
fieldset[disabled] .btn.icon-to-left,
.btn.disabled.icon-to-left:hover,
.btn[disabled].icon-to-left:hover,
fieldset[disabled] .btn.icon-to-left:hover {
	padding-left: 40px;
	position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn.icon-to-left .icon,
.btn.disabled.icon-to-left .icon,
.btn[disabled].icon-to-left .icon,
a.btn.icon-to-left .icon,
fieldset[disabled] .btn.icon-to-left .icon,
.btn.disabled.icon-to-left:hover .icon,
.btn[disabled].icon-to-left:hover .icon,
fieldset[disabled] .btn.icon-to-left:hover .icon {
	line-height: 1em;
	height: 1em;
	text-align: left;
	position: absolute;
	top:50%;
	left:15px;
	margin-left: 0;
	margin-top:-0.6em;
}

/* eccezioni di stile in base alle differenti icone */

/* icon-cart e icon-checkbox */

.btn .icon.icon-cart,
.button .icon.icon-cart,
button .icon.icon-cart,
html input[type="button"] .icon.icon-cart,
input[type="reset"] .icon.icon-cart,
input[type="submit"] .icon.icon-cart,
.btn .icon.icon-checkbox,
.button .icon.icon-checkbox,
button .icon.icon-checkbox,
html input[type="button"] .icon.icon-checkbox,
input[type="reset"] .icon.icon-checkbox,
input[type="submit"] .icon.icon-checkbox {
    margin-left: 10px;
    transition: 3s;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.75em;
}

.btn .icon.icon-cart:before,
.button .icon.icon-cart:before,
button .icon.icon-cart:before,
html input[type="button"] .icon.icon-cart:before,
input[type="reset"] .icon.icon-cart:before,
input[type="submit"] .icon.icon-cart:before,
.btn .icon.icon-checkbox:before,
.button .icon.icon-checkbox:before,
button .icon.icon-checkbox:before,
html input[type="button"] .icon.icon-checkbox:before,
input[type="reset"] .icon.icon-checkbox:before,
input[type="submit"] .icon.icon-checkbox:before {
	padding-top:0.4em;
}

/* icon-cart */

.btn .icon.icon-search,
.button .icon.icon-search,
button .icon.icon-search,
html input[type="button"] .icon.icon-search,
input[type="reset"] .icon.icon-search,
input[type="submit"] .icon.icon-search {
	position: relative;
	font-size: 1em;
	padding-right: 0.5em;
}

.btn .icon.icon-search:before,
.button .icon.icon-search:before,
button .icon.icon-search:before,
html input[type="button"] .icon.icon-search:before,
input[type="reset"] .icon.icon-search:before,
input[type="submit"] .icon.icon-search:before {
	position: absolute;
	top:0.3em;
	left:0.3em;
}

/* icon-arrow-short */

.btn .icon.icon-arrow-short,
.button .icon.icon-arrow-short,
button .icon.icon-arrow-short,
html input[type="button"] .icon.icon-arrow-short,
input[type="reset"] .icon.icon-arrow-short,
input[type="submit"] .icon.icon-arrow-short {
	margin-top:0.4em;
	font-size: 1em;
}

/* icon-arrow-left */

.btn.btn-icon-arrow-left {
	padding-left: 70px;
}

.btn .icon.icon-arrow-left,
.button .icon.icon-arrow-left,
button .icon.icon-arrow-left,
html input[type="button"] .icon.icon-arrow-left,
input[type="reset"] .icon.icon-arrow-left,
input[type="submit"] .icon.icon-arrow-left {
	display: inline-block !important;
	float: left;
	margin-top:0.1em !important;
	font-size: 2em;
	line-height: 0.5em;
	height: 0.5em;
	border: red solid 0px;
	padding-right: 0.1em;
}

/* icon-arrow-right */

.btn.btn-icon-arrow-right, .btn.btn-icon-arrow-right.disabled, .btn.btn-icon-arrow-right.disabled:hover {
	padding-right: 70px !important;
}

.btn .icon.icon-arrow-right,
.button .icon.icon-arrow-right,
button .icon.icon-arrow-right,
html input[type="button"] .icon.icon-arrow-right,
input[type="reset"] .icon.icon-arrow-right,
input[type="submit"] .icon.icon-arrow-right {
	display: inline-block !important;
	float: right;
	margin-top:0.1em !important;
	font-size: 2em;
	line-height: 0.5em;
	height: 0.5em;
	border: red solid 0px;
	padding-left: 0.1em;
}

/* icon-arrow-left-slide */

.btn .icon.icon-arrow-left-slide,
.button .icon.icon-arrow-left-slide,
button .icon.icon-arrow-left-slide,
html input[type="button"] .icon.icon-arrow-left-slide,
input[type="reset"] .icon.icon-arrow-left-slide,
input[type="submit"] .icon.icon-arrow-left-slide {
  padding-top:0.3em;
  float: left;
}

/* icon-arrow-right-slide */

/*.btn .icon.icon-arrow-right-slide,
.button .icon.icon-arrow-right-slide,
button .icon.icon-arrow-right-slide,
html input[type="button"] .icon.icon-arrow-right-slide,
input[type="reset"] .icon.icon-arrow-right-slide,
input[type="submit"] .icon.icon-arrow-right-slide {
	position: relative;
	font-size: 1em;
	padding-right: 1em;
}*/

.btn .icon.icon-arrow-right-slide:before,
.button .icon.icon-arrow-right-slide:before,
button:not(.havasBtnPrymary) .icon.icon-arrow-right-slide:before,
html input[type="button"] .icon.icon-arrow-right-slide:before,
input[type="reset"] .icon.icon-arrow-right-slide:before,
input[type="submit"] .icon.icon-arrow-right-slide:before {
	position: absolute;
	top:0.4em;
	left:0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* classi di colore dei bottoni */

/* trasparente */

.btn-transparent,
.contain-transparent-buttons .btn {
	color: #666;
	border: transparent 3px solid;
	background-color: transparent !important;
  padding-left:0;
  padding-right:0;
}
.btn-transparent:hover,
.contain-transparent-buttons .btn:hover {
	color: #666;
	border: 666 3px solid;
  padding-left:20px;
  padding-right:0;
  margin-left:0;
  margin-right:0;
}

.btn-transparent .icon,
.contain-transparent-buttons .btn .icon,
.white-form .btn .icon {
  margin-left:35px;
  margin-right:0;
}
.btn-transparent:hover .icon,
.contain-transparent-buttons:hover .btn .icon,
.white-form .btn:hover .icon {
  margin-left:5px;
  margin-right:20px;
}

/* trasparente con bordo nero */

.btn-transparent-black,
.contain-transparent-black-buttons .btn {
	color: #666;
	border: transparent 1px solid;
	background-color: transparent !important;
	padding-left:20px;
  padding-right:0;
}
.btn-transparent-black:hover,
.contain-transparent-black-buttons .btn:hover {
	color: #666;
	border: #666 1px solid;
  margin-left:0;
  margin-right:0;
}

.btn-transparent-black .icon,
.contain-transparent-black-buttons .btn .icon,
.white-form .btn .icon {
  color: #666;
  margin-left:35px;
  margin-right:0;
}
.btn-transparent-black:hover .icon,
.contain-transparent-black-buttons:hover .btn .icon,
.white-form .btn:hover .icon {
  margin-left:5px;
  margin-right:20px;
}

/* trasparente con bordo bianco */

.white-form .btn,
.btn-transparent-white,
.contain-transparent-white-buttons .btn {
	color: #fff;
	border: transparent 1px solid;
	background-color: transparent !important;
	padding-left:20px;
  padding-right:0;
}
.btn-transparent-white:hover,
.contain-transparent-white-buttons .btn:hover,
.white-form .btn:hover {
	color: #fff;
	border: #fff 1px solid;
  padding-left:20px;
  padding-right:0;
  margin-left:0;
  margin-right:0;
}

.btn-transparent-white .icon,
.contain-transparent-white-buttons .btn .icon,
.white-form .btn .icon {
  color: #fff;
  margin-left:35px;
  margin-right:0;
}
.btn-transparent-white:hover .icon,
.contain-transparent-white-buttons:hover .btn .icon,
.white-form .btn:hover .icon {
  margin-left:5px;
  margin-right:20px;
}

/* trasparente con bordo rosso */

a.btn.btn-transparent-red,
.btn-transparent-red,
.contain-transparent-red-buttons .btn,
.red-form .btn {
	color: var(--kummel-color) !important;
	border: transparent 3px solid !important;
	background-color: transparent !important;
	padding-left:20px;
	padding-right:0;
}

.btn.btn-left.btn-transparent-red{
	padding-left: 0;
	padding-right: 20px;
}

.bunch-element a.btn.btn-transparent-red {
	padding-left: 0px;
}
a.btn.btn-transparent-red:hover,
.btn-transparent-red:hover,
.btn-transparent-red:focus,
.contain-transparent-red-buttons .btn:hover,
.contain-transparent-red-buttons .btn:focus,
.red-form .btn:hover,
.red-form .btn:focus {
	color: var(--kummel-color);
	border: var(--kummel-color) 1px solid;
  padding-left:20px;
  padding-right:0;
  /* danno un bug in bottone registrazione
  margin-left:0;
  margin-right:0;*/
}
.bunch-element a.btn.btn-transparent-red:hover {
	padding-left: 0px;
}

.btn-transparent-red-no-padding {
  padding-right: 0 !important;
  padding-left:0 !important;
}

.btn-transparent-red .icon,
.contain-transparent-red-buttons .btn .icon,
.red-form .btn .icon {
  color: var(--kummel-color);
  margin-left:35px;
  margin-right:0;
}

.btn.btn-left .icon-arrow-left{
	margin-left: 0;
	margin-right: 35px;
}

.btn-transparent-red:hover .icon,
.contain-transparent-red-buttons:hover .btn .icon,
.red-form .btn:hover .icon {
  margin-left:5px;
  margin-right:20px;
}

@media(max-width:480px) {
	a.btn.btn-transparent-red,
	.btn-transparent-red,
	.contain-transparent-red-buttons .btn,
	.red-form .btn {
	 border: var(--kummel-color) 1px solid !important;
	}
	.btn-transparent-red .icon,
	.contain-transparent-red-buttons .btn .icon,
	.red-form .btn .icon {
		margin-left:5px;
		margin-right:20px;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* posizionamento del bottone */

.btn-right {
	float: right;
}
.btn-left {
	float:left;
}

.btn .icon-to-left {
  margin-right: 0.5em;
  margin-left: 0 !important;
}