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

/* --------------------------------------------------------------------------------- */
/* ICONIC FONTS
/* --------------------------------------------------------------------------------- */

@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');
src: url('fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Glyphicons Halflings';
src: url('fonts/glyphicons/glyphicons-halflings-regular.eot?v=3.0.3');
src: url('fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix&v=3.0.3') format('embedded-opentype'),
url('fonts/glyphicons/glyphicons-halflings-regular.woff2?v=3.0.3') format('woff2'),
url('fonts/glyphicons/glyphicons-halflings-regular.woff?v=3.0.3') format('woff'),
url('fonts/glyphicons/glyphicons-halflings-regular.ttf?v=3.0.3') format('truetype'),
url('fonts/glyphicons/glyphicons-halflings-regular.svg?v=3.0.3#glyphicons_halflingsregular') format('svg');
font-weight: normal;
font-style: normal;
}

/* --------------------------------------------------------------------------------- */
/* TYPOGRAPHY FONTS
/* --------------------------------------------------------------------------------- */

@font-face {
font-family: 'Lato';
src: url('fonts/lato/lato-regular.eot');
src: url('fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'),
url('fonts/lato/lato-regular.woff2') format('woff2'),
url('fonts/lato/lato-regular.woff') format('woff'),
url('fonts/lato/lato-regular.ttf') format('truetype'),
url('fonts/lato/lato-regular.svg#lato') format('svg');
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

@font-face {
font-family: 'Lato';
src: url('fonts/lato/lato-italic.eot');
src: url("fonts/lato/lato-italic.eot?#iefix") format("embedded-opentype"),
url("fonts/lato/lato-italic.woff2") format("woff2"),
url("fonts/lato/lato-italic.woff") format("woff"),
url("fonts/lato/lato-italic.ttf") format("truetype"),
url('fonts/lato/lato-italic.svg#lato') format('svg');
font-weight: 400;
font-style: italic;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

@font-face {
font-family: 'Lato-bold';
src: url("fonts/lato/lato-bold.eot");
src: url("fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"),
url("fonts/lato/lato-bold.woff2") format("woff2"),
url("fonts/lato/lato-bold.woff") format("woff"),
url("fonts/lato/lato-bold.ttf") format("truetype"),
url('fonts/lato/lato-bold.svg#lato') format('svg');
font-weight: 600;
font-style: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

/* --------------------------------------------------------------------------------- */
/* GENERAL SETTING
/* --------------------------------------------------------------------------------- */

* {
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;
text-rendering: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body, html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
outline: 0;
font-size: 100%;
font-family: 'Lato';
background-color: #FFFFFF;
overflow-x: hidden;
vertical-align: baseline;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
min-height: 100%;
overflow: auto;
overflow: initial;
background-color: #FFFFFF;
}

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

*:focus {
outline: 0;
}

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

body a {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}

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

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

br {
display: block;
line-height: 125%;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0;
outline-color: transparent;
outline-width: 0;
outline-style: none;
box-shadow: 0 0 0 0 rgba(0,123,255,0);
outline: none !important;
box-shadow: none !important;
}

.btn {
font-size: 100%;
}

a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

a:hover {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

b,
strong {
font-size: 100%;
font-weight: bold;
}

.text-uppercase {
text-transform: uppercase;
}

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

img {
width: auto;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
vertical-align: middle
}

.img-responsive {
border-radius: 6px;
}

.clear {
clear: both;
}

a:focus,
a:active {
outline: 0;
}

a img {
border: 0 !important;
}

.getback,
.btn-send {
min-width: 125px;
}

.btn-basic,
.btn-basic:focus, 
.btn-basic:active,
.btn-basic:visited {
color: #FFFFFF;
background-color: #000000;
}

.btn-basic:hover {
color: #FFFFFF;
background-color: #000000;
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);
-webkit-transition:.3s all;
-moz-transition:.3s all;
-o-transition:.3s all;
-ms-transition:.3s all;
transition:.3s all;
}

/* --------------------------------------------------------------------------------- */
/* FORM LAYOUT
/* --------------------------------------------------------------------------------- */

form {
border: 0;
outline: 0;
box-shadow: none !important;
}

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

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;
box-shadow: none;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="file"],
textarea,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
textarea:focus,
input[type="text"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="file"]:hover, textarea:hover,
input[type="text"]:active,
input[type="number"]:active,
input[type="email"]:active,
input[type="url"]:active,
input[type="password"]:active,
input[type="file"]:active {
font-size: 100%;
font-style: normal;
outline: 0;
box-shadow: none !important;
border: 1px solid #CCCCCC;
-webkit-appearance: none;
}

input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
select:-moz-placeholder,
:-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder {
color: #555555;
font-size: 100%;
font-style: italic;
}

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

textarea,
textarea.form-control,
textarea:hover {
font-size: 100%;
resize: none;
outline: 0;
width: 100%;
height: 200px;
}

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;
border: 1px solid #CCCCCC;
}

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

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

.dropdown-toggle:focus {
outline: none !important;
box-shadow: none !important;
}

/* Radio Box */

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

ul.radio_option li {
display: inline-block;
text-align: left;
padding: 0;
margin: 0;
}

.radio {
padding: 0;
margin: 0;
}

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

.radio .cr {
position: relative;
display: inline-block;
border: 0;
width: 20px;
height: 20px;
float: right;
margin-left: 5px;
}

.radio .cr .cr-icon {
position: absolute;
font-size: 12px;
line-height: 0;
top: 50%;
left: 20%;
color: #FF0000;
}

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

.radio label input[type="radio"]+.cr>.cr-icon {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
}

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

.radio label .t {
color: #000000;
}

.radio label .t:hover {
color: #FF0000;
}

.radio label .t_details {
color: #FFFFFF;
}

.radio label .t_details:hover {
color: #FF0000;
}

.radio label input[type="radio"]:checked:before {
color: #393 !important;
}

/* Select Box */

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

.select select {
display: inline-block;
width: 100%;
cursor: pointer;
padding: 0 5px;
outline: 0;
color: #555555;
font-size: 100%;
font-style: normal;
text-align: left;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}

.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 {
border-top-color: #000000;
}

::-webkit-input-placeholder {
color: #CCCCCC;
font-size: 100%;
font-style: italic;
}

:-moz-placeholder {
color: #CCCCCC;
font-size: 100%;
font-style: italic;
}

::-moz-placeholder {
color: #CCCCCC;
font-size: 100%;
font-style: italic; 
}

:-ms-input-placeholder {  
color: #CCCCCC;
font-size: 100%;
font-style: italic;
}

#msg_status {
margin: 0 0 25px 0;
text-align: left;
}

