@charset "UTF-8";
/* CSS Document */
label, input:not([type='checkbox']){
  display: block;
  padding: 25px 0px 5px 0px;
}

input:not([type='checkbox']), button{
  border: .125em solid #999;
  border-radius: .25em;
  font: inherit;
}

input:not([type='checkbox']){
  width: 100%;
  padding: .5em;
  background-color:white;
}

[type='checkbox']{
  margin-left: 0;
}

button{
background-color: #eee;
border: solid 0px transparent;
border-radius: 42px 42px 42px 42px;
-webkit-border-radius: 42px 42px 42px 42px;
-moz-border-radius: 42px 42px 42px 42px;
color:black;
padding: .5em 1em;
transition: background-color 100ms;
width:100%;
}

button:hover{
background-color: #999;
}


button.but1{
background-color:white;
border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
color:black;
margin-top:16px;
margin-bottom:16px;
padding:2%;
transition: background-color 100ms;
width:100%; max-width:130px;

background-color:none;
border: solid 1px #182438;
}

button.but1:hover{
background-color: #999;
}

button.but2{
background-color:white;
border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
color:black;
margin-bottom:6px;
margin-top:6px;
padding:2%;
transition: background-color 100ms;
width:100%; max-width:130px;

background-color:none;
border: solid 1px #182438;
}

button.but2:hover{
background-color: #999;
}






button.but3{
background-color:#3f4f64;
border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
color:white;
margin-bottom:6px;
margin-top:4px;
padding:2%;
transition: background-color 100ms;
width:100%;

background-color:none;
border: solid 1px #3f4f64;
}

button.but3:hover{
background-color: #999;
}

button.but4{
background-color:#3f4f64;
border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
color:white;
margin-bottom:6px;
margin-top:4px;
padding:2%;
transition: background-color 100ms;
width:100%;
width:100%; max-width:180px;

background-color:none;
border: solid 1px #3f4f64;
}

button.but4:hover{
background-color: #999;
}











input[type="text"]{
background: transparent;
border:white;
border: solid 1px white;
border-radius: 42px 42px 42px 42px;
-webkit-border-radius: 42px 42px 42px 42px;
-moz-border-radius: 42px 42px 42px 42px;
color:white;
}
input[type="email"]{
background: transparent;
border: solid 1px white;
border-radius: 42px 42px 42px 42px;
-webkit-border-radius: 42px 42px 42px 42px;
-moz-border-radius: 42px 42px 42px 42px;
color:white;
}
input[type="password"]{
background: transparent;
border: solid 1px white;
border-radius: 42px 42px 42px 42px;
-webkit-border-radius: 42px 42px 42px 42px;
-moz-border-radius: 42px 42px 42px 42px;
color:white;
}
input[type="tel"]{
background: transparent;
border: solid 1px white;
border-radius: 42px 42px 42px 42px;
-webkit-border-radius: 42px 42px 42px 42px;
-moz-border-radius: 42px 42px 42px 42px;
color:white;
width:100%;
}
input[type="date"]{
background: transparent;
border: solid 1px white;
border-radius: 42px 42px 42px 42px;
-webkit-border-radius: 42px 42px 42px 42px;
-moz-border-radius: 42px 42px 42px 42px;
color:white;
min-height:44px;
width:100%;
}
input{
background:transparent;
}
#submit{
color:#333;
}



input.cupon[type="text"]{
background:white;
border:white;
border: solid 1px black;

border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;

/*
border-radius: 42px 42px 42px 42px;
-webkit-border-radius: 42px 42px 42px 42px;
-moz-border-radius: 42px 42px 42px 42px;
*/
color:white;
margin:16px auto;
text-align:center;
width:98%;
}




[type="date"]{
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button{
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator{
  opacity: 0;
}










select{
-webkit-appearance: none;
 -moz-appearance: none;
      appearance: none;
border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
outline: 0;
border: solid 1px white;
background:none;
color: inherit;
box-shadow: none;
}
select::-ms-expand {
display: none;
}
/* Custom Select wrapper */
.select {
position: relative;
display:inline-block;
width:100%;
border-radius: 0.25rem;
overflow: hidden;
}
.select select {
flex: 1;
padding: 1em;
cursor: pointer;
}
.select::after {
content: "▼";
position: absolute;
right:10px;
top:30px;
transition: 0.25s all ease;
pointer-events: none;
}
.select:hover::after {
color: #f39c12;
  -webkit-animation: bounce 0.5s infinite;
          animation: bounce 0.5s infinite;
}