.img-responsive {
padding:10px 15px;
width:auto;
}

.header-div {
background:#fff;
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,0,155,1) 100%);
display:block;
margin:0 auto;
max-width:100%;
min-height:45%
}

#my_centered_buttons {
display:flex;
justify-content:center
}

.input-product[type=text] {
background-color: #fff;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAC/klEQVR4nO1W30uTURg+BhHRdXUf2L/gCAy8qCxIK50afeL7nm9b5BpScyYVqI2QIqx2kSYNJDHRMiitFMGEKCsljJCisjBDEroIKXWb9sY5+850ZrJvn2UXPvDebHzned7n/XEOY6tIEBUVFWsAIJVzvh0AsouKimyapm1ifxuFhYVbAaAWAMYQkRbET0Qc4Jz7NE3bsKzEHo9nHSIGACAcI3R7CX1niZ+6SOg9Q+g8EhMjBAKAfVnIEXEjIj6Wh+sO4v4g6Tfek+PeZHy0T5Aj2B8VM+eI3xK5y+VaCwC94kB+tJT0pne/Ey8SPNApxcrvOPclLQAALityx+3xGMHhB5PkfzRNVwZCdG0wRIH+EJX3TMWJ0Ov7CJELETMAkJ5sw4VFJvMzP907RXfehqlrOELNQ2FqeBmiW68j1P0hQo2vwuTpmhPCz7eqcjxnjKWYzb5WZu8Pxg4sfzgliYODIXJ3xmcsHGh7E5HhvG/8fvcb8eJjqhQZZud8THzoaB6OkZR0T1L1k2ly/qH2QlTNs/j/9TkXLpnJPlWqdnsTarolo3FIjeaLhAVwzjOk6rJqywL0tnHlwLgZB/ZKB07WWHegfUI5MJ2wAERMkwK8VdYdaB1VDnxMWICu65vlJnMVRzecFQFyH0gHehIWICAuFjkFwX5LAnhlnRJQysyAc+6T1h2vJEfHj+QEtH4i1J2CPIKIW0wJsNvt6wFgVPZCoNM8ecd3OUVG/etYMgAAu+wFsY7r+0yR86p6Rf5V9BRLFojojx7E5W4X63VJ8paR+ZnPGNeyO2kBAgBQYhwmdzs/10L69aHoDdk+QfrNz9Ih2XDGNSwyR8RZ9TbI17QTzAoAIB0Ani7yFIsL0XAAcNUYZQSA2dyDh8iWuY8y9+ddtySCMZYi1rR4J4jdDgBfEDGEiCNizhGxbGG35xZoZbZd2ZRmxO4DeQ3sX2Nndl6DEiBiOZwwjVURCjuy7E2qFKIxs3IK0thKlMMmpyL/Alsp7MnJ37Zi5Ox/xS+GaUEql3H9jQAAAABJRU5ErkJggg==);
background-position: 0;
background-repeat: no-repeat;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
font-size: 14px;
height: 40px;
outline: none;
padding: 10px 40px;
vertical-align: middle;
text-transform:none;
width:75%;
}

.input-product:focus,.input-product:hover {
border: 1px solid #c0c0c0;
outline: none;
}

.button-swap:focus,.button-swap:hover {
background-color: #dff4f9;
color: #000;
}

.button-searchproduct span {
cursor: pointer;
display: inline-block;
position: relative;
text-transform: none;
transition: .5s;
}

.button-searchproduct span:after {
content: "\00bb";
opacity: 0;
position: absolute;
right: -20px;
top: 0;
transition: .5s;
}

.button-searchproduct:hover span {
padding-right: 15px;
}

.button-searchproduct:hover span:after {
opacity: 1;
right: 0;
}

.button-searchproduct {
background-color: #eee;
border: none;
border-radius: 4px;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: 40px;
text-align: center;
transition: all .5s;
vertical-align: middle;
}

.button-searchproduct:focus, .button-searchproduct:hover {
background-color: #f4511e;
color: #fff;
}

* {
box-sizing:border-box
}

.accordion {
background-color:#eee;
border:none;
color:#444;
cursor:pointer;
font-weight:700;
outline:none;
padding:5px;
text-align:left;
transition:.4s;
width:100%
}

.accordion.active:after {
content:"\2796"
}

.accordion:after {
color:#777;
content:"\02795";
float:right;
font-size:13px;
margin-left:5px;
padding:5px
}


.accordion-s {
border:none;
color:#444;
font-weight:700;
outline:none;
padding:5px;
text-align:center;
width:100%
}