.msg_error {
color: #FF0000 !important;
font-family: 'Lato-bold';
line-height: 140%;
text-align: left;
padding: 10px 0;
margin: 0;
}

.msg_success {
color: #009900 !important;
font-family: 'Lato-bold';
line-height: 140%;
text-align: left;
padding: 10px 0;
margin: 0;
}

/* --------------------------------------------------------------------------------- */
/* STRUCTURE LAYOUT
/* --------------------------------------------------------------------------------- */

.container,
.header,
.content {
width: 100%;
margin: 0;
padding: 0 10px;
}

.content {
position: relative;
min-height: 560px;
padding-bottom: 30px;
background-color: #FFFFFF;
}

.content-slider {
position: relative;
padding-bottom: 15px;
background-color: #FFFFFF;
}

.container-fluid {
margin: 0 auto;
padding: 0 8px;
max-width: 1200px !important;
}

.row-centered {
text-align: center;
}

.col-centered {
display: inline-block;
float: none;
margin-right: -4px;
text-align: center;
}

.divider-5 {
height: 5px;
clear: both;
}

.divider-10 {
height: 10px;
clear: both;
}

.divider-15 {
height: 15px;
clear: both;
}

.divider-20 {
height: 20px;
clear: both;
}

.margin-tb-10 {
margin: 10px 0 !important;
}

.margin-tb-20 {
margin: 20px 0 !important;
}

.margin-tb-25 {
margin: 25px 0 !important;
}

.margin-tb-40 {
margin: 40px 0 !important;
}

.margin-tb-10-5 {
margin: 10px 0 5px 0 !important;
}

.margin-tb-20-5 {
margin: 20px 0 5px 0 !important;
}

.margin-tb-25-5 {
margin: 25px 0 5px 0 !important;
}

.margin-tb-20-10 {
margin: 20px 0 10px 0 !important;
}

.margin-tb-20-15 {
margin: 20px 0 15px 0 !important;
}

