@charset "UTF-8";
/*
Ordering Online Solution
@author STDesign4U <info@stdesign4u.com>
https://www.stdesign4u.com
@copyright (c) 2019 STDesign4U
All Rights Reserved
*/

/* --------------------------------------------------------------------------------- */
/* TABLE OF CONTENT
/* --------------------------------------------------------------------------------- */

/*
01. TYPOGRAPHY FONTS
02. GENERAL SETTINGS
03. HEADER
04. HOMEPAGE
05. REGISTER / LOGIN / LOST PASSWORD
06. PRODUCT DETAILS
07. SHOPPING CART
08. ORDER HISTORY DETAILS / CHECKOUT
09. PAGINATION GRID
10. CONTACT US
11. SHOPS
12. FOOTER
13. BACK TO TOP
14. EU LAW COOKIE BAR
*/

/* --------------------------------------------------------------------------------- */
/* 01. TYPOGRAPHY FONTS
/* --------------------------------------------------------------------------------- */

@font-face {
font-family: 'Material Icons';
src: local("Material Icons"), local("MaterialIcons-Regular");
src: url('fonts/material/material.eot');
src: url('fonts/material/material.eot?#iefix') format('embedded-opentype'),
url('fonts/material/material.woff2') format('woff2'),
url('fonts/material/material.woff') format('woff'),
url('fonts/material/material.ttf') format('truetype'),
url('fonts/material/material.svg#material') format('svg');
font-weight: 400;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face {
font-family: 'Material Icons';
src: url('fonts/material/material.svg') format('svg');
}

}

