/** Shopify CDN: Minification failed
Line 936:0 Unexpected ","
Line 5213:27 Expected identifier but found "{"
Line 5213:28 Unexpected "{"
Line 5213:38 Expected ":"
Line 5277:8 Expected identifier but found "{"
Line 5277:9 Unexpected "{"
Line 5277:19 Expected ":"
**/
sans-html, html a {
-webkit-font-smoothing:antialiased
}
html, html a {
-webkit-font-smoothing:antialiased
}
html {
-ms-overflow-style:scrollbar
}
body {
background: #ffffff none repeat scroll 0 0;
color: #2f2f2f;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
body.content_only {
padding:15px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
padding:0px;
margin:0px;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #2f2f2f;
outline: medium none;
text-decoration: none;
transition: all 0.4s ease 0s;
}
a:hover,
a:focus {
color:#ffa800;
text-decoration: none;
outline: none;
}
a:active, a:focus, input {
outline: 0;
outline-style:none;
outline-width:0;
}
img {
vertical-align: middle;
}
th,
td {
line-height: 20px;
text-align: left;
vertical-align: top;
}
th {
font-weight: 500;
}
td,
tr td {
}
.label {
font-weight:500;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.wrap {
width: auto;
clear: both;
}
.center,
.table td.center,
.table th.center {
text-align: center;
}
.success {
background: none repeat scroll 0 0 #43B754;
border: 1px solid #43B754;
font-size: 1em;
margin: 0 0 10px;
padding: 10px;
color: #FFFFFF;
font-weight: 500;
}
.warning,
.alert-warning,
.warning_inline {
background-color: #FCF8E3;
border-color: #E4752B;
color: #8A6D3B;
}
.warning,
.alert {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0;
margin-bottom: 18px;
padding: 15px;
}
.error {
background: none repeat scroll 0 0 #FFCCCC;
border: 1px solid #990000;
font-size: 100%;
margin: 0 0 10px;
padding: 10px;
font-weight: bold;
}
.error ol {
margin-left: 20px;
}
ol, ul {
/*list-style: none outside none;*/
}
p {
margin: 0 0 10px;
}
.page-heading {
color: #474747;
display: inline-block;
font-size: 14px;
margin-bottom: 30px;
position: relative;
text-transform: uppercase;
padding-bottom: 0;
}
.lead {
margin-bottom: 20px;
font-size: 1.15em;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 1.5em;
}
}
small {
font-size: 0.96em;
}
cite {
font-style: normal;
}
.text-muted {
color: #999999;
}
.text-primary {
color: #f2735a;
}
.text-warning {
color: #c09853;
}
.text-danger {
color: #b94a48;
}
.text-success {
color: #468847;
}
.text-info {
color: #3a87ad;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.highlight {
background-color: #FFC;
font-weight: bold;
padding: 1px 4px;
}
.align-left {
text-align:left;
}
.align-right {
text-align:right;
}
.form-control{
padding: 10px 12px;
}
h1 {
color: #404040;
font-family: "Montserrat",sans-serif;
font-size: 2.15em;
font-weight: 700;
margin: 0;
padding: 0 0 0.75em;
}
h2 {
font-family: "Montserrat",sans-serif;
font-size: 2em;
font-weight: 700;
margin: 0;
padding: 0 0 0.75em;
}
h3 {
font-family: "Montserrat",sans-serif;
font-size: 1.71em;
font-weight: 700;
margin: 0;
padding: 0 0 0.67em;
}
h4 {
font-family: "Montserrat",sans-serif;
font-size: 1.59em;
font-weight: 700;
margin: 0;
padding: 0 0 0.52em;
}
h5 {
font-family: "Montserrat",sans-serif;
font-size: 1.34em;
margin: 0;
padding: 0 0 0.52em;
}
h6 {
font-family: "Montserrat",sans-serif;
font-size: 1.15em;
margin: 0;
padding: 0 0 0.92em;
}
label {
margin-bottom: 10px;
font-weight: 300;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
list-style:none;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-bottom: 20px;
}
dt,
dd {
line-height: 20px;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
abbr.initialism {
font-size: 0.9em;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
font-size: 1.25em;
font-weight: 300;
line-height: 1.25;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote small {
display: block;
line-height: 20px;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small:before {
content: '';
}
blockquote.pull-right small:after {
content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 20px;
}
code,
kbd,
pre,
samp {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.btn-actions {
text-align: center;
}
.features-list {
margin-top: 60px;
}
.features-list .page-header {
border: 0;
text-align: center;
}
.features-list .page-header h1 {
font-size: 3.46em;
}
.page-header{
background: none !important;
}
.features-list .feature-row {
overflow: hidden;
min-height: 200px;
color: #696f72;
border-top: 1px solid #e0e2e3;
padding: 60px 0 0;
text-align: center;
}
.features-list .feature-row:last-child {
border-bottom: 1px solid #e0e2e3;
margin-bottom: 60px;
}
.features-list .feature-row h3 {
font-size: 2em;
}
.features-list .feature-row div:first-child {
padding-left: 0;
}
.features-list .feature-row div:last-child {
padding-right: 0;
}
.features-list .feature-row div:first-child.feature-img img {
float: left;
}
.features-list .feature-row div:last-child.feature-img img {
float: right;
}
.jumbotron h2 {
font-size: 3.46em;
}
.jumbotron iframe {
margin-top: 20px;
}
.jumbotron p {
line-height: 1.4;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox,
.form-control {
background: #f2f2f2 none repeat scroll 0 0;
border-color: #e4e4e4;
border-radius: 2px;
box-shadow: none;
font-size: 12px;
font-weight: 300;
}
textarea.form-control{
font-size: 12px;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus,
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.inputbox:-moz-placeholder,
.form-control:-moz-placeholder {
color: #999999;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.inputbox::-moz-placeholder,
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.inputbox:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
color: #999999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.inputbox::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
color: #999999;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.inputbox,
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 20px;
}
.radio label,
.checkbox label {
display: inline;
font-weight: 300;
}
.form-control-static {
margin-bottom: 0;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
}
.form-inline .form-control {
display: inline-block;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 0px;
display:inline;
}
.form-horizontal .form-control-static {
padding-top: 7px;
}
.btn-inverse {
color: #ffffff;
background-color: #333333;
border-color: #262626;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
color: #ffffff;
background-color: #1f1f1f;
border-color: #080808;
}
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
background-image: none;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
background-color: #333333;
border-color: #262626;
}
.btn-inverse .badge {
color: #333333;
background-color: #ffffff;
}
.btn-block + .btn-block {
margin-top: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox {
box-shadow: none;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus,
select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.inputbox:hover,
select:active,
textarea:active,
input[type="text"]:active,
input[type="password"]:active,
input[type="datetime"]:active,
input[type="datetime-local"]:active,
input[type="date"]:active,
input[type="month"]:active,
input[type="time"]:active,
input[type="week"]:active,
input[type="number"]:active,
input[type="email"]:active,
input[type="url"]:active,
input[type="search"]:active,
input[type="tel"]:active,
input[type="color"]:active,
.inputbox:active {
box-shadow: none;
border-color: #ffa800 !important;
}
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.inputbox:-moz-placeholder {
color: #999999;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.inputbox::-moz-placeholder {
color: #999999;
opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.inputbox:-ms-input-placeholder {
color: #999999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.inputbox::-webkit-input-placeholder {
color: #999999;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.inputbox {
height: auto;
}
@media screen and (min-width: 768px) {
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox {
}
}
select,
select.form-control,
select.inputbox,
select.input {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #e2e2e2;
min-width: 110px;
margin-right: 20px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
box-shadow: none;
}
.input-append .active,
.input-prepend .active {
background-color: #bbff33;
border-color: #669900;
}
.attribute_list.product-options .form-control {
background: none repeat scroll 0 0 #ffffff;
border-color: #ffffff;
border-radius: 2px;
color: #25292b;
font-size: 0.86em;
font-weight: 300;
line-height: 1.42857;
}
/********* TABLES ********/
table.std, table.table_block {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E5E5E5;
margin-bottom: 20px;
width: 100%;
}
table.std td, table.table_block td {
border-bottom: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
padding: 10px;
vertical-align: top;
}
.table {
width: 100%;
margin-bottom: 30px;
}
.table thead > tr > th,
.table thead > tr > td,
.table tbody > tr > th,
.table tbody > tr > td {
padding: 9px 8px 11px 18px;
line-height: 1.42857;
vertical-align: top;
border-bottom:none;
}
.table tfoot > tr > th,
.table tfoot > tr > td{
border-color: #ffffff;
font-size: 1.285em;
text-transform: uppercase;
}
.table thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #E2E2E2;
}
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
border-top: 0;
}
.table tbody + tbody {
border-top: 2px solid #E2E2E2;
}
.table .table {
background-color: white;
}
.table-condensed thead > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > th,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > th,
.table-condensed tfoot > tr > td {
padding: 5px;
}
.table > thead > tr > th {
border-bottom-width: 1px;
color: #333333;
vertical-align: middle;
}
.table-bordered {
border: 1px solid #E2E2E2;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td{
border: 1px solid #fff;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c1c1c1;
}
,
.table-bordered > tfoot > tr > th
.table-bordered > tfoot > tr > td{
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #E2E2E2;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: whitesmoke;
}
table col[class*="col-"] {
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: whitesmoke;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #55c65e;
border-color: #48b151;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td {
background-color: #42c04c;
border-color: #419f49;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f3515c;
border-color: #d4323d;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td {
background-color: #f13946;
border-color: #c32933;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fe9126;
border-color: #e4752b;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td {
background-color: #fe840d;
border-color: #da681c;
}
.table tbody > tr > td {
vertical-align: middle;
}
@media (max-width: 768px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: scroll;
border: 1px solid #d6d4d4;
}
.table-responsive > .table {
margin-bottom: 0;
background-color: #fff;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: normal;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > thead > tr:last-child > th,
.table-responsive > .table-bordered > thead > tr:last-child > td,
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
#order-list td > .label {
white-space:normal;
}
}
.table tfoot tr {
}
/********* BUTTON *******/
.btn,
.btn-default {
border-radius:0px;
}
.btn-default {
background-color: #ebebeb;
border: 0 none;
border-radius: 2px;
color: #2f2f2f;
font-family: "Montserrat",sans-serif;
font-size: 14px;
font-weight: 700;
padding: 11px 20px;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.05em;
}
.button_large {
background-color: #ebebeb;
border: 0 none;
color: #2f2f2f;
font-size: 14px;
padding: 8.5px 25px;
}
.btn-transparent {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #9c9c9c;
color: #ffffff;
}
.btn-transparent:hover {
border-color: #ffa800;
}
.button_large {
padding: 9.5px 25px;
}
.btn-mega {
background-color: #ffa800;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover, .btn-default[disabled],
.btn-default.active[disabled], .btn-default[disabled]:active,
.btn-default[disabled]:focus, .btn-default[disabled]:hover,
fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
background:#ffa800;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-mega:hover,
.btn-mega:focus,
.btn-mega:active {
background:#ffa800;
border-color: #ffa800;
color:#FFF;
outline: 0 !important;
}
.btn-primary {
opacity:1;
background:#8A191F;
border:none;
padding:6px 20px;
font-weight:bold;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
background:#8A191F;
border:none;
opacity:1;
}
.btn-icon:after {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f178";
padding-left: 0px;
opacity: 0;
transition: all 0.2s ease-out 0s;
visibility:hidden;
width:0px;
}
.btn-icon:hover:after {
opacity: 1;
visibility:visible;
padding-left: 15px;
width:auto;
}
#bt_compare {
background:#ffa800;
border: 1px solid #ffa800;
border-radius: 2px;
color: #ffffff!important;
font-size: 0.86em;
font-weight: 400;
opacity: 1;
padding: 6px 15px;
text-transform: none;
}
#bt_compare strong {
font-weight: 400;
}
#button_order_cart {
background: none repeat scroll 0 0 #292929;
border: 0 none;
border-radius: 0;
font-size: 11px;
height: 50px;
line-height: 50px;
padding: 0;
width: 50%;
letter-spacing: 1px;
color: #fff;
}
#button_order_cart:hover,
#button_order_cart:active,
#button_order_cart:focus{
outline: 0;
box-shadow: none;
background:#ffa800;
}
/************ LOADER *****************/
#pageloader {
background:rgba(0,136,204,0.75);
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 99999;
display: none;
}
.loader {
position: absolute;
top:50%;
left:50%;
margin:-30px 0 0 -16px;
z-index:5000;
}
.sp9 {
border-radius:30px;
overflow:hidden;
animation:.5s sp3Rorate infinite linear;
-webkit-animation:.5s sp3Rorate infinite linear;
}
.sp9::before {
content:'';
display:block;
width:30px;
height:30px;
margin:5px;
border-radius:30px;
box-shadow:-10px 35px 25px 10px #000;
}
@keyframes sp3Rorate{
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
@-webkit-keyframes sp3Rorate{
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
.modal{
z-index: 2001;
}
/****** BREADCRUMB ********/
.breadcrumbs-block {
color: #ffffff;
height: 100%;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.breadcrumbs-block .container {
display: table;
height: 100%;
}
.breadcrumbs-block {
color: #ffffff;
height: 100%;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.breadcrumbs-content {
display: table-cell;
vertical-align: middle;
}
.breadcrumbs-section {
position: relative;
margin-bottom: 70px;
}
.breadcrumbs-block .container {
display: table;
height: 100%;
}
.breadcrumbs-title {
font-family: "Montserrat",sans-serif;
font-size: 28px;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 30px;
text-transform: uppercase;
}
.breadcrumbs-title span {
display: block;
}
.breadcrumbs a {
color: #ffffff;
}
.breadcrumbs {
margin-top: 10px;
}
.breadcrumbs a:hover {
color: #ffa800;
}
.breadcrumbs a .fa {
margin-right: 5px;
}
.breadcrumb__sep {
font-size: 30px;
margin: 0 10px;
}
.grid-link__title {
margin-bottom: 30px;
margin-top: 10px;
}
.template-list-collections .page-header h1.page-title {
margin-bottom: 0;
}
.template-list-collections .page-header {
margin-bottom: 30px;
margin-top: 0;
}
/****** PAGINATION ********/
.pagination {
margin:0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span,
.pagination > li:first-child > a, .pagination > li:first-child > span {
border-radius:0px;
}
.disabled.pagination_previous span,
.disabled.pagination_next span {
display: none;
}
.pagination > li > a, .pagination > li > span {
margin-left:4px;
background:#FFF;
padding:7px 10px;
color:#000;
font-size:1em;
font-weight:400;
}
.pagination > li:hover > a,
.pagination > li.current > span {
}
#pagination_previous i {
margin-right:5px;
}
#pagination_next i {
margin-left:5px;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive, .thumbnail a > img,
.thumbnail > img{
width: 100%;
}
/****** TOOLTIP ********/
.tooltip-inner {
background-color: #333;
}
.tooltip.top .tooltip-arrow {
border-top-color: #333;
}
/**** HEADER*****/
header {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
position: relative;
z-index: 2001;
}
.btn-group.open .dropdown-toggle{
box-shadow: none;
}
.btn-group.open .dropdown-toggle {
box-shadow: none;
}
.topbar-right .open > .dropdown-menu {
border: 0 none;
border-radius: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
font-family: "Montserrat",sans-serif;
font-size: 0.92em;
left: auto;
letter-spacing: 0.025em;
line-height: 30px;
margin-top: 36px;
padding: 25px;
right: -70px;
text-transform: capitalize;
color: #000;
}
.topbar-right .open > .dropdown-menu li .dropdown-menu {
border: 0 none;
border-radius: 0;
box-shadow: none;
color: #7a7a7a;
display: block;
font-family: "Poppins",sans-serif;
font-size: 13px;
margin-top: 0;
min-width: auto;
padding: 0 0 0 10px;
position: static;
width: 100%;
}
.topbar-right .open > .dropdown-menu li .dropdown-menu a {
color: #7a7a7a;
text-transform: none;
}
.topbar-right .dropdown-menu > li > a {
color: #000000;
line-height: 25px;
padding: 0;
}
.topbar-right .dropdown-menu > li > a:hover, .topbar-right .open > .dropdown-menu li .dropdown-menu a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ffa800;
cursor: pointer;
}
.header-bar .btn-xs {
border-radius: 0;
color: #000000;
display: block;
font-size: 20px;
padding: 0;
position: relative;
float: left;
vertical-align: top;
}
.header-bar .btn-xs .lnr {
display: inline-block;
line-height: 30px;
float: left;
}
.header-bar .btn-group{
vertical-align: top;
}
.header-bar .topbar-right .header-block {
display: inline-block;
float: right;
margin: 0 25px;
}
.header-bar .topbar-right .header-block:first-child {
margin-right: 0;
}
.header-bar .topbar-right .header-block:last-child {
margin-left: 0;
}
.header-bar .navbar-logo {
line-height: 30px;
float: left;
}
.header-bar .layout-column.topnav{
border-right: 1px solid #ececec;
margin-right: 30px;
padding-right: 30px;
position: static;
}
.header-bar .container{
position: relative;
}
.header-bar .layout-column {
padding: 36px 15px;
}
.header-bar .layout-column.topnav, .header-bar .layout-column.topbar-right {
display: inline-block;
float: none;
vertical-align: top;
width: auto;
}
header .header-bar,
header .header-bar .row{
text-align: right;
}
.topbar-right .search-block .open > .dropdown-menu {
min-width: 490px;
padding: 0;
}
.topbar-right .search-block .open > .dropdown-menu .search-bar {
border: 0 none;
width: 100%;
}
.topbar-right .search-block .open > .dropdown-menu .form-control {
border: 0 none;
min-height: 55px;
padding: 0 55px;
}
.topbar-right .search-block .open > .dropdown-menu .form-control::-moz-placeholder {
color: #807f7f;
font-family: "Poppins",sans-serif;
font-size: 12px;
font-weight: 300;
}
.topbar-right .search-block .open > .dropdown-menu .search-bar button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #000000;
font-size: 17px;
left: 0;
min-height: 55px;
min-width: 55px;
position: absolute;
top: 0;
z-index: 2;
}
.dropdown-menu.shoppingcart-box {
border-radius: 0;
left: auto;
margin-right: -63px;
margin-top: -1px;
min-width: 305px;
padding: 20px;
right: 0;
}
#cart-block .ajax_cart_quantity {
background: #ffa800 none repeat scroll 0 0;
border-radius: 50%;
bottom: 43px;
color: #ffffff;
display: inline-block;
font-size: 12px;
height: 17px;
right: -14px;
line-height: 19px;
position: absolute;
text-align: center;
width: 17px;
}
.shoppingcart-box .actions .btn {
width: 100%;
}
.shoppingcart-box .actions .btn:hover{
background-color: #ffa800;
color: #fff;
}
.cart-products .product-image img {
width: 80px;
}
.cart-products .product-image {
float: left;
margin-right: 20px;
}
.topbar-right .open > .dropdown-menu.shoppingcart-box {
min-width: 305px;
padding: 30px 25px;
}
.topbar-right .open > .dropdown-menu.shoppingcart-box .actions .btn {
background: #ebebeb none repeat scroll 0 0;
border-radius: 3px;
font-size: 13px;
text-transform: uppercase;
width: 100%;
}
.topbar-right .open > .dropdown-menu.shoppingcart-box .actions .btn:hover {
background: #ffa800 none repeat scroll 0 0;
color: #ffffff;
}
.cart-products .product-name {
font-family: "Poppins",sans-serif;
font-size: 14px;
margin-bottom: 0;
line-height: 14px;
}
.cart-products .option {
margin-bottom: -5px;
margin-top: 3px;
}
.cart-products .cart-collateral .price {
display: block;
margin-bottom: -3px;
}
.cart-products .btn-remove {
bottom: 0;
opacity: 0.7;
position: absolute;
right: 70px;
}
.cart-products .item {
display: inline-block;
margin-bottom: 25px;
position: relative;
width: 100%;
}
.cart-products .btn-remove:hover {
opacity: 1;
}
.cart-products .item:last-child {
margin-bottom: 0;
}
.summary .label, .summary .price,
.actions .label, .actions .price{
color: #2f2f2f;
font-family: "Montserrat",sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.05em;
padding: 0;
text-transform: uppercase;
vertical-align: middle;
}
.summary .price,
.actions .price{
float: right;
}
.shoppingcart-box .summary,
.shoppingcart-box .actions {
border-top: 1px solid #efefef;
margin-top: 25px;
padding-top: 20px;
}
.shoppingcart-box .summary > p,
.shoppingcart-box .actions > p{
margin-bottom: 25px;
}
.dropdown-menu.search-box {
border-radius: 0;
left: auto;
margin-top: -1px;
min-width: 302px;
padding: 0;
right: 0;
}
.input-group.search-bar {
width: 100%;
}
.search-box .input-group .form-control {
background-color: transparent;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
padding: 0 20px 0 35px;
}
.search-box .input-group .form-control
.search-box .input-group .form-control:focus,
.search-box .input-group .form-control:hover{
border: 1px solid #ebebeb;
}
.search-box .zmdi-search {
background-color: transparent;
border: 0 none;
height: auto;
left: 8px;
line-height: 1;
position: absolute;
top: 10px;
z-index: 1000;
}
.search-box .zmdi-search .lnr {
line-height: 1;
}
/*********** SLIDESHOW ***********/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; z-index:1000;}
/* FlexSlider Necessary Styles -------------------------------------------------------------------------- */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: inline-block; cursor: pointer; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme */
.flexslider { padding:0; margin: 0 0 23px; position: relative; overflow:hidden;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-control-nav a {
background: #fff none repeat scroll 0 0 !important;
border-radius: 50%;
display: block !important;
height: 11px !important;
margin: 15px 0 !important;
position: relative;
width: 11px !important;
color:transparent;
}
.flex-control-nav a.flex-active {
background: #00c0a5 none repeat scroll 0 0 !important;
}
.flex-control-nav a.flex-active::after, .flex-control-nav a.flex-active::after {
border: 3px solid #ffffff;
border-radius: 50%;
content: "";
display: inline-block;
height: 15px;
left: -2px;
position: absolute;
top: -1px;
width: 15px;
z-index: 0;
}
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.slide-des {
max-width:100%;
position:absolute;
top:20%;
left:30%;
}
/************** SERVICES HOME ******************/
.services-block {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ececec;
margin-top: -70px;
padding: 65px;
position: relative;
z-index: 2000;
}
.services-content .icon-banner {
display: inline-block;
float: left;
font-size: 2.57em;
font-style: normal;
margin-right: 10px;
padding: 4.5px 0;
}
.content_layout .title {
font-size: 1em;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 21px;
padding-bottom: 0;
}
.content_layout > p {
color: #8f8f8f;
font-family: "Montserrat",sans-serif;
font-size: 0.86em;
letter-spacing: 0.05em;
margin-bottom: 0;
}
/******** PRODUCT BOX ********/
.slider-products-title {
margin-bottom: 35px;
text-align: center;
}
.slider-products-title .title {
font-size: 17px;
letter-spacing: 0.05em;
line-height: 30px;
padding-bottom: 10px;
position: relative;
text-transform: uppercase;
}
.slider-products-title .title::before {
background: #ffa800 none repeat scroll 0 0;
bottom: 0;
content: "";
display: inline-block;
height: 2px;
left: 50%;
margin-left: -17.5px;
position: absolute;
width: 35px;
}
.bestseller-products {
margin-top: 60px;
}
.bestseller-products .owl-theme .owl-controls {
margin-top: -3px;
top: 34.5%;
}
.item-colors label {
display: block;
height: 15px;
margin-bottom: 0;
width: 15px;
}
.item-colors {
background: #ffffff none repeat scroll 0 0;
bottom: 5px;
display: inline-block;
float: left;
left: 5px;
margin-bottom: 0;
opacity: 1;
padding: 10px;
position: absolute;
z-index: 1;
transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
}
.item-colors > li {
border: 1px solid #ffffff;
display: inline;
float: left;
margin-right: 5px;
}
.item-colors > li:last-child {
margin-right: 0;
}
.product-preview:hover .item-colors {
opacity: 1;
filter: alpha(opacity=100);
}
.wrapper-label .label {
background: #f80124 none repeat scroll 0 0;
border-radius: 0;
display: inline-block;
float: left;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 18px;
padding: 0 5px;
text-transform: uppercase;
}
.wrapper-label {
left: 15px;
position: absolute;
top: 15px;
z-index: 2;
}
.products-box {
display: none;
}
.product-preview .preview {
position: relative;
}
.product-preview .preview img {
max-width: 100%;
width: 100%;
}
.button-cart-wish {
left: 0;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 2;
}
.product-preview .product-btn {
background: #ffffff none repeat scroll 0 0;
border-radius: 2px;
box-shadow: none;
color: #000000;
display: inline-block;
font-size: 20px;
height: 40px;
line-height: 45px;
margin: 0 2px;
opacity: 0;
padding: 0;
text-align: center;
transform: translateY(20px);
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
-ms-transition: all 400ms ease 0s;
vertical-align: middle;
width: 40px;
}
.product-preview .product-btn:hover {
color: #ffa800;
cursor: pointer;
}
.product-preview .preview::before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
display: inline-block;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
transition: all 1000ms ease 0s;
-moz-transition: all 1000ms ease 0s;
-webkit-transition: all 1000ms ease 0s;
-o-transition: all 1000ms ease 0s;
-ms-transition: all 1000ms ease 0s;
width: 100%;
z-index: 1;
}
.product-preview:hover .preview::before {
opacity: 1;
}
.product-preview:hover .product-btn {
transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.product-preview:hover .product-btn {
opacity: 1;
filter: alpha(opacity=100)
}
.product-preview .product-btn:nth-child(2) {
transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
}
.product-preview .product-btn:nth-child(3) {
transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
}
.tooltip{
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
border-radius: 2px;
color: #ffffff;
font-size: 10px;
left: 50%;
line-height: 30px;
opacity: 0;
filter: alpha(opacity=0);
padding: 0 12px;
position: absolute;
text-align: center;
top: -38px;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
white-space: nowrap;
z-index: 9;
text-transform: capitalize;
font-family: "Poppins",sans-serif;
}
.tooltip::before {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 4px solid rgba(0, 0, 0, 0.8);
bottom: -4px;
content: "";
display: inline-block;
height: 0;
left: 50%;
position: absolute;
right: 0;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 0;
}
.product-preview .product-btn:hover .tooltip {
opacity: 1;
filter: alpha(opacity=100);
}
.product-preview .spr-badge-caption {
display: none;
}
.product-preview .title.product-title {
font-family: "Poppins",sans-serif;
font-size: 1em;
font-weight: 400;
text-transform: none;
padding-bottom: 8px;
}
.content_price {
margin-top: 3px;
}
.old.price {
font-size: 0.86em;
font-weight: 400;
margin-right: 20px;
text-decoration: line-through;
}
.price {
font-weight: 700;
letter-spacing: 0.1em;
vertical-align: middle;
}
.product-info{
padding-top: 20px;
}
.rate_box .spr-badge-starrating {
margin: 0;
}
.rate_box .spr-icon-star-empty::before,
.rate_box .spr-icon-star::before,
.spr-icon-star-empty::before,
.spr-icon-star::before{
display: none !important;
}
.rate_box .spr-badge-starrating .spr-icon,
.spr-starratings .spr-icon,
.spr-starrating .spr-icon {
background: rgba(0, 0, 0, 0) url("star-f1.png") no-repeat scroll center center;
display: inline-block;
height: 12px;
opacity: 1 !important;
width: 12px;
}
.rate_box .spr-badge-starrating .spr-icon.spr-icon-star-empty,
.spr-starratings .spr-icon.spr-icon-star-empty,
.spr-starrating .spr-icon.spr-icon-star-empty{
background: rgba(0, 0, 0, 0) url("star-e1.png") no-repeat scroll center center;
}
.spr-review-footer .spr-review-reportreview{
font-size: 13px;
}
.spr-container .spr-form-label {
color: #6f6f6f;
font-size: 13px !important;
font-weight: 400;
line-height: 20px;
}
.owl-carousel .item {
margin: 0 15px;
}
.image_swap img {
height: 100%;
width: 100%;
}
.image_swap:hover .product-img1 {
animation: img1Effect .5s ease-out 0ms;
-moz-animation: img1Effect .5s ease-out 0ms;
-webkit-animation: img1Effect .5s ease-out 0ms;
}
.image_swap .product-img2 {
left: 0;
position: absolute;
top: 100%;
opacity:0;
filter:alpha(opacity=0);
}
.image_swap:hover .product-img2 {
left: 0;
top: 0;
animation: img2Effect .5s ease-in 0ms;
-moz-animation: img2Effect .5s ease-in 0ms;
-webkit-animation: img2Effect .5s ease-in 0ms;
opacity:1;
}
@-webkit-keyframes img1Effect {
from {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
to
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-moz-keyframes img1Effect {
from {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
to
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@keyframes img1Effect {
from {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
to
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes img2Effect {
from {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
to
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-moz-keyframes img2Effect {
from {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
to
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@keyframes img2Effect {
from {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
to
{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
/***********BANNER EXTRA*********/
.banner-extra {
margin-top: 60px;
text-align: center;
}
.wrapper-extra-banner {
position: relative;
overflow: hidden;
}
.wrapper-extra-banner::before {
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: -84%;
position: absolute;
top: 0;
transform: skewX(-25deg);
width: 50%;
z-index: 2;
}
.wrapper-extra-banner:hover::before {
animation: 1s ease 0s normal none 1 running shine;
}
@keyframes shine {
100% {
left: 125%;
}
}
@-o-keyframes shine {
100% {
left: 125%;
}
}
@-ms-keyframes shine {
100% {
left: 125%;
}
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@-moz-keyframes shine {
100% {
left: 125%;
}
}
.wrapper-extra-banner img {
transition: all 250ms ease-in-out 10ms;
}
.wrapper-extra-banner:hover img {
transform: scale(1.05, 1.05);
}
.extra-box-content {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
display: inline-block;
padding: 30px 80px;
}
.extra-banner-content {
left: 0;
padding: 50px 0;
position: absolute;
right: 0;
top: 0;
}
.extra-box-content h3 {
color: #4f4f4f;
font-family: "Montserrat",sans-serif;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.extra-box-content p {
color: #4f4f4f;
font-size: 20px;
letter-spacing: 0.05em;
margin-bottom: 0;
text-transform: capitalize;
}
.extra-box-content span {
color: #ffa800;
font-weight: 700;
}
.section-products.featured-products {
margin-top: 75px;
}
/******BLOG - TESTIMONIALS*****/
.pagination-bottom a, .pagination-bottom span {
color: #6f6f6f;
font-size: 13px;
letter-spacing: 0.2em;
line-height: 20px;
text-transform: uppercase;
vertical-align: middle;
}
.pagination-bottom i {
font-size: 20px;
font-style: normal;
line-height: 20px;
vertical-align: middle;
}
.pagination-bottom span.left {
border-right: 1px solid #c1c1c1;
}
.pagination-bottom span {
padding-bottom: 45px;
padding-top: 45px;
text-align: center;
}
.pagination-bottom .left i {
margin-right: 30px;
}
.pagination-bottom .right i {
margin-left: 30px;
}
.blog_info .social-sharing.is-clean.social_sharing_product {
margin-top: 55px;
}
.social-sharing.is-clean.social_sharing_product a:hover {
color: #ffa800;
}
.pagination-bottom span:hover a, .pagination-bottom span:hover {
color: #ffa800;
}
.section-blog {
margin-top: 60px;
}
/**********BLOG CATEGORIES************/
.blog-title {
font-size: 17px;
letter-spacing: 0.05em;
margin-bottom: 0;
position: relative;
text-transform: uppercase;
}
.item-post .post-img {
float: left;
margin-right: 20px;
width: 100px;
}
.item-post .post-img img {
max-width: 100%;
width: 100%;
}
.block .item-post {
margin-bottom: 20px;
}
.block .item-post:last-child {
margin-bottom: 0;
}
.block .item-post .post-info > a {
font-size: 16px;
}
.block .item-post .number-comments {
color: #45414e;
font-size: 12px;
letter-spacing: 0.025em;
margin-bottom: 0;
opacity: 0.75;
margin-top: 5px;
}
.categories-content > ul {
margin-bottom: 0;
}
.content-aside .blog-sidebar {
margin-bottom: 50px;
margin-top: 0;
}
.article .title {
font-family: "poppins",sans-serif;
font-size: 17px;
font-weight: 600;
padding-bottom: 8px;
}
.blog-meta li {
display: inline-block;
float: left;
font-size: 12px;
text-transform: capitalize;
}
.blog-meta ul {
clear: both;
float: left;
margin-bottom: 0;
}
.blog-meta li::after {
content: "/";
font-size: 10px;
margin: 0 5px;
}
.blog-meta li:last-child::after,
.blog-meta li:first-child::after{
content: "";
}
.blog-meta li span {
color: #9f9f9f;
}
.article .blog_info {
clear: both;
display: inline-block;
margin-top: 11px;
width: 100%;
}
.article .blog_info img {
max-width: 100%;
width: 100%;
}
.blog-meta li.published-blog {
background: #ffa800 none repeat scroll 0 0;
color: #ffffff;
font-family: "montserrat",sans-serif;
font-size: 15px;
height: 80px;
padding: 15px 0;
position: absolute;
right: 15px;
text-align: center;
top: 0;
width: 66px;
}
.blog-meta li.published-blog time {
display: block;
width: 100%;
}
.blog-description {
color: #727272;
font-weight: 300;
line-height: 28px;
margin-top: 15px;
}
.without-column-blog .blog-meta li.published-blog {
height: 65px;
left: 15px;
margin-top: 62px;
padding: 9px 0;
right: auto;
top: 0;
}
.readmore > a {
background: #ebebeb none repeat scroll 0 0;
border-radius: 2px;
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.025em;
padding: 11px 33px;
text-transform: uppercase;
}
.readmore > a:hover {
background: #ffa800;
color: #ffffff;
}
.readmore {
display: inline-block;
margin-bottom: 0;
margin-top: 10px;
}
.article {
margin-bottom: 45px;
position: relative;
}
.article:last-child {
margin-bottom: 0;
}
.article .post-content {
color: #727272;
font-weight: 300;
margin-top: 20px;
}
.social-sharing .btn-social {
border: 1px solid #cccccc;
border-radius: 2px;
color: #727272;
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
text-align: center;
width: 32px;
}
.social-sharing .btn-social:last-child {
margin-right: 0;
}
.social-sharing .btn-social:hover {
border-color: #ffa800;
}
#comments > h4 {
border-bottom: 1px solid #eeeeee;
margin-bottom: 30px;
margin-top: 30px;
padding: 0 0 17px;
text-transform: capitalize;
}
#comments .form-box {
margin-bottom: 0;
margin-top: 40px;
}
.pagination-bottom {
margin-top: 30px;
}
#comments .form-box .btn-default {
margin-top: 15px;
}
/**************** BRANDS ****************/
.brands {
background: #f2f2f2 none repeat scroll 0 0;
padding-top: 60px;
}
.brand-section .container {
border-top: 1px solid #ddd;
padding: 60px 0;
}
.add-info li {
color: #9f9f9f;
display: inline-block;
font-size: 0.86em;
text-transform: capitalize;
}
.add-info {
clear: both;
margin-bottom: 0;
}
.add-info li.post-created {
background: #ffa800 none repeat scroll 0 0;
color: #ffffff;
font-family: "Montserrat",sans-serif;
font-size: 15px;
height: 80px;
line-height: 27px;
margin-top: -33px;
padding: 13px 0;
position: absolute;
right: 15px;
text-align: center;
width: 66px;
}
.blog-item {
position: relative;
}
.blog-item .title {
font-family: "Poppins",sans-serif;
font-size: 1.14em;
font-weight: 400;
margin-top: 8px;
padding-bottom: 0;
}
.blog_content {
padding-top: 18px;
}
/*******FOOTER********/
footer {
font-size: 12px;
}
footer h4.title_block {
font-size: 15px;
letter-spacing: 0.05em;
line-height: 30px;
margin-bottom: 20px;
padding-bottom: 0;
text-transform: uppercase;
}
footer .footer-contact-us {
margin-bottom: 0;
}
footer .footer-contact-us label {
color: #2f2f2f;
font-weight: 400;
margin-bottom: 0;
}
footer .footer-contact-us li {
color: #8f8f8f;
padding: 4px 30px;
}
.short-information-site > p {
line-height: 26px;
margin-bottom: 0;
margin-top: 31px;
}
.find-us .divider {
display: inline-block;
font-size: 15px;
margin: 0 15px;
}
.find-us .divider a {
color: #b9b9b9;
}
.short-information-site {
padding-bottom: 30px;
position: relative;
}
.short-information-site::before {
background: #ffa800 none repeat scroll 0 0;
bottom: 0;
content: "";
display: inline-block;
height: 2px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 35px;
}
footer .social_block {
margin-top: 50px;
}
.find-us .divider a:hover {
color: #ffa800;
}
.footer-newsletter > p {
color: #8f8f8f;
display: block;
margin-bottom: 0;
padding-top: 4px;
}
footer .newsletter-block .form-inline .input-group-addon {
background: #ebebeb none repeat scroll 0 0;
border-radius: 2px;
display: inline-block;
margin-top: 20px;
min-height: 35px;
padding: 8px 0;
position: static;
width: 100%;
}
footer .newsletter-block .form-inline .input-group {
width: 100%;
}
footer .newsletter-block .input-group-field.form-control {
border-color: #e3e3e3;
border-radius: 2px;
font-size: 11px;
font-weight: 300;
min-height: 40px;
width: 100%;
}
footer .section-newsletter {
margin-top: 30px;
}
footer .newsletter-block .form-inline .input-group-addon button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #2f2f2f;
font-family: "Montserrat",sans-serif;
font-weight: 700;
letter-spacing: 0.025em;
text-transform: uppercase;
width: 100%;
}
footer .newsletter-block .form-inline .input-group-addon:hover {
background: #ffa800 none repeat scroll 0 0;
}
footer .newsletter-block .form-inline .input-group-addon:hover button {
color: #ffffff;
}
footer .footer-bottom .container {
border-top: 1px solid #ebebeb;
padding: 15px 0 20px;
}
.footer-block.main-footer {
padding: 70px 0 40px;
}
footer .copyright {
color: #5f5f5f;
font-size: 11px;
text-transform: capitalize;
}
footer .copyright a {
color: #ffa800;
}
/*********PRODUCT-LIST********/
.block .block-title {
font-size: 17px;
letter-spacing: 0.05em;
line-height: 30px;
margin-bottom: 23px;
padding-bottom: 8px;
position: relative;
text-transform: uppercase;
}
.block .block-title::before {
background: #ffa800 none repeat scroll 0 0;
bottom: 0;
content: "";
display: inline-block;
height: 2px;
left: 0;
position: absolute;
width: 35px;
}
.widget-content.block-content li:hover label {
color: #FFA800;
}
.widget-content.block-content li label {
color: #4f4f4f;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 35px;
margin-bottom: 0;
cursor: pointer;
}
.widget-content.block-content li:hover a {
color: #FFA800;
}
.widget-content.block-content li a {
color: #4f4f4f;
font-size: 12px;
}
.widget-content.block-content li {
border-bottom: 1px solid #f0f0f0;
}
.widget-content.block-content li:last-child {
border-bottom: 0 none;
}
.widget-content.block-content > ul {
margin-bottom: 0;
}
.clear {
color: #f80124;
float: right;
font-family: "Poppins",sans-serif;
font-size: 12px;
font-weight: 400;
}
.filter-block.block .block-title {
margin-bottom: 33px;
}
.sidebar-custom {
margin-bottom: 30px;
}
.banner-left-sidebar {
margin-top: 55px;
}
.banner-left-sidebar img {
max-width: 100%;
width: 100%;
}
.sidebar-custom:last-child {
margin-bottom: 0;
}
.block-content li a {
line-height: 35px;
text-transform: capitalize;
}
.block .title {
color: #ffa800;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.025em;
}
.grid-mode.products-sidebar .item {
width: 33.33%
}
.grid-mode .item {
float: left;
margin-bottom: 45px;
padding: 0 15px;
width: 25%;
transition: all 700ms ease 0s;
-moz-transition: all 700ms ease 0s;
-webkit-transition: all 700ms ease 0s;
-o-transition: all 700ms ease 0s;
-ms-transition: all 700ms ease 0s;
}
#products-list.list-mode .preview {
float: left;
padding: 0 15px;
width: 33.3333%;
}
.without-column #products-list.list-mode .preview{
width: 270px;
}
.without-column #products-list.list-mode .product-info{
width: calc(100% - 270px);
width: -moz-calc(100% - 270px);
width: -webkit-calc(100% - 270px);
width: -o-calc(100% - 270px);
width: -ms-calc(100% - 270px);
}
#products-list.list-mode .product-info {
float: left;
padding: 0 15px;
width: 66.6667%;
}
#products-list.list-mode .item {
clear: both;
display: inline-block;
float: left;
margin-bottom: 35px;
width: 100%;
}
#products-list.list-mode .product-preview .preview::before {
display: none;
}
#products-list.list-mode .products-box {
display: inline-block;
float: left;
margin-top: 28px;
}
#products-list.list-mode .products-box .list_info.hidden {
border-top: 1px solid #f2f2f2;
display: block !important;
float: left;
margin-top: 35px;
padding-top: 30px;
visibility: visible !important;
}
#products-list.list-mode .products-box .action{
display: none;
}
#products-list.list-mode .product-preview .product-btn {
float: left;
margin-left: 0;
margin-right: 15px;
opacity: 1;
position: static;
transform: none;
}
#products-list.list-mode .product-preview .product-btn {
border: 1px solid #cccccc;
color: #5d5d5d;
height: 35px;
line-height: 37px;
vertical-align: middle;
width: 35px;
}
#products-list.list-mode .product-preview .product-btn.ajax_add_to_cart_button {
color: #2f2f2f;
font-family: "Montserrat",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 35px;
margin-left: 0;
padding: 0 15px;
width: auto;
}
#products-list.list-mode .product-preview .product-btn:hover {
background: #ffa800 none repeat scroll 0 0;
border-color: #ffa800;
color: #fff;
}
#products-list.list-mode .product-preview .button-cart-wish .cart-button.product-btn, #products-list.list-mode .product-preview .button-cart-wish .wishlist.product-btn {
display: none;
}
#products-list.list-mode .product-preview .product-btn .tooltip {
display: none;
}
#products-list.list-mode .button-cart-wish {
bottom: 0;
left: auto;
right: 15px;
text-align: right;
top: auto;
width: auto;
}
#products-list.list-mode .button-cart-wish .save_to_closet {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
height: 40px;
margin: 0;
opacity: 0;
position: relative;
transition: none 0s ease 0s ;
-moz-transition: none 0s ease 0s ;
-webkit-transition: none 0s ease 0s ;
-o-transition: none 0s ease 0s ;
-ms-transition: none 0s ease 0s ;
width: 40px;
}
#products-list.list-mode .product-preview:hover .button-cart-wish .save_to_closet{
opacity: 1;
}
#products-list.list-mode .button-cart-wish .save_to_closet::before {
border-right: 55px solid #cccccc;
border-top: 55px solid rgba(0, 0, 0, 0);
bottom: 0;
content: "";
display: inline-block;
position: absolute;
right: 0;
}
#products-list.list-mode .button-cart-wish .save_to_closet span.lnr {
display: inline-block;
height: 40px;
line-height: 45px;
position: relative;
vertical-align: top;
width: 40px;
}
#products-list.list-mode .button-cart-wish .save_to_closet:hover::before {
border-right-color: #ffa800;
}
#products-list.list-mode .button-cart-wish .save_to_closet:hover {
color: #ffffff;
background: none !important;
border-color: transparent !important;
}
.button-cart-wish .contact-form {
border: 0 none;
box-shadow: none;
display: inline-block;
transform: translateY(20px);
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
-o-transform: translateY(20px);
transition: all 400ms ease 0.2s;
-moz-transition: all 400ms ease 0.2s;
-webkit-transition: all 400ms ease 0.2s;
-o-transition: all 400ms ease 0.2s;
-ms-transition: all 400ms ease 0.2s;
}
.button-cart-wish .contact-form button {
border: 0 none;
box-shadow: none;
}
.product-preview:hover .button-cart-wish .contact-form {
transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.filters-panel {
border-bottom: 1px solid #ebebeb;
display: inline-block;
margin-bottom: 25px;
padding-bottom: 20px;
width: 100%;
}
.pagination-section {
border-top: 1px solid #ebebeb;
float: left;
line-height: 40px;
margin: 0;
width: 100%;
padding: 20px 0;
}
.page-total {
float: left;
font-size: 13px;
font-weight: 400;
line-height: 30px;
margin-bottom: 0;
}
.pagination-page {
float:right;
margin: 0;
}
.pagination-page li {
border: 1px solid #e9e9e9;
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 5px;
text-align: center;
width: 30px;
}
.pagination-page li.disabled {
display: none;
}
.pagination-page li:hover,
.pagination-page li.active{
background-color: #FFA800;
border: 1px solid #FFA800;
}
.pagination-page li:hover span,
.pagination-page li:hover a,
.pagination-page li.active span{
color: #ffffff;
}
.pagination-page li span,
.pagination-page li a{
color: #8f8f8f;
}
.filters-panel .fillter-row select {
border: 1px solid #b6b6b6;
color: #45414e;
font-size: 12px;
height: 30px;
margin: 0;
min-width: 197px;
padding: 0 15px;
}
.fillter-row > label {
color: #45414e;
font-size: 13px;
font-weight: 400;
margin-right: 5px;
margin-bottom: 0;
}
.filters-panel .fillter-row::before {
content: "\f0d7";
background: #ffffff none repeat scroll 0 0;
color: #8f8f8f;
display: inline-block;
font-family: "FontAwesome",sans-serif;
font-size: 12px;
height: 28px;
line-height: 28px;
position: absolute;
right: 1px;
text-align: center;
top: 1px;
width: 30px;
}
.filters-panel .fillter-row {
position: relative;
}
.view-modes > a {
border: 1px solid #b6b6b6;
display: inline-block;
float: left;
height: 30px;
line-height: 30px;
margin-right: 5px;
text-align: center;
width: 30px;
}
.view-modes > a.active, .view-modes > a:hover {
border-color: #ffa800;
color: #fff;
background: #ffa800;
}
.view-modes {
margin-right: 20px;
}
/************RIGHT COLUMN************/
/**********ORDER**********/
.input-group-addon {
background: #ebebeb none repeat scroll 0 0;
border: medium none !important;
border-radius: 0 !important;
color: #8f8f8f;
cursor: pointer;
float: left;
font-size: 12px;
height: 20px;
line-height: 20px;
padding: 0;
position: absolute;
right: 0;
text-align: center;
width: 14px;
z-index: 3;
}
.input-group-addon:hover {
background: #ddd none repeat scroll 0 0;
}
.input-group #quantity_wanted.form-control {
border-color: #ebebeb !important;
border-right: 0 none #ebebeb !important;
display: inline-block;
float: left;
font-size: 14px;
height: 40px;
text-align: left;
width: 48px;
}
.input-group.quantity-control {
float: left;
}
.input-group-addon:last-child{
bottom: 0;
}
.input-group-addon:hover {
background: #dddddd none repeat scroll 0 0;
}
#availableCarriers_table th {
background:#FBFBFB;
border:1px solid #e5e5e5;
padding:10px;
}
ul.step {
margin-bottom: 30px;
width:100%;
overflow: hidden;
}
@media (min-width: 480px) {
ul.step {
}
}
ul.step li {
float: left;
width: 20%;
text-align: left;
border: 1px solid;
border-top-color: #cacaca;
border-bottom-color: #cacaca;
border-right-color: #cacaca;
border-left-width: 0px;
}
@media (max-width: 479px) {
ul.step li {
width: 100%;
}
}
ul.step li a,
ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
display: block;
padding: 5px 10px 6px 13px;
color: #000;
font-size: 1.15em;
line-height: 1.61;
font-weight: 500;
position: relative;
}
@media (max-width: 992px) {
ul.step li a,
ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
font-size: 1.15em;
}
}
@media (min-width: 992px) {
}
ul.step li a:focus,
ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus {
text-decoration: none;
outline: none;
}
ul.step li.first {
}
ul.step li.first span,
ul.step li.first a {
z-index: 5;
padding-left: 23px!important;
}
@media (max-width: 480px) {
ul.step li.first span,
ul.step li.first a {
padding-left: 13px!important;
}
}
ul.step li.second span, ul.step li.second a {
z-index: 4;
}
ul.step li.third span, ul.step li.third a {
z-index: 3;
}
ul.step li.four span, ul.step li.four a {
z-index: 2;
}
ul.step li.last span {
z-index: 1;
}
@media (min-width: 480px) {
ul.step li.last {
}
ul.step li.last span {
}
}
ul.step li.step_current {
font-weight: bold;
background: #00c0a5 none repeat scroll 0 0;
border-color: #00c0a5;
}
ul.step li.step_current span {
position: relative;
color:#fff;
}
@media (min-width: 992px) {
ul.step li.step_current span {
padding-left: 48px;
background: #00c0a5 none repeat scroll 0 0;
border-color: #00c0a5;
}
}
ul.step li.step_current_end {
font-weight: bold;
}
ul.step li.step_todo {
background: #D9D9D9;
border-color:#e2e2e2;
}
ul.step li.step_todo span {
display: block;
color: #555;
position: relative;
}
@media (min-width: 992px) {
ul.step li.step_todo span {
padding-left: 48px;
}
}
ul.step li.step_done {
background: #ADADAD;
border-top-color: #ADADAD;
border-bottom-color: #ADADAD;
}
ul.step li.step_done a {
}
@media (min-width: 992px) {
ul.step li.step_done a {
padding-left: 48px;
}
}
@media (min-width: 992px) {
}
@media (min-width: 992px) {
ul.step li#step_end span:after {
display: none;
}
}
ul.step li em {
font-style: normal;
}
@media (min-width: 480px) and (max-width: 767px) {
ul.step li em {
display: none;
}
}
@media (max-width: 480px) {
ul.step li.step_done {
border-bottom-color:#FFF;
}
ul.step li.step_todo {
border-top-color:#FFF;
}
}
/************** ORDER *****************/
.cart_navigation {
margin-top: 50px;
}
.table tbody > tr > td.cart_quantity {
width: 140px;
}
.cart_quantity .cart_quantity_input {
height: 40px;
width: 40px;
}
.cart_quantity .input-group-addon{
right: -5px;
}
.cart_total .price {
color: #222;
font-size: 14px;
float: none;
}
.form-control.grey {
background: none;
}
.table tbody > tr > td.cart_quantity .cart_quantity_button a {
float: left;
}
.btn.button-plus, .btn.button-minus {
color: #595959;
line-height: 36px;
border-color: #ddd;
padding: 0 10px;
}
.cart_delete a.cart_quantity_delete:hover,
a.price_discount_delete:hover{
border-color: #222;
}
#order-detail-content #cart_summary tr {
overflow: hidden;
border-bottom: 1px solid #EBEBEB;
}
#cart_summary tbody td.cart_product {
padding: 19px;
width: 137px;
}
#cart_summary tbody td.cart_product img {
border: 0;
}
#cart_summary tbody td.cart_unit .price span {
display: block;
}
#cart_summary tbody td.cart_unit .price span.price-percent-reduction {
margin: 5px auto;
display: inline-block;
}
#cart_summary tbody td.cart_unit .price span.old-price {
text-decoration: line-through;
}
#cart_summary tbody td.cart_description {
width: 430px;
}
#cart_summary tbody td.cart_description small {
color: #4f4f4f;
display: block;
font-size: 13px;
font-weight: 400;
padding: 5px 0 0;
}
#cart_summary tfoot td.text-right {
color: #333333;
}
#cart_summary tfoot td.price {
border: 0 none;
color: #4f4f4f;
float: none;
font-size: 1em;
text-align: center;
}
#cart_summary tfoot td.total_price_container span {
font: 600 16px/25px "Poppins",sans-serif;
color: #00c0a5;
border-bottom: 0;
}
#cart_summary tfoot td#total_price_container {
font: 600 16px/25px "Poppins",sans-serif;
color: #00c0a5;
}
.table tbody > tr > td.cart_unit,
.table tbody > tr > td.cart_total {
color: #4f4f4f;
font-family: "Poppins", sans-serif;
font-size: 13px;
}
#cart_summary .cart_unit .price {
float: right;
margin-bottom: 0;
font-weight: 400;
font-size: 13px;
}
#cart_summary .cart_unit .old-price {
text-decoration: line-through;
color: #979797;
font-family: "Poppins",sans-serif;
font-size: 12px;
float: left;
}
.table#cart_summary > thead > tr > th{
padding: 15px;
text-align: left;
}
.carrier_price .price {
font-family:arial;
color:#000;
font-size:1.07em;
}
#account-creation_form .account_creation .col-sm-6 .row > div {
display: inline-block;
margin: 0 15px;
}
.form-group .col-sm-offset-4.col-sm-8 #uniform-newsletter input[type="checkbox"],
.form-group .col-sm-offset-4.col-sm-8 #uniform-optin input[type="checkbox"] {
margin-left: 0;
margin-top: 6px;
vertical-align: middle;
float: left;
}
#identity .form-group .col-sm-offset-4.col-sm-8 #uniform-newsletter input[type="checkbox"],
#identity .form-group .col-sm-offset-4.col-sm-8 #uniform-optin input[type="checkbox"] {
float: left;
margin-left: -20px;
margin-top: 3px;
vertical-align: middle;
}
#authentication .checkbox {
display: inline-block;
width: 100%;
}
/************AUTHENTICATION***********/
#CustomerLoginForm > #customer_login,
#create_customer {
border: 1px solid #ebebeb;
padding: 30px;
}
@media (max-width: 767px) {
#order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr {
display: block;
}
#order-detail-content #cart_summary thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#order-detail-content #cart_summary tr {
border-bottom: 1px solid #cccccc;
overflow: hidden;
}
#order-detail-content #cart_summary td {
border: none;
position: relative;
width: 50%;
float: left;
white-space: normal;
}
#order-detail-content #cart_summary td.cart_avail {
clear: both;
}
#order-detail-content #cart_summary td.cart_quantity {
clear: both;
padding: 9px 8px 11px 18px;
}
#order-detail-content #cart_summary td.cart_delete {
width: 100%;
clear: both;
text-align: right;
}
#order-detail-content #cart_summary td.cart_delete:before {
display: inline-block;
padding-right: 8px;
position: relative;
top: -3px;
}
#order-detail-content #cart_summary td div {
display: inline;
}
#order-detail-content #cart_summary td:before {
content: attr(data-title);
display: block;
}
#order-detail-content #cart_summary tfoot td {
float: none;
width: 100%;
}
#order-detail-content #cart_summary tfoot td:before {
display: inline;
}
#order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr .price {
display: block;
float: left;
width: 50%;
}
}
@media (max-width: 768px) {
#order-detail-content #cart_summary tbody td .price {
text-align: center;
}
#order-detail-content #cart_summary tbody td.cart_description {
width: 270px;
}
}
#order-detail-content #cart_summary tbody td.cart_description .product-name {
font-size: 1em;
margin-bottom: 0;
}
.cart_voucher {
vertical-align: top !important;
}
.cart_voucher h4 {
font: 600 18px/22px "Open Sans", sans-serif;
color: #555454;
text-transform: uppercase;
padding: 7px 0 10px 0;
}
.cart_voucher .title-offers {
color: #595959;
font-weight: 400;
margin-bottom: 5px;
}
.cart_voucher fieldset .slider-product-title {
margin-bottom: 30px;
}
.cart_voucher fieldset #discount_name {
border-color: #e5e5e5;
float: left;
height: 38px;
margin-right: 11px;
width: 260px;
}
#cart_voucher.cart_voucher{
padding: 20px !important;
}
.cart_delete a {
font-size: 17px;
}
.cart_voucher #display_cart_vouchers span {
font-weight: bold;
cursor: pointer;
color: #777777;
}
.cart_voucher #display_cart_vouchers span:hover {
color: #515151;
}
.enable-multishipping {
margin: -13px 0 17px;
}
.enable-multishipping label {
font-weight: normal;
}
#HOOK_SHOPPING_CART #loyalty i {
font-size: 2em;
line-height: 2;
color: #cfcccc;
}
#order_carrier {
clear: both;
margin-top: 20px;
border: 1px solid #999999;
background: white;
}
#order_carrier .title_block {
padding: 0 15px;
height: 29px;
font-weight: bold;
line-height: 29px;
color: white;
font-weight: bold;
text-transform: uppercase;
background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;
}
#order_carrier span {
display: block;
padding: 15px;
font-weight: bold;
}
.multishipping_close_container {
text-align: center;
}
table#cart_summary .gift-icon {
color: white;
line-height: 20px;
padding: 2px 5px;
border-radius: 5px;
}
#multishipping_mode_box {
padding-top: 12px;
padding-bottom: 19px;
}
#multishipping_mode_box .title {
font-weight: bold;
color: #333333;
margin-bottom: 15px;
}
#multishipping_mode_box .description_off {
display: none;
}
#multishipping_mode_box .description_off div {
margin-bottom: 10px;
}
#multishipping_mode_box .description_off a:hover,
#multishipping_mode_box .description a:hover {
background: #f3f3f3;
border: 1px solid #cccccc;
}
#multishipping_mode_box.on .description_off {
display: block;
}
.multishipping-cart .cart_address_delivery.form-control {
width: 198px;
}
#order .address_add.submit {
margin-bottom: 20px;
}
#ordermsg {
margin-bottom: 30px;
}
#id_address_invoice.form-control,
#id_address_delivery.form-control {
width: 269px;
clear:both;
}
.addresses .select label,
.addresses .selector,
.addresses .addresses .address_select {
clear: both;
float: left;
}
.addresses .waitimage {
display: none;
float: left;
width: 24px;
height: 24px;
background-image: url("../../../img/loader.gif");
background-repeat: no-repeat;
position: relative;
bottom: -2px;
left: 10px;
}
.addresses .checkbox.addressesAreEquals {
clear: both;
float: left;
margin: 15px 0 25px 0;
}
#order .delivery_option > div,
#order-opc .delivery_option > div {
display: block;
margin-bottom: 20px;
font-weight: normal;
}
#order .delivery_option > div > table,
#order-opc .delivery_option > div > table {
margin-bottom: 0;
}
#order .delivery_option > div > table.resume,
#order-opc .delivery_option > div > table.resume {
height: 53px;
}
#order .delivery_option > div > table.resume.delivery_option_carrier,
#order-opc .delivery_option > div > table.resume.delivery_option_carrier {
margin-top: 10px;
width: 100%;
background: #5192f3;
color: white;
border: 1px solid #4b80c3;
font-weight: bold;
}
#order .delivery_option > div > table.resume.delivery_option_carrier td,
#order-opc .delivery_option > div > table.resume.delivery_option_carrier td {
padding: 8px 11px 7px 11px;
}
#order .delivery_option > div > table.resume.delivery_option_carrier td i,
#order-opc .delivery_option > div > table.resume.delivery_option_carrier td i {
font-size: 1.53em;
margin-right: 7px;
vertical-align: -2px;
}
#order .delivery_option > div > table.resume td.delivery_option_radio,
#order-opc .delivery_option > div > table.resume td.delivery_option_radio {
width: 54px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
#order .delivery_option > div > table.resume td.delivery_option_logo,
#order-opc .delivery_option > div > table.resume td.delivery_option_logo {
width: 97px;
padding-left: 21px;
}
#order .delivery_option > div > table.resume td.delivery_option_price,
#order-opc .delivery_option > div > table.resume td.delivery_option_price {
width: 162px;
}
#opc_payment_methods-content > div {
margin-top: 20px;
}
.date-select-form > div {
display: inline-block;
margin-right: 30px;
}
h3.page-subheading {
color: #000000;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.login-form {
border: 1px solid #dddddd;
padding: 20px;
}
#opc_account_choice .title_block {
color: #000;
}
.form-control{
height: 40px;
font-size:1em;
}
.form-group.date-select .row > div {
display: inline-block;
margin: 10px 0;
padding: 0;
}
.form-group label {
color: #696969;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.025em;
margin-bottom: 5px;
vertical-align: middle;
}
.form-group label span {
color: #ff0000;
margin-left: 5px;
}
.form-box .btn-default {
letter-spacing: 0.05em;
min-width: 140px;
}
.submit.opc-add-save button {
margin-bottom: 30px;
}
.checkbox #uniform-addressesAreEquals input[type="checkbox"]{
margin-left: 0;
}
.delivery_option_radio .radio input[type="radio"],
.delivery_option_radio .radio-inline input[type="radio"]{
position: inherit;
}
#carrier_area.opc-main-block {
margin-bottom: 30px;
}
#opc_new_account.opc-main-block {
margin-top: 60px;
}
.page-subheading.top-indent {
margin-top: 30px;
}
.required.gender-line label {
margin-right: 20px;
}
.required_gender .radio {
margin: 0;
}
.required.gender-line.required_gender {
margin-bottom: 15px;
}
.order_carrier_content {
line-height: normal;
}
.order_carrier_content .carrier_title {
font-weight: 400;
color: #000;
}
.order_carrier_content .checkbox input {
margin-left: 0;
}
.order_carrier_content .delivery_options_address .carrier_title {
margin-bottom: 17px;
}
.order_carrier_content + div {
padding-bottom: 15px;
}
#carrierTable {
border: 1px solid #999999;
border-bottom: none;
background: white;
}
#carrierTable tbody {
border-bottom: 1px solid #999999;
}
#carrierTable th {
padding: 0 15px;
height: 29px;
font-weight: bold;
line-height: 29px;
color: white;
text-transform: uppercase;
background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;
}
#carrierTable td {
padding: 15px;
font-weight: bold;
border-right: 1px solid #e9e9e9;
}
#carrierTable td.carrier_price {
border: none;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"], .radio-inline input[type="radio"]{
margin-top: 6px;
}
/********MANUFACTURERS********/
/********COMPARISON*********/
#product_comparison .product-info .title{
padding-bottom: 10px;
margin-bottom: 5px;
}
.comparison_infos .remove {
border-bottom: 1px solid #ebebeb;
margin: 0 -10px 11px;
padding-bottom: 10px;
}
.comparison_infos .product-preview .product-btn.quick-view {
transform: translateY(255%);
-moz-transform: translateY(255%);
-webkit-transform: translateY(255%);
-o-transform: translateY(255%);
}
.comparison_infos .product-preview:hover .product-btn.quick-view{
transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
}
.quickview-box .thumb-carousel img {
display: inline;
max-width: 100%;
width: auto;
}
.quickview-box .thumb-carousel a {
display: block;
text-align: center;
}
.member-info {
text-align: center;
}
.member-info img {
display: inline;
margin-bottom: 15px;
}
.contact-box .contact_address {
margin-top: 45px;
}
.contact_address .fa {
margin-right: 10px;
color: #00c0a5;
}
#mywishlist > #block-order-detail {
margin-top: 50px;
}
.display_list > li {
margin-bottom: 15px;
}
.product_button_action .btn-default {
display: inline-block;
float: left;
font-size: 14px;
height: 30px;
line-height: 28px;
margin: 0 5px;
padding: 0;
width: 30px;
}
.main-page-indent {
margin-top: 20px;
}
.footer_links {
margin-top: 20px;
}
.footer_links > li {
display: inline-block;
}
.quickview-box .overlay, .ajax-success-modal .overlay {
background: rgba(45, 45, 50, 0.8) none repeat scroll 0 0;
height: 100%;
position: fixed;
width: 100%;
}
.ajax-success-modal .content {
background: #ffffff none repeat scroll 0 0;
bottom: auto;
left: 50%;
margin-top: -100px;
min-height: 200px;
padding: 45px 40px 35px;
position: fixed;
top: 50% !important;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 50%;
}
.ajax-success-modal .actions {
border-top: 0 none;
}
.ajax-success-modal .ajax-left {
float: left;
margin-bottom: 20px;
margin-right: 20px;
}
.ajax-success-modal .ajax-right {
margin-left: 96px;
}
.ajax-product-title {
margin-bottom: 9px;
text-align: left;
color: #000;
display: block;
margin-bottom: 6px;
text-decoration: none !important;
}
.success-message {
background: #f5f8f3;
border-bottom: 1px solid #dde8d6;
color: #5f943c;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
padding: 0 10px 0 40px;
}
.close-window,
.close-modal {
background: #000 none repeat scroll 0 0;
color: #fff;
height: 30px;
line-height: 30px;
position: absolute;
right: -15px;
text-align: center;
top: -15px;
width: 30px;
z-index: 10000;
}
.ajax-error-modal {
bottom: auto;
left: 0;
overflow: hidden;
padding: 10px 20px;
position: fixed;
right: auto;
text-align: center;
top: 50%;
width: 100%;
}
.ajax-error-modal .modal-inner {
background: #e95144 none repeat scroll 0 0;
color: #fff;
display: inline-block;
padding: 10px 20px;
}
.loading-modal {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
bottom: auto;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
height: 60px;
left: 50%;
margin-left: -28px;
margin-top: -28px;
overflow: hidden;
padding: 10px;
position: fixed;
right: auto;
text-align: center;
text-indent: -999em;
top: 50% !important;
width: 60px;
background:#fff;
}
.cssload-container {
width: 100%;
height: 40px;
text-align: center;
}
.cssload-double-torus {
width: 40px;
height: 40px;
margin: 0 auto;
border: 4px double;
border-radius: 50%;
border-color: transparent rgba(0,0,0,0.9) rgba(0,0,0,0.9);
animation: cssload-spin 690ms infinite linear;
-o-animation: cssload-spin 690ms infinite linear;
-ms-animation: cssload-spin 690ms infinite linear;
-webkit-animation: cssload-spin 690ms infinite linear;
-moz-animation: cssload-spin 690ms infinite linear;
}
@keyframes cssload-spin {
100%{ transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes cssload-spin {
100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes cssload-spin {
100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes cssload-spin {
100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes cssload-spin {
100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
.quickview-box {
bottom: 0;
display: none;
left: 0;
outline: 0 none;
overflow-x: auto;
overflow-y: scroll;
position: fixed;
right: 0;
top: 0;
z-index: 2002;
}
.quickview-box .total-price {
display: none;
}
.quickview-box .content {
background: #fff none repeat scroll 0 0;
margin: 50px auto;
padding: 30px;
position: relative;
width: 1030px;
}
.quickview-box .quantity-cart label {
display: none;
}
.quickview-box .product-shop .product-description{
margin-bottom: 0;
}
.variants .selector-wrapper {
float:left;
width:50%;
}
.variants .selector-wrapper label {
margin-right:15px;
}
.single-option-selector {
height:40px;
}
.quantity-cart {
margin:30px 0px;
float:left;
width:100%;
}
.quantity-cart label {
float:left;
margin-right:30px;
margin-bottom:0px;
line-height:40px;
}
.quantity-cart .quantity {
border:1px solid #ebebeb !important;
display: inline-block;
float: left;
font-size: 14px;
height: 40px;
text-align: left;
width: 60px;
text-align:center;
background: none;
}
.quantity-cart .dec.button,
.quantity-cart .inc.button {
display:inline-block;
float:left;
height:40px;
border:1px solid #ebebeb!important;
line-height:40px;
width:28px;
text-align:center;
border:1px solid #ebebeb !important;
}
.quantity-cart .dec.button {
border-right:0px!important;
}
.quantity-cart .inc.button{
border-left: 0 !important;
}
.total-price label,
.total-price span {
font-weight:600;
margin-right:30px;
}
.content-aside ul li input{
display: none;
}
.color input {
display:none;
}
#tab-review .spr-header-title{
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 400;
}
#tab-review .spr-container {
border: 0 none;
padding: 0 !important;
}
.cart-button .icon::before {
font-family: "linea-ecommerce-10" !important;
}
.quantity-cart .cart-button .icon {
font-size: 16px;
margin-right: 5px;
}
.quantity-cart .wishlist-btn.product-btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #e6e6e6;
font-size: 20px;
height: 40px;
line-height: 45px;
width: 40px;
}
.quantity-cart .wishlist-btn.product-btn:hover {
background: #ffa800 none repeat scroll 0 0;
border-color: #ffa800;
color: #ffffff;
}
.spr-form-label {
font-size:16px!important;
color:#000;
}
input.spr-form-input,
textarea.spr-form-input {
border: 1px solid #d3d3d3;
line-height: normal;
padding: 0 10px;
height: 34px;
}
textarea.spr-form-input{
height: auto;
}
.spr-container .spr-form-title {
color: #474747;
font-size: 21px;
line-height: 24px;
margin-bottom: 40px;
margin-top: 50px;
}
.spr-container .spr-review-reportreview {
color: #a4a4a4;
float: right;
font-size: 13px;
line-height: 16px;
}
.spr-form-actions .spr-button-primary {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
color: #5d5d5d;
font-family: "Montserrat",sans-serif;
font-size: 13px;
font-weight: 500;
height: 40px;
letter-spacing: 0.05em;
padding: 0 40px;
text-transform: uppercase;
}
.spr-form-actions .spr-button-primary:hover {
background:#ffa800;
color:#fff;
border-color: #FFA800;
}
.spr-container .spr-review-header-byline {
color: #929292;
display: inline-block;
font-size: 13px;
font-style: normal;
margin: 0 0 1em;
opacity: 1;
}
.spr-container .spr-review-header-byline strong {
font-weight: 400;
}
.spr-container .spr-review-content-body {
color: #707070;
font-size: 14px;
line-height: 21px;
margin: 0;
padding: 0;
}
.contact-form .form-group {
float:left;
width:100%;
}
.contact-form label {
color: #6f6f6f;
font-size: 13px;
font-weight: 400;
text-align: left;
}
.contact .right.btn-default.btn-submit {
letter-spacing: 0.2em;
min-width: 220px;
}
.contact-form .form-group.submit {
margin-top: 15px;
}
.contact-left-column .title {
font-size: 17px;
letter-spacing: 0.05em;
padding-bottom: 30px;
text-transform: uppercase;
}
.contact-right .title {
border-bottom: 1px solid #ebebeb;
display: block;
font-family: "Poppins",sans-serif;
font-size: 18px;
letter-spacing: 0.025em;
margin-bottom: 20px;
padding-bottom: 0;
text-transform: uppercase;
}
.contact-right .title span {
display: inline-block;
padding-bottom: 7px;
position: relative;
}
.contact-right .title span::before {
background: #ffa800 none repeat scroll 0 0;
bottom: -1px;
content: "";
display: inline-block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.contact-right {
margin-top: 20px;
}
.contact-block > li label {
color: #2f2f2f;
font-weight: 400;
margin-bottom: 0;
}
.contact-block > li {
color: #8f8f8f;
font-size: 12px;
font-weight: 400;
padding: 3px 0;
}
.contact-left-column .find-us .divider a {
border-radius: 50%;
color: #ffffff;
display: block;
font-size: 13px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.contact-left-column .find-us .divider.twitter a {
background: #1da1f2 none repeat scroll 0 0;
}
.contact-left-column .find-us .divider.facebook a {
background: #3b5998 none repeat scroll 0 0;
}
.contact-left-column .find-us .divider.google-plus a {
background: #9e0b0f none repeat scroll 0 0;
}
.contact-left-column .find-us .divider.instagram a {
background: #3897f0 none repeat scroll 0 0;
}
.contact-left-column .find-us .divider.youtube a {
background: #d62424 none repeat scroll 0 0;
}
.contact-left-column .find-us .divider.vimeo a {
background: #00b3ec none repeat scroll 0 0;
}
.contact-left-column .find-us .divider {
float: left;
margin: 0 10px 0 0;
}
.contact-left-column .social_block {
display: inline-block;
margin-top: 50px;
width: 100%;
}
.form-box {
margin-bottom:30px;
}
.form-box form {
}
.form-box form h2 {
border-bottom: 0 none;
color: #ffa800;
font-size: 17px;
font-weight: 700;
letter-spacing: 0.05em;
margin: 0 0 12px;
text-align: left;
text-transform: uppercase;
}
h1.page-title {
color: #474747;
font-size: 18px;
margin-bottom: 30px;
text-transform: uppercase;
}
.page-title h1 {
color: #474747;
font-size: 14px;
line-height: 1.42857;
padding-bottom: 0;
text-transform: uppercase;
}
h3.addresses-title {
color: #474747;
font-size: 14px;
text-transform: uppercase;
}
.cart-row {
border-bottom:0;
padding:20px 0px;
position: relative;
}
.cart-row::before {
background: #ebebeb none repeat scroll 0 0;
bottom: 0;
content: "";
display: inline-block;
height: 1px;
left: 15px;
position: absolute;
width: calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: -o-calc(100% - 30px);
width: -ms-calc(100% - 30px);
}
.cart-row:last-child::before{
display: none;
}
.cart-row .h4 {
color: #505050;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.025em;
margin: 0;
text-transform: capitalize;
}
.cart-row label, .cart-row small {
font-size: 12px;
letter-spacing: 0.025em;
}
.cart-row small {
color: #ffa800;
}
.h5.total_price {
color: #414141;
font-size: 18px;
margin: 0;
}
.cart__subtotal-title {
color: #000000;
float: left;
font-size: 21px;
font-weight: 600;
text-transform: uppercase;
}
.h5.cart__subtotal {
color: #ffa800;
font-size: 18px;
font-weight: 600;
}
.cart-row:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.cart-row .cart-image img {
margin-right: 20px;
max-width: 100%;
}
.cart-row .cart-btn {
margin-bottom: 0;
margin-top: 40px;
}
.cart-image {
float: left;
margin-right: 10px;
}
.cart-image img {
max-width:100px;
}
.cart-quantity {
line-height:40px;
padding:0px 10px;
}
.cart-row .cart-image {
width: 135px;
margin-right: 30px;
}
.cart-row .h5 {
font-family: "Poppins",sans-serif;
font-size: 17px;
font-weight: 500;
letter-spacing: 0.025em;
margin: 0;
display: block;
}
.cart-row .h5.total_price {
font-size: 15px;
}
.cart-row .cart-quantity{
border: 0;
}
.cart-row .cart-remove {
background: #ebebeb none repeat scroll 0 0;
border-radius: 50%;
display: inline-block;
float: left;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 300;
height: 30px;
line-height: 30px;
margin-right: 55px;
margin-top: 65px;
text-align: center;
width: 30px;
}
.page-not-found {
font-family: "Montserrat",sans-serif;
padding: 20px 0 70px;
text-align: center;
}
.page-not-found h1 {
color: #2f2f2f;
font-size: 200px;
letter-spacing: 0.05em;
line-height: normal;
padding-bottom: 0;
}
.page-not-found > span {
display: block;
font-size: 24px;
letter-spacing: 0.01em;
margin-bottom: 45px;
}
.page-not-found > p {
font-family: "Poppins",sans-serif;
font-size: 18px;
letter-spacing: 0.02em;
margin-bottom: 0;
}
.page-not-found > p a {
color: #ffa800;
}
/******* CUSTOM WORK ***********/
.new-arrivals {
margin-top: 75px;
}
.addon-title h3 {
color: #2f2f2f;
font-family: "Montserrat",sans-serif;
font-size: 17px;
font-weight: 700;
letter-spacing: 0.5px;
padding-bottom: 20px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.icon-block {
margin-bottom: 20px;
text-align: center;
color:#ffa800;
}
.icon-block i{
padding: 0 2px;
}
.addon-title h3::before {
color: #ffa800;
content: "L";
font-family: "Playfair Display",serif;
font-size: 60px;
font-style: italic;
font-weight: 600;
left: 0;
opacity: 0.25;
position: absolute;
right: 0;
text-align: center;
top: -25px;
width: 100%;
z-index: 1;
}
.top-header {
background: #ffa800 none repeat scroll 0 0;
}
.top-header .addon-box {
display: inline-block;
padding: 0 15px;
position: relative;
}
.top-header .addon-box:first-child {
padding-left: 0;
}
.top-header .addon-box:last-child {
padding-right: 0;
}
.top-header .addon-box:last-child::after {
content: none;
}
.top-header .addon-box::after {
border-right: 1px dotted #fff;
content: "";
height: 10px;
position: absolute;
right: 0;
top: calc(50% - 5px);
}
.top-header .btn-xs {
color: #fff;
display: inline-block;
font-size: 11px;
line-height: 35px;
padding: 0;
}
.top-header .dropdown-menu {
border-radius: 0;
left: 0;
margin: 0;
min-width: 95px;
padding: 15px 20px 12px;
top: 100%;
}
.top-header .dropdown-menu li a {
color: #2f2f2f;
font-size: 12px;
font-weight: 400;
line-height: 25px;
padding: 0;
text-transform: uppercase;
}
.top-header .dropdown-menu li a:hover {
color: #ffa800;
}
.social_block ul.find-us {
margin-bottom: 0;
text-align: right;
}
.social_block ul.find-us li {
display: inline-block;
margin-right: 20px;
}
.social_block ul.find-us li:last-child {
margin-right: 0;
}
.social_block ul.find-us li a {
display: inline-block;
text-align: center;
}
.social_block ul.find-us li a .fa {
color: #fff;
font-size: 13px;
line-height: 35px;
}
.social_block ul.find-us li a:hover .fa {
color: #fff;
}
.navbar-logo {
padding-top: 25px;
}
.jms-megamenu .nav > li:first-child > a {
padding-left: 0;
}
.jms-megamenu .nav > li > a {
color: #2f2f2f !important;
line-height: 112px;
}
.jms-megamenu .nav > li > a:hover {
color: #ffa800 !important;
}
.jms-megamenu .nav > li .icon-hot {
top: 32px !important;
}
.jms-megamenu .nav > li.mega-dropdown .dropdown-menu {
left: calc(50% - 50px);
}
.jms-megamenu .nav > li.homepage-dropdown > .dropdown-menu {
left: calc(50% + 85px);
}
.header-right {
padding-left: 0;
text-align: right;
}
.header-right .addon-box {
display: inline-block;
margin-left: 37px;
}
.header-right .addon-box:first-child {
margin-left: 0;
}
.header-right .btn-xs {
display: block;
height: 112px;
padding: 0;
}
.header-right .lnr {
color: #2f2f2f;
font-size: 20px;
line-height: 112px;
}
.header-right .dropdown-menu {
line-height: 24px;
margin: 0;
}
.header-right .dropdown-menu .btn-xs {
height: auto;
line-height: 24px;
}
#cart_block > a {
height: 112px;
line-height: 119px;
}
#cart_block .lnr {
line-height: 0;
}
#cart_block .ajax_cart_quantity {
bottom: 43px;
right: -14px;
}
#cart_block .shoppingcart-box {
left: 50%;
transform: translateX(-50%);
}
.fs-pager-wrapper a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: 2px solid #fff;
height: 12px !important;
margin: 0 5px;
transform: rotate(45deg);
width: 12px !important;
}
.fs-pager-wrapper .active {
background: #fff none repeat scroll 0 0 !important;
}
.slide-jewelry .montserrat_bold::after {
content: none !important;
}
.slide-jewelry .button-slide a {
background: #ffa800 none repeat scroll 0 0 !important;
color: #fff;
}
.banner-section .jms-banner {
background: #f3f3f3 none repeat scroll 0 0;
}
.banner-section .jms-banner > a {
float: right;
position: relative;
width: 50%;
}
.banner-section .jms-banner > a::after {
border-bottom: 6px solid transparent;
border-left: 7px solid #f3f3f3;
border-top: 6px solid transparent;
content: "";
left: 0;
position: absolute;
top: calc(50% - 6px);
z-index: 1;
}
.banner-section .jms-banner:hover img {
transform: none;
}
.wrap-flex {
align-items: center;
display: flex;
height: 100%;
position: absolute;
width: 100%;
}
.banner-section .jms-banner .text {
color: #4f4f4f;
text-align: center;
width: 50%;
padding: 0 15px;
}
.banner-section .jms-banner .text a {
color: #ffa800;
font-family: "Montserrat",sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.banner-section .jms-banner em {
font-family: "Playfair Display",sans-serif;
font-size: 14px;
}
.banner-section .jms-banner h4 {
font-size: 17px;
font-weight: 400;
margin-top: 10px;
padding-bottom: 13px;
text-transform: uppercase;
}
.new-arrivals .addon-title h3::before {
content: "N";
}
.service-section {
margin-top: 68px;
min-height: 460px;
padding-top: 166px;
position: relative;
}
.service-section .feature-box {
background: #fff none repeat scroll 0 0;
height: 175px;
position: relative;
z-index: 2;
text-align: center;
padding: 0 15px;
}
.service-section .feature-box::before {
background: #ffa800 none repeat scroll 0 0;
content: "";
height: 64px;
left: calc(50% - 32px);
position: absolute;
top: -32px;
transform: rotate(45deg);
width: 64px;
z-index: 1;
}
.service-section .feature-box .lnr {
color: #fff;
display: block;
font-size: 30px;
position: relative;
top: -15px;
z-index: 2;
}
.service-section .feature-box h4 {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
margin: 47px auto 10px;
text-transform: uppercase;
}
.service-section .feature-box p {
color: #6f6f6f;
font-size: 14px;
font-weight: 300;
}
.banner-section-2 .jms-banner .wrap-flex {
padding: 0 20px;
position: absolute;
text-align: center;
}
.banner-section-2 .jms-banner .text a {
color: #ffa800;
font-family: "Montserrat",sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.5px;
text-decoration: underline;
text-transform: uppercase;
}
.banner-section-2 .jms-banner.bottom .diamond {
background: #40cbff none repeat scroll 0 0;
}
.banner-section-2 .jms-banner .diamond {
background: #ffa800 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 12px;
font-weight: 700;
height: 40px;
line-height: 40px;
margin-bottom: 14px;
text-align: center;
text-transform: uppercase;
transform: rotate(45deg);
width: 40px;
}
.banner-section-2 .jms-banner .diamond span {
display: inline-block;
transform: rotate(-45deg);
}
.banner-section-2 .jms-banner p {
font-family: "Playfair Display",sans-serif;
font-size: 15px;
font-style: italic;
margin-bottom: 12px;
}
.banner-section-2 .jms-banner h4 {
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.banner-section-2 .jms-banner.top {
margin-bottom: 30px;
}
.banner-section-2 .jms-banner.top .text {
right: 20px;
top: 50px;
}
.banner-section-2 .jms-banner.bottom .text {
left: 10px;
top: 50px;
}
.banner-section-2 .jms-banner.right .text {
right: 50px;
top: 160px;
}
.testimonial-section .owl-controls {
right: 100px;
top: -5px;
width: auto;
}
.testimonial-section .owl-controls .owl-dots > div {
display: block;
height: 16px;
}
.testimonial-section .owl-controls .owl-dots > div.active span {
background: #ffa800 none repeat scroll 0 0;
border: medium none transparent;
}
.testimonial-section .owl-controls .owl-dots span {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #999;
border-radius: 0;
height: 8px;
transform: rotate(45deg);
width: 8px;
}
.testimonial-author {
border-right: 1px solid #f06292;
color: #4f4f4f;
float: left;
font-size: 15px;
font-weight: 600;
margin-right: 50px;
padding: 0 55px 0 135px;
}
.testimonial-author span {
color: #9f9f9f;
font-size: 12px;
font-weight: 400;
}
.testimonial-comment {
font-size: 12px;
padding-right: 240px;
}
.featured-products .addon-title h3::before {
content: "F";
}
.blog-title, .blog-updates {
background: #f2f2f2 none repeat scroll 0 0;
}
.blog-title {
padding-top: 75px;
}
.blog-title .addon-title h3::before {
content: "B";
}
.title-blog .addon-title::before {
content: "B";
}
.blog-updates .post-created {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent transparent #ffa800;
border-image: none;
border-style: solid;
border-width: 60px;
display: inline-block;
height: 0;
position: relative;
top: -60px;
width: 0;
}
.blog-updates .post-created::after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #fff transparent transparent;
border-image: none;
border-style: solid;
border-width: 60px;
content: "";
height: 0;
left: -60px;
position: absolute;
top: 60px;
width: 0;
}
.blog-updates .post-created span {
color: #fff;
font-family: "Montserrat",sans-serif;
font-size: 18px;
font-weight: 400;
}
.blog-updates .post-created span:first-child {
left: -15px;
position: absolute;
top: 24px;
}
.blog-updates .post-created span:last-child {
color: #ffa800;
font-size: 24px;
left: -13px;
position: absolute;
top: 70px;
z-index: 2;
}
.blog-updates .item:nth-child(2) {
margin: 35px auto;
}
.blog-updates .post-info h4 a {
color: #ffa800;
font-family: "Poppins",sans-serif;
font-size: 16px;
font-weight: 400;
}
.blog-updates .post-info .post-meta li {
color: #9f9f9f;
display: inline-block;
font-size: 12px;
}
.blog-updates .post-info .post-meta .post-category span {
color: #9f9f9f;
}
.blog-updates .post-info {
float: right;
margin: 0;
padding-left: 30px;
width: calc(100% - 120px);
}
.blog-updates .post-info .post-intro p {
color: #6f6f6f;
font-size: 12px;
line-height: 27px;
}
.banner-3 .text {
color: #fff;
left: 0;
padding-left: 30px;
position: absolute;
text-align: left;
top: calc(50% - 32.5px);
width: 100%;
}
.banner-3 .text i {
font-family: "Playfair Display",sans-serif;
font-size: 18px;
}
.banner-3 .text h4 {
font-size: 20px;
letter-spacing: 1px;
margin-top: 15px;
text-transform: uppercase;
}
.brand {
background: #f2f2f2 none repeat scroll 0 0;
padding-top: 60px;
}
.brand .container {
border-top: 1px solid #ddd;
padding: 60px 0;
}
.newsletter-section {
padding: 75px 0 0;
text-align: center;
}
#newsletter_block_left h4 {
font-size: 17px;
letter-spacing: 0.5px;
position: relative;
text-align: center;
text-transform: uppercase;
}
#newsletter_block_left h4::before {
color: #ffa800;
content: "N";
font-family: "Playfair Display",serif;
font-size: 60px;
font-style: italic;
font-weight: 600;
left: 0;
opacity: 0.25;
position: absolute;
right: 0;
text-align: center;
top: -25px;
width: 100%;
z-index: 1;
}
#newsletter_block_left h4::after {
background: rgba(0, 0, 0, 0) url("../img/demo/jewelry/diamond.png") no-repeat scroll center center;
bottom: -30px;
content: "";
height: 16px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 63px;
}
#newsletter_block_left p {
color: #9f9f9f;
font-size: 12px;
margin-bottom: 30px;
}
#newsletter_block_left .form-inline {
text-align: center;
}
#newsletter_block_left .form-group {
display: inline-block;
float: none;
margin: 0 auto;
position: relative;
width: 570px;
}
#newsletter_block_left input[type="email"] {
background: #fff none repeat scroll 0 0;
border: 1px solid #ebebeb;
border-radius: 0;
color: #b0b0b0;
font-size: 11px;
width: 100%;
height: 40px;
}
#newsletter_block_left button {
background: #ebebeb none repeat scroll 0 0;
border-radius: 0;
color: #2f2f2f;
font-size: 12px;
height: 40px;
letter-spacing: 0.5px;
position: absolute;
right: 0;
top: 0;
}
footer {
font-size: 12px;
}
.footer {
color: #8f8f8f;
padding: 75px 0 20px;
margin-top: 75px;
}
.footer .addon-title h3 {
color: #cecece;
font-size: 15px;
margin-bottom: 28px;
padding-left: 25px;
text-align: left;
}
.footer .addon-title h3::before {
background-image: url("double-rectangle.png");
content: "";
height: 13px;
opacity: 1;
top: 2px;
width: 19px;
}
.footer .addon-title h3::after {
content: none;
}
.footer a {
color: #8f8f8f;
}
.footer a:hover {
color: #ffa800;
}
.footer .contact-info ul li {
line-height: 26px;
padding-bottom: 13px;
}
.footer .contact-info ul li:first-child {
padding-top: 5px;
}
.footer .contact-info ul li label {
color: #fff;
margin: 0;
}
.footer ul.list_links {
list-style: outside none square;
-webkit-list-style: outside none square;
margin: 0;
padding: 0 15px;
}
.footer ul.list_links li {
font-size: 8px;
padding-bottom: 7px;
}
.footer ul.list_links li a {
font-size: 12px;
padding-left: 5px;
}
.footer ul.list_img li {
display: inline-block;
float: left;
height: 83px;
margin: 0 10px 10px 0;
overflow: hidden;
width: 83px;
}
.footer ul.list_img li:nth-child(3n+3) {
margin-right: 0;
}
.footer ul.list_img li img {
margin-left: -20px;
transform: scale(1.05, 1.05);
transition: all 250ms ease-in-out 0ms;
}
.footer ul.list_img li:hover img {
margin: 0;
}
.footer-bottom {
padding-top: 55px;
text-align: center;
}
.payment-logo > img {
margin-bottom: 18px;
}
.copyright {
color: #7f7f7f;
}
.copyright a {
color: #ffa800;
}
.copyright p {
margin-bottom: 0;
padding: 18px 0;
}
ul.payment_logo {
margin-bottom: 0;
text-align: center;
}
.jms-row.banner-section {
margin-top: 75px;
}
.jms-banner {
overflow: hidden;
position: relative;
}
.home-banner-item-1 .box-1 {
margin-bottom: 30px;
}
.banner-section-2 .box-1 .wrap-flex {
justify-content: end;
justify-content: flex-end;
right: 20px;
top: 0;
}
.banner-section-2 .box-2 .wrap-flex {
left: 10px;
top: 0;
}
.banner-section-2 .home-banner-item-2 .box-1 .wrap-flex {
right: 50px;
top: 0;
}
.m-top{
margin-top: 75px;
}
.testimonials-carousel {
height: 160px;
padding-top: 57px;
}
.testimonial-author {
border-right: 1px solid #f06292;
color: #fff;
float: left;
font-size: 15px;
font-weight: 600;
margin-right: 50px;
padding: 0 55px 0 135px;
}
.testimonial-comment {
font-size: 12px;
padding-right: 240px;
}
.testimonials-content p{
margin: 0;
}
.testimonials-box {
color:#fff;
}
.blog-updates {
padding-bottom: 50px;
}
.blog-carousel {
padding-top:50px;
}
.product-preview {
padding-top: 25px;
}
/* --------------------------- Popup Newsletter Starts------------------------------ */
#tinymce #popup-newsletter,
#tinymce #popup-newsletter .popupnewsletter { display:block !important; }
#popup-newsletter { display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:99999; }
#popup-newsletter .popup-overlay { background: rgba(45,45,50,0.6); height:100%; position:absolute; width:100%; }
#popup-newsletter .popupnewsletter { background-color: #fff;
display:none;
min-height:400px;
margin:0 auto;
position:relative;
top:50%;
width: 600px;
padding: 37px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#popup-newsletter .newsletter-popup .window-background { opacity: 0.8; filter:alpha(opacity=80);}
#popup-newsletter .newsletter-popup .newsletter-content .btn.close {
padding: 0;
font-size: 29px;
line-height: 40px;
position: absolute;
right: 15px;
top: 15px;
z-index: 9;
border: 0;
color: #333;
text-shadow: 0 0 0 #fff;
cursor: pointer;
filter: alpha(opacity=100);
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#popup-newsletter .newsletter-popup .newsletter-content .btn.close:hover,
.close-window:hover,
.close-modal:hover { color:{{ settings.body_link_color_hover }}; }
#popup-newsletter .newsletter-popup .newsletter-content .title {
position: relative;
letter-spacing: 0.05em;
font-size: 21px;
line-height: 1.1em;
padding-bottom: 15px;
margin-bottom: 0;
}
#popup-newsletter .logo-newsletter {
margin-bottom: 47px;
margin-top: 30px;
}
#popup-newsletter .newsletter-popup .newsletter-content .sub-title { line-height: 25px; margin-bottom: 20px; letter-spacing: 0.05em; color: #555555; }
#popup-newsletter .newsletter-popup .newsletter-content .message {clear: both; margin-bottom: 0px; letter-spacing: 0.02em; font-size: 11px; font-weight: 700; text-transform: uppercase; line-height: 20px; }
#popup-newsletter .newsletter-popup {
text-align: center;
}
#popup-newsletter .newsletter-popup #email-subscibe .input-group {
display: inherit;
}
/* MAIL CHIMP FORM INPUTS ---------------------------------------------------------- */
#mce-EMAIL { border:1px solid #000; color:#333; font:11px arial, sans-serif; height:11px; margin:0 !important; padding:8px !important; width:217px; }
#email-subscibe { overflow: hidden; padding: 27px 0 27px 0;}
#mc_embed_signup { clear:left; overflow: hidden; }
#mc_embed_signup form { display:inline !important; padding:0 !important; text-align:center !important; }
.popupnewsletter #mc_embed_signup input.input-group-field {
display: inline-block;
background: none;
height: 60px;
border: 1px solid #e5e5e5;
padding: 2.3% 2.5%;
font-size: 18px;
line-height: 1.2em;
color: #777777;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
float: left;
width: 100%;
margin-bottom: 20px;
}
.popupnewsletter #mc_embed_signup button{float: right;margin-left: -3px; border: none; background: none; padding: 0;}
.popupnewsletter #mc_embed_signup .input-group-btn .btn {
line-height: 60px;
display: block;
margin: auto;
height: 60px;
transition: all 0.3s ease-in-out 0s;
font-size: 18px;
letter-spacing: 1px;
font-weight: 500;
width: 150px;
padding: 0 !important;
}
.popupnewsletter #mc_embed_signup .input-group-btn .btn:hover{background:#333333; color:#fff;}
.popupnewsletter #mc_embed_signup .input-group-btn {
text-align: center;
}
.popupnewsletter .sub-title2 {
font-size: 24px;
padding-bottom: 7px;
font-weight: lighter;
margin: 0 0 13.5px;
color:{{ settings.body_link_color_hover }};
}
.modal-bg-image {
position: absolute;
z-index: -1;
width: 70%;
right: 0;
bottom: 0;
}
.popup-newsletter-input #EMAIL {
border: none;
border-bottom: 1px solid #ccc !important;
text-align: center;
width: 65%;
margin: 0px auto;
}
#sub-popup {
float: none !important;
padding: 8px !important;
background: #af5d5d !important;
margin-top: 10px;
color: #fff
}
.popupnewsletter {
background-size: cover;
background-image: url('https://cdn.shopify.com/s/files/1/0013/4594/5651/files/bg_v2.png?12498744571767137160');
background-position: 50% 50%;
}
/* -------------------Popup Newsletter ends -------------------------- */