.margin-t-10 {
margin-bottom: 10px !important;
}

.margin-t-20 {
margin-top: 20px !important;
}

.margin-b-10 {
margin-bottom: 10px !important;
}

.margin-b-15 {
margin-bottom: 15px !important;
}

.margin-b-20 {
margin-bottom: 20px !important;
}

.margin-b-25 {
margin-bottom: 25px !important;
}

.margin-b-40 {
margin-bottom: 40px !important;
}

.margin-b-50 {
margin-bottom: 40px !important;
}

.margin-l-5 {
margin-left: 5px;
}

.margin-r-5 {
margin-right: 5px;
}

.margin-l-10 {
margin-left: 10px;
}

.margin-r-10 {
margin-right: 10px;
}

/* --------------------------------------------------------------------------------- */
/* HEADER
/* --------------------------------------------------------------------------------- */

.navbar {
font-family: 'Lato';
font-size: 100%;
border-radius: 0;
margin: 0;
background-color: #000000;
padding: 0;
z-index: 900;
}

.scrollable-menu {
height: auto;
max-height: 480px;
overflow-x: hidden;
}

.scrollable-menu::-webkit-scrollbar {
-webkit-appearance: none;
width: 6px;        
}    

.scrollable-menu::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
}	

.navbar-nav {
margin-top: 13px;
}

.navbar-nav>li {
margin-left: 5px;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a:visited,
.navbar-inverse .navbar-nav>li>a:active,
.navbar-inverse .navbar-nav>li>a:focus {
padding: 5px 15px;
margin: 0;
border-radius: 3px;
color: #FFFFFF;
line-height: 24px;
display: inline-block;
text-decoration: none;
}

.navbar-inverse .navbar-nav>li>a:hover {
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
}

.navbar-nav.active {
background-color: #FFFFFF;
}

.navbar-inverse {
border: none;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:visited,
.navbar-inverse .navbar-nav>.active>a:active,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-top: 0;
padding-bottom: 0;
}

.navbar-collapse {
max-height: 100% !important;
}

/* --------------------------------------------------------------------------------- */
/* HEADER CART BOX
/* --------------------------------------------------------------------------------- */

.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#cart-badge {
font-size: 100%;
background-color: #FFFFFF;
color: #000000;
padding: 0 5px;
vertical-align: top;
}

/* --------------------------------------------------------------------------------- */
/* MODALS
/* --------------------------------------------------------------------------------- */

.modal {
overflow-y: auto !important;
overflow-x: hidden;
padding: 0;
margin: 0;
outline: 0;
}

.modal-open-noscroll {
margin-right: 0!important;
overflow: hidden;
}

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

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

#myModalSearch .modal-header {
padding-bottom: 5px;
z-index: 9990;
overflow: hidden;
}

#myModalSearch .modal-footer {
padding: 0;
}
    
#myModalSearch .modal-footer .btn-group button {
height: 40px;
border-top-left-radius : 0;
border-top-right-radius : 0;
border: none;
border-right: 1px solid #DDDDDD;
}
	
#myModalSearch .modal-footer .btn-group:last-child > button {
border-right: 0;
}

.main {
padding: 20px;
}

.mg-btm {
margin-top: 0;
margin-bottom: 20px;
}

.form-signin {
margin: 0 auto;
text-align: center;
max-width: 350px; 
display: block;
background-color: #F7F7F7;
border-radius: 0;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}

.form-signin .form-control {
position: relative;
font-size: 100%;
height: 40px;
padding: 0 0 0 8px;
}

.form-signin .form-control:focus {
outline: 0;
}

.heading-desc {
font-size: 130%;
color: #666666;
text-transform: uppercase;
line-height: 160%;
padding: 15px 25px 0 25px;
}

.form-signin input[type="text"] {
font-size: 100%;
margin-bottom: 10px;
border-radius: 5px;
outline: 0;
}

.form-signin input[type="email"] {
font-size: 100%;
margin-bottom: 10px;
border-radius: 5px;
outline: 0;
}

.form-signin input[type="password"] {
font-size: 100%;
margin-bottom: 10px;
border-radius: 5px;
outline: 0;
}

.login-footer {
background-color: #F0F0F0;
margin: 0 auto;
border-top: 1px solid #DADADA;
padding: 20px;
}