/* --------------------------------------------------------------------------------- */
/* 02. GENERAL SETTINGS
/* --------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
outline: 0;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body, 
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-x: hidden;
}

body {
position: relative;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
color: #004773;
font-style: normal;
line-height: 26px;
min-height: 100%;
overflow: auto;
overflow: initial;
background-color: #FFFFFF;
}

body,
body.modal,
.modal-open,
.navbar-fixed-top,
.navbar-fixed-bottom {
margin-right: 0 !important;
}

input::-ms-clear,
textarea::-ms-clear {
display: none;
}

*:focus {
outline: 0;
}

*, *::before,
*::after {
box-sizing: border-box;
}

img {
height: auto;
max-width: 100%;
border: none;
outline: none;
transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}

ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}

ul li {
list-style: none;
}

ol,
ul {
padding: 0;
margin: 0;
list-style: none;
}

hr {
margin-bottom: 0px;
margin-top: 0px;
border-top: 1px solid #E5E5E5;
border-bottom: none;
border-left: none;
border-right: none;
}

.divider {
height: 0;
margin-bottom: 55px;
border: 0;
}

a,
a:hover, 
a:focus,
a:active {
cursor: pointer;
text-decoration: none;
transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
}

a.link,
a.link:focus,
a.link:active {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #004773;
line-height: 26px;
font-style: normal;
text-align: left;
text-decoration: underline;
}

a.link:hover {
text-decoration: none;
outline: 0;
}

p {
margin: 0;
padding: 0;
}

b {
font-weight: bold;
font-style: normal;
}

.asterisk {
font-size: 18px;
font-weight: bold;
color: #FF0000;
padding-left: 5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
color: #004773;
margin-top: 0;
margin-bottom: 0;
}

h1 {
font-size: 36px;
line-height: 42px;
}

h2 {
font-size: 30px;
line-height: 36px;
}

h4 {
font-size: 18px;
line-height: 22px;
}

h5 {
font-size: 16px;
line-height: 20px;
}

h6 {
font-size: 14px;
line-height: 18px;
}

del {
font-size: 13px;
color: #CC0033;
padding-left: 5px;
}

.material-icons {
font-family: 'Material Icons';
font-weight: 400;
font-style: normal;
font-size: 24px;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
line-height: 13px;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
margin-right: 10px;
padding: 0;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga";
}

.material-icons.md-18 {
font-size: 18px;
}

.material-icons.md-24 {
font-size: 24px;
}

.material-icons.md-28 {
font-size: 28px;
}

.material-icons.md-36 {
font-size: 36px;
}

.material-icons.md-46 {
font-size: 46px;
margin-right: 36px;
}

.row-centered {
justify-content: center;
}

.vcenter {
display: flex;
align-items: center;
}

.col-centered {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.vbox-prev,
.vbox-next,
.vbox-num {
display: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
}

.modal {
text-align: center;
padding: 0!important;
}

.modal-body {
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}

.modal-content {
border-radius: 20px;
border: 0;
background-color: #FFFFFF;
}

.modal-header {
padding: 10px 15px 10px 0;
border: 0;
background-color: #004773;
}

.modal-body h3 {
color: #004773;
font-size: 20px;
font-weight: bold;
line-height: 24px;
margin: 0 0 10px 0;
padding: 0;
text-transform: uppercase;
}

.modal-footer {
border: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
padding: 10px 10px 10px 0;
background-color: #F5F5F5;
}

.close,
.close:active,
.close:focus {
color: #FFFFFF;
border: 0;
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
outline: 0;
transition: .3s;
}

.close:hover {
color: #FFFFFF;
border: 0;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
outline: 0;
}

.btn-custom,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover {
color: #FFFFFF;
background-color: #004773;
box-shadow: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
}

.btn-xs,
.btn-xs:focus,
.btn-xs:active {
color: #FFFFFF;
padding: 4px 8px;
line-height: 20px;
border-radius: 3px;
border: 0;
background-color: #004773;
box-shadow: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

.btn-xs:hover {
border: 0;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.btn-basic,
.btn-basic:active,
.btn-basic:focus {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 15px;
border: 0;
border-radius: 4px;
background-color: #004773;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

.btn-basic:hover {
border: 0;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
outline: 0;
}

::-webkit-input-placeholder {
font-family: Verdana, Geneva, sans-serif;
color: #999999 !important;
font-size: 14px;
font-weight: normal;
font-style: italic;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

::-moz-placeholder {
font-family: Verdana, Geneva, sans-serif;
color: #999999 !important;
font-size: 14px;
font-weight: normal;
font-style: italic;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

:-ms-input-placeholder {
font-family: Verdana, Geneva, sans-serif;
color: #999999 !important;
font-size: 14px;
font-weight: normal;
font-style: italic;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

:-moz-placeholder {
font-family: Verdana, Geneva, sans-serif;
color: #999999 !important;
font-size: 14px;
font-weight: normal;
font-style: italic;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

#page_header_area {
padding: 15px 0;
margin-bottom: 25px;
border: 0;
background-color: #F9F9F9;
}

#page_header_area h3 {
color: #004773;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
}

#page_header_area a,
#page_header_area a:active,
#page_header_area a:focus {
color: #004773;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
text-decoration: underline;
}

#page_header_area a:hover {
color: #004773;
text-decoration: none;
}

.page_area {
margin-top: 0;
margin-bottom: 50px;
min-height: 300px;
}

.page_area hr {
display: block;
width: 100%;
height: 1px;
border: 0;
border-top: 1px solid #004773;
padding: 0;
margin: 20px 0 15px 0;
clear: both;
}

.page_area p {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 28px;
font-style: normal;
padding: 5px 0;
text-align: justify;
}

.page_area a,
.page_area a:active,
.page_area a:focus {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 28px;
font-style: normal;
color: #004773;
padding: 5px 0;
text-decoration: underline;
}

.page_area a:hover {
text-decoration: none;
}

form-control:focus {
outline: none !important;
-webkit-box-shadow: 0 !important;
box-shadow: 0 !important;
}

.hide-input {
position: fixed;
top: 0;
left: -999px;
}

input,
textarea,
select,
radio,
checkbox {
font-family: inherit;
font-size: inherit;
line-height: 100%;
}

select,
select:focus,
select:active,
select:hover,
.dropdown-toggle:focus,
.dropdown-toggle:active {
color: #004773;
outline: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: none !important;
border: 1px solid #CCCCCC;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="file"] {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
color: #004773;
}

.select {
position: relative;
display: block;
width: 100%;
margin: 0;
}

.select select {
display: inline-block;
width: 100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
color: #004773;
text-align: left;
padding: 0 10px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
outline: 0;
}

.select select::-ms-expand {
display: none;
}

.select_arrow {
position: absolute;
top: 15px;
right: 12px;
width: 0;
height: 0;
pointer-events: none;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #CCCCCC transparent transparent transparent;
}

.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
color: #004773;
border-top-color: #004773;
}

.form-control:focus,
textarea:hover,
input:hover,
select:hover,
textarea:active,
input:active,
select:active,
textarea:focus,
input:focus,
select:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
outline: 0 !important;
-webkit-appearance: none !important;
box-shadow: none !important;
border: 1px solid #004773;
}

textarea,
textarea.form-control,
textarea:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
color: #004773;
resize: none;
outline: 0;
width: 100%;
height: 150px;
}

textarea:focus,
textarea:active,
textarea.form-control:focus,
textarea.form-control:active,
textarea.form-control:hover {
outline: 0 !important;
-webkit-appearance: none;
box-shadow: none !important;
}

p.ptitle {
color: #004773;
font-size: 16px !important;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
line-height: 22px;
}

p.basic_message {
font-size: 14px;
font-weight: bold;
color: #009900;
line-height: 25px;
font-style: normal;
text-decoration: none;
text-transform: none;
padding: 0;
margin: 0;
}

p.success_message {
font-size: 14px;
font-weight: bold;
color: #009900;
line-height: 25px;
font-style: normal;
text-decoration: none;
text-transform: none;
padding: 0;
margin: 0;
}

p.error_message {
font-size: 14px;
font-weight: bold;
color: #FF0000;
line-height: 25px;
font-style: normal;
text-decoration: none;
text-transform: none;
padding: 0;
margin: 0;
}

p.small {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #CCCCCC;
line-height: 25px;
font-style: italic;
text-decoration: none;
text-transform: none;
text-align: left;
padding: 0;
margin: 0;
}

.radio label:after {
content: '';
display: table;
clear: both;
}

.checkbox .cr,
.radio .cr {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #CED4DA;
border-radius: 4px;
margin-right: 8px;
vertical-align: middle;
}

.radio .cr {
border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
position: absolute;
top: 50%;
left: 20%;
font-size: 12px;
line-height: 0;
cursor: pointer;
}

.radio .cr .cr-icon {
margin-left: 0;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
transform: scale(3) rotateZ(-20deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
transform: scale(1) rotateZ(0deg);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
}

.section_padding {
padding: 50px 0;
}

/* --------------------------------------------------------------------------------- */
/* 03. HEADER
/* --------------------------------------------------------------------------------- */

