@import url("font.css");
@import url("header.css");
@import url("footer.css");
@import url("section.css");
@import url("product.css");
@import url("banner.css");
body {
	width: auto;
	margin: auto;
	background-color: #FFF;
	-webkit-text-size-adjust: 100%;
}
.outline-round, .button-round {
  font-size: 16px;
  line-height: 1.1;
  padding: 17px 30px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 575px) {
  .outline-round, .button-round {
    font-size: 14px;
    padding: 12px 20px;
  }
}

input[type=button],
input[type=reset],
input[type=submit] {
  border: none;
  background-color: #c19512;
  color: #ffffff;
  cursor: pointer;
  padding: 17px 30px;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
input[type=button]:hover, input[type=button]:active, input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
  background-color: #898884;
}

.button-round {
  background-color: #1ec1bd;
  border: none;
  color: #ffffff;
  display: inline-block;
  position: relative;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.button-round:hover, .button-round:focus, .button-round:active {
  background-color: #464646;
  color: #ffffff;
}

.outline-round {
  padding: 15px 30px;
  border: 2px solid #464646;
  color:#464646;
  display: inline-block;
  position: relative;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  -ms-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.outline-round:hover, .outline-round:focus, .outline-round:active {
  background-color: #1B3096;
  border-color: #1B3096;
  color: #ffffff;
}
@media screen and (max-width: 575px) {
  .outline-round {
    font-size: 14px;
    padding: 10px 20px;
  }
}

.outline-round-white {
  border-color: #ffffff;
  color: #ffffff;
}
.outline-round-white:hover, .outline-round-white:focus {
  border-color: #464646;
}

.button-round,
.outline-round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 98px;
}

.button-text {
  color: #535EE0;
  font-weight: 600;
  position: relative;
  line-height: 1.3;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.button-text:hover, .button-text:focus, .button-text:active {
  color: #535EE0;
}