.login-footer .left-section a,
.login-footer .left-section a:visited,
.login-footer .left-section a:focus,
.login-footer .left-section a:active,
.login-footer .left-section a:hover {
display: block;
color: #888888;
font-size: 100%;
line-height: 140%;
text-align: left;
text-decoration: none;
}

.register-terms {
text-align: center;
font-size: 100%;
line-height: 140%;
color: #888888;
margin: 20px 0 5px 0;
}

.register-terms a.register,
.register-terms a.register:visited,
.register-terms a.register:active,
.register-terms a.register:focus {
font-size: 100%;
line-height: 140%;
color: #888888;
text-decoration: underline;
}

.register-terms a.register:hover {
text-decoration: none;
}

#info_login_message,
#info_register_message,
#info_lostpassword_message {
display: none;
padding: 0;
margin: 0;
}

.error_message {
color: #FF0000 !important;
font-size: 100%;
line-height: 140%;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: none;
text-align: left;
margin-top: 10px;
}

h3.heading-desc {
color: #888888;
font-size: 130%;
line-height: 160%;
margin-bottom: 20px;
}

.success_message,
p.success_message {
color: #009900 !important;
font-size: 100%;
line-height: 140%;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: none;
text-align: center;
margin-top: 10px;
}

.loginBtn {
box-sizing: border-box;
position: relative;
margin: 10px 0 0 0;
border: none;
text-align: left;
white-space: nowrap;
border-radius: 3px;
font-size: 100%;
font-weight: normal;
padding: 8px 8px 8px 40px;
color: #FFFFFF;
text-decoration: none;
}

.loginBtn:before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 34px;
height: 100%;
}

.loginBtn:focus {
outline: 0;
}