header {
margin: 0;
padding: 5px 0;
border: 0;
border-radius: 0;
background-color: #004773;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}

header form {
float: right;
width: 100%;
max-width: 100%;
vertical-align: middle;
margin: 0;
padding: 5px 0;
border: 0;
outline: 0;
}

header .helpdesk {
display: flex;
align-items: center;
padding: 0;
}

header .material-icons {
color: #76C5F0;
}

header button .material-icons {
color: #FFFFFF;
}

header form .input-group {
margin: 0;
padding: 0;
}

header form input,
header form input:hover,
header form input:focus,
header form input:active {
font-family: Verdana, Geneva, sans-serif;
color: #004773 !important;
font-style: normal;
border-color: #FFFFFF !important;
}

header form .btn-custom,
header form .btn-custom:hover,
header form .btn-custom:focus,
header form .btn-custom:active {
height: 40px;
color: #FFFFFF;
border-left: 0px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-color: #FFFFFF;
margin: 0;
background-color: #CB0000;
}

.top-header {
margin: 15px 0;
padding: 0;
border: 0;
background-color: #FFFFFF;
}

.top-header .logo {
text-align: left;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

.top-header .logo img {
width: 286px;
height: 94px;
border: 0;
outline: 0;
}

.top-header .menu {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

.top-header ul {
display: flex;
align-items: right;
justify-content: center;
list-style: none;
width: 100%;
line-height: 94px;
margin: 0;
padding: 0;
}

.menu ul li {
float: none;
display: inline-block;
text-align: center;
vertical-align: middle;
width: 33.3334%;
margin: 0;
padding: 0;
height: 94px;
border: 0;
}

.menu ul li a,
.menu ul li a:focus,
.menu ul li a:active {
font-size: 14px;
color: #004773;
margin: 0;
padding: 20px;
border: 0;
transition: 0.2s ease;
}

.menu ul li a:hover,
.menu ul li a.active {
color: #CB0000;
text-decoration: none;
border-bottom: 3px solid #CB0000;
}

.badge {
margin-left: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#cart-badge,
#wishlist-badge  {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #FFFFFF;
padding: 2px 5px;
background-color: #CB0000;
}

.navbar {
position: relative;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
border-radius: 0;
border: 0;
vertical-align: middle;
padding: 5px 0;
margin: 0 0 10px 0;
background-color: #FFFFFF;
z-index: 900;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler:hover {
margin: 0 0 0 15px;
padding: 3px 5px;
border: 2px solid #004773;
}

.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 71, 115, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-collapse {
padding-left: 0;
padding-right: 0;
}

.navbar-nav > li {
text-align: center;
margin-left: 25px;
}

.navbar-nav > li:first-child {
margin-left: 0;
}

.navbar-nav > li > a {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #004773;
line-height: 22px;
text-decoration: none;
text-transform: none;
padding: 10px 20px !important;
margin: 0;
border-radius: 0;
transition: 0.2s ease;
}

.navbar-nav > li > a:active,
.navbar-nav > li > a:focus {
color: #CB0000;
text-decoration: none;
border-bottom: 2px solid #CB0000;
}

.navbar-nav > li > a:hover {
color: #CB0000;
text-decoration: none;
border-bottom: 0;
}

.navbar-nav.active,
.navbar-nav >.active > a,
.navbar-nav >.open > a {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #CB0000;
text-transform: none;
text-decoration: none;
border-bottom: 2px solid #CB0000;
}

.navbar-nav >.active > a:active,
.navbar-nav >.active > a:focus,
.navbar-nav >.open > a:focus,
.navbar-nav >.active > a:hover,
.navbar-nav >.open > a:hover {
color: #CB0000;
text-decoration: none;
border-bottom: 2px solid #CB0000;
}

.navbar > .show > a:focus {
background: transparent;
outline: 0;
}

.navbar-cat {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #004773;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
padding: 0 5px;
}

.dropdown-menu .show > .dropdown-toggle::after {
color: #CB0000;
transform: rotate(-90deg);
}

.dropdown-toggle:focus,
.dropdown-toggle:active {
color: #CB0000;
border: 0 !important;
}

.dropdown-item {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #004773;
line-height: 18px;
padding: 10px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

.dropdown .dropdown-menu a:hover {
color: #FFFFFF;
border-color: #FFFFFF;
background-color: #CB0000;
text-decoration: none;
}

ul ul.dropdown-menu {
border: 1px solid rgba(0,0,0,.10);
background-color: #FFFFFF;
}

ul ul ul.dropdown-menu {
margin: -9px 0 0 5px;
border: 1px solid rgba(0,0,0,.10);
background-color: #FFFFFF;
}

/* --------------------------------------------------------------------------------- */
/* 04. HOMEPAGE
/* --------------------------------------------------------------------------------- */

#slider .slide {
width: 100%;
position: relative;
z-index: 1;
}

#slider .owl-dots {
position: absolute;
width: 100%;
bottom: 3px;
text-align: center;
-webkit-tap-highlight-color: transparent;
zoom: 1;
}

#slider .owl-dot {
display: inline-block;
zoom: 1;
}

#slider .owl-dot > span {
display: inline-block;
width: 20px;
height: 20px;
margin: 4px 12px 4px 0;
border-radius: 50%;
box-shadow: 0;
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(255, 255, 255, 0.9);
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
}

#slider .owl-dot.active > span {
display: inline-block;
width: 20px;
height: 20px;
margin: 4px 12px 4px 0;
border-radius: 50%;
border: 1px solid #CB0000;
background-color: #CB0000;
}

#slider .owl-nav {
display: block;
text-align: center;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
}