.active,.accordion:hover,.tab div.active {
background-color:#ccc
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.btn {
background-color:#344351;
border:2px solid transparent;
border-radius:1px;
color:#fff;
cursor:pointer;
font-size:14px;
padding:10px 20px;
text-decoration:none;
transition:.3s;
vertical-align:middle
}

.btn-menu {
border:2px solid transparent;
border-radius:1px;
color:#344351;
cursor:pointer;
display:inline-block;
font-size:14px;
font-weight:500;
max-width:100%;
outline:none;
padding:1px;
text-decoration:none;
text-transform:uppercase;
transition:.3s;
vertical-align:middle;
width:100%
}

.btn-menu:hover,.btn-menu:focus {
background-color:#ccc;
border-color:#7aa8b7
}

.btn:hover,.btn:focus {
background-color:#53789b;
border-color:#7aa8b7
}

.widget {
margin:5px;
padding:0;
}

.css-tr:hover {
background-color:unset;
}

.css-link {
margin:auto;
padding:5px
}

.css-footer {
font:10px "Lucida Sans",Verdana,Sans-serif;
margin:auto;
text-align:center
}

.css-footer-last {
color:#312e2e;
font-size:10px;
padding:5px;
text-align:center;
width:100%
}

.css-link {
margin:auto;
padding:5px
}

.css-services {
text-align:left;
width:50%
}

.css-table {
font-weight:700;
width:100%
}

.header-logo {
display:block;
margin-left:auto;
margin-right:auto;
max-height:25%;
max-width:25%
}

.highlight {
background-color:#ff0;
font-weight:700
}

.hr-dt {
border:2px dotted #ddd;
border-bottom:0
}

.iframe-fb {
display:block;
height:500px;
margin:auto;
overflow:hidden;
width:320px
}

.iframe-fb-container {
display:block;
height:500px;
margin:auto;
text-align:center;
width:320px
}

.iframe-qr {
display:block;
height:180px;
margin:auto;
overflow:hidden;
width:180px;
}

.iframe-qr-container {
text-align:center;
}

iframe {
display:block;
margin:auto
}

.navbarbwrap {
background-color:#404040;
margin:0 auto;
min-height:5px;
position:relative
}

.panel {
max-height:0;
overflow:hidden;
padding: 0;
transition:max-height .2s ease-out;
margin: 3px;
}

.panel-s {
padding: 10px;
margin: auto;
}

.pbtthumbimg {
background:#fff;
border:1px solid #eee;
float:left;
height:150px;
margin:0 10px 5px 5px;
padding:4px;
width:200px
}

.site-description {
color:#000;
font:12px "Lucida Sans",Verdana,Sans-serif;
margin:auto;
padding:5px;
text-align:center
}

.site-mainbwrap {
margin:0 auto;
max-width:100%;
overflow:hidden;
width:100%
}

.site-title {
color:#000;
font:14px "Lucida Sans",Verdana,Sans-serif;
font-weight:bold;
margin:auto;
padding:0;
text-align:center
}

.tab {
background-color:#f1f1f1;
border:1px solid #ccc;
overflow:hidden
}

.tab div {
background-color:inherit;
border:none;
cursor:pointer;
float:left;
font-weight:700;
outline:none;
padding:12px;
transition:.3s
}

.tab div:hover {
background-color:#ddd
}

.tabcontent {
border:1px solid #ccc;
border-top:none;
display:none;
padding:6px 12px
}

.td-price {
color:#09066a;
font-weight:700;
text-align:right;
width:30%
}

.title-clock {
font-family:"Lucida Sans",Verdana,sans-serif;
font-size:12px;
font-weight:700;
text-transform:none;
vertical-align:middle
}

a {
color:#4b19ff;
text-decoration:none;
transition:none
}

a:active,a:hover {
color:#b00;
outline:0
}

body {
background-color:#fff;
color:#000;
font-size:1.2rem;
line-height:2rem;
margin:0
}

button,input {
line-height:normal
}

button,input,select,textarea {
font-size:100%;
margin:0;
max-width:100%;
resize:none;
vertical-align:baseline
}

button,input,textarea {
background:transparent;
border:1px solid #0000001a;
font-family:inherit;
padding:8px 10px;
transition:border .2s
}

caption {
border:0;
margin:23px 0
}

caption,th,td {
border-bottom:1px solid #0000001a;
font-weight:400;
text-align:left
}

h1 {
font-size:24px
}

h1,h2,h3,h4,h5,h6 {
clear:both;
color:#000;
font-family:"Lucida Sans",Verdana,Sans-serif;
font-weight:700;
line-height:1.5;
margin:23px 0
}

h2 {
font-size:20px
}

h3 {
font-size:17px
}

h4 {
font-size:15px
}

h5 {
font-size:13px
}

h6 {
color:#00000073;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase
}

hr {
border:0;
border-bottom:1px solid #0000001a;
height:1px;
margin:0 0 13px
}

html {
font-size:10px;
overflow-y:scroll
}

html,button,input,select {
font-family:"Lucida Sans",Verdana,Sans-serif
}

img {
border:0;
vertical-align: middle;
}

img.aligncenter {
margin:5px auto
}

img.alignleft {
margin:5px 20px 5px 0
}

img.alignnone {
margin:5px 0
}

input:focus,textarea:focus {
border-color:#0000004d;
outline:0
}

nav ul,nav ol {
list-style:none;
list-style-image:none
}

p {
margin:0 0 23px
}

small {
font-size:smaller
}

table {
border-spacing:0;
width:100%
}

td {
font-size:11px;
font-weight:700;
width:fit-content
}

th {
font-weight:700;
text-transform:uppercase
}

tr:hover {
background-color:#e8e7e3
}

ul {
list-style-type:square
}