.loginBtn:active {
box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

.loginBtn--facebook {
height: 34px;
background-color: #4C69BA;
background-image: linear-gradient(#4C69BA, #3B55A0);
text-shadow: 0 -1px 0 #354C8C;
}

.loginBtn--facebook:before {
height: 34px;
border-right: #364E92 1px solid;
background: url('../images/icon_facebook.png') 6px 6px no-repeat;
}

.loginBtn--facebook:hover,
.loginBtn--facebook:active,
.loginBtn--facebook:focus {
background-color: #5B7BD5;
background-image: linear-gradient(#5B7BD5, #4864B1);
color: #FFFFFF;
text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------------------------------- */

h1.head_title {
font-family: 'Lato-bold';
font-size: 150%;
line-height: 180%;
color: #000000;
padding: 5px 0;
text-transform: uppercase;
}

.single p {
font-family: 'Lato';
font-size: 100%;
line-height: 160%;
color: #000000;
}

p.body_title {
font-family: 'Lato-bold';
font-size: 100%;
line-height: 150%;
color: #000000;
padding: 10px 0;
text-transform: uppercase;
}

a.body_link,
a.body_link:visited,
a.body_link:focus,
a.body_link:active {
text-decoration: underline;
color: #000000;
}

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

ul.body_list {
list-style: none;
padding: 0;
margin: 0 0 15px 0;
}

ul.body_list>li {
display: block;
font-size: 100%;
line-height: 120%;
color: #000000;
padding: 3px 0;
}

.welcome {
margin:0;
padding: 5px 0 10px 0;
background-color: #FFFFFF;
}

.welcome_notice {
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

/* --------------------------------------------------------------------------------- */
/* MAIN PAGE SLIDER
/* --------------------------------------------------------------------------------- */

#myCarousel,
.carousel,
.carousel .item,
.carousel-inner > .item {
background-color: #FFFFFF;
}

.carousel-inner .item:before {
background-color: #FFFFFF;
}

.carousel-inner > .item {
-webkit-transition: 0.4s ease-in-out left;
-moz-transition: 0.4s ease-in-out left;
-o-transition: 0.4s ease-in-out left;
transition: 0.4s ease-in-out left;
}

ol.carousel-indicators li,
ol.carousel-indicators li.active {
background-color: #FFFFFF;
border-color: #FFFFFF;
width: 15px;
height: 15px;
padding: 0;
margin: 0 5px;
}

ol.carousel-indicators li.active {
background-color: #000000;
border-color: #000000;
}

ol.carousel-indicators li: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);
-webkit-transition:.3s all;
-moz-transition:.3s all;
-o-transition:.3s all;
-ms-transition:.3s all;
transition:.3s all;
}

/* --------------------------------------------------------------------------------- */
/* HOME PAGE
/* --------------------------------------------------------------------------------- */

h2.featured,
h2.listing {
font-family: 'Lato-bold';
font-size: 160%;
line-height: 200%;
color: #000000;
text-transform: uppercase;
padding: 0;
margin: 0;
}

h3.listing {
font-family: 'Lato-bold';
font-size: 110%;
line-height: 140%;
text-transform: uppercase;
padding: 5px 0 10px 0;
margin: 0;
}

h3.listing a {
font-family: 'Lato-bold';
font-size: 110%;
line-height: 140%;
color: #000000;
text-decoration: underline;
text-transform: none;
padding: 5px 0 10px 0;
margin: 0;
}

h3.listing a:hover,
h3.listing a:focus,
h3.listing a:active {
color: #666666;
text-decoration: none;
}

h4.head_title {
font-family: 'Lato-bold';
font-size: 100%;
line-height: 140%;
color: #000000;
padding: 5px 0;
text-transform: uppercase;
padding: 0 0 10px 0;
border-bottom: 1px solid #000000;
}

.product-item {
display: block;
padding: 5px;
margin: 15px 0 25px 0;
text-align: center;
height: auto;
clear: both;
background-color: #FFFFFF;
}


.product-item:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
line-height:0;
}

.pi-img-wrapper {
position: relative;
}

.pi-img-wrapper div {
position: absolute;
left: 0;
top: 0;
display: none;
width: 100%;
height: 100%;
text-align: center;
}

.pi-img-wrapper img {
margin: 0 auto;
width: 100%;
max-width: 100%;
}

.product-item:hover>.pi-img-wrapper>div {
display: block;
}

.pi-img-wrapper div .btn {
padding: 3px 15px;
color: #FFFFFF;
border: 2px #FFFFFF solid;
margin: -13px 5px 0;
background-color: transparent;
text-transform: uppercase;
position: relative;
top: 50%;
line-height: 120%;
font-size: 100%;
}

.pi-img-wrapper div .btn:hover {
background-color: #000000;
-webkit-transition:.3s all;
-moz-transition:.3s all;
-o-transition:.3s all;
-ms-transition:.3s all;
transition:.3s all;
}

.pi-name {
diplay: block;
width: 100%;
height: 60px;
padding: 8px 5px;
text-align: center;
}

.pi-name a,
.pi-name a:visited,
.pi-name a:focus,
.pi-name a:active,
.pi-name a:hover {
font-size: 100%;
line-height: 140%;
text-transform: uppercase;
color: #000000;
text-decoration: none;
}

.pi-price {
diplay: block;
width: 100%;
height: 35px;
padding-top: 5px;
text-align: center;
}

span.itemPrice {
font-size: 110%;
color: #000000;
text-decoration: none;
}

span.itemNewPrice {
font-size: 125%;
color: #E84D1C;
padding-right: 10px;
}

span.itemOldPrice {
font-size: 100%;
color: #000000;
text-decoration: line-through;
}

.pi-purchase {
diplay: block;
width: 100%;
text-align: center;
margin: 10px auto 10px auto;
}

.holder-left {
float: left;
width: 47%;
text-align: center;
text-decoration: none;
height: 35px;
border-radius: 22px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
cursor: pointer;
}

.holder-left:hover {
text-decoration: none;
border: 1px solid #CCCCCC;
background-color: #CCCCCC;
}

.viewdetails {
width: 100%;
height: 35px;
cursor: pointer;
font-size: 100%;
line-height: 35px;
text-decoration: none;
color: #606975;
}

.holder-right {
float: right;
width: 47%;
text-align: center;
text-decoration: none;
height: 35px;
border-radius: 22px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
cursor: pointer;
}

.holder-right:hover {
text-decoration: none;
border: 1px solid #CCCCCC;
background-color: #CCCCCC;
}

.holder-right-disabled,
.holder-right-disabled:hover {
float: right;
width: 47%;
text-align: center;
text-decoration: none;
height: 35px;
border-radius: 22px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
cursor: pointer;
}

.buy {
width: 100%;
height: 35px;
font-size: 100%;
line-height: 35px;
text-decoration: none;
color: #606975;
}

.disabled {
width: 100%;
height: 35px;
font-size: 100%;
line-height: 35px;
text-decoration: none;
color: #FF0000;
cursor: not-allowed;
opacity: 1;
text-decoration: none;
border: 0;
}

.success_check {
color: #339900 !important;
font-size: 100%;
line-height: 140%;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: none;
text-align: center;
margin-top: 10px;
}

#ModalAddToCart {
text-align: center;
padding: 0 !important;
}

#ModalAddToCart:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}

#ModalAddToCart .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
width: 95%;
max-width: 500px;
height: auto;
-webkit-box-shadow: 0 !important;
moz-box-shadow: 0 !important;
-o-box-shadow: 0 !important;
box-shadow: 0 !important;
}