#slider .owl-nav .owl-next,
#slider .owl-nav .owl-prev {
position: absolute;
top: 50%;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 35px;
color: #FFFFFF;
text-align: center;
border: 0;
border-radius: 0;
box-shadow: 0;
background: transparent;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: translateY(-50%);
transition: all 0.4s ease-in-out;
}

#slider .owl-nav .owl-prev {
left: 5px;
}

#slider .owl-nav .owl-next {
right: 5px;
}

#slider .owl-nav .owl-next:hover,
#slider .owl-nav .owl-prev:hover {
color: #FFFFFF;
}

/* Featured Products Section
==================================================*/

#product_area {
position: relative;
text-align: center;
padding: 10px 0;
margin: 10px 0 5px 0;
vertical-align: middle;
min-height: 400px;
background-color: #FFFFFF;
}

.section_title {
margin-bottom: 25px;
}

.section_title h2 {
text-transform: uppercase;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}

.section_title span {
color: #004773;
}

.single_product {
margin-bottom: 20px;
padding-bottom: 10px;
border: 2px solid #F1F1F1;
border-radius: 6px;
}

.product_image {
position: relative;
overflow: hidden;
padding: 1px;
}

.product_image img {
width: 100%;
height: auto;
border: 0;
transition: all 1.5s ease 0s;
}

.single_product:hover img:active,
.single_product:hover img:focus,
.single_product:hover img {
outline: 0;
cursor: pointer;
}

.single_product:hover img {
transform: scale(1.1);
}

.single_product .box-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 15px 0 5px 0;
background-color: #FFFFFF;
overflow: hidden;
}

.box-content a,
.box-content a:active,
.box-content a:focus,
.box-content a:hover {
display: inline-block;
width: 25px;
height: 25px;
color: #FFFFFF;
line-height: 25px;
padding-left: 5px;
margin: 5px 3px 0 3px;
border: 0;
border-radius: 50%;
background-color: #004773;
}

.box-content a .material-icons {
font-size: 16px;
}

.product_btm_text p {
font-size: 12px;
color: #004773;
text-transform: none;
}

.product_btm_text h4 {
text-transform: none;
font-size: 15px;
margin-top: 15px;
margin-bottom: 5px;
min-height: 75px;
}

.product_btm_text h4,
.product_btm_text h4 a,
.product_btm_text h4 a:active,
.product_btm_text h4 a:focus,
.product_btm_text h4 a:hover {
color: #004773;
}

.msg_wishlist {
position: absolute;
display: block;
color: #FF0000;
top: -5px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}

.discount_badge {
position: absolute;
top: 5px;
right: 5px;
display: inline-block;
font-size: 12px;
color: #FFFFFF;
text-transform: uppercase;
padding: 10px 7px;
border-radius: 50%;
border: 0;
background-color: #DD0212;
box-shadow: 0 4px 8px rgba(0,0,0,.2);
}

.discount_percentage {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
margin-top: 10px;
padding: 5px 20px;
border-radius: 3px;
border: 0;
background-color: #DD0212;
box-shadow: 0;
}

.single_product span.price {
font-size: 16px;
font-weight: bold;
color: #004773;
}

/* --------------------------------------------------------------------------------- */
/* 05. REGISTER / LOGIN / LOST PASSWORD / ACCOUNT
/* --------------------------------------------------------------------------------- */

.account_area {
margin-top: 0;
margin-bottom: 50px;
min-height: 300px;
}

.account_area h3 {
font-size: 20px;
font-weight: bold;
line-height: 26px;
font-style: normal;
text-transform: uppercase;
text-align: left;
margin-bottom: 20px;
}

.account_area .login-form {
border-right: 1px solid #CCCCCC;
padding-right: 30px;
}

.account_area .register-form {
padding-left: 30px;
}

#login_message,
#register_message {
margin-bottom: 15px;
}

.account_area label {
color: #004773;
font-size: 14px;
font-weight: bold;
line-height: 25px;
font-style: normal;
text-transform: none;
text-align: left;
}

.account_area p.subtitle {
font-size: 14px;
line-height: 25px;
text-align: justify;
margin-bottom: 20px;
}

.account_area button,
.account_area button:active,
.account_area button:focus {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 25px;
border: 0;
border-radius: 4px;
background-color: #004773;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
transition: 0.3s;
}

.account_area button:hover {
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.page_area .icon-red {
color: #FF0000;
margin-right: 25px;
}

.page_area .icon-green {
color: #009900;
margin-right: 25px;
}

.page_area .icon-basic {
color: #004773;
margin-right: 25px;
}

.page_area .material-icons {
margin-right: 25px;
}

/* --------------------------------------------------------------------------------- */
/* 06. PRODUCT DETAILS
/* --------------------------------------------------------------------------------- */

#product_details_area {
position: relative;
padding: 0;
margin: 0;
vertical-align: middle;
}

