﻿@import url(//fonts.googleapis.com/css?family=Lato:400,300,700);
body {
	font-family: 'Lato', sans-serif;
    /*font: normal normal normal 14px/1.4em raleway,sans-serif;*/
	padding-top: 70px;
	text-align: left;
}
footer {
	margin: 50px 0;
}

.capo {
	word-wrap:break-word;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	padding-top: 0;
	margin-top:12px
}

.leggi {
	cursor: pointer;
}

.caricamento {
  border: 16px solid #ffffff;
  border-radius: 50%;
  border-top: 16px solid #428bca;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-top:30%;
  position:absolute;
  opacity:1;
  z-index:1041;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
  }
  
  .ombra {
  opacity: .5;    
  height:100%;
  width:100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;    
  transition: opacity .15s linear;
  }

p {
	font-size:17px;
	color:#5a5a5a;
	font-weight:300
}
h2 {
	font-size:34px;
	font-weight:700
}

.navbar {
	border-bottom:4px solid #1ab2e7
}

.carr_scroll{
	position:fixed;
	top:

}
input[disabled] {
   color: #333 !important;
   opacity:1 !important;
}

.navbar img {
	max-width:177px;
	height:auto
}

.lft_column {
	padding-top:4px;
}

.rgt_column {
	padding-bottom:5px;
	padding-top: 4px;
}

.listata .img_container {
	float:left;
	width:20%;
	max-height:130px;
	overflow:hidden
}
.marked {font-weight:900}
.navbar-nav > li > .dropdown-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 0;
	min-width: 247px;
	padding-left: 12px;
}
.navbar-nav .open .dropdown-menu {
	background:#fff
}
.navbar-nav .open .dropdown-menu li a:hover {
	color:black!important;
	background:transparent!important
}
.navbar-header {
	height:60px!important
}
.nav.navbar-nav {
	padding-top:5px
}
div img {
	max-width:100%;
	height:auto
}
.footer {
	background: none repeat scroll 0 0 #f1f1f1;
	padding-top:0px;
	position:relative
}
.footer h3, .footer h2 {
	color:#262626
}
.footer li {
	color: gray !important;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 0 -37px;
	padding: 0;
}
.footer li a {
	color:gray
}
.navbar-form {
	margin:8px 0!important
}
.navbar-collapse {
	overflow:hidden!important;
/*	min-height:450px!important; */
	max-height:900px!important
}
.btn {
	border-radius:0px!important
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:#1ab2e7;
	color:white
}
.user {
	background-image: url("../img/user.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px !important;
}
.price span {
	text-decoration: line-through;
	margin-right:10px;
	color:#959595;
	font-size:22px;
	position:relative;
	top: -9px;
	line-height:10px
}
.type {
	font-weight:900
}
.iAmTest.offerta {
	background:white;
	border:0px
}
.filters {
	background:#f1f1f1;
	position:fixed;
	right:0px;
	padding:0px;
	margin-top:6px;
	border:1px solid #d3d3d3;
	
}
.nav.navbar-nav {
	background-color:white
}
.navbar {
	background:white;
	z-index:9999
}
.navbar-inverse {
	border-color:transparent
}
.actions {
	margin:0 auto;
	position:relative;
	height:27px;
	width:186px
}
.actions img {
	float:left;
	margin-left:10px;
	margin-right:10px
}
.lista_offerte {
	margin-top:-4px
}
.conferma.richiesta {
	background: url("../img/preventivo.png") no-repeat scroll 25px center #f1f1f1
}
.accedi {  position: relative;
    right: -21px;
    top: -10px;
    width: 114px;}
.login label {margin-right:10px;font-size:14px;font-weight:300}
.rememberme {  position: relative;
    top: -10px;}
.login input {border:1px solid #d3d3d3;height:30px;font-size:14px}
.conferma.addcarrello {background: url("../img/confermacarrello.png") no-repeat scroll 110px center #f1f1f1}
.conferma.svuotacarrello {background: url("../img/svuota.png") no-repeat scroll 110px center #f1f1f1}

.conferma {
	background: url("../img/pay.png") no-repeat scroll 25px center #f1f1f1;
	border: 1px solid #d3d3d3;
	font-size: 17px;
	padding: 25px;
	text-align: center;
}


@media only screen and (min-width: 480px) and (max-width: 5000px) {
.conferma.svuotacarrello {background: url("../img/svuota.png") no-repeat scroll 110px center #f1f1f1}
.conferma.addcarrello {background: url("../img/confermacarrello.png") no-repeat scroll 110px center #f1f1f1}

}

@media only screen and (min-width: 0px) and (max-width: 479px) {
.conferma.svuotacarrello {background: #f1f1f1}
.conferma.addcarrello {background: #f1f1f1}

}


.carrello_details {
	
  background: none repeat scroll 0 0 rgba(241, 241, 241, 0.9);
    height: 140px;
    top: 80px;
    width: 100%;
    z-index: 2;	
}
.filters.carrello {position:relative;width:100%}
.offerta {
	/*background-color: #f1f1f1;
	float: left;
	margin: 0.2%;
	min-height: 221px;
	padding: 0px;
	margin-bottom:0.2% 0.2% 3px;
	width: 32%;
	height:250px;
	border: 1px solid #d3d3d3;*/
	
	background-color: #f1f1f1;
	float: left;
	margin: 0.5%;
	min-height: 221px;
	padding: 0px;
	width: 32.3%;
	height:250px;

}
.filters.carrello {
	min-height:487px
}
.promonew {
	float:left;
	bottom:0px;
	position:absolute;
	right:10px
}
.listata .promonew {
	position:relative
}
label {
	font-weight:300
}
.promozione .descrizione h3, .promozione p, .promozione .price {
	color:#575757!important
}
.applica {
	float: none;
	font-size: 20px;
	top:11px;
	line-height: 1px;
	margin: 0 !important;
	position: relative;
}
.descrizione h3 {
	margin-top:0px;
	font-family: 'Lato', sans-serif;
	color:white;
	text-transform:uppercase;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 22px;/* CONSULENZA FISIO: */
}
/* -80â‚¬ : */}
.descrizione p {
	font-family: 'Lato';
	font-size: 14px;
	color: #FFFFFF;
	line-height: 17px;
/* Visita specialistica: */}
.icona {
	float: right;
	margin-left: 10px;
	width: 18%
}
.listata .leggi {
	display:none
}
.listata .prodotto_price {
	top:0px!important;
}
.listata .prodotto {
	top:0px!important;
	float:left!important;
	font-size:21px;
	font-weight:500
}
.listata .dettagli_testo {
	float: left;
	font-size: 15px;
	line-height: 16px;
	margin-bottom: 14px;
/*	margin-top: -27px;*/
	padding: 16px;
	position: relative !important;
	top: 0;
	width: 80%;
}
.listata .lateral {
	bottom: 0 !important;
	opacity: 1 !important;
	right: 0;
	top: auto;
}
.smallico {
	width:31px!important
}
.listata {
	width:100%!important
}
.listata .product {
	width:100%!important;
	float:left
}
.navbar-nav > .open > a:link {
	color:white!important
}
.navbar-inverse .navbar-nav > li > a, .navbar-nav > li > a:visited, .navbar-nav > li > a:link {
	color:#262626
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:#262626
}
/*
.img_product:hover {width:130%;transition: all .2s ease-in-out;transform: scale(1.3);}
.img_product{ transition: all .1s ease-in-out;transform: scale(1.0);opacity:1 }*/
.sottodati {
	float:left;
	width:80%;
	display:none;margin-bottom:10px
}
.prod_cart.container {
	background:white
}
.prod_cart .prodotto {
	width:100%
}
.listata .sottodati {
	display:block
}
.navbar-toggle {
	background:#262626
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border:0px solid transparent
}
.prodotto {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
	color: #262626;
	float: left;
	font-size: 20px;
	font-weight: 300;
	margin: 10px;
	padding: 5px;
	position: relative;
	text-shadow: none;
	width: auto;
	z-index: 3;
}

.newprodotto {
	position:absolute!important;
	bottom:0px!important;
}

.prodotto_price {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
	color: #262626;
	float: right;
	font-size: 20px;
	font-weight: 300;
	margin: 10px;
	padding: 6px;
	position: relative;
	text-shadow: none;
	z-index: 3;
}
.line {
	border-bottom: 1px solid #ccc;
	clear: left;
	float: none;
}
.dati .lft_column {
	font-weight:600;
}
.dati .rgt_column {
	text-align:right;
}
.carrello_numbers { position: relative;
    right: -113px;
    top: -56px;}
	.carrello_area {border: 1px solid #d3d3d3;
    clear: left;
    float: none;
    position: relative;
    right: -61px;
    top: -31px;
    width:61px;}
.variDati {
	width:100%;
	height:140px;
	position:absolute;
	background: rgba(241, 241, 241, 0.9);
	bottom:-140px;
	z-index:2
}
.promo {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
	color:#000000; font-weight:bold;
	float: left;
	margin: 10px;
	padding: 7px;
}
.new {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
	color: white;
	float:right;
	margin: 10px;
	padding: 7px;
}
.lateral {
	padding: 5px;
	position: absolute;
	right: 0;
	opacity:0;
	width: auto;
}
.leggi {
	left: 50%;
	margin: 0 auto 0 -32px;
	margin-left: -32px;
	position: absolute;
	top: 14px;
	opacity:0;
	z-index: 99;
}
.dettagli_btn {
	padding:5px;
	width:auto;
	clear:left;
	color:#262626;
	font-weight:300
}
.dettagli_testo {
	padding: 5px;
	position: absolute;
	width: auto;
}
.yourproducts {
	text-align:center;
	margin-bottom: 44px;
}
table {
	background-color: transparent;
	border-top: 2px solid #ccc;
	margin: 0 auto;
	max-width: 94%;
	padding-top: 50px;
}
.top_select {
	border-radius:4px;
	}
.prod_cart.container {;
	padding:10px
}
.lista_prodotti td, .lista_prodotti tr {
	vertical-align:text-top;
	width:25%;
	padding-left:10px;
	padding-right:10px;
	text-align:center
}
.line_dati {
	clear: left !important;
	float: left;
	height: 30px !important;
	margin-bottom: 20px;
	margin-top: 14px;
	position: relative;
}
.code {
	font-weight:900;
	font-size:14px!important
}
.colonna_dettagli {
	margin-top:-8px
}
.datiprodotto {
	float: left;
	padding-left: 15px;
	width:80%
}
.datiprodotto h3, .datiprodotto p {
	color:#747474;
	min-width:60px
}
.datiprodotto h3 {
	float:left;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
	margin:0px;
	padding:0px
}
.datiprodotto p {
	float:left;
	font-size:12px;
	margin-left:5px;
	margin-right:5px
}
.column {
	width:33%;
	float:left
}
.column.carrello {width:50%;}
 @media only screen and (min-width: 0px) and (max-width: 991px) {

}

.dettaglio_interno .promonew .new {
	background:white;
	color:#262626
}
.prezzo {
	clear:left;
	margin-bottom: 27px
}
.dati .lft_column, .dati .rgt_column {
	float:left;
	width:50%
}
.promonew img {
	margin-top:9px
}
.dettaglio_interno .promonew {
	position:relative;
	float:right;
	top:-1px
}
.dettaglio_interno h2 {
	margin-top:0px;
	float:left
}
.dettaglio_interno .dettaglio {
	clear:left
}
.nav li img {
	margin-top:23px;
	margin-right:5px
}
.filters select, .filters input, .top_select select {
	height:33px;
	width:100%;
	border:1px solid #d3d3d3;
		-webkit-appearance:none;
	-moz-appearance: none;
	

}
.right_li {float:right!important;text-align:right}
.total {font-weight:900;border-top:1px solid #262626;padding-top:10px}
.variDati p {
	color:#262626;
	padding:10px
}
.filters.end {min-height:40px}
.filters.end li {float:left}
.filters select, .top_select select {
	color:#262626;
	overflow:hidden;
	padding-right:35px;
	-webkit-appearance:none;
	-moz-appearance: none;
	background-image: url("../img/bgselect.png"); 
	background-position:right;
	background-repeat:no-repeat;
}
select::-ms-expand {
    display: none;
}

.filters select::-ms-expand {
 display: none;
}
.dettaglio_interno {
	padding:10px
}
.listata .promonew {
	bottom: -4px;
	left: auto;
	position: absolute !important;
	right: 26px !important;
}
.filters select option {
	color:#262626
}
.listata .prodotto {
	position:relative;
	float:right
}
.listata .product {
	position:relative!important
}
 @media only screen and (min-width: 480px) and (max-width: 1200px) {
 .offerta, .promozione {
width:49%;
position:relative;
overflow:hidden
}
.btnofferta{
width:49%;
position:relative;
overflow:hidden
}

.conferma {background-position:left!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

	.rgs_tablet{
		text-align: center !important;
    	position: absolute !important;
       	width: 100% !important;
       	margin-top:0px !important;
	}

}

@media only screen and (min-width: 760px) and (max-width: 1040px) {
/*	 .navbar-form.navbar-right {
	    display:none 
		width:10%!important;
	 }  */
	 #clib {
	 		max-width:80px;
	 }
	 #btnclib {
	 		max-width:55px;
	 } 
}

@media only screen and (min-width: 740px) and (max-width: 800px) {
	.icona {
	width:7%
	}
	
}

/*Matteo 070616, inseriti perche a schermo piu piccolo smamellava*/
@media only screen and (min-width: 0px) and (max-width: 836px) {

/*.datiprodotto {
	margin-left:150px;
}*/
.listata .dettagli_testo{
	max-width:75%;
	margin-top:10px;
}
.sottodati{
margin-top:-10px;
}
.prodlist{
max-width: 70%;
}
}

@media only screen and (min-width: 0px) and (max-width: 685px) {

.datiprodotto {
	margin-left:0px;
	/*width:500px;*/
}
}
/*Fine Matteo*/


 @media only screen and (min-width: 480px) and (max-width: 740px) {
	body .squares {
	width:60%
	}
	
.btnofferta{
width:100%;
}

	
 .offerta, .promozione {
width:100%
}
 .filters {
width:40%
}
 .filters.carrello {
width:100%
}
}
 @media only screen and (min-width: 320px) and (max-width: 1040px) {
.dettaglio_interno {
width:100%!important
}
}
 @media only screen and (min-width: 0px) and (max-width: 560px) {
  
/* .offerta.listata .product {
display:none
}
}
*/
 @media only screen and (min-width: 320px) and (max-width: 560px) {
 /* 
 .offerta.listata .product {
display:none
}*/
 .listata .dettagli_testo {
 float: left;
 padding: 4%;
 position: relative !important;
 top: 0;
 width: 97%!important;
;
}
}
 @media only screen and (min-width: 320px) and (max-width: 760px) {
 .squares {
width:60%
}

.navbar-collapse {
		overflow:hidden!important;
	    min-height:700px!important
	}

 .filters li {
padding: 4px 20px!important;
}
.filters li a {
font-size: 14px!important;
}
 .form-control {
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
 color: #555;
 display: block;
 float: left;
 font-size: 14px;
 height: 34px;
 line-height: 1.42857;
 margin-top: 0px;
 padding: 6px 12px;
 transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
 width: 77%;
}
 .login {
margin-right:14px
}
.offerta {
margin-bottom:2px
}
.nomobile {
display:none!important;
float:left;
margin-left:15px
}
.carrello {
}
 .form-control {
width: 77%!important;
}
 .navbar-form {
width:100%!important
}
 .nav.navbar-nav {
float:none!important
}
}
.login {
	float:right!important;
	font-size: 10px;
	line-height: 10px;
	width: 39px;
}
 @media only screen and (min-width: 320px) and (max-width: 480px) {
	 .carrello_numbers {
    position: relative;
    right:auto;
    top: auto;
}
.carrello_area {position:relative!important}
	.carrello_area {border: 1px solid #d3d3d3;
    clear: left;
    float: none;
    position: inherit;
    right: auto;
    top: auto;
    width:61px;}
/*
.listata .lateral {
    bottom: -5px !important;
    left: 5px !important;
    opacity: 1 !important;
    right: auto;
    top: auto;
}*/
.lateral {
    bottom: 0 !important;
/*   margin-top: 28px !important;*/
    opacity: 0;
    padding: 5px;
    position: absolute;
    right: 0;
/*    width: 100% !important;*/
}
/*
.column {
display:none
}*/
 .offerta, .promozione {
width:100%
}
.btnofferta{
width:100%;
}

 .filters.carrello {
width:100%
}
 .filters {
width:40%;
}
 .squares {
width:60%
}
 footer {
display:none
}
.icona {
width:7%
}
}
 @media only screen and (min-width: 0px) and (max-width: 400px) {
 .offerta, .promozione {
width:99%
}
.btnofferta{
width:99%;
}

.icona {
width:18%
}
 .filters.carrello {
width:100%;
display:block!important
}
 .filters {
display:none
}
 .squares {
width:100%!important
}
 footer {
display:none
}
}


}
@media only screen and (min-width: 0px) and (max-width: 10000px) {

.filterscar {
	background:#f1f1f1;
	min-height:400px;
	position:fixed;
	right:0px;
	padding:0px;
	margin-top:1px;   /*prima c era 6 px*/
	z-index:9;
	/*border:1px solid #d3d3d3;*/
}
.filterscar li {
	list-style:none;
	list-style-type:none;
	margin-left:0px;
	padding: 3px 21px;
}
.filterscar ul {
	padding-left:0px
}
.filterscar li a {
	color:white;
	font-size:20px;
	font-weight:300;
	font-family: 'Lato'
}
}
.filterscar.carrello {position:relative;width:100%}
.filterscar.carrello {
	min-height:487px
}
.filterscar select, .filterscar input, .top_select select {
	height:33px;
	width:100%;
	border:1px solid #d3d3d3;
}
.filterscar.end {min-height:100px}

/*@media only screen and (min-width: 768px) and (max-width: 779px) {
.filterscar.end {
min-height:158px!important;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.filterscar.end {
min-height:168px!important;
}
}*/

.filterscar.end li {float:left}
.filterscar select, .top_select select {
	color:#262626;
	overflow:hidden;
	padding-right:35px;
	-webkit-appearance:none;
	-moz-appearance: none;
	background-image: url("../img/bgselect.png"); 
	background-position:right;
	background-repeat:no-repeat;
}
select::-ms-expand {
    display: none;
}

.filterscar select::-ms-expand {
 display: none;
}
.filterscar select option {
	color:#262626
}
 .filterscar {
width:40%
}
 .filterscar.carrello {
width:100%
}
}
 .filterscar li {
padding: 4px 20px!important;
}
.filterscar li a {
font-size: 14px!important;
}
 .filterscar.carrello {
width:100%
}
 .filterscar {
width:40%;
}
 @media only screen and (min-width: 0px) and (max-width: 400px) {
 .filterscar.carrello {
width:100%;
display:block!important
}
 .filterscar {
display:none
}
}

.btnofferta {
	background-color: #f1f1f1;
	float: left;
	margin: 0.5%;
	min-height: 221px;
	padding: 0px;
	width: 32.3%;
	height:250px;
	/*border: 1px solid #d3d3d3*/
}
.btnofferta {
/*margin-bottom:12px*/
}

@media only screen and (min-width: 837px) and (max-width: 5000px) {
.listata .dettagli_testo {
	margin-top: -27px;
}
 
}
@media only screen and (min-width: 0px) and (max-width: 836px) {
.listata .dettagli_testo {
	margin-top: -15px;
}
  
}

 @media only screen and (min-width: 0px) and (max-width: 710px) {
 .offerta.listata {
	height:auto;
	width:99.6%!important;
	min-height:270px;
}
}

 @media only screen and (min-width: 711px) and (max-width: 991px) {
 .offerta.listata {
	height:auto;
	width:99.6%!important;
	min-height:162px;
}
}

 @media only screen and (min-width: 992px) and (max-width: 5000px) {

.offerta.listata {
	height:auto;
	min-height:100px;
	width:99.6%!important
}
}

.abbr {
	overflow: hidden !important;
	white-space:nowrap !important;
	max-width: 90% !important;
	text-overflow: ellipsis !important;
}

.minifoto {
	float: left;
    width: 100px;
    height: 85px;
}

.punt {
	cursor:pointer;			
}

.spaziorow {
	margin-bottom: 15px;
}

.spaziorow10 {
	margin-bottom: 10px;
}


.nomargin {
	margin:0px !important;
}

.nopadding {
	padding:0px !important;
}

.maxwidth {
	width:100% !important;
}

.destra {
	float:right !important;			
}

.sinistra {
	float:left !important;
}

.padding5 {
	padding:5px;
}

.gesu {				
	border-radius:5px;
	background-color:transparent !important;
	border:none !important; 
	font-size:15px; 
	font-weight:bold; 
	width:100%;
	text-align:right;
}
.linecarrello {
	line-height:33px;
}

.riepcarrello {
	background-color:transparent !important;
	border:none !important;
	text-align:right;
}

.ns_nerveSlider.light .ns_nextButton div{background:transparent url("../icons/next-dark.png") 0% 50% no-repeat;}
.ns_nerveSlider.light .ns_prevButton div{background:transparent url("../icons/prev-dark.png") 100% 50% no-repeat;}
.ns_nerveSlider.light .ns_pauseButton div{background:transparent url("../icons/play-pause-dark.png") 0% 0% no-repeat}

.dextra {
	float:right !important;
}
@media only screen and (min-width: 0px) and (max-width: 992px) {

.txt-sin {
	text-align:left !important;
}
				
}


@media only screen and (min-width: 0px) and (max-width: 767px) {
.img_carrello_xs {
	width: 25% !important;
    height: 103px !important;
    min-height: 103px !important;
    max-height: 103px !important;
}
.contenit_img {
	min-height: 220px;
    height: 220px;
    max-height: 220px !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0px;
}

.dextra {
	float:none !important;
}


.cento {
	width:100% !important;
}

.cinquanta {
	width:50% !important
}

.sx_xs {
	float:left !important;
}

.nospace_xs{
	margin-bottom:0px;			
}

.titolo_carr {
	font-size: 12px !important;
}

.sottotitolo_carr {
	font-size:10px !important;
}

.num_carr {
	font-size:15px !important
}

.xselling {
	width:50% !important;
}

}

.xselling {
	width:33%;
}


.filterscar {
	background:#f1f1f1;
	min-height:400px;
	position:fixed;
	right:0px;
	padding:0px;
	margin-top:1px;   /*prima c era 6 px*/
	z-index:9;
	/*border:1px solid #d3d3d3;*/
}


.foto_carrello {
	z-index: 0;
    opacity: 1;
    margin: auto;
    display: block;
    width: auto !important;
    float:none !important;
    height: 100%;
}

.login {
 /*   float: right!important; */
    font-size: 10px;
    line-height: 10px;
    /*width: 39px;*/
}

.sottotitolo_carr {
	font-size:15px !important;
}

.btn-crox {
	background: #5bc0de;
    color: white;
    border: none;
}