#ModalAddToCart .modal-content {
overflow: hidden;
background-color: #FFFFFF;
border-radius: 4px;
margin: 0;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
-moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
-o-box-shadow: 0 5px 15px rgba(0,0,0,0);
box-shadow: 0 5px 15px rgba(0,0,0,0);
outline: 0 !important;
}

#ModalAddToCart .modal-body {
height: auto;
margin: 0;
}

#ModalAddToCart .modal-header {
height: 50px;
background-color: #F1F1F1;
margin: 0;
}

#ModalAddToCart .modal-footer {
height: auto;
margin: 0;
background-color: #F1F1F1;
}

/* --------------------------------------------------------------------------------- */
/* PRODUCT DETAILS
/* --------------------------------------------------------------------------------- */

.details h1 {
font-family: 'Lato-bold';
font-size: 110%;
line-height: 140%;
text-transform: none;
text-align: left;
padding: 5px 0 10px 0;
margin: 0;
}

.details p {
font-weight: normal;
font-size: 100%;
line-height: 140%;
text-transform: none;
text-align: left;
padding: 5px 0 10px 0;
margin: 0;
}

.details p.price {
font-weight: normal;
font-size: 100%;
text-align: left;
}

.details p.share {
text-align: left;
}

.qtdbuttons {
width: 100%;
max-width: 130px;
text-align: left;
}

.buy {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
max-width: 180px;
text-align: left;
}

.buy .btn-success {
width: 100%;
max-width: 180px;
}

ul.thumbs {
list-style: none;
padding: 0;
margin: 20px 0 0 0;
text-align: center;
}

ul.thumbs li {
display: inline-block;
width: 20%;
margin-right: 3.5%;
}

ul.thumbs li img {
display: block;
width: 100%;
height: auto;
border: 0;
border-radius: 3px;
cursor: pointer;
}

ul.thumbs li:last-child,
ul.thumbs li:last-of-type {
margin-right: 0;
}

.btn-custom,
.btn-custom:focus,
.btn-custom:active {
color: #FFFFFF;
font-size: 100%;
text-decoration: none;
background-color: #000000;
border: 0;
transition: 0.3s;
}

.btn-custom:hover {
color: #FFFFFF;
font-size: 100%;
text-decoration: none;
background-color: #000000;
border: 0;
}

.btn-custom-minus,
.btn-custom-minus:focus,
.btn-custom-minus:active,
.btn-custom-plus,
.btn-custom-plus:focus,
.btn-custom-plus:active {
color: #FFFFFF;
font-size: 100%;
text-decoration: none;
background-color: #000000;
border: 0;
transition: 0.3s;
}

.btn-custom-minus:hover,
.btn-custom-plus:hover {
color: #FFFFFF;
font-size: 100%;
text-decoration: none;
background-color: #000000;
border: 0;
}

#largeImage {
cursor: pointer;
}

.img-enlarge {
width: 100%;
max-width: 800px;
height: auto;
padding: 0;
}

.close_enlarge {
color: #FFFFFF;
background-color:rgba(0, 0, 0, 0);
border: none;
padding: 0;
font-size: 24px;
}

.zoom {
font-size: 12px;
color: #666666;
padding-bottom: 7px;
font-style: italic;
}

/* --------------------------------------------------------------------------------- */
/* SHOPPING CART
/* --------------------------------------------------------------------------------- */

.table>tbody>tr>td,
.table>tfoot>tr>td {
vertical-align: middle !important;
}