.preview {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.tab-content {
overflow: hidden;
}

.tab-content img {
width: 100%;
-webkit-animation-name: opacity;
animation-name: opacity;
-webkit-animation-duration: .3s;
animation-duration: .3s;
}

.preview-pic {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}

.preview-pic img {
border-radius: 6px;
border: 0;
outline: 0;
}

.preview-thumbnail.nav-tabs {
border: none;
margin-top: 15px;
}

.preview-thumbnail.nav-tabs li {
width: 24%;
height: auto;
margin: 0 1% 0 0;
border: 0;
border-radius: 6px;
}

.preview-thumbnail.nav-tabs li:last-of-type {
margin: 0;
}

.preview-thumbnail.nav-tabs li img {
display: block;
width: 100%;
max-width: 100%;
border-radius: 6px;
outline: 0;
}

.preview-thumbnail.nav-tabs li a {
padding: 0;
margin: 0;
border: 0;
}

.pd_content {
margin: 0;
}

.pd_title {
display: block;
width: 100%;
color: #004773;
font-size: 18px;
font-weight: bold;
line-height: 25px;
margin-bottom: 10px;
padding: 0;
text-transform: none;
}

.pd_reference {
display: block;
width: 100%;
color: #004773;
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin-bottom: 5px;
padding: 0;
text-transform: none;
}

.pd_manufacturer {
display: block;
width: 100%;
color: #004773;
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin-bottom: 5px;
padding: 0;
text-transform: none;
}

.pd_price {
float: left;
width: 100%;
}

.pd_size_name {
float: left;
width: 100%;
margin: 2px 0 0 0;
padding: 0;
font-weight: bold;
color: #004773;
text-align: left;
}

.pd_notice {
float: left;
width: 100%;
margin: 2px 0 0 0;
padding: 0 0 15px 0;
font-size: 14px;
font-weight: normal;
font-style: italic;
color: #888888;
text-align: left;
border-bottom: 1px solid #E1E1E1;
}

.pd_price .price {
font-size: 20px;
font-weight: bold;
color: #004773;
text-align: left;
}

.pd_price .price del {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
color: #CC0033;
padding-left: 5px;
}

.pd_size {
display: block;
float: left;
width: 100%;
color: #004773;
font-size: 14px;
font-weight: bold;
text-align: left;
line-height: 20px;
margin: 5px 0;
padding: 0;
text-transform: none;
}

.pd_size h4,
.pd_qntty h4 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}

.pd_tab_area {
display: block;
float: left;
clear: both;
box-shadow: 0;
margin: 15px 0 20px 0;
padding: 10px 0;
border-top: 1px solid #E1E1E1;
}

.pd_tab_area p {
margin-bottom: 5px;
}

.wrap-options {
display: block;
clear: both;
}

.options {
position: relative;
}

.s-options h4,
.pd_qntty h4 {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
text-transform: none;
text-align: left;
padding: 20px 0 10px 0;
}

.s-options .s-option-label {
position: relative;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #004773;
text-align: left;
padding: 0;
margin: 0 6px 6px 0;
z-index: 2;
}

.s-options .s-option-txt {
position: relative;
display: block;
min-width: 40px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 32px;
border-radius: 2px;
padding: 0 15px;
background-color: #F5F5F5;
overflow: hidden;
cursor: pointer;
z-index: 3;
}

.s-options [name="size"]:checked+.s-option-txt,
.s-options .s-option-txt:hover {
color: #FFFFFF;
background-color: #004773;
}

#options-size-price {
font-size: 24px;
font-weight: bold;
color: #004773;
text-align: left;
}

#options-size-price del {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
color: #CC0033;
padding-left: 5px;
}

.pd_qntty {
display: block;
float: left;
width: 100%;
color: #004773;
font-size: 14px;
font-weight: bold;
text-align: left;
line-height: 20px;
margin: 5px 0;
padding: 0;
text-transform: none;
}

.pd_qntty input.quantity {
width: 35px;
height: 30px;	
font-size: 14px;	
font-weight: bold;
color: #004773;
text-align: center;
margin: 0 3px;
border: 0;
background-color: #FFFFFF;
-webkit-appearance: none;
outline: 0;
}

.pd_qntty .minus-btn,
.pd_qntty .minus-btn:focus,
.pd_qntty .minus-btn:active,
.pd_qntty .plus-btn,
.pd_qntty .plus-btn:focus,
.pd_qntty .plus-btn:active {
color: #004773;
width: 30px;
height: 30px;
background-color: #FFFFFF;
border-radius: 50%;
border: 1px solid #CCCCCC;
box-shadow: 0;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
transition: .3s;
}

.pd_qntty .plus-btn {
margin-left: 5px;
}

.pd_qntty .plus-btn:hover,
.pd_qntty .minus-btn:hover {
border: 1px solid #004773;
text-decoration: none;
outline: 0;
}

.pd_btnbuy {
display: block;
float: left;
width: 100%;
color: #004773;
font-size: 14px;
font-weight: bold;
text-align: left;
line-height: 20px;
margin: 15px 0 5px 0;
padding: 0 0 25px 0;
border-bottom: 1px solid #E1E1E1;
text-transform: none;
}