.table>tbody>tr>td.qtd input {
text-align: center;
width: 50%;
height: 34px;
padding: 6px 12px;
font-size: 100%;
line-height: 22px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 4px;
-webkit-box-shadow: 0; 
box-shadow: none;
}

.custom {
display: block;
padding: 5px;
margin: 0 auto;
text-align: center;
width: 70px;
}

a.cartprodname {
font-family: 'Lato-bold';
font-size: 105%;
line-height: 125%;
color: #000000;
text-decoration: none;
text-transform: none;
}

a.cartprodname:hover,
a.cartprodname:focus,
a.cartprodname:active {
color: #666666;
text-decoration: none;
}

a.cart {
font-size: 100%;
color: #000000;
text-decoration: underline;
text-transform: none;
}

a.cart:hover,
a.cart:focus,
a.cart:active {
color: #666666;
text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* CHECKOUT
/* --------------------------------------------------------------------------------- */

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

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

.stepwizard-step p {
margin-top: 10px;
}

.stepwizard-step a,
.stepwizard-step a:visited,
.stepwizard-step a:focus,
.stepwizard-step a:active {
font-size: 100%;
line-height: 140%;
text-transform: none;
color: #000000;
text-decoration: underline;
}

.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;
text-align: center;
padding: 8px 0 6px 0;
font-size: 100%;
line-height: 22px;
border-radius: 20px;
pointer-events: none;
}

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

.stepwizard-step .btn-custom:visited,
.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: 100%;
line-height: 140%;
text-transform: none;
color: #000000;
text-decoration: underline;
}

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

/* --------------------------------------------------------------------------------- */
/* MY ACCOUNT
/* --------------------------------------------------------------------------------- */

a.account,
a.account:visited,
a.account:active,
a.account:hover,
a.account:focus {
font-size: 100%;
color: #000000;
text-align: left;
text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* ORDER HISTORY DETAILS / CHECKOUT
/* --------------------------------------------------------------------------------- */

.height {
min-height: 200px;
}

.table > tbody > tr > .emptyrow {
border-top: none;
}

.table > thead > tr > .emptyrow {
border-bottom: none;
}

.table > tbody > tr > .highrow {
border-top: 2px solid #000000;
}

/* --------------------------------------------------------------------------------- */
/* CONTACTS
/* --------------------------------------------------------------------------------- */

.info {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #CCCCCC;
}

.info ul {
list-style: none;
padding: 0;
margin: 0;
}

.info ul li {
display: block;
font-size: 100%;
font-family: 'Lato';
color: #000000;
padding: 0;
}

.btn-send,
.btn-send:focus,
.btn-send.active.focus,
.btn-send:visited,
.btn-send:active,
.btn-send.active {
border-radius: 4px;
border: 1px solid #000000;
background-color: #000000;
font-size: 100%;
color: #FFFFFF; 
outline: 0;
}

.btn-send:hover {
font-size: 100%;
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
}

/* --------------------------------------------------------------------------------- */
/* PAGINATION GRID
/* --------------------------------------------------------------------------------- */

.pagination-container {
display: block;
width: 100%;
padding: 0;
margin: 0 auto;
text-align: center;
clear: both;
}

ul.pagination {
text-align: center;
color: #000000;
font-size: 100%;
padding: 0;
margin: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
list-style-type: none;
height: 100%;
overflow: hidden;
}

ul.pagination li {
float: left;
padding: 0;
border-radius: 0;
margin: 3px 3px;
}

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

ul.pagination li:first-child>a {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

ul.pagination li:last-child>a {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

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

ul.pagination li a,
ul.pagination li a.visited {
color: #000000;
display: block;
padding: 7px 10px;
border: 1px solid #000000;
min-width: 50px;
border-radius: 0;
line-height: 20px;
text-decoration: none;
outline: 0;
}

ul.pagination a.current {
background-color: #FF0000;
border: 1px solid #000000;
border-radius: 0;
color: #000000;
font-weight: bold;
}

/* --------------------------------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------------------------------- */

footer {
postion: relative;
margin: 0;
padding: 0;
width: 100%;
}

.footer-above {
padding: 20px 8px;
margin: 0;
background-color: #000000;
}

.footer-above img {
padding: 0;
margin: 0;
}

.footer-above a,
.footer-above a:visited,
.footer-above a:active,
.footer-above a:focus {
font-size: 100%;
color: #FFFFFF;
padding: 5px 15px;
margin: 0;
border-radius: 3px;
line-height: 24px;
text-decoration: none;
}

.footer-above ul {
list-style: none;
padding: 20px 0 0 0;
margin: 0;
}

.footer-above ul>li {
display: inline-block;
margin-left: 10px;
}

.footer-above ul>li i {
font-size: 20px;
width: 26px;
text-align: center;
line-height: 26px;
background-color: #FFFFFF;
color: #000000;
border-radius: 13px;
text-decoration: none;
outline: 0;
}

.footer-above a.social:hover {
background-color: #000000; 
}

.footer-above ul>li a.active,
.footer-above a:hover {
font-size: 100%;
color: #000000;
background-color: #FFFFFF;
padding: 5px 15px;
margin: 0;
border-radius: 3px;
line-height: 24px;
text-decoration: none;
}

.footer-below {
font-size: 100%;
background-color: #000000;
color: #FFFFFF;
text-decoration: none;
text-align: center;
margin: 0;
padding: 20px 0 35px 0;
}

/* --------------------------------------------------------------------------------- */
/* GO TO BOTTOM
/* --------------------------------------------------------------------------------- */

.cd-bottom {
position: fixed;
top: 2px;
right: 2px;
display: inline-block;
height: 28px;
width: 28px;
overflow: hidden;
display: none;
text-indent: 100%;
white-space: nowrap;
background: #000000 url('../images/arrowBottom.png') no-repeat center 50%;
z-index: 9999;
}

.cd-bottom: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);
-webkit-transition: opacity .4s 0s, visibility 0s 0s;
-moz-transition: opacity .4s 0s, visibility 0s 0s;
transition: opacity .4s 0s, visibility 0s 0s;
}

/* --------------------------------------------------------------------------------- */
/* BACK TO TOP
/* --------------------------------------------------------------------------------- */

.cd-top {
position: fixed;
bottom: 2px;
right: 2px;
display: inline-block;
height: 28px;
width: 28px;
overflow: hidden;
display: none;
text-indent: 100%;
white-space: nowrap;
background: #000000 url('../images/arrowTop.png') no-repeat center 50%;
z-index: 9999;
}

.cd-top: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);
-webkit-transition: opacity .4s 0s, visibility 0s 0s;
-moz-transition: opacity .4s 0s, visibility 0s 0s;
transition: opacity .4s 0s, visibility 0s 0s;
}