.pd_btnbuy > .btn,
.pd_btnbuy > .btn:active,
.pd_btnbuy > .btn:focus {
color: #FFFFFF;
border: 0 !important;
background-color: #004773;
box-shadow: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

.pd_btnbuy > .btn:hover {
border: 0;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.social_share {
float: left;
display: inline-block;
clear: both;
margin: 15px 0 0 0;
outline: 0;
}

.social:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}

.social {
color: #CCCCCC;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

/* --------------------------------------------------------------------------------- */
/* 07. SHOPPING CART
/* --------------------------------------------------------------------------------- */

.item {
margin: 0 0 20px 0;
padding-bottom: 20px;
border-bottom: 1px solid #CCCCCC;
}

.empty {
margin: 0 0 20px 0;
padding: 0;
border: 0;
}

.empty p {
color: #004773;
font-size: 14px;
font-weight: bold;
text-align: center;
}

.item img {
width: 100%;
height: auto;
border: 0;
border-radius: 6px;
}

.item [class*=col-] {
margin: 0;
padding: 0;
}

.item [class*=col-]:nth-child(2) {
padding-left: 35px;
}

.subtotal,
.vat {
margin: 0 0 10px 0;
padding-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
}

.vatnotice {
margin: 15px 0;
}

.vatnotice p {
text-align: center;
}

.grandtotal {
margin: 0 0 10px 0;
padding: 0;
border: 0;
background-color: #F5F5F5;
}

.shippingcost {
margin: 0 0 20px 0;
padding: 20px 0;
border-bottom: 0;
background-color: #FEFFE6;
}

.item p {
font-family: Verdana, Geneva, sans-serif;
color: #004773;
font-size: 14px;
line-height: 20px;
padding: 5px 0;
}

.item input.quantity {
width: 30px;
height: 30px;	
font-size: 14px;	
color: #43484D;
text-align: center;
margin: 0 1px 0 0;
border: 0;
background-color: #FFFFFF;
-webkit-appearance: none;
outline: 0;
}

.item .minus-btn,
.item .minus-btn:focus,
.item .minus-btn:active,
.item .plus-btn,
.item .plus-btn:focus,
.item .plus-btn:active {
color: #004773;
width: 30px;
height: 30px;
background-color: #FFFFFF;
border-radius: 50%;
border: 1px solid #CCCCCC;
box-shadow: 0;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
transition: .3s;
}

.item .plus-btn {
margin-left: 5px;
}

.item .plus-btn:hover,
.item .minus-btn:hover {
border: 1px solid #004773;
text-decoration: none;
outline: 0;
}

.item .btn_update,
.item .btn_update:focus,
.item .btn_update:active {
color: #FFFFFF;
width: 30px;
height: 30px;
font-size: 20px;
background-color: #004773;
border-radius: 6px;
border: 0 !important;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

.item .btn_update:hover {
border: 0;
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.item .btn_delete,
.item .btn_delete:focus,
.item .btn_delete:active {
color: #FFFFFF;
width: 30px;
height: 30px;
font-size: 20px;
background-color: #DC3545;
border-radius: 6px;
border: 0 !important;
box-shadow: 0;
margin-left: 3px;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

.item .btn_delete:hover {
border: 0;
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.btn_delete_coupon,
.btn_delete_coupon:focus,
.btn_delete_coupon:active {
color: #FFFFFF;
width: 30px;
height: 30px;
font-size: 20px;
background-color: #DC3545;
border-radius: 6px;
border: 0 !important;
box-shadow: 0;
margin-left: 5px;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

.btn_delete_coupon:hover {
border: 0;
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.cartbuttons {
text-align: center;
margin: 20px 0 5px 0;
}

.cartbuttons a.btn_checkout,
.cartbuttons a.btn_checkout:active,
.cartbuttons a.btn_checkout:focus {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 15px;
border: 0;
border-radius: 4px;
background-color: #004773;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

.cartbuttons a.btn_checkout:hover {
border: 0;
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.btn_custom,
.btn_custom:active,
.btn_custom:focus {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 25px;
margin-top: 5px;
border: 0;
border-radius: 4px;
background-color: #004773;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

a.btn_checkout,
a.btn_checkout:active,
a.btn_checkout:focus {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
margin-top: 7px;
padding: 4px 15px;
border: 0;
border-radius: 4px;
background-color: #004773;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

a.btn_checkout:hover {
border: 0;
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

a.btn_shopping,
a.btn_shopping:active,
a.btn_shopping:focus {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 25px;
margin-top: 10px;
border: 0;
border-radius: 4px;
background-color: #004773;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

.btn_custom:hover,
a.btn_shopping:hover {
border: 0;
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.page_area .box-content a,
.page_area .box-content a:active,
.page_area .box-content a:focus {
line-height: 22px;
padding-left: 4px;
}

/* --------------------------------------------------------------------------------- */
/* 08. ORDER HISTORY DETAILS / CHECKOUT
/* --------------------------------------------------------------------------------- */

.stepwizard {
position: relative;
display: table; 
width: 100%;
margin: 5px 0 25px 0;
padding: 0;
}

.stepwizard-step {
position: relative;
display: table-cell;
text-align: center;
width: 25%;
}

.stepwizard-step p {
margin-top: 10px;
text-transform: uppercase;
text-align: center;
}

.stepwizard-step p.active {
color: #004773;
font-size: 14px;
font-weight: bold;
font-style: normal;
}

.stepwizard-step a,
.stepwizard-step a:focus,
.stepwizard-step a:active {
font-size: 14px;
line-height: 18px;
color: #004773;
text-decoration: none;
}

.stepwizard-step a:hover {
text-decoration: none;
}

.stepwizard-row {
display: table-row;
}

.stepwizard-row:before {
position: absolute;
top: 20px;
bottom: 0;
content: " ";
width: 100%;
height: 1px;
background-color: #CCCCCC;
z-order: 0;
}

.stepwizard-step .btn-circle {
width: 40px;
height: 40px;
color: #FFFFFF;
font-size: 14px;
line-height: 22px;
text-align: center;
padding: 8px 0 6px 0;
border-radius: 20px;
order-color: #76C5F0;
background-color: #76C5F0;
pointer-events: none;
}

.stepwizard-step .btn-custom {
color: #FFFFFF;
border-color: #004773;
background-color: #004773;
pointer-events: none;
}

.stepwizard-step .btn-custom:hover,
.stepwizard-step .btn-custom:focus,
.stepwizard-step .btn-custom:active {
color: #FFFFFF;
pointer-events: none;
}

a.checkout,
a.checkout:visited,
a.checkout:focus,
a.checkout:active {
font-size: 14px;
color: #004773;
text-decoration: underline;
}

a.checkout:hover {
text-decoration: none;
}

.w-15 {
width: 15% !important;
}

.w-25 {
width: 25% !important;
}

.w-30 {
width: 30% !important;
}

.w-45 {
width: 45% !important;
}

.w-50 {
width: 50% !important;
}

.w-55 {
width: 55% !important;
}

.table {
display: table;
}

thead th.item,
tbody td.item {
text-align: left;
border: 0;
}

thead th.unitprice,
thead th.qty,
thead th.total,
tbody td.unitprice,
tbody td.qty,
tbody td.total {
text-align: right;
border: 0;
}

tbody td.subtotal,
tbody td.shipping,
tbody td.coupon,
tbody td.finaltotal {
text-align: right;
}

a.btn-back,
a.btn-back:focus,
a.btn-back:active {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 25px;
margin-right: 5px;
border: 0;
border-radius: 4px;
background-color: #76C5F0;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

a.btn-view,
a.btn-view:focus,
a.btn-view:active {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 25px;
border: 0;
border-radius: 4px;
background-color: #004773;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
cursor: pointer;
outline: 0;
transition: .3s;
}

a.btn-view:hover,
a.btn-back:hover {
border: 0;
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

.panel {
margin: 20px 0;
background-color: #FFFFFF;
border: 0;
}

.panel-body {
padding: 5px;
margin: 0;
clear: both;
}

.panel-body a.link,
.panel-body a.link:focus,
.panel-body a.link:active {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #004773;
line-height: 26px;
font-style: normal;
text-align: left;
text-decoration: underline;
}

.panel-body a.link:hover {
text-decoration: none;
outline: 0;
}

/* --------------------------------------------------------------------------------- */
/* 09. PAGINATION GRID
/* --------------------------------------------------------------------------------- */

.pagination-container {
width: 100%;
padding: 0;
margin: 10px auto 5px auto;
text-align: center;
}

ul.pagination {
display: block;
width: 100%;
list-style-type: none;
color: #004773;
font-size: 14px;
text-align: center;
padding: 0;
margin: 0 auto;
border-radius: 0;
background-color: transparent;
box-shadow: none;
overflow: hidden;
}

ul.pagination li {
display: inline-block;
*display: inline; /*IE7*/
*zoom: 1; /*IE7*/
border-radius: 0;
padding: 0;
margin: 3px 3px;
}

ul.pagination li.dot {
display: inline-block;
*display: inline; /*IE7*/
*zoom: 1; /*IE7*/
line-height: 20px;
padding: 7px 10px;
min-width: 50px;
border: 1px solid transparent;
border-radius: 10px;
}

ul.pagination li:first-child>a {
border-radius: 10px;
}

ul.pagination li:last-child>a {
border-radius: 10px;
}

ul.pagination a:hover,
ul.pagination a:active,
ul.pagination a:focus {
color: #FFFFFF;
font-weight: normal;
border: 1px solid #CCCCCC;
border-radius: 10px;
background-color: #004773;
}

ul.pagination li a,
ul.pagination li a:active,
ul.pagination li a:focus {
display: inline-block;
*display: inline; /*IE7*/
*zoom: 1; /*IE7*/
min-width: 50px;
color: #004773;
padding: 7px 10px;
line-height: 20px;
text-decoration: none;
border: 1px solid #CCCCCC;
border-radius: 10px;
background-color: #FFFFFF;
outline: 0;
}

ul.pagination li a.current,
ul.pagination li a.current:active,
ul.pagination li a.current:focus {
display: inline-block;
*display: inline;
*zoom: 1;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-decoration: none;
border: 1px solid #CCCCCC;
border-radius: 10px;
background-color: #004773;
}

ul.pagination li a.current:hover {
color: #FFFFFF;
text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* 10. CONTACT US
/* --------------------------------------------------------------------------------- */

#form_message {
margin-bottom: 15px;
}

.contacts .info {
padding-left: 60px;
}

.contacts .social {
margin: 15px 0 5px 0;
}

.contacts h3 {
color: #004773;
font-size: 20px;
font-weight: bold;
line-height: 17px;
margin: 0 0 25px 0;
padding: 0;
text-transform: uppercase;
}

.contacts .info h3 {
color: #004773;
font-size: 20px;
font-weight: bold;
line-height: 17px;
margin: 0 0 40px 0;
padding: 0;
text-transform: uppercase;
}

.contacts .social h3 {
color: #004773;
font-size: 20px;
font-weight: bold;
line-height: 17px;
margin: 65px 0 25px 0;
padding: 0;
text-transform: uppercase;
}

.contacts .single_info {
margin: 0 0 30px 0;
text-align: left;
}

.contacts .single_info .con_icon {
display: inline-block;
float: left;
width: 55px;
height: 55px;
font-size: 22px;
color: #004773;
line-height: 50px;
text-align: center;
border: 1px solid #004773;
border-radius: 50px;
box-shadow: 0 5px 10px rgba(0,0,0,0.05);
margin-right: 25px;
transform: .5s;
}

.contacts .single_info p {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 45px;
color: #004773;
text-align: left;
}

.contacts .single_info p.address {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 22px;
color: #004773;
text-align: left;
}

.contacts .single_info p.businesshours {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 22px;
color: #004773;
text-align: left;
}

.contacts label {
color: #004773;
font-size: 14px;
font-weight: bold;
line-height: 25px;
font-style: normal;
text-transform: none;
text-align: left;
}

.contacts button,
.contacts button:active,
.contacts button:focus {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
padding: 4px 25px;
border: 0;
border-radius: 4px;
background-color: #004773;
box-shadow: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: 0;
transition: 0.3s;
}

.contacts button:hover {
text-decoration: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
outline: 0;
}

/* --------------------------------------------------------------------------------- */
/* 11. SHOPS
/* --------------------------------------------------------------------------------- */

ul.shops {
list-style: none;
text-align: left;
}

ul.shops li {
display: inline-block;
margin: 5px 2px 5px 0;
padding: 0;
}

ul.shops li:last-child {
padding: 0;
margin-right: 0;
}

ul.shops li a img {
padding: 0;
border: 0;
width: 120px;
height: 70px;
}

/* --------------------------------------------------------------------------------- */
/* 12. FOOTER
/* --------------------------------------------------------------------------------- */

footer {
display: block;
background-color: #004773;
border: 0;
}

/* Footer Area Section
==================================================*/

.ftr_area {
position: relative;
color: #FFFFFF;
padding: 60px 0 5px;
background-color: #004773;
z-index: 100;
}

.single_ftr li {
color: #FFFFFF;
padding-bottom: 7px;
}

.single_ftr a,
.single_ftr a:active,
.single_ftr a:focus {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
outline: 0;
}

.single_ftr a:hover,
.single_ftr a.active {
color: #76C5F0;
text-decoration: none;
outline: 0;
}

.single_ftr p {
display: inline-block;
margin-bottom: 10px;
}

.single_ftr form {
margin-top: 8px;
}

.single_ftr i {
padding-right: 12px;
}

.ftr_sf_title {
font-family: Verdana, Geneva, sans-serif;
font-size: 17px;
color: #76C5F0;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 15px;
}

/* Footer Social Icons Section
==================================================*/

ul.social_icons {
text-align: left;
list-style: none;
margin: 0;
padding: 0;
}

ul.social_icons li {
display: inline-block;
text-align: center;
}

ul.social_icons li a,
ul.social_icons li a:active,
ul.social_icons li a:focus {
font-size: 14px;
text-decoration: none;
outline: 0;
}

/* Footer Payment Mtd Icons Section
==================================================*/

.ftr_payment_mthd {
position: relative;
padding: 30px 0 20px 0;
text-align: center;
background-color: transparent;
}

.payment_mthd_title {
font-family: Verdana, Geneva, sans-serif;
font-size: 17px;
color: #76C5F0;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 5px;
}

.payment_mthd_icon ul {
list-style: none;
}

.payment_mthd_icon li {
display: inline-block;
padding-left: 9px;
}

.payment_mthd_icon li:first-child {
padding-left: 0;
}

.payment_mthd_icon img {
width: 110px;
height: auto;
border: 0;
}

/* Footer Copyright Section
==================================================*/

.ftr_copyright {
position: relative;
padding: 20px 0 40px 0;
text-align: center;
background-color: transparent;
}

.ftr_copyright p {
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
}

/* --------------------------------------------------------------------------------- */
/* 13. BACK TO TOP
/* --------------------------------------------------------------------------------- */

.cd-top {
display: inline-block;
height: 45px;
width: 50px;
position: fixed;
bottom: 10px;
right: 10px;
line-height: 40px;
font-size: 24px;
text-align: center;
color: #FFFFFF;
background-color: transparent;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
z-index: 9999;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.cd-top:focus,
.cd-top:hover,
.no-touch .cd-top:hover,
.no-touch .cd-top:focus {
color: #FFFFFF;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

/* --------------------------------------------------------------------------------- */
/* 14. EU LAW COOKIE BAR
/* --------------------------------------------------------------------------------- */

#cookie_directive_container {
display: none;
position: relative;
top: 0;
width: 100%;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
padding: 15px 0 10px 0;
text-align: center;
background-color: #013F65;
z-index: 200;
}

#cookie_directive_container ul li {
display: inline-block;
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
padding-left: 3px;
padding-right: 3px;
}

#cookie_accept a,
#cookie_accept a:focus,
#cookie_accept a:active,
#cookie_accept a:hover {
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
padding: 6px;
text-decoration: none;
border-radius: 3px;
background-color: #76C5F0;  
transition: 0.5s;
}

#cookie_accept a:hover,
#cookie_decline a:hover {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
outline: 0;
}

#cookie_decline a,
#cookie_decline a:focus,
#cookie_decline a:active,
#cookie_decline a:hover {
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
width: 40px;
padding: 6px 9px;
text-decoration: none;
border-radius: 3px;
background-color: #FF0000;  
transition: 0.5s;
}

#cookies_note {
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
}

p#cookies_used {
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
line-height: 24px;
padding-top: 5px;
}

#cookies_used a,
#cookies_used a:focus,
#cookies_used a:active {
font-family: Verdana, Geneva, sans-serif;
color: #76C5F0;
font-size: 14px;
font-weight: normal;
line-height: 24px;
text-decoration: none;
}

#cookies_used a:hover {
color: #76C5F0;
text-decoration: none;
}