/* --------------------------------------------------------------------------------- */
/* EU LAW COOKIE BAR
/* --------------------------------------------------------------------------------- */

#cookie-bar {
position: relative;
display: block;
width: 100%;
height: auto; 
line-height: 130%;
text-align: center; 
padding: 7px 0;
margin: 0;
background-color: #000000;
z-index: 5000 !important;
}

#cookie-bar.fixed {
position: fixed; 
bottom: 0;
left: 0; 
width: 100%;
z-index: 10;
}

#cookie-bar.fixed.bottom {
bottom: 0; 
bottom: auto;
}

#cookie-bar p {
font-size: 100%;
color: #FFFFFF;
margin: 0; 
padding: 0;
}

#cookie-bar a,
#cookie-bar a:visited,
#cookie-bar a:focus,
#cookie-bar a:active {
display: inline-block; 
font-size: 100%;
color: #FFFFFF;
text-transform: none;
text-decoration: none;
border-radius: 3px; 
padding: 0 7px; 
margin-left: 5px;
}

#cookie-bar .cb-cookie {
font-size: 100%;
color: #FFFFFF;
text-transform: none;
text-decoration: none;
padding-left: 0; 
margin: 0;
}

#cookie-bar .cb-cookie:hover,
#cookie-bar .cb-cookie:focus,
#cookie-bar .cb-cookie:active {
color: #FFFFFF;
text-decoration: none;
}

#cookie-bar .cb-enable {
background-color: #007700;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

#cookie-bar .cb-enable: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);
-webkit-transition:.3s all;
-moz-transition:.3s all;
-o-transition:.3s all;
-ms-transition:.3s all;
transition:.3s all;
}

#cookie-bar .cb-disable {
background-color: #FF0000;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

#cookie-bar .cb-disable: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);
-webkit-transition:.3s all;
-moz-transition:.3s all;
-o-transition:.3s all;
-ms-transition:.3s all;
transition:.3s all;
}