:root {
    --first-color: #f25852;
    --second-color: #3886c7;
    --third-color: #faa51b; 
    --fourth-color: #8dc63f;
    --border-color: #ebebeb;
}
/* Table of Content
==================================================
#Reset & Basics
#Basic Styles
#Site Styles
#Typography
#Links
#Lists
#Images
#Buttons
#Forms
#Misc */
/* #Reset & Basics 
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Nunito Sans', sans-serif;
    line-height: 1.42857;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
body {
    line-height: 1;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    font-family: 'Nunito Sans', sans-serif;
}
th {
    text-align: left;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* #Basic Styles
================================================== */
/* #Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
.subheader {
    color: #777;
}
/* Headings & paragraphs -- */
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: none;
    padding: 0 0 5px 0;
    color: #333;
    margin: 0;
    line-height: normal;
}
h1 {
    font-size: 2.4em;
    padding: 0;
}
h2 {
    font-size: 1.8em;
    line-height: normal;
}
h3 {
    font-size: 1.7em;
}
h4 {
    font-size: 1.4em;
}
h5 {
    font-size: 1.3em;
}
h6 {
    font-size: 1.1em;
}
strong {
    font-weight: 700;
}
/* inpput */
p {
    margin: 0 0 15px 0;
    line-height: 1.5;
    font-size: 1em;
}
p {}
p img {
    margin: 0;
}
p.lead {
    font-size: 21px;
    color: #777;
}
em {
    font-style: italic;
}
small {
    font-size: 80%;
}
/*	Blockquotes  */
blockquote,
blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}
blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}
blockquote cite {
    display: block;
    font-size: 12px;
    color: #555;
}
blockquote cite:before {
    content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
    color: #555;
}
hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a {
    cursor: pointer;
}
/* #Links
================================================== */
a {color:#333}
p a{text-decoration: underline;}
a,
a:visited {
    line-height: normal;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
a:hover,
a:focus {
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
p a,
p a:visited {
    line-height: inherit;
}
/* #Lists
================================================== */
ul,
ol {
    margin-bottom: 0px;
}
ul {
    list-style: none outside;
}
ol {
    list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {}
ul.square {
    list-style: square outside;
}
ul.circle {
    list-style: circle outside;
}
ul.disc {
    list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0px;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 0px;
}
li {}
ul.large li {
    line-height: 21px;
}
li p {
    line-height: 21px;
}
/* #Images
================================================== */
img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
/* form elements ---------------------- */
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input,
select,
textarea {
    outline: none;
    font-family: inherit;
}
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
}
input[type="text"],
input[type="password"],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background: transparent !important;
}
select::-ms-expand {
    display: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
input[type="number"]:focus,
input[type="file"]:focus {}
select {
    padding-right: 0;
}
/*Misc*/
@media (max-width: 500px) {
    .hide-mobile-only{ display: none !important;}
}
@media (max-width: 768px) {
    .show--mobile { display: inline-block !important;}
}
.hide--desktop {
    display: none !important;
}
@media only screen and (max-width: 1025px) {
    .hide-responsive {
        display: none !important;
    }
    .hide--desktop {
        display: none !important;
    }
    .hide--tab {
        display: none !important;
    }
}
@media (max-width: 1200px) {
    .show--mobile {
        display: inline-block !important;}
}
.show--desktop {
    display: inline-block !important;
}
.float--left {
    float: left !important;
}
.float--right {
    float: right !important;
}
.nomargin {
    margin: 0 !important;
}
.nomargin--bottom {
    margin-bottom: 0 !important;
}
.nomargin--top {
    margin-top: 0 !important;
}
.nomargin--left {
    margin-left: 0 !important;
}
.nomargin--right {
    margin-right: 0 !important;
}
.nopadding {
    padding: 0 !important;
}
.nopadding--bottom {
    padding-bottom: 0 !important;
}
.nopadding--top {
    padding-top: 0 !important;
}
.nopadding--left {
    padding-left: 0 !important;
}
.nopadding--right {
    padding-right: 0 !important;
}
.noborder--right {
    border-right: none !important;
}
.align--left {
    text-align: left !important;
}
.align--right {
    text-align: right !important;
}
.align--center {
    text-align: center !important;
}
.transition--none {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.remove--bottom {
    margin-bottom: 0;
}
.half--bottom {
    margin-bottom: 10px;
}
.add--bottom {
    margin-bottom: 20px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.fn {
    float: none;
}
.align--left {
    text-align: left;
}
.align--right {
    text-align: right;
}
.align--center {
    margin: 0 auto;
    text-align: center;
}
.gap {
    height: 15px;
    clear: both;
    display: table;
}
.padding20 {
    padding: 20px;
}
.link {
    color: inherit;
}
.link--primary {
    color: #ccc;
    text-decoration: underline;
}
.link--normal {
    color: #999;
}
.link--normal:hover {
    color: #ccc;
}
.link--arrow {
    display: inline-block;
    line-height: 1;
    color: #ccc;
    font-weight: 400;
    position: relative;
    text-decoration: underline;
    padding: 0 10px 0 0;
}
.link--arrow:before {
    border-right: 2px solid #ccc;
    border-top: 2px solid #ccc;
    content: "";
    display: inline-block;
    height: 7px;
    margin: 0 0 0 8px;
    position: absolute;
    right: 0;
    top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    vertical-align: middle;
    width: 7px;
}
.link--arrow:hover,
.link--arrow:hover:before {
    color: #555555;
    border-color: #555555;
}
.text--bold {
    font-weight: 700;
}
.text--uppercase {
    text-transform: uppercase;
}
.text--dark {
    color: #555555;
}
.text--light {
    opacity: 0.3;
    font-weight: normal;
}
.text--small {
    opacity: 0.4;
    font-style: italic;
    font-size: 95%;
}
.text--block {
    display: block;
}
.text--normal {
    color: #999;
}
.text--normal a {
    color: #333;
}
.text--normal a:hover {
    text-decoration: underline;
}
.text--normal a .fa {
    opacity: 0.3;
    margin: 0 5px 0 0;
}
.text--normal-primary {
    color: #24b26b !important;
}
.text--normal-secondary {
    color: #f15c5c !important;
}
.list__socials li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 0;
    color: #999;
    line-height: 30px;
}
.list__socials li:first-child {
    padding-right: 10px;
}
.list__socials li a {
    font-size: 1.1em;
    color: inherit;
    width: 30px;
    border: 1px solid transparent;
    height: 30px;
    display: block;
    border-radius: 100%;
    line-height: 28px;
    text-align: center;
}
.list__socials li a:hover {
    border-color: inherit;
}
.list__socials li.social--fb {
    color: #3b5998;
}
.list__socials li.social--tw {
    color: #55acee;
}
.list__socials li.social--pt {
    color: #cb2027;
}
.list__socials li.social--li {
    color: #0177b5;
}
.list__socials li.social--gp {
    color: #d95232;
}
.list__socials--filled li.social--fb a {
    background: #3b5998;
    color: #fff;
}
.list__socials--filled li.social--tw a {
    background: #55acee;
    color: #fff;
}
.list__socials--filled li.social--pt a {
    background: #cb2027;
    color: #fff;
}
.list__socials--filled li.social--li a {
    background: #0177b5;
    color: #fff;
}
.list__socials--filled li.social--gp a {
    background: #d95232;
    color: #fff;
}
.hidden {
    display: none;
}
.inviso {
    display: none;
}
.highlighted {
    color: #211922;
    background-color: #ff0;
}
.inline--block {
    display: inline-block;
    vertical-align: middle;
}

.noFloat {
    float: none;
}
.noState:hover {
    background-color: transparent;
}
.noState:active {
    color: #221919;
}
.border {
    /*border: 1px solid #b8c3cd;*/
    border: 1px solid #eeeeee;
}
.border-top {
    border-top: 1px solid #eeeeee;
}
.border-right {
    border-right: 1px solid #eeeeee;
}
.border-bottom {
    border-bottom: 1px solid #eeeeee;
}
.border-left {
    border-left: 1px solid #eeeeee;
}
.invisible {
    visibility: hidden;
}
.red {
    color: red;
}
.noscroll {
    overflow: hidden;
}
.divider {
    /* height: 1px;
    background: #e9e9e9;
    margin: 15px 0;*/
}
.border-bottom {
    border-bottom: solid 1px #ccc;
    height: 1px;
}
.img-responsive {
    max-width: 100%;
}
.text--bold {
    font-weight: 700;
}
.text--uppercase {
    text-transform: uppercase;
}
.text--dark {
    color: #555555;
}
.text--light {
    opacity: 0.3;
    font-weight: normal;
}
.text--small {
    opacity: 0.4;
    font-style: italic;
    font-size: 95%;
}
.text--block {
    display: block;
}
.text--normal {
    color: #999;
}
.text--normal a {
    color: #333;
}
.text--normal a:hover {
    text-decoration: underline;
}
.text--normal a .fa {
    opacity: 0.3;
    margin: 0 5px 0 0;
}
.text--normal-primary {}
.text--normal-secondary {
    color: #f15c5c !important;
}
/*
.loader-wrapper {
position: relative;
}
.loader {
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -55px;
width: 110px;
height: 14px;
}*/
.circle {
    width: 10px;
    height: 10px;
    border-radius: 14px;
    border: 2px solid #ccc;
    margin: 10px;
    animation: rotate 2s infinite linear;
    animation-fill-mode: both;
    display: inline-block;
}
.circle:nth-of-type(2) {
    animation: rotate2 2s infinite linear;
    animation-fill-mode: both;
}
.circle:nth-of-type(3) {
    animation: rotate3 2s infinite linear;
    animation-fill-mode: both;
}
@keyframes rotate {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(1);
        opacity: 1;
    }
    75% {
        transform: scale(1);
        opacity: 1;
    }
    85% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes rotate2 {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    75% {
        transform: scale(1);
        opacity: 1;
    }
    85% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes rotate3 {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(0);
        opacity: 0;
    }
    75% {
        transform: scale(1);
        opacity: 1;
    }
    85% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.clearfix.row {}
.clearfix:before,
.row:before,
.clearfix:after,
.row:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after,
.row:after {
    clear: both;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
/*grid*/
.container--fluid {
    width: 100%;
}
.row:before,
.row:after { 
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row:after,
.fixed-container:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.fixed-container {
    /*max-width: 1450px;*/
    max-width: 1180px;
    padding: 0 10px;
    margin: 0 auto;
    position:relative;
}
.row{margin:0 -10px;}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
@media (max-width: 768px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
    .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
    .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
    .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
    .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
    .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
    {padding-left: 10px;
     padding-right: 10px;}
}
@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
}
@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
}
.row.no-gutter,
.no-gutter {
    margin-left: 0;
    margin-right: 0;
}
.column {}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
/* Set Margins and gaps*/
.marginTop_medium {
    margin-top: 15px;
}
.marginTop_small {
    margin-top: 10px;
}
.marginTop_minismall {
    margin-top: 5px;
}
.section_space {
    padding: 35px 0 0;
}
.sectionboth_space {
    padding: 35px 0;
}
.insidespace_top {
    padding-top: 35px;
}
.insidespace_bottom {
    padding-bottom: 35px;
}
.mobile-thead {
    display: none;
}
.pull-right {
    float: right;
    text-align: right;
}
.pull-left {
    text-align: left;
    float: left;
}
/*Effects*/
.transition-none {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
/*Set clear*/
.clearfix:after {
    clear: both;
    display: block;
    content: "";
}
img {
    max-width: 100%;
    display: block;
}
/*Base CSS end here*/
[ripple] {
    z-index: 1;
    position: relative;
    overflow: hidden;
}
[ripple] .ripple {
    position: absolute;
    background: #FFFFFF;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    -webkit-animation: ripple 1.6s;
    animation: ripple 1.6s;
}
@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.2;
    }
    100% {
        -webkit-transform: scale(40);
        transform: scale(40);
        opacity: 0;
    }
}
@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.2;
    }
    100% {
        -webkit-transform: scale(40);
        transform: scale(40);
        opacity: 0;
    }
}
/*Short codes*/
/*btn*/
.btn,
.form input[type="submit"],
.form input[type="button"], .siteForm input[type="submit"], .siteForm input[type="button"]{
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: bottom;
    touch-action: manipulation;
    cursor: pointer;
    border: solid 1px transparent;
    padding: 0px 30px;
    font-size:1em;
    line-height: 40px;
    border-radius: 2px;
    color: #fff; text-transform:uppercase;
}
.btn img{  
    max-width: 14px;
    max-height: 14px; display: inline-block; margin-right: 5px;}
.form input[type="submit"],
.form input[type="button"] {
    border: solid 1px transparent;
}
.btn:hover,
.btn:focus,
.btn.focus,
.form input[type="submit"]:hover,
.form input[type="submit"]:focus,
.form input[type="submit"].focus,
.form input[type="button"]:hover,
.form input[type="button"]:focus,
.form input[type="button"].focus {
    text-decoration: none;
}
.btn:active,
.btn.active,
.form input[type="submit"]:active,
.form input[type="submit"].active,
.form input[type="button"]:active,
.form input[type="button"].active {
    outline: 0;
    background-image: none;
    /*box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);*/
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.form input[type="submit"].disabled,
.form input[type="submit"][disabled],
fieldset[disabled] .form input[type="submit"],
.form input[type="button"].disabled,
.form input[type="button"][disabled],
fieldset[disabled] .form input[type="button"] {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}
.invalid {
    -webkit-animation: moltinShake .4s ease-in-out .1s normal forwards 1 running;
    animation: moltinShake .4s ease-in-out .1s normal forwards 1 running
}
@-webkit-keyframes moltinShake {
    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }
    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }
    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg)
    }
    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes moltinShake {
    12.5% {
        -webkit-transform: translateX(-6px) rotateY(-5deg);
        transform: translateX(-6px) rotateY(-5deg)
    }
    37.5% {
        -webkit-transform: translateX(5px) rotateY(4deg);
        transform: translateX(5px) rotateY(4deg)
    }
    62.5% {
        -webkit-transform: translateX(-3px) rotateY(-2deg);
        transform: translateX(-3px) rotateY(-2deg)
    }
    87.5% {
        -webkit-transform: translateX(2px) rotateY(1deg);
        transform: translateX(2px) rotateY(1deg)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
/*default */
.btn--default {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    border: 1px solid #ddd;
}
.btn--default:focus,
.btn--default.focus {
    color: #ccc;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn--default:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn--default:active,
.btn--default.active,
.open>.btn--default.dropdown-toggle {
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn--default:active:hover,
.btn--default:active:focus,
.btn--default:active.focus,
.btn--default.active:hover,
.btn--default.active:focus,
.btn--default.active.focus,
.open>.btn--default.dropdown-toggle:hover,
.open>.btn--default.dropdown-toggle:focus,
.open>.btn--default.dropdown-toggle.focus {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn--default:active,
.btn--default.active,
.open>.btn--default.dropdown-toggle {
    background-image: none;
}
.btn--default.disabled:hover,
.btn--default.disabled:focus,
.btn--default.disabled.focus,
.btn--default[disabled]:hover,
.btn--default[disabled]:focus,
.btn--default[disabled].focus,
fieldset[disabled] .btn--default:hover,
fieldset[disabled] .btn--default:focus,
fieldset[disabled] .btn--default.focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn--default .badge {
    color: #fff;
}
/*primary*/
/*input[type="submit"].btn--primary,
.btn--primary, */.siteForm input[type="submit"] {
    background:#ffd800;
    color: #000;
}
input[type="submit"].btn--border,
.btn--border {
    border-color: #284a5c #284a5c;
    color: #393e4a;
}
.btn--primary:focus,
.btn--primary.focus,
.form input[type="submit"]:focus,
.form input[type="submit"].focus {}
.btn--primary:hover,
.form input[type="submit"]:hover, .siteForm input[type="submit"]:hover { background:  #000; color:#fff;}
.btn--primary:active:hover,
.btn--primary:active:focus,
.btn--primary:active.focus,
.btn--primary.active:hover,
.btn--primary.active:focus,
.btn--primary.active.focus,
.open>.btn--primary.dropdown-toggle:hover,
.open>.btn--primary.dropdown-toggle:focus,
.open>.btn--primary.dropdown-toggle.focus,
.form input[type="submit"]:active:hover,
.form input[type="submit"]:active:focus,
.form input[type="submit"]:active.focus,
.form input[type="submit"].active:hover,
.form input[type="submit"].active:focus,
.form input[type="submit"].active.focus,
.open>.form input[type="submit"].dropdown-toggle:hover,
.open>.form input[type="submit"].dropdown-toggle:focus,
.open>.form input[type="submit"].dropdown-toggle.focus {}
.btn--primary:active,
.btn--primary.active,
.open>.btn--primary.dropdown-toggle,
.form input[type="submit"]:active,
.form input[type="submit"].active,
.open>.form input[type="submit"].dropdown-toggle {
    background-image: none;
}
.btn--primary.disabled:hover,
.btn--primary.disabled:focus,
.btn--primary.disabled.focus,
.btn--primary[disabled]:hover,
.btn--primary[disabled]:focus,
.btn--primary[disabled].focus,
fieldset[disabled] .btn--primary:hover,
fieldset[disabled] .btn--primary:focus,
fieldset[disabled] .btn--primary.focus,
.form input[type="submit"].disabled:hover,
.form input[type="submit"].disabled:focus,
.form input[type="submit"].disabled.focus,
.form input[type="submit"][disabled]:hover,
.form input[type="submit"][disabled]:focus,
.form input[type="submit"][disabled].focus,
fieldset[disabled] .form input[type="submit"]:hover,
fieldset[disabled] .form input[type="submit"]:focus,
fieldset[disabled] .form input[type="submit"].focus {}
.btn--primary .badge,
.form input[type="submit"] .badge {
    color: #ccc;
    background-color: #fff;
}
/*success*/
.btn--success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn--success:focus,
.btn--success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn--success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn--success:active,
.btn--success.active,
.open>.btn--success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn--success:active:hover,
.btn--success:active:focus,
.btn--success:active.focus,
.btn--success.active:hover,
.btn--success.active:focus,
.btn--success.active.focus,
.open>.btn--success.dropdown-toggle:hover,
.open>.btn--success.dropdown-toggle:focus,
.open>.btn--success.dropdown-toggle.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.btn--success:active,
.btn--success.active,
.open>.btn--success.dropdown-toggle {
    background-image: none;
}
.btn--success.disabled:hover,
.btn--success.disabled:focus,
.btn--success.disabled.focus,
.btn--success[disabled]:hover,
.btn--success[disabled]:focus,
.btn--success[disabled].focus,
fieldset[disabled] .btn--success:hover,
fieldset[disabled] .btn--success:focus,
fieldset[disabled] .btn--success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn--success .badge {
    color: #5cb85c;
    background-color: #fff;
}
/*info*/
.btn--info {
    color: #fff;
    background-color: #237dbb;
    border-color: #1f6fa6;
}
.btn--info:focus,
.btn--info.focus {
    color: #fff;
    background-color: #1b6090;
    border-color: #0b273a;
}
.btn--info:hover {
    color: #fff;
    background-color: #1b6090;
    border-color: #154c72;
}
.btn--info:active,
.btn--info.active,
.open>.btn--info.dropdown-toggle {
    color: #fff;
    background-color: #1b6090;
    border-color: #154c72;
}
.btn--info:active:hover,
.btn--info:active:focus,
.btn--info:active.focus,
.btn--info.active:hover,
.btn--info.active:focus,
.btn--info.active.focus,
.open>.btn--info.dropdown-toggle:hover,
.open>.btn--info.dropdown-toggle:focus,
.open>.btn--info.dropdown-toggle.focus {
    color: #fff;
    background-color: #154c72;
    border-color: #0b273a;
}
.btn--info:active,
.btn--info.active,
.open>.btn--info.dropdown-toggle {
    background-image: none;
}
.btn--info.disabled:hover,
.btn--info.disabled:focus,
.btn--info.disabled.focus,
.btn--info[disabled]:hover,
.btn--info[disabled]:focus,
.btn--info[disabled].focus,
fieldset[disabled] .btn--info:hover,
fieldset[disabled] .btn--info:focus,
fieldset[disabled] .btn--info.focus {
    background-color: #237dbb;
    border-color: #1f6fa6;
}
.btn--info .badge {
    color: #237dbb;
    background-color: #fff;
}
.btn--info:hover {}
/*warning*/
.btn--warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn--warning:focus,
.btn--warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}
.btn--warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn--warning:active,
.btn--warning.active,
.open>.btn--warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn--warning:active:hover,
.btn--warning:active:focus,
.btn--warning:active.focus,
.btn--warning.active:hover,
.btn--warning.active:focus,
.btn--warning.active.focus,
.open>.btn--warning.dropdown-toggle:hover,
.open>.btn--warning.dropdown-toggle:focus,
.open>.btn--warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}
.btn--warning:active,
.btn--warning.active,
.open>.btn--warning.dropdown-toggle {
    background-image: none;
}
.btn--warning.disabled:hover,
.btn--warning.disabled:focus,
.btn--warning.disabled.focus,
.btn--warning[disabled]:hover,
.btn--warning[disabled]:focus,
.btn--warning[disabled].focus,
fieldset[disabled] .btn--warning:hover,
fieldset[disabled] .btn--warning:focus,
fieldset[disabled] .btn--warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn--warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
/*danger*/
.btn--danger {
    color: #fff;
    background-color: #f15c5c;
    border-color: #ef4545;
}
.btn--danger:focus,
.btn--danger.focus {
    color: #fff;
    background-color: #ed2d2d;
    border-color: #a60e0e;
}
.btn--danger:hover {
    color: #fff;
    background-color: #ed2d2d;
    border-color: #e31313;
}
.btn--danger:active,
.btn--danger.active,
.open>.btn--danger.dropdown-toggle {
    color: #fff;
    background-color: #ed2d2d;
    border-color: #e31313;
}
.btn--danger:active:hover,
.btn--danger:active:focus,
.btn--danger:active.focus,
.btn--danger.active:hover,
.btn--danger.active:focus,
.btn--danger.active.focus,
.open>.btn--danger.dropdown-toggle:hover,
.open>.btn--danger.dropdown-toggle:focus,
.open>.btn--danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #e31313;
    border-color: #a60e0e;
}
.btn--danger:active,
.btn--danger.active,
.open>.btn--danger.dropdown-toggle {
    background-image: none;
}
.btn--danger.disabled:hover,
.btn--danger.disabled:focus,
.btn--danger.disabled.focus,
.btn--danger[disabled]:hover,
.btn--danger[disabled]:focus,
.btn--danger[disabled].focus,
fieldset[disabled] .btn--danger:hover,
fieldset[disabled] .btn--danger:focus,
fieldset[disabled] .btn--danger.focus {
    background-color: #f15c5c;
    border-color: #ef4545;
}
.btn--danger .badge {
    color: #f15c5c;
    background-color: #fff;
}
/*secondary */
.btn--secondary:focus,
.btn--secondary.focus,
.form input[type="button"]:focus,
.form input[type="button"].focus {}
.btn--secondary:hover,
.form input[type="button"]:hover {
    background-color:#f25852;
}
.btn--secondary:active,
.btn--secondary.active,
.open>.btn--secondary.dropdown-toggle,
.form input[type="button"]:active,
.form input[type="button"].active,
.open>.form input[type="button"].dropdown-toggle {}
.btn--secondary:active,
.btn--secondary.active,
.open>.btn--secondary.dropdown-toggle,
.form input[type="button"]:active,
.form input[type="button"].active,
.open>.form input[type="button"].dropdown-toggle {
    background-image: none;
}
.btn--secondary.disabled:hover,
.btn--secondary.disabled:focus,
.btn--secondary.disabled.focus,
.btn--secondary[disabled]:hover,
.btn--secondary[disabled]:focus,
.btn--secondary[disabled].focus,
fieldset[disabled] .btn--secondary:hover,
fieldset[disabled] .btn--secondary:focus,
fieldset[disabled] .btn--secondary.focus,
.form input[type="button"].disabled:hover,
.form input[type="button"].disabled:focus,
.form input[type="button"].disabled.focus,
.form input[type="button"][disabled]:hover,
.form input[type="button"][disabled]:focus,
.form input[type="button"][disabled].focus,
fieldset[disabled] .form input[type="button"]:hover,
fieldset[disabled] .form input[type="button"]:focus,
fieldset[disabled] .form input[type="button"].focus {
    background-color: #f15c5c;
    border-color: #ef4545;
}
.btn--secondary .badge,
.form input[type="button"] .badge {
    color: #f15c5c;
    background-color: #fff;
}
.btn--secondary:hover,
.form input[type="button"]:hover {}
/*third */
.btn--third,
.form input[type="button"] {
    color: #fff;
    background-color: #F16F2F;
}
.btn--third:focus,
.btn--third.focus,
.form input[type="button"]:focus,
.form input[type="button"].focus {}
.btn--third:hover,
.form input[type="button"]:hover {}
.btn--third:active,
.btn--third.active,
.open>.btn--third.dropdown-toggle,
.form input[type="button"]:active,
.form input[type="button"].active,
.open>.form input[type="button"].dropdown-toggle {}
.btn--third:active,
.btn--third.active,
.open>.btn--third.dropdown-toggle,
.form input[type="button"]:active,
.form input[type="button"].active,
.open>.form input[type="button"].dropdown-toggle {
    background-image: none;
}
.btn--third.disabled:hover,
.btn--third.disabled:focus,
.btn--third.disabled.focus,
.btn--third[disabled]:hover,
.btn--third[disabled]:focus,
.btn--third[disabled].focus,
fieldset[disabled] .btn--third:hover,
fieldset[disabled] .btn--third:focus,
fieldset[disabled] .btn--third.focus,
.form input[type="button"].disabled:hover,
.form input[type="button"].disabled:focus,
.form input[type="button"].disabled.focus,
.form input[type="button"][disabled]:hover,
.form input[type="button"][disabled]:focus,
.form input[type="button"][disabled].focus,
fieldset[disabled] .form input[type="button"]:hover,
fieldset[disabled] .form input[type="button"]:focus,
fieldset[disabled] .form input[type="button"].focus {
    background-color: #ccc;
    border-color: #ccc;
}
.btn--third .badge,
.form input[type="button"] .badge {
    color: #f15c5c;
    background-color: #fff;
}
.btn--third:hover,
.form input[type="button"]:hover {}
/*black*/
.btn--black {
    color: #fff;
    background-color: #000;
    border-color: black;
}
.btn--black:focus,
.btn--black.focus {
    color: #fff;
    background-color: black;
    border-color: black;
}
.btn--black:hover {
    color: #fff;
    background-color: black;
    border-color: black;
}
.btn--black:active,
.btn--black.active,
.open>.btn--black.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black;
}
.btn--black:active:hover,
.btn--black:active:focus,
.btn--black:active.focus,
.btn--black.active:hover,
.btn--black.active:focus,
.btn--black.active.focus,
.open>.btn--black.dropdown-toggle:hover,
.open>.btn--black.dropdown-toggle:focus,
.open>.btn--black.dropdown-toggle.focus {
    color: #fff;
    background-color: black;
    border-color: black;
}
.btn--black:active,
.btn--black.active,
.open>.btn--black.dropdown-toggle {
    background-image: none;
}
.btn--black.disabled:hover,
.btn--black.disabled:focus,
.btn--black.disabled.focus,
.btn--black[disabled]:hover,
.btn--black[disabled]:focus,
.btn--black[disabled].focus,
fieldset[disabled] .btn--black:hover,
fieldset[disabled] .btn--black:focus,
fieldset[disabled] .btn--black.focus {
    background-color: #000;
    border-color: black;
}
.btn--black .badge {
    color: #000;
    background-color: #fff;
}
.btn--black:hover {}
.btn--gray {
    color: #000;
    background-color: #ccc;
    border-color: #ccc;
}
.btn--gray:focus,
.btn--gray.focus {
    color: #fff;
    background-color: #c1c1c1;
}
.btn--gray:hover {
    border-color: #c1c1c1;
}
.btn--gray:active,
.btn--gray.active,
.open>.btn--gray.dropdown-toggle {}
.btn--gray:active:hover,
.btn--gray:active:focus,
.btn--gray:active.focus,
.btn--gray.active:hover,
.btn--gray.active:focus,
.btn--gray.active.focus,
.open>.btn--gray.dropdown-toggle:hover,
.open>.btn--gray.dropdown-toggle:focus,
.open>.btn--gray.dropdown-toggle.focus {}
.btn--gray:active,
.btn--gray.active,
.open>.btn--gray.dropdown-toggle {
    background-image: none;
}
.btn--gray.disabled:hover,
.btn--gray.disabled:focus,
.btn--gray.disabled.focus,
.btn--gray[disabled]:hover,
.btn--gray[disabled]:focus,
.btn--gray[disabled].focus,
fieldset[disabled] .btn--gray:hover,
fieldset[disabled] .btn--gray:focus,
fieldset[disabled] .btn--gray.focus {
    background-color: #dadada;
}
.btn--gray .badge {
    color: #dadada;
    background-color: #fff;
}
.btn--gray:hover {}
.btn--link {
    color: #ccc;
    font-size: 0.8em;
    font-weight: normal;
}
.btn--link,
.btn--link:active,
.btn--link.active,
.btn--link[disabled],
fieldset[disabled] .btn--link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn--link,
.btn--link:hover,
.btn--link:focus,
.btn--link:active {
    border-color: transparent;
}
.btn--link:hover,
.btn--link:focus {
    color: inherit;
    text-decoration: underline;
    background-color: transparent;
}
.btn--link[disabled]:hover,
.btn--link[disabled]:focus,
fieldset[disabled] .btn--link:hover,
fieldset[disabled] .btn--link:focus {
    color: #e7e7e7;
    text-decoration: none;
}
.btn--white {
    background: #fff;
    color: #999;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ccc;
    font-weight: 500;
    white-space: nowrap;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.42857;
}
.btn--white:hover,
.btn--white:active,
.btn--white:focus {
    background: #fff;
    color: #999;
}
.btn--lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
}
.btn--sm,
.btn--sm.btn--white,
.form input[type="submit"].btn--sm,
.form input[type="button"].btn--sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.btn--xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
.btn--h-large {
    min-width: 170px;
}
.btn--block {
    display: block;
    width: 100%;
}
.btn--block+.btn--block {
    margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
/**/
/* form ---------------------- */
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
input,
select,
textarea {
    outline: none;
    font-family: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
}
input[type="text"],
input[type="password"],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background: transparent !important;
}
select::-ms-expand {
    display: none;
}
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="search"],
input[type="password"],
textarea,
select,
input[type="number"],
input[type="file"]{
    background-color: #fff;
    border: 1px solid #ebebeb;
    height: 40px;
    padding: 0 10px;
    width: 100%;
    color: #999;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
input[type="number"]:focus,
input[type="file"]:focus {
    border-color: rgba(25, 132, 189, 0.8);
    outline: 0;
    outline: thin dotted \9;
}
input[type="file"] {
    height: auto;
    padding: 8px 10px;
}
.form input[type="submit"] {
    margin: 0 10px 0 0;
}
select {
    padding-right:45px;
    background-image: url(../images/select-arrow.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center right;
    font-size: 1em;
}
.field--calender {
    background-color: #fff;
    padding-right: 35px !important;
    background-image: url(../images/icon--calender.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 15px;
}
textarea {
    height: 150px;
    padding: 15px;
}
.field-set {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
}
.form__group {
    width: 100%;
    display: inline-block;
    margin: 15px 0 0;
}
.field_label {
    color: #ccc;
    display: block;
    margin: 0 0 5px 0;
}
.form--normal {
    margin: 20px 0;
}
.form--normal input[type="submit"] {
    min-width: 180px;
    text-transform: uppercase;
    /*font-weight: 700;*/
    margin: 0 20px 0 0;
}
.mandatory,
.spn_must_field {
    color: red;
}
.form--auto input,
.form--auto select {
    width: auto;
}
/* radio and checkbox */
.checkbox,
.radio {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0 0 0 25px;
    min-height: 20px;
}
.checkbox input,
.radio input {
    top: 0;
    left: 0;
    margin: 0 !important;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}
.radio.disabled,
.checkbox.disabled {
    cursor: not-allowed;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="text"][disabled],
input[type="password"][disabled],  {
    cursor: not-allowed;
    opacity: 0.5;
}
input[type="text"][disabled],
input[type="password"][disabled], select:disabled {
    background: rgba(0, 0, 0, 0.03) !important;
}
.inline.radio,
.inline.checkbox {
    padding-right: 20px;
}
.checkbox .input-helper:before,
.radio .input-helper:before,
.checkbox .input-helper:after,
.radio .input-helper:after {
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    content: "";
}
.checkbox .input-helper:before,
.radio .input-helper:before {
    left: 0;
    border: 1px solid #ccc;
    background: #fff;
}
.checkbox.disabled,
.radio.disabled {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.checkbox input {
    width: 16px;
    height: 16px;
}
.checkbox input:checked+.input-helper:after {
    -webkit-transform: scale(1) rotate(-50deg);
    -ms-transform: scale(1) rotate(-50deg);
    -o-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    opacity: 1;
    filter: alpha(opacity=100);
}
.checkbox input:checked+.input-helper:before,.radio input:checked+.input-helper:before{border-color:#000;}
.checkbox .input-helper:before {
    top: 0;
    width:16px;
    height: 16px;
}
.checkbox .input-helper:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) rotate(80deg);
    -ms-transform: scale(0) rotate(80deg);
    -o-transform: scale(0) rotate(80deg);
    transform: scale(0) rotate(80deg);
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    border-bottom-left-radius: 1px;
    left: 2px;
    top: 4px;
}
.radio input {
    width: 19px;
    height: 19px;
}
.radio input:checked+.input-helper:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.radio .input-helper:before {
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius:100%;
}
.radio .input-helper:after {
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 100%;
    top: 5px;
    left: 4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.form--shadow input[type="text"],
.form--shadow select {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border: none;
}
.form--inline {
    display: inline-block;
    vertical-align: top;
}
.form--inline label {
    font-size: 1em;
    font-weight: 500;
}
.form--inline li {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0;
    text-align: left;
}
.form--inline li:last-child {
    padding-right: 0;
}
.form--inline .btn--white {
    display: none;
}
.form--inline .btn--white .fa {
    display: none;
}
.form--inline .field--sort .fa {
    display: none;
}
.form__cover {
    padding: 20px;
    background: #f5f5f5;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
}
.form--horizontal .field-set {
    display: table;
    table-layout: fixed;
}
.form--horizontal .caption-wraper {
    display: table-cell;
    vertical-align: top;
    padding: 5px 0 0;
    width: 30%;
}
.form--horizontal .field-wraper {
    display: table-cell;
    vertical-align: top;
    width: 70%;
}
.form .text--small,
.preview .text--small {
    opacity: 0.4;
    font-style: italic;
    font-size: 95%;
}
.labels--inline label {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding: 0 20px 0 40px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 10px 0 0;
    border-radius: 5px;
}
.labels--inline label .input-helper:before {
    top: 9px;
    left: 10px;
}
.labels--inline label .input-helper:after {
    top: 13px;
    left: 14px;
}
.labelgroup--vertical label {
    display: block;
    margin: 10px 0;
}
.labelgroup--horizontal label {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 0 0;
}
.radio--large {
    min-height: 26px;
    padding-left: 35px;
    line-height: 26px;
}
.radio--large input {
    width: 26px;
    height: 26px;
}
.radio--large .input-helper {
    width: 26px;
    height: 26px;
    position: absolute;
    border-radius: 4px;
    background: #ddd;
    left: 0;
    top: 0;
    box-shadow: 0 0 1px transparent, inset 0 0 0 3px transparent;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.1s all;
}
.radio--large .input-helper:after,
.radio--large .input-helper:before {
    display: none;
}
.radio--large input:checked+.input-helper {
    box-shadow: 0 0 1px #666, inset 0 0 0 4px #fff;
}
.radio--custom {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 2px 0;
}
.radio--custom input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.radio--custom input:checked+.input-txt {
    background: #f5f5f5;
}
.radio--custom .input-txt {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
}
.checkbox--positioned {
    position: absolute;
    right: 0px;
    top: 20px;
    z-index: 1;
}
.form--horizontal .field-set {
    display: table;
    table-layout: fixed;
}
.form--horizontal .caption-wraper {
    display: table-cell;
    vertical-align: top;
    padding: 5px 0 0;
    width: 30%;
}
.form--horizontal .field-wraper {
    display: table-cell;
    vertical-align: top;
    width: 70%;
}
.form small,
.form .text--small,
.preview .text--small {
    opacity: 0.8;
    font-style: italic;
    font-size: 80%;
}
.labels--inline label {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding: 0 20px 0 40px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 10px 0 0;
    border-radius: 5px;
}
.labels--inline label .input-helper:before {
    top: 9px;
    left: 10px;
}
.labels--inline label .input-helper:after {
    top: 13px;
    left: 14px;
}
.field--small {
    width: 60px !important;
    display: inline-block;
    vertical-align: top;
}
.field--normal {
    width: 120px !important;
    display: inline-block;
    vertical-align: top;
}
.field-set-gray {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 15px;
}
.form--singlefield input[type="text"] {
    width: 70%;
    float: left;
    border-radius: 3px 0 0 3px;
}
.form--singlefield input[type="submit"] {
    width: 30%;
    float: left;
    margin: 0;
    border-radius: 0 3px 3px 0;
    padding: 10px;
}
.form--secondary input[type="submit"] {
    color: #fff;
    background-color: #f15c5c;
    border-color: #ef4545;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNWM1YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViMTYxNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f15c5c), color-stop(100%, #eb1616));
    background-image: -moz-linear-gradient(top, #f15c5c, #eb1616);
    background-image: -webkit-linear-gradient(top, #f15c5c, #eb1616);
    background-image: linear-gradient(to bottom, #f15c5c, #eb1616);
}
.form--secondary input[type="submit"]:focus,
.form--secondary input[type="submit"].focus {
    color: #fff;
    background-color: #ed2d2d;
    border-color: #a60e0e;
}
.form--secondary input[type="submit"]:hover {
    color: #fff;
    background-color: #ed2d2d;
    border-color: #e31313;
}
.form--secondary input[type="submit"]:active,
.form--secondary input[type="submit"].active,
.open>.form--secondary input[type="submit"].dropdown-toggle {
    color: #fff;
    background-color: #ed2d2d;
    border-color: #e31313;
}
.form--secondary input[type="submit"]:active:hover,
.form--secondary input[type="submit"]:active:focus,
.form--secondary input[type="submit"]:active.focus,
.form--secondary input[type="submit"].active:hover,
.form--secondary input[type="submit"].active:focus,
.form--secondary input[type="submit"].active.focus,
.open>.form--secondary input[type="submit"].dropdown-toggle:hover,
.open>.form--secondary input[type="submit"].dropdown-toggle:focus,
.open>.form--secondary input[type="submit"].dropdown-toggle.focus {
    color: #fff;
    background-color: #e31313;
    border-color: #a60e0e;
}
.form--secondary input[type="submit"]:active,
.form--secondary input[type="submit"].active,
.open>.form--secondary input[type="submit"].dropdown-toggle {
    background-image: none;
}
.form--secondary input[type="submit"].disabled:hover,
.form--secondary input[type="submit"].disabled:focus,
.form--secondary input[type="submit"].disabled.focus,
.form--secondary input[type="submit"][disabled]:hover,
.form--secondary input[type="submit"][disabled]:focus,
.form--secondary input[type="submit"][disabled].focus,
fieldset[disabled] .form--secondary input[type="submit"]:hover,
fieldset[disabled] .form--secondary input[type="submit"]:focus,
fieldset[disabled] .form--secondary input[type="submit"].focus {
    background-color: #f15c5c;
    border-color: #ef4545;
}
.form--secondary input[type="submit"] .badge {
    color: #f15c5c;
    background-color: #fff;
}
.form--secondary input[type="submit"]:hover {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNWM1YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViMTYxNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f15c5c), color-stop(100%, #eb1616));
    background-image: -moz-linear-gradient(bottom, #f15c5c, #eb1616);
    background-image: -webkit-linear-gradient(bottom, #f15c5c, #eb1616);
    background-image: linear-gradient(to top, #f15c5c, #eb1616);
}
.form--secondary input[type="text"]:focus {
    box-shadow: none;
}
/* tablet ---------------------- */
@media (max-width: 1050px) {
    .form--inline .btn--white {
        display: block;
    }
    .form--inline .btn--white .fa {
        display: inline-block;
    }
}
/* ipad ---------------------- */
@media (min-width: 991px) and (max-width: 1050px) {
    .form--singlefield input[type="text"] {
        width: 60%;
    }
    .form--singlefield input[type="submit"] {
        width: 40%;
    }
}
/* tablet ---------------------- */
/* mobile ---------------------- */
@media (max-width: 767px) {
    .form--normal {
        margin: 0 0 20px 0;
    }
    .field-set {
        margin: 5px 0;
    }
    .form--normal input[type="submit"] {
        min-width: 1%;
    }
    .form--inline {
        margin: 0 -10px;
        display: block;
    }
    .form--inline ul {
        display: table;
        table-layout: fixed;
        width: 100%;
        vertical-align: top;
    }
    .form--inline li {
        display: table-cell;
        vertical-align: top;
        padding: 0 10px;
        text-align: left;
    }
    .form--inline li:last-child {
        padding-right: 10px;
    }
    .form--inline .btn--white {
        font-weight: normal;
        text-align: left;
        padding: 10px;
        display: block;
    }
    .form--inline .btn--white .fa {
        float: right;
        font-size: 1.1em;
        margin: 3px 0 0;
        display: inline-block;
    }
    .form--inline .field--sort {
        position: relative;
    }
    .form--inline .field--sort select {
        background-image: none;
    }
    .form--inline .field--sort .fa {
        position: absolute;
        right: 25px;
        top: 12px;
        font-size: 1.1em;
        color: #999;
        display: block;
    }
    .radio--custom .input-txt {
        padding: 6px 5px;
    }
    .form__cover textarea+p {
        padding-top: 10px;
    }
    .field--small,
    .field--normal {
        width: 100% !important;
        margin: 2px 0;
    }
    .form--horizontal .field-set {
        display: inline-block;
        table-layout: auto;
    }
    .form--horizontal .caption-wraper {
        display: block;
        padding: 5px 0 0;
        width: 100%;
    }
    .form--horizontal .field-wraper {
        display: block;
        width: 100%;
    }
}
@media (max-width: 400px) {
    .form--singlefield input[type="text"] {
        width: 56%;
    }
    .form--singlefield input[type="submit"] {
        width: 44%;
        font-size: 0.9em;
    }
    .block-on-mobile {
        display: block;
        width: 100%;
    }
    .block-on-mobile+.block-on-mobile {
        margin-top: 5px;
    }
}
/***/
/* paginations */
.pagination {
    border: 1px solid #ccc;
    display: inline-block;
    background: #fff;
}
.pagination.center {
    display: table;
    margin: 0 auto;
}
.pagination li {
    float: left;
}
.pagination li a {
    width: 38px;
    line-height: 38px;
    text-align: center;
    height: 40px;
    display: block;
    font-size: 1.1em;
    color: #333;
    border: none;
    position: relative;
    overflow: hidden;
}
.pagination li.selected a {
    background: #f5f5f5;
    color: #000;
    font-weight: 700;
}
.pagination li a:hover {
    background: #f5f5f5;
    color: #000;
}
.pagination li.disabled {
    opacity: 0.4;
}
.pagination li.disabled a {
    cursor: not-allowed;
}
.pagination li.prev a:before {
    width: 12px;
    height: 12px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    left: 14px;
    top: 14px;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pagination li.next a:before {
    width: 12px;
    height: 12px;
    border-right: 2px solid #333;
    border-top: 2px solid #333;
    position: absolute;
    left: 10px;
    top: 14px;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.page-banner {
    background-position: center top;
    position: relative;
    height: 399px;
    color: #fff;
}
.page-banner .banner-txt {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}
.page-banner .banner-txt h1 {
    color: inherit;
    font-size: 4em;
    font-weight: 600;
    line-height: 1;
}
.page-banner .banner-txt h4 {
    color: inherit;
    font-size: 2em;
    display: block;
}
.container--cms p {
    color: inherit;
}
.container--cms .space {
    padding: 50px 0;
}
.container--cms ul {
    margin: 10px 0;
}
.container--cms ul li {
    position: relative;
    padding: 0 0 5px 20px;
    color: inherit;
    font-size: 1em;
}
.container--cms ul li:before {
    position: absolute;
    left: 0;
    top: 7px;
    content: "";
    width:6px;height:6px;border-radius:100%;background:#666;
}
.container--cms ol {
    list-style: decimal;
}
.container--cms ol li {
    position: relative;
    padding: 0 0 15px 0;
    color: #666;
    margin: 0 0 0 15px;
    font-size: 1.1em;
}
.container--cms ol li a {
    color: inherit;
}
.bg--second {
    background: #ccc;
    color: #fff;
}
.bg--second * {
    color: inherit !important;
}
.bg--second a.btn--custom {
    border-color: #fff;
    color: inherit;
    border-width: 2px;
}
.boxcontainer {
    padding: 20px 0 20px;
}
.boxcontainer .box--gray {
    background: rgba(0, 0, 0, 0.04);
    position: relative;
    padding: 30px 40px 20px 210px;
    border-radius: 3px;
    margin: 20px 0 0;
}
.boxcontainer .box--gray .fa {
    position: absolute;
    left: 120px;
    top: 25px;
    font-size: 4em;
    color: #ccc;
}
.boxcontainer .box--gray p {
    color: #555555;
    margin: 0;
}
.boxcontainer .box--gray h3 {
    padding: 0 0 5px 0;
}
.boxcontainer .box--gray h3 a {
    color: inherit;
}
/*page loader*/
/*
.no-js #loader {
display: none;
}
.js #loader {
display: block;
position: absolute;
left: 100px;
top: 0;
}*/
.pageloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}
.round-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 65px;
    width: 25px;
    margin: auto;
    transform: rotate(90deg);
}
.round {
    width: 15px;
    height: 15px;
    margin: 5px;
    background: #ccc;
    border-radius: 50%;
}
@-webkit-keyframes loading {
    0% {}
    25% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
.round:nth-child(1) {
    -webkit-animation: loading 1s infinite;
    -webkit-animation-delay: 0s;
}
.round:nth-child(2) {
    -webkit-animation: loading 1s infinite;
    -webkit-animation-delay: 0.5s;
}
.round:nth-child(3) {
    -webkit-animation: loading 1s infinite;
}
/*page loader end*/
/*gradient backgrounds*/
.backgrounds1 {
    background: url(../images/bg-pattern.png), #7b4397;
    background: url(../images/bg-pattern.png), -webkit-linear-gradient(to left, #7b4397, #dc2430);
    background: url(../images/bg-pattern.png), linear-gradient(to left, #ae8027 21.85%, #dc20a8);
}
.backgrounds2 {
    background-color: #6C84E5;
    background: url(../images/elements_header_background.png), linear-gradient(to right, rgba(249, 75, 113, 1), rgba(117, 109, 227, 1));
    background-size: 300px 300px, auto;
}
.backgrounds3 {
    background: -webkit-linear-gradient(45deg, #CF78D4 0%, #F34883 50%, #447FE4 100%);
    background: linear-gradient(45deg, #CF78D4 0%, #F34883 50%, #447FE4 100%);
    content: '';
    opacity: 0.65;
}
.fh5co-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat #fff;
}
.js .animate-box {
    opacity: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* #Images
================================================== */
img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0;
}
.half-bottom {
    margin-bottom: 10px;
}
.add-bottom {
    margin-bottom: 20px;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.fn {
    float:none;
}
.aligncenter {
    margin:0 auto;
    text-align:center;
}
.gap {
    height:15px;
    clear: both;
}
.hide {
    display: none;
}
.hidden {
    display: none;
}
.inviso {
    display: none;
}
.highlighted {
    color: #211922;
    background-color: #ff0;
}

.noFloat {
    float: none;
}
.noState:hover {
    background-color: transparent;
}
.noState:active {
    color: #221919;
}
.noBorder {
    border-width: 0;
}
.noBorderTop {
    border-top-width: 0;
}
.noBorderRight {
    border-right-width: 0;
}
.noBorderBottom {
    border-bottom-width: 0;
}
.noBorderLeft {
    border-left-width: 0;
}
.noMargin {
    margin: 0;
}
.noMarginTop {
    margin-top: 0;
}
.noMarginRight {
    margin-right: 0;
}
.noMarginBottom {
    margin-bottom: 0;
}
.noMarginLeft {
    margin-left: 0;
}
.nopadding {
    padding: 0;
}
.nopaddingTop {
    padding-top: 0;
}
.nopaddingRight {
    padding-right: 0;
}
.nopaddingBottom {
    padding-bottom: 0;
}
.nopaddingLeft {
    padding-left: 0;
}
.noBackground {
    background:none;
}
.fixed {
    position: fixed;
}
.invisible {
    visibility: hidden;
}
.red {
    color: red;
}
.noscroll {
    overflow: hidden;
}
.clearfix {
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.shadow {
    -o-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5);
    -icab-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
.innershadow {
    -o-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5);
    -icab-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:inset0px 0px 3px rgba(0, 0, 0, 0.5);
    box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.5);
}
body {} 
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
/* #Misc */
img {
    max-width: 100%;
}
.remove-bottom {
    margin-bottom: 0;
}
.half-bottom {
    margin-bottom: 10px;
}
.add-bottom {
    margin-bottom: 20px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.fn {
    float: none;
}
.aligncenter {
    margin: 0 auto;
    text-align: center;
}
.gap {
    height: 20px;
    clear: both;
}
.hide {
    display: none !important;
}
.hidden {
    display: none;
}
.inviso {
    display: none;
}
.highlighted {
    color: #211922;
    background-color: #ff0;
}
.noFloat {
    float: none;
}
.noState:hover {
    background-color: transparent;
}
.noState:active {
    color: #221919;
}
.noBorder {
    border-width: 0;
}
.noBorderTop {
    border-top-width: 0;
}
.noBorderRight {
    border-right-width: 0;
}
.noBorderBottom {
    border-bottom-width: 0;
}
.noBorderLeft {
    border-left-width: 0;
}
.noMargin {
    margin: 0 !important;
}
.noMarginTop {
    margin-top: 0;
}
.noMarginRight {
    margin-right: 0;
}
.noMarginBottom {
    margin-bottom: 0;
}
.noMarginLeft {
    margin-left: 0;
}
.noBackground {
    background: none;
}
.fixed {
    position: fixed;
}
.invisible {
    visibility: hidden;
}
.red {
    color: red;
}
.noscroll {
    overflow: hidden;
}
.padding20 {
    padding: 20px;
}
.relative {
    position: relative;
}
.clearfix {}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
a.block,
.block {
    display: block;
}
/*media*/
@media screen and (max-width: 768px) {
    .cookie-alert a.cc-cookie-accept,
    .cookie-alert a.cc-cookie-decline,
    .cookie-alert a.cc-cookie-reset {
        display: block;
        margin: 1em 0;
    }
}
/*media end*/
/*media*/
@media screen and (max-width: 480px) {
    .cookie-alert {
        position: relative;
        float: left;
    }
}
/*media end*/
.wrapper {}
#top {
    background: #181818;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.28);
}
.container {
    margin: 0 auto;
    position: relative;
}
.container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.pull-left {
    float: left;
}
.note {
    display: inline-block;
    width: auto;
    color: #fff;
    font-size: 12px;
    line-height: 35px;
    padding-right: 20px;
    text-transform: uppercase;
    /*background: url(../images/play-icon.png) no-repeat right center;*/
}
.pull-right {
    float: right;
}
.mobile-element {
    display: none;
}
.desktop-element {
    display: block;
}
.shortnav {
    float: left;
    display: block;
    position: relative;
}
.shortnav:after {
    content: "";
    height: 35px;
    top: 0;
    right: 0;
    position: absolute;
}
.shortnav li {
    float: left;
}
.shortnav li a,
.shortnav li {
    display: block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 13px;
}
.shortnav li:first-child a {
    border-left: none;
}
.shortnav li:last-child a {
    border-right: none;
}
.shortnav li a:hover {
    color: #f25852;
}
.fav {
    float: right;
    margin: 0;
}
.fav li {
    display: inline-block;
    vertical-align: top;
}
.fav li a {
    position: relative;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 0 5px 15px;
    text-transform: uppercase;
    display: block;
}
.fav li.sell_with_sitename a {
    background: #f25852;
    padding: 5px 8px;
    margin: 0;
}
.fav li i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: 5px;
}
.fav a svg {
    width: 17px;
    height: 17px;
}
.fav li a svg path,
.fav li a svg rect {
    fill: #ffffff;
}
.fav li.active a svg path {
    fill: #f25852;
}
.fav li.active a {
    color: #f25852;
}
.fav .circle {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    background: #fff;
    text-align: center;
    border-radius: 100%;
    padding: 0px 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: baseline;
}
.top-head {
    background: #fff;
    display: table;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
html.header-fixed #top {
    margin-top: -36px;
}
/*html.header-fixed .top-head */
#myAccount,
.header {
    display: block;
    background: #fff;
    z-index: 99999;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    /*height:117px;*/
}
html.header-fixed .header,
#myAccount {}
#myAccount~.after-header {
    height: 78px;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.right-side {
    float: right;
    margin: 20px 0;
}
.right-side a.btn {
    margin: 0 2px;
}
.right-side a.btn i.shop-icn,
.right-side a.btn i.product-icn {
    background-color: #fff;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
}
.right-side a.btn i.shop-icn img {
    width: 10px;
    vertical-align: baseline;
}
.right-side a.btn i.product-icn img {
    margin-top: 5px;
    width: 14px;
}
#search .btn.red {
    background-color: #727272;
}
#search {
    margin: 0px 0px 0 0;
    float: left;
}
#search form {
    display: inline-block;
    border: solid 1px #d4d4d4;
    border-radius: 3px;
    height: 36px;
    width: 480px;
    margin-right: 10px;
}
.right-side span.or {
    margin: 8px 5px 0 5px;
    display: inline-block;
    vertical-align: top;
}
#search form input[type="text"] {
    border: none;
    background: #fff;
    color: #686767;
    font-size: 13px;
    padding: 0 8px;
    border-right: solid 1px #d4d4d4;
    vertical-align: top;
    height: 34px;
    width: 327px;
}
#search form select {
    border: none;
    background: #fff;
    color: #686767;
    font-size: 13px;
    height: 32px;
    width: 112px;
    padding-left: 3px;
    padding-right: 25px;
}
select::-ms-expand {
    display: none;
}
#search form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/select-bg.png") no-repeat right center;
}
#search form input[type="submit"] {
    float: right;
    margin: -1px -2px 0 0;
    background: #727272 url(../images/retina/search-white.svg) no-repeat center center;
    background-size: 19px auto;
    cursor: pointer;
    width: 38px;
    height: 36px;
    border-radius: 0px 3px 3px 0;
    border: none;
    padding: 0px;
}
a.btn.blue,a.btn.green,
button.blue {
    background: #333;
}
a.btn.blue:hover,
button.blue:hover {
    color: #fff;
    background: #000;
}
/*white*/
a.added-btn {
    background-color: #40bddf;
}
a.added-btn:hover {
    background-color: #2daacc;
}
a.btn.fb {
    background-color: #3b5998;
}
a.btn.tw {
    background-color: #22bdf0;
}
a.btn.email {
    background-color: #f86868;
}
#cart {
    margin-top: 0px;
    margin-left: 10px;
    float: right;
    position: relative;
    text-align: right;
}
#cart .svg-icn {
    float: left;
    margin: 7px 8px 0 0;
}
#cart .svg-icn svg {
    width: 30px;
    height: 30px;
}
#cart span.item_click_trigger {
    float: left;
    color: #525454;
    margin-top: 5px;
}
#cart-total {
    text-align: right;
    display: block;
}
#cart-total strong {
    color: #000;
    font-weight: 600;
    display: block;
    line-height: 1;
}
#cart .dropdown-menu li>div {
    min-width: 427px;
    padding: 0 10px;
}
#cart .dropdown-menu .alert {
    margin-bottom: 0;
}
.after-arrow {
    background: url(../images/retina/arrow-down.svg) no-repeat 0 0;
    background-size: 100% auto;
    width: 12px;
    height: 7px;
    display: block;
    position: absolute;
    right: 0px;
    top: 17px;
}
#cart .dropdown-menu {
    min-width: 500px;
    padding: 5px;
}
#cart .dropdown-menu li>div {
    min-width: 427px;
    padding: 0 10px;
}
.cart-drop {
    max-height: 450px;
    overflow-y: scroll;
}
.cart-drop.enable_div {
    display: block;
    opacity: 1;
    transition: all 0.25s ease 0s;
    visibility: visible;
}
.section:before,
.section:after {
    content: "";
    display: table;
    line-height: 0;
}
.section:after {
    clear: both;
}
.category-list {}
.category-list h3 {
    line-height: 1;
    color: #000;
    font-size: 37px;
    text-align: center;
    position: relative;
    padding-bottom: 25px;
}
.category-list h3:after {
    text-align: center;
    margin-left: -68px;
    left: 50%;
    width: 137px;
    height: 4px;
    background: #000;
    position: absolute;
    bottom: -2px;
    z-index: 1;
    content: "";
}
.main-category {
    display: block;
}
.category-nav {
    float: left;
    margin-top: -1px;
    width: 20%;
    border: solid 1px #dedfdf;
}
.collection_box {
    width: 80%;
}
.category-nav li {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    border-bottom: solid 1px #dedfdf;
    /* border-top: solid 1px #dedfdf;
    border-top: none;*/
    display: block;
    position: relative;
}
.category-nav li:last-child {
    border-bottom: none;
    /*border-top: solid 1px #dedfdf;*/
}
.category-nav li {
    padding: 15px 20px;
    color: #000;
    display: block;
    position: relative;
}
.category-nav li:hover {
    cursor: pointer;
    color: #f25852;
}
.category-nav li:hover,
.category-nav li.active {
    color: #f25852;
}
.category-nav li.resp-tab-active {
    color: #fff;
    background: #f25852;
}
.category-nav li:hover:after {
    width: 100%;
}
.category-nav.blue-hover li:hover,
.category-nav.blue-hover li.active {}
.ink {
    display: block;
    position: absolute;
    background: rgba(194, 38, 78, 0.5);
    border-radius: 100%;
    transform: scale(0);
}
/*animation effect*/
.ink.animate {
    animation: ripple 0.65s linear;
}
@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}
.product-layout .product-thumb {
    width: 252px;
    border: solid 1px #dddede;
    border-left: none;
    float: left;
    min-height: 330px;
    position: relative;
    overflow: hidden;
}
.product-thumb .lable {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    height: 34px;
    line-height: 1;
    text-align: center;
    padding: 8px 10px 0 0;
    background: #79dbf6;
    position: absolute;
    right: 0px;
    top: 18px;
}
.product-thumb .lable:after,
.product-thumb .lable:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.product-thumb .lable:after {
    border-color: rgba(255, 210, 0, 0);
    border-right-color: #79dbf6;
    border-width: 17px;
    margin-top: -17px;
}
.product-thumb .lable:before {
    border-color: rgba(0, 0, 0, 0);
    border-width: 23px;
    margin-top: -23px;
}
.product-thumb .image {
    max-height: 252px;
    /*height: 252px;*/
    text-align: center;
    /*display: table-cell;*/
    width: auto;
    vertical-align: middle;
    overflow: hidden;
}
.product-thumb .striked {
    text-decoration: line-through;
}
.product-thumb .image img {
    margin: 0 auto;
    display: block;
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    width: 100%;
    height: auto;
}
.product-thumb .caption {
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.product-thumb .caption .name {
    display: block;
    color: #000;
    font-size: 14px;
}
.product-thumb .caption .rate,
.product-thumb .caption .color {
    display: inline-block;
    color: #434242;
    font-size: 12px;
}
.product-thumb .button-group {
    position: absolute;
    bottom: 0px;
    color: #434242;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    height: 28px;
}
.product-thumb .button-group a {
    margin: 0 5px;
    color: #434242;
    font-size: 13px;
}
.product-thumb .button-group a i {
    margin: 0 5px;
}
.product-thumb .button-group a i img {
    width: 20px;
    height: auto;
}
.black-heading {
    background: #727272;
    height: 50px;
    padding: 10px 22px;
}
.heading-left {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    float: left;
}
.heading-right {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    float: right;
    padding: 5px 0 0 0;
}
.left-category {
    border: 1px solid #dbdcdc;
    float: left;
    height: 446px;
    overflow-x: auto;
    width: 166px;
}
.left-category li {
    display: block;
    border-top: solid 1px #dbdcdc;
    text-align: center;
}
.left-category li:first-child {
    border-top: none;
}
.left-category li a {
    display: block;
}
.left-category li .title {
    display: inline-block;
    text-align: center;
    color: #474747;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding: 10px 0;
}
/*.left-category li a:hover .title{ color:#f25852;}*/
.left-category li .title:after {
    background: url(../images/retina/arrow-right.svg) no-repeat 0 0;
    background-size: 9px auto;
    width: 9px;
    height: 9px;
    position: absolute;
    right: -12px;
    top: 17px;
    content: "";
    display: block;
}
.left-category li .pic img {
    display: block;
}
.fashion-layout {}
.fashion-layout .fashion-thumb {
    float: left;
    width: 344px;
    border-right: solid 1px #dbdcdc;
    border-bottom: solid 1px #dbdcdc;
    min-height: 446px;
    position: relative;
}
.fashion-layout .fashion-thumb .name {
    text-align: center;
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 0 0 0;
    height: 63px;
}
.fashion-layout .fashion-thumb .name span {
    color: #575656;
    font-size: 13px;
    display: block;
}
.fashion-layout .fashion-thumb .image {
    overflow: hidden;
    height: 381px;
    text-align: center;
    display: table-cell;
    width: 350px;
    vertical-align: middle;
}
.fashion-layout .fashion-thumb .image img {
    margin: 0 auto;
    display: block;
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    height: auto;
}
.fashion-layout .fashion-thumb .btm-link {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    height: 51px;
}
.fashion-layout .fashion-thumb .btm-link a {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin: 0 auto;
}
.fashion-layout .fashion-thumb .btm-link a:after {
    background: url(../images/circle-arrow.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    display: block;
    right: -22px;
    top: 2px;
    content: "";
    position: absolute;
}
.adds {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.grid-item {
    width: 297px;
    height: 297px;
    overflow: hidden;
    margin: 0px;
    display: inline-block;
    position: relative;
}
.grid-item img {
    max-width: 100%;
    height: auto;
}
.grid-item.w2 {
    width: 598px;
}
.grid-item.w3 {
    width: 598px;
}
.grid-item.h2 {
    height: 598px;
}
.grid-item.h3 {
    height: 598px;
}
.blank-text {
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    padding: 20px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    text-transform: uppercase;
}
.adds .half-cell {
    width: 50%;
    float: left;
}
.border-top {
    border-top: solid 1px #dbdcdc;
}
.border-right {
    border-right: solid 1px #dbdcdc;
}
.border-bottom {
    border-bottom: solid 1px #dbdcdc;
}
.border-left {
    border-left: solid 1px #dbdcdc;
}
.yellow-bar {
    background: #79dbf6;
    color: #000;
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    padding: 20px 0;
    text-transform: uppercase;
    text-align: center;
}
.other-carousel {
    border: solid 1px #dddede;
    position: relative;
    margin-bottom: 35px;
    display: block;
}
.other-carousel .shop {
    width: 25%;
    border-left: solid 1px #dddede;
    float: left;
}
.other-carousel .item .shop:last-child {
    border-right: solid 1px #dddede;
}
.other-carousel:first-child {
    border-left: none;
}
.other-carousel .shop .image {
    display: block;
    vertical-align: middle;
    text-align: center;
    height: 257px;
}
.other-carousel .shop .bottom-link {
    text-align: center;
    border-top: solid 1px #dddede;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.other-carousel .shop .bottom-link a {
    display: block;
    padding: 5px 0;
}
.other-carousel .owl-controls {
    bottom: -31px;
    position: absolute;
    width: 100%;
    text-align: center;
}
.other-carousel .owl-prev,
.other-carousel .owl-next {
    text-indent: -9999px;
    background: url(../images/control.png) no-repeat 0 0;
    width: 16px;
    height: 22px;
    display: inline-block;
    margin: 0 40px;
}
.other-carousel .owl-next {
    background: url(../images/control.png) no-repeat -102px 0;
}
.other-carousel .owl-prev:hover {
    background-position: 0px -27px;
}
.other-carousel .owl-next:hover {
    background-position: -102px -27px;
}
.other-carousel .owl-pagination {
    width: 100%;
    text-align: center;
}
.other-carousel .owl-page {
    background: #7c899b;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 100%;
    display: inline-block;
    margin: 0 2px;
}
.other-carousel .owl-page.active {
    background: #f25852;
}
/**inner page start**/
.shopbreadcrumb {
    background: #f7f8f9;
    margin-bottom: 10px;
    padding: 0;
}
.breadcrumb {
    background: #f7f8f9;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    border-radius: 0;
    margin-bottom: 0px;
    padding: 0;
}
.breadcrumb ul,
.shopbreadcrumb ul {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 11px 0;
}
.breadcrumb ul li,
.shopbreadcrumb ul li {
    color: #000;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 10px 0 5px;
}
.breadcrumb ul li:first-child,
.shopbreadcrumb ul li:first-child {
    margin-left: 0px;
}
.breadcrumb ul li a,
.shopbreadcrumb ul li a {
    color: #706e6e;
    position: relative;
}
.breadcrumb ul li a:hover,
.shopbreadcrumb ul li a:hover {
    color: #727272;
}
.breadcrumb ul li a:after,
.shopbreadcrumb ul li a:after {
    position: absolute;
    content: "/";
    right: -12px;
    top: 0;
}
.breadcrumb~.pageBar {
    border-top: none;
}
.page-heading {
    background: url(../images/gray-dot.png) repeat-x 0 center;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    margin: 30px 0;
}
.page-heading span {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    background: #fff;
    line-height: 1;
    padding: 0 10px;
}
.cart-tbl {
    width: 100%;
    border: solid 1px #dedddd;
    border-collapse: collapse;
}
.cart-box{margin: 20px 0 0;}
.cart-tbl th {
    border: solid 1px #dedddd;
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 20px;
    color: #000;
    font-weight: 700;
}
.cart-tbl td {font-size:14px;
              padding: 10px 20px;
              vertical-align: top;
              border: solid 1px #dedddd;
}
.cart-tbl td.noPadding {
    padding: 0px;
}
.cart-tbl td.addPadding {
    padding: 10px 20px;
}
.cart-tbl {
    border: solid 1px #eee;
}
.cart-tbl .pro-image {
    width: 100px;
    height: 100px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.cart-tbl .pro-image .tip {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    background: #f25852;
    line-height: 1;
    padding: 1px 2px;
    font-size: 11px;
}
.cart-tbl .product-name {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5px;
}
.cart-tbl .product-desc li {
    color: #656464;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 300;
}
.cart-tbl .product-desc li strong {
    color: #000;
}
.cart-tbl .product-desc .color {
    width: 17px;
    height: 11px;
    display: inline-block;
    border-radius: 2px;
}
.cart-tbl .product-desc .color.black {
    background: #000;
}
.cart-tbl .product-desc .wishlist {
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 600;
    color: #727272;
}
.cart-tbl .product-desc .wishlist a {
    color: #727272;
}
.cart-tbl .product-desc .wishlist a img,
.cart-tbl .product-desc .wishlist a svg {
    width: 15px;
    height: 15px;
}
.cart-tbl tr.cancelled {
    background: #f8f8f8;
}
.cart-tbl tr.cancelled td,
.cart-tbl tr.cancelled a,
.cart-tbl tr.cancelled .price {
    color: #ccc !important;
}
.cart-tbl tr.cancelled img {
    opacity: 0.5;
}
.qty {
    min-width: 93px;
}
.cart-tbl .qty input[type="text"] {
    margin: 0;
    width: 52px;
    text-align: center;
}
.cart-tbl .price {
    color: #000;
    font-size: 17px;
    font-weight: 600;
}
.cart-tbl .shipping span {
    color: #727272;
    display: block;
    font-size: 17px;
    font-weight: 600;
}
.cart-tbl .shipping {
    color: #000;
    font-size: 15px;
}
.cart-tbl .sub-total {
    color: #000;
    font-size: 17px;
    font-weight: 600;
}
.cart-footer {
    display: block;
    padding-top: 20px;
}
.cart-footer .continue {
    float: right;
    width: 212px;
}
.cart-footer .continue a {
    display: block;
    font-size: 16px;
    padding: 12px 40px;
}
.cart-footer .amount {
    float: right;
    display: inline-block;
    font-size: 15px;
}
.cart-footer .totalsaving {
    display: inline-block;
}
.cart-footer .amountpayable {
    display: inline-block;
    margin-left: 50px;
    padding-top: 15px;
}
.cart-footer .amountpayable .currency {
    margin: 0 3px;
    background: #b0afaf;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    padding: 1px 3px;
    font-style: normal;
    font-size: 13px;
    vertical-align: middle;
}
.cart-footer .amountpayable strong {
    font-size: 22px;
    vertical-align: middle;
    line-height: 1;
}
.actions-wrapper {
    white-space: nowrap;
}
a.actions {
    width: 34px;
    height: 34px;
    line-height: 39px;
    border-radius: 50%;
    background: #656565;
    display: inline-block;
    margin: 2px auto;
    text-align: center;
    padding: 0;
    vertical-align: middle;
}
a.actions svg,
a.actions img {
    display: inline-block;
    width: 14px;
    height: 14px;
}
a.actions:hover {
    background: #373737;
}
a.actions.disabled {
    cursor: not-allowed;
    background: #727272;
    opacity: 0.3;
}
a.actions.disabled:hover {
    background: #727272;
}
input.actions,
button.actions {
    border-radius: 100%;
    background: #f25852;
    display: inline-block;
    margin: 2px auto;
    text-align: center;
    vertical-align: middle;
    padding: 7px;
}
input.actions:hover,
button.actions:hover {
    background: #727272;
}
/**inner page end**/
.total-bottom {
    border: solid 1px #eee;
    border-top: none;
    background: #f6f6f6;
    padding: 15px 20px;
}
.estimate-side {
    width: 630px;
    display: inline-block;
}
.estimate-side .heading {
    color: #727272;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
}
.estimate-side .heading span {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}
.total-side {
    text-align: right;
    float: right;
}
.total-side .subheading {
    color: #000;
    font-size: 16px;
    text-align: right;
}
.total-side .heading {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 15px;
}
.btn-row {
    display: inline-block;
    margin-bottom: 10px;
}
.btn-row a {
    margin: 0 5px;
}
.btn-row a:first-child {
    margin-left: 0;
}
.btn-row a:last-child {
    margin-right: 0;
}
a.btn.gray {
    background: #aeaeae;
}
a.btn.gray.active {
    background: #f25852;
}
a.btn.gray-dark {
    background: #4c4c4e;
}
a.btn.blue {
    /*background: #727272;*/
}
a.btn.medium {
    font-size: 18px;
    padding: 15px 30px;
}
a.btn.small {
    font-size:12px;
    padding: 10px 15px;
    min-height: inherit;
    line-height: normal;
    height: auto;
}
a.btn.mini {
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 8px;
    margin-top: -3px;
    min-height: inherit;
}
.recommended-layout {
    margin: 20px 0 0 0;
}
.recommended-layout .heading {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    padding: 10px 0px;
    border-bottom: solid 1px #dddede;
    margin-bottom: 10px;
}
.recommended-layout .heading span {
    color: #fff;
    font-size: 14px;
    text-transform: none;
}
.recommended-carousel {
    border: solid 1px #dddede;
    border-top: none;
    position: relative;
}
.recommended-carousel .product-thumb {
    border-right: solid 1px #dddede;
    padding-bottom: 20px;
    overflow: hidden;
}
.recommended-carousel .owl-buttons {
    position: absolute;
    top: -30px;
    right: 20px;
}
.recommended-carousel .owl-prev,
.recommended-carousel .owl-next {
    background: url(../images/control-left.png) no-repeat 0 0;
    width: 7px;
    height: 11px;
    display: inline-block;
    text-indent: -9999px;
    margin: 0 2px;
}
.recommended-carousel .owl-next {
    background: url(../images/control-right.png) no-repeat 0 0;
}
.b1:after {
    background: none repeat scroll 0 0 #19b6f1;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 300ms ease 0s;
    width: 100%;
}
.b1:after {
    background: none repeat scroll 0 0 #000;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 300ms ease 0s;
    width: 100%;
}
.b1:after {
    background: none repeat scroll 0 0 #19b6f1;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 300ms ease 0s;
    width: 100%;
}
.b1:after {
    background: none repeat scroll 0 0 #000;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 300ms ease 0s;
    width: 100%;
}
.b1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #19b6f1;
    border-radius: 4px;
    bottom: 2em;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    left: 50%;
    line-height: 36px;
    margin-left: -80px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center !important;
    text-shadow: none;
    transition: all 0s ease 0s, all 0.3s ease 0s;
    width: 160px;
}
.b1 .label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400 !important;
    height: 100%;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    transition: color 0s ease 0s, all 0.3s ease 0s;
    width: 100%;
    z-index: 10;
}
/*** footer***/
footer.footer {
    /*	background: #f8f8f8;*/
    padding: 0px 0;
    margin-top: 0px;
}
.ft-top {
    padding: 30px 0;
    border-top: solid 1px #e5e4e4;
}
.ft-bttm {
    padding-bottom: 15px;
}
.ft-bttm-left {
    width: 268px;
    float: left;
    margin-right: 20px;
}
.ft-bttm-right {
    width: 902px;
    float: right;
}
#smallfooter {
    background-color: #f0f0f0;
    border-top: #e5e4e4;
}
#smallfooter .ft-bttm-right {
    margin: 0 auto;
    float: none;
    width: auto;
}
#smallfooter .contact-here {
    padding: 25px 0;
    border: none;
    margin: 0;
}
#smallfooter .contact-here .contact {
    border-left: none;
}
.ft-section {
    display: block;
}
.footer .tags-links {}
.footer .tags-links h3:after {
    display: none;
}
.f-cell {
    float: left;
    width: 189px;
}
.f-cell.first {
    width: 22%;
    margin-right: 30px;
}
.f-cell.last {
    width: 311px;
}
.f-cell ul {}
.f-cell ul li {
}
.f-cell ul li a {
    position: relative;
}
.f-cell ul li a:hover {
}
.sign-up-form {
    background: #e9e9e9;
    padding: 13px 15px;
    border: solid 1px #dedddd;
}
.sign-up-form h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 6px;
    position: relative;
    text-transform: uppercase;
    margin: 0;
}
.sign-up-form p {
    color: #666666;
    font-size: 13px;
}
.sign-up-form p strong {
    color: #000;
}
.contact-here {
    padding: 0;
    border: solid 1px #dfdede;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}
.contact-here .contact {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    width: 33%;
    display: table-cell;
    vertical-align: top;
    text-transform: uppercase;
    border-left: solid 1px #dfdede;
    padding: 10px 22px;
}
.contact-here .contact:first-child {
    border-left: none;
}
.contact-here .contact svg {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.contact-here .contact span {
    color: #f25852;
}
.contact-here .contact span.under-txt {
    font-size: 15px;
    color: #666666;
    text-transform: none;
    display: block;
}
.contact-here .contact span.under-txt a {
    color: #666666;
}
.contact-here .contact>img {
    float: left;
    margin-right: 15px;
}
.social {
    float: right;
    width: 112px;
}
footer.footer .social h3 {
    display: inline-block;
}
footer.footer .social ul {}
footer.footer .social ul li {
    display: inline-block;
    margin: 2px 0;
}
footer.footer .social ul li img {
    width: 34px;
    height: 34px;
}
.contact-here .contact.social {
    padding-right: 0;
}
.shipping-icons {
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    text-align: center;
    margin-bottom: 33px;
}
ul.shipping {
    background: #e9e9e9;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding: 15px 0;
}
ul.shipping li {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    width: 17%;
    text-align: left;
}
ul.shipping li>img {
    float: left;
    margin-right: 15px;
}
ul.shipping li span {
    display: block;
}
.links a {
    display: inline-block;
    position: relative;
    color: #666666;
    font-size: 11px;
    font-weight: 300;
    margin: 0 5px;
}
.links a:hover {
    color: #f25852;
}
.links a:after {
    right: -7px;
    position: absolute;
    content: "|";
}
.links a:last-child {
    font-weight: 600;
    text-decoration: underline;
}
.links a:last-child:after {
    content: "";
}
.payment-types {
    margin: 25px 0 0 0;
}
.payment-types .cell {
    margin-right: 0px;
}
.f-logo {
    margin: 0;
}
.copyright {
    padding: 5px 0;
    color: #6f6f6f;
    font-size: 12px;
    text-align: right;
}
/**effects**/
.cl-effect-4 a {
    padding: 0 0 10px;
    position: relative;
}
.cl-effect-4 a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
    height: 5px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
/**/
.cl-effect-21 a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f25852;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.cl-effect-21 a::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.cl-effect-21 a::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
    color: #000;
}
.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
/**/
.checkout {}
.checkout .heading {
    height: 31px;
    display: table;
    width: 100%;
    color: #727272;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 15px 0;
}
.gray-form-box {
    padding: 15px 20px;
    background: #f1f0f0;
    border: solid 1px #dedddd;
}
/*form standard**/
.siteForm {
    padding: 0px;
    margin: 0px 0 0px 0;
    border: none;
}
.siteForm table {
    width: 100%;
}
.siteForm table td {
    vertical-align: top;
    padding-bottom: 10px;
    padding-right: 10px; font-size:13px;
}
.siteForm table td small{color:#999;}
.siteForm h4.heading {
    font-weight: 600;
    font-size: 18px;
    border-bottom: solid 1px #dedddd;
    padding: 10px 0;
    color: #000;
}
.siteForm p.agree {
    vertical-align: top;
}
.siteForm fieldset {
    border: none;
    padding: 0px 0 10px 0;
    margin: 0px;
}
.siteForm .req {
    color: #F00;
}
.siteForm>label {
    min-height: 12px;
    text-align: left;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    padding: 0px;
    display: inline;
}
.siteForm .spn_must_field {
    display: inline-block;
}
.row-inline {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.siteForm select,
.select-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("../images/select-bg.png");
    background-repeat: no-repeat;
    background-position: right center;
}
.siteForm textarea {
    height: 138px;
}
.custom-file {}
.siteForm input.uploadFile {
    width: calc(100% - 114px);
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 4px 5px;
    border: 1px solid #e1dfdf;
    height: 38px;
    border-radius: 3px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    margin-bottom: 9px;
}
.siteForm .fileUpload input.upload {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.siteForm .fileUpload {
    position: relative;
    overflow: hidden;
    background: #727272;
    font-size: 12px;
    width: 94px;
    margin: 0;
    padding-top: 11px;
    float: right;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    padding: 6px 25px;
    height: 38px;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
    border: solid 1px transparent;
    width: auto;
}
.siteForm .fileUpload:hover {
    background: #f25852;
}
.siteForm .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.siteForm table td .custom-width .small {
    width: 70%;
    display: inline-block;
}
.siteForm table td .custom-width .anchor-popup {
    display: inline-block;
    margin-left: 15px;
}
.siteForm .width22 {
    width: 22%;
}
.siteForm .width33 {
    width: 33%;
}
.siteForm .width44 {
    width: 44%;
}
.siteForm .width55 {
    width: 55%;
}
.siteForm .height120 {
    height: 120px;
}
.siteForm .shop_description {
    height: 112px;
}
.siteForm input[type="text"]:focus,
.siteForm input[type="file"]:focus,
.siteForm input[type="password"]:focus,
.siteForm select:focus,
.siteForm textarea:focus,
.customfile-input:focus {
    border-color: #000;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    /*	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);*/
}
.siteForm input[type="reset"],
.siteForm input[type="button"]{background: #727272;}
.siteForm input[type="reset"]:hover,
.siteForm input[type="button"]:hover{background: #333;}
.siteForm select {
    width: 100%;
    padding: 7px 18px 7px 7px;
}
.siteForm input.calendar {
    background-image: url(../images/calendar.png);
    background-position: 97% center;
    background-repeat: no-repeat; box-shadow:none; min-width:1%!important;
}
.siteForm input.clock {
    background-image: url(../images/clock.png);
    background-position: 97% center;
    background-repeat: no-repeat;
}
.siteForm .width49 {
    width: 49%;
    float: left;
}
.siteForm.ondark input.custom-widht-10 {
    width: 10%;
}
table.tbl-twocell {}
table.tbl-twocell td:first-child {
    padding-right: 20px;
}
.siteForm.ondark input.custom-widht-10 {
    width: 10%;
}
.btn-align-tabs {
    margin: 20px;
}
.expand-fields {
    display: inline;
}
.expand {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 11px 10px;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: top;
    margin: 0px 0px 0 10px;
    border-radius: 3px;
    border: solid 1px #fff;
}
.expand:hover {
    color: #fff;
}
.expand svg {
    width: 12px;
    vertical-align: top;
    height: auto;
}
table.tbl-twocell {}
table.tbl-twocell td:first-child {
    padding-right: 20px;
}
/*****/
.fifty-fifty {
    width: 49%;
    display: inline-block;
}
.address-blocks {
    display: table;
    width: 100%;
    border: solid 1px #dedddd;
}
.address-blocks .repeat {
    display: table-cell;
    padding: 15px 20px;
    border-right: solid 1px #dedddd;
}
.address-blocks .repeat:last-child {
    border-right: 0;
}
.address-blocks .repeat .icon {
    float: left;
    margin-right: 13px;
}
.address-blocks .repeat p {
    display: inline-block;
    vertical-align: top;
}
.address-blocks .repeat:hover,
.address-blocks .repeat:active {
    background: #f0f0f0;
}
.tbl-normal {
    border: solid 1px #dedddd;
    border-collapse: collapse;
    width: 100%;
}
.tbl-normal th {
    text-transform: uppercase;
    background: #f1f0f0;
    font-size: 14px;
    color: #545353;
    font-weight: 600;
    padding: 15px 20px;
    border: solid 1px #dedddd;
}
.tbl-normal td {
    vertical-align: top;
    font-size: 14px;
    color: #545353;
    font-weight: 400;
    padding: 15px 20px;
    border: solid 1px #dedddd;
}
.tbl-normal td .pro-name {
    margin-bottom: 15px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.tbl-normal .trLast td {
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}
.txt-red {
    color: #f25852;
    font-size: 17px;
}
.ordered-repeated {}
.ordered-repeated .pro-img {
    width: 120px;
    height: 120px;
    float: left;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.ordered-repeated p {
    color: #000;
    line-height: 1;
    vertical-align: middle;
    display: table-cell;
    height: 100px;
    line-height: 1.2;
    font-size: 16px;
}
/***my shop***/
.profile-head {background:#373737;color:#fff;
               border-bottom: 1px solid #dcdbdb;
               margin-bottom: 0;
               padding:20px 0;
}
.about-me {
    display: inline-block;
}
.about-me .avatar,
.avatar {
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    border-radius: 100%;
    border: solid 2px #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.31);
    margin-right: 22px;
}
.about-me .avatar img,
.avatar img {
    width: 100%;
    height: auto;
}
.about-me .name {
    float: left;
    color:inherit;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
}
.about-me .name span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: inherit;
}
.items-list {
    /*margin-top: 2px;*/  margin-top: 7px;
}
.items-list li {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    padding: 10px 0px;
    font-size: 15px;
}
.items-list li a {
    color: #4b4b4d;
    padding: 12px 15px;
    border-radius: 2px;
    border: solid 1px transparent;     font-size: inherit;
}
.items-list li a span {
    font-weight: 300;
    font-size: 12px;
    text-align: center;
    background: #373737;
    color: #ffd800;
    width: 25px;
    height: 25px;
    display: inline-block;
    padding-top: 4px;
    border-radius: 100%;
    margin-right: 10px;
}
.items-list li a:hover {
    border: solid 1px #4b4b4d;
}
.items-list li a:hover span {
    background: #4b4b4d;
}
/*shop header*/
.shop-header {
    display: table;
    width: 100%;
    position: relative;
    height: 419px;
    background: #181818; 
}
.shop-header .img {
    position: relative;
}
.shop-header .img img {
    /*filter: blur(1px);*/
}
.shop-header .img:after {
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.95);
}
.shop-header .shop-left {
    padding: 0px 20px;
    position: absolute;
    top: 50%;
    margin-top: -116px;
    width: 65%;
}
.shop-header .shop-left .brand-icon {
    border: solid 1px #fff;
    padding: 4px;
    overflow: hidden;
    margin-right: 22px;
    width: auto;
    display: inline-block;
    float: left;
}
.shop-header .shop-left .brand-icon .brand-wrap {
    background: #fff;
    width: 165px;
    height: 165px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.shop-header .shop-left .brand-icon .brand-wrap img {
    display: inline-block;
}
.shop-header .shop-left .brand-name {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-top: 21px;
    margin-bottom: 10px;
}
.shop-header .shop-left .brand-name span {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    display: block;
}
.shop-header .shop-left .rating ul {
    margin: 0;
}
.shop-header .shop-left .rating li svg {
    width: 20px;
    height: 20px;
}
.shop-header .shop-left .rating p {
    font-weight: 600;
    font-size: 14px;
    display: block;
    padding: 0;
    margin: 0;
}
.shop-header .shop-right {
    top: 50%;
    position: absolute;
    right: 0;
    padding: 0px 20px;
    width: 220px;
    margin-top: -82px;
}
.shop-header .shop-right .links-row a {
    display: block;
    padding: 12px 15px;
    margin: 5px 0;
    background: none;
    border: solid 1px #fff; color:#fff; line-height:normal; font-size:13px;
}

.shop-header .shop-right .links-row a.active {
    background: #e0b906;
    border-color: #e0b906;
}
.shop-header .social-list {
    margin: 15px 0 0 20px;
    float: left;
}
.shop-header .social-list li {
    display: inline-block;
    margin: 0 10px 0 0px;
}
.shop-header .short-links {
    margin: 18px 20px;
    display: block;
    float: right;
}
.shop-header .short-links li {
    display: inline-block;
}
.shop-header .short-links li a {
    border-bottom: solid 1px #fff;
    color: #fff;
    margin-left: 15px;
    font-size: 15px;
}
.shop-page {
    min-height: 850px;
}
.shop-page .left-panel {}
.shop-page .left-panel .widget {
    border-top: solid 1px #dddede;
}
.shop-page .left-panel .review-wrapper {
    padding: 0 10px;
}
.shop-page .right-panel {}
.shop-page .right-panel h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 20px 0;
    text-transform: uppercase;
}
.rating {
    vertical-align: bottom;
    display: inline-block;
    color: #fff;
    font-size: 12px;
}
.rating li, .col-seller-list .rating li {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}  
.rating li svg {
    width: 17px;
    height: 17px;
}
.rating li.active svg path {
    fill: #ffd800;
}
.rating li.in-active svg path {
    fill: #8d8d8d;
}
.rating ul,
.rating p {
    margin: 5px;
    display: inline-block;
    vertical-align: bottom;
}
.ratingWrap .rating ul {
    margin: 0;
}
.ratingWrap .rating ul li {
    margin: 0;
}
.social-list {
    text-align: right;
    float: right;
}
.social-list.left {
    float: left;
}
.social-list.left li {
    margin: 0 4px 0 0;
}
.social-list li {
    float: left;
    margin: 0 0 0 4px;
}
.short-links {
    margin: 25px 0 10px 0;
    display: block;
    float: right;
}
.short-links li {
    display: inline-block;
}
.short-links li a {
    border-bottom: solid 1px #3d3d3d;
    color: #fff;
    margin-left: 15px;
    font-size: 12px;
}
.shop-page .left-panel {}
.shop-page .left-panel .widget {
    border-top: solid 1px #dddede;
}
.shop-page .right-panel {
    position: relative;
}
.shop-page .right-panel h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 20px 0;
    text-transform: uppercase;
}
.gray-side {
    background: #f4f4f4;
    border: solid 1px #dddede;
}
.shop-page .left-nav {}
.shop-page .left-panel h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    padding: 20px 20px 10px;
}
.shop-page .left-nav ul {
    padding-bottom: 10px;
}
.shop-page .left-nav li {
    color: #000;
    font-size: 13px;
    padding: 5px 10px;
}
.shop-page .left-nav li a {
    display: block;
    color: #000;
}
.shop-page .left-nav li a:focus,
.shop-page .left-nav li a:hover,
.shop-page .left-nav li.active a {
    color: #f25852;
}
.shop-page .left-nav li a span {
    display: inline-block;
    float: right;
}
.shop-list {
    /*border: solid 1px #dddede;*/
    border-bottom: none;
    border-right: none;
    border-collapse: collapse;
}
.shop-list .shop-item {
    width: 33.3333333333333%;
    float: left;
    border-collapse: collapse;
    position: relative;
    overflow: hidden;
    margin: 0px;
    background: #fff;
    min-height: 415px;
    box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.20);
    /*	border: solid 1px #dddede;*/
}
.equal_height_shop_item {
    min-height: 600px !important;
}
.shops_display_view .shop-item {
    /*min-height: 610px !important;*/
}
.home-list .shop-item {
    width: 25%;
}
.shop-item.out-of-stock .overlay {
    display: none;
}
.out-stock-text {
    position: absolute;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.62);
    width: 100%;
    height: 100%;
    text-align: center;
}
.out-stock-text>a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
}
.out-stock-text .txt {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: solid 1px #dddede;
    background: #fff;
    display: inline-block;
    padding: 5px 8px;
    position: relative;
    top: 50%;
    margin-top: -5px;
}
/*.shop-list .shop-item:after {
border: solid 1px #dddede;
content: "";
position: absolute;
z-index: 100;
height: 100%;
width: 100%;
display: block;
top:0;

}*/
/*.shop-page {
padding: 15px 0 0 0;
}
.shop-list .shop-item .top .shop_header {
/*min-height: 118px;
}*/
/*.shop-list .shop-item .top {
border-bottom: solid 1px #eeefef;
}
.shop-list .shop-item .top .avatar-container {
margin: 10px 0;
}
.shop-list .shop-item .top .avatar-container .avatar {
width: 75px;
height: 75px;
margin-top: 0;
}
.shop-list .shop-item .image {
max-height: 301px;
text-align: center;
display: block;
width: auto;
vertical-align: middle;
overflow: hidden;
/*
max-height: 301px;
text-align: center;
display: table-cell;
width: auto;.shop-list
vertical-align: middle;
overflow: hidden;

}*/
/*.shop-list .shop-item .image img {
margin: 5px auto;
display: block;
max-width: -moz-fit-content;
max-width: -webkit-fit-content;
width: 100%;
height: auto;
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
-o-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.shop-list .shop-item .image img:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.shop-list .shop-item .caption {
display: block;
text-align: center;
}
.shop-list .shop-item .caption .name {
display: block;
color: #000;
font-weight: 600;
font-size: 14px;
min-height: 40px;
padding: 0 10px;
/*
display: block;
color: #000;
font-weight: 600;
font-size: 14px;

}*/
.product-name-red,
.product-name-red a {
    color: #f25852;
}
.shop-list .shop-item .caption .name a {
    color: #000;
}
.shop-list .shop-item .caption .brand-name {
    color: #727272;
}
.shop-list .shop-item .price {
    color: #000;
    /*font-size: 20px;*/
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    margin: 5px 0 15px 0;
}
.shop-list .shop-item .price .price-new {
    color: #f25852;
}
.shop-list .shop-item .price .price-old,
.cart-tbl .price .price-old {
    color: #6c6b6b;
    text-decoration: line-through;
    font-weight: 400;
}
.shop-list .shop-item .price .price-tax {
    color: #999;
    display: block;
    font-size: 12px;
}
.shop-list .shop-item .lable {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0px 3px 0 5px;
    background: #79dbf6;
    display: inline-block;
    position: absolute;
    z-index: 1;
    vertical-align: middle;
}
.shop-list .shop-item .lable:after,
.shop-list .shop-item .lable:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.shop-list .shop-item .lable:after {
    border-color: rgba(255, 210, 0, 0);
    border-left-color: #79dbf6;
    border-width: 10px;
    margin-top: -10px;
}
.shop-list .shop-item .lable:before {
    border-color: rgba(0, 0, 0, 0);
    border-width: 16px;
    margin-top: -16px;
}
.shop-list .shop-item .overlay {
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0px;
    width: 100%;
    padding: 15px 20px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.shop-list .shop-item:hover .overlay {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.shop-list .shop-item .overlay.display {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.shop-list .shop-item:hover .price a {
    color: #f25852;
}
.shop-list .shop-item .overlay a.link {
    display: inline-block;
}
.shop-list .shop-item .overlay a.link .svg-icn svg {
    width: 22px;
    height: 21px;
    display: block;
}
.shop-list .shop-item .overlay a.link .svg-icn svg path {
    fill: #474747;
}
.shop-list .shop-item .overlay a.link.active .svg-icn svg path {
    fill: #f25852;
}
.shop-list .shop-item .overlay .favourite {
    float: right;
}
.shop-list .shop-item .overlay .sectionList {
    display: inline-block;
    float: right;
    margin-left: 8px;
}
/**/
.shop-list .shop-item .over-btn-grp {
    opacity: 0;
    position: absolute;
    bottom: 48%;
    width: 100%;
    padding: 10px;
    text-align: center;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.shop-list .shop-item:hover .over-btn-grp {
    background: rgba(255, 255, 255, 0.8);
    bottom: 50%;
    opacity: 1;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.shop-list .shop-item .over-btn-grp a.btn {
    padding: 5px 5px 0 5px;
    margin: 0px;
    text-align: center;
}
.shop-list .shop-item .over-btn-grp svg {
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 0;
}
.shop-list .shop-item .over-btn-grp svg path,
.shop-list .shop-item .over-btn-grp svg rect {
    fill: #fff;
}
.shop-list .shop-item .over-btn-grp .msg {
    color: #000;
    height: 30px;
    display: block;
    font-weight: 600;
}
/***/
.listButton {
    position: relative;
}
.listButton.active:after {
    position: absolute;
    right: 3px;
    top: 24px;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f25852;
    z-index: 2;
}
.itemBox {
    position: relative;
}
.fourCols {
    /*margin:0 10px;*/
    margin-left: -10px;
    margin-right: -10px; margin-top:10px;
}
.fourCols:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.fourCols>li {
    float: left;
    margin: 0;
    padding: 10px;
    width: 25%;
}
.collectionbox {
    display: table;
    width: 100%;
    border: 1px solid #dedddd;
    position: relative;
    height: 290px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
.fourthumbs {
    width: 100%;
    /*	height: 230px;*/
    /*	border-bottom: 1px solid #d5d5d5;*/
    position: relative;
}
.fourthumbs .thumbsquare {
    width: 50%;
    float: left;
    height: auto;
    margin: 0;
	padding: 5px;
    /* background: #e3e3e3;*/
}
.fourthumbs .thumbsquare img {
    width: auto;
    height: auto;
    margin: auto;
    /*border: #dddede solid 1px;*/
}
.collectionbox .collectiontitle {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.collectionbox .txtcount {
    font-size: 12px;
    color: #666;
    display: block;
    padding: 5px 0 0 0;
}
.collectionbox .bottom {
    padding: 8px;
    display: table;
    width: 100%;
}
.countpreview {
    background:rgba(255, 216, 0, 0.7);
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    line-height: 30px;
    text-align: center;
    padding: 120px 0 0 0;
}
.countpreview .linkspan {
    margin: 5px;
    display: inline-block;
    background: #333;
    padding: 2px 14px;
    font-size: 13px;
    color: #fff;
    border-radius: 3px;
}
.countpreview .linkspan:hover {
    background: #727272;
}
.collectionbox:hover .countpreview {
    display: block;
}
.collectionbox:hover .collectiontitle {
    text-decoration: underline;
}
.collectionbox:hover {
    /* border: 1px solid #f989ac;
    box-shadow: 0 0 6px rgba(255, 58, 89, 0.5);*/
}
.collectionbox .wrapblank {
    background: #000;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    text-align: center;
}
.collectionbox .createlink {
    background: #000;
    text-align: center;
    display: block;
    position: absolute;
    left: 5px;
    bottom: 5px;
    top: 5px;
    right: 5px;
    text-align: center;
    padding-top: 100px;
}
.collectionbox .createlink img {
    width: 20px;
    margin: 0 auto;

}
.collectionbox .createlink span {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%;
    padding: 5px;
    width:100%;
}
.createlistform {
    padding: 70px 15px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}
.createlistform .deltelinks {
    width: 20px;
    height: 18px;
    background: url(../images/crosslink.jpg) no-repeat left top;
    display: inline-block;
    margin: 0 0 0 6px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.createlistform .deltelinks:hover {
    background-position: 0 -18px;
}
.createlistform td {
    padding: 0 0 10px 0;
    font-size: 15px;
}
.createlistform input[type="text"] {
    height: 38px;
    line-height: 38px;
}
.createlistform input[type="submit"] {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
}
/****/
.dashboard {
    display: table;
    width: 100%;
}
.dashboard .left-data {
    display: table-cell;
    width: 170px;
    vertical-align: top;
    border-right: solid 1px #dedddd;
}
.dash-nav {
    padding: 15px 0;
}
.dash-nav li {
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}
.dash-nav li a {
    /*opacity: 0.8;*/
    display: block;
    color: #333;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    position: relative;
}
.dash-nav li a:hover,
.dash-nav li.active a {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    color: #f25852;
}
.dash-nav li.active a i svg path,
.dash-nav li.active a i svg rect,
.dash-nav li.active a i svg ellipse,
.dash-nav li.active a i svg polygon,
.dash-nav li.active a i svg circle {
    fill: #f25852;
}
.dash-nav li a i {
    display: block;
    margin: 5px auto;
    width: 30px;
    height: 30px;
}
.dash-nav li a .count {
    position: absolute;
    right: 50%;
    margin-right: -23px;
    top: 0;
    background: #ffd800;
    border-radius: 3px;
    color: #333;
    width: auto;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 0 2px;
}
.dash-nav li a .count>span {
    display: inline-block;
}
.dash-nav li a i svg {
    width: 30px;
    height: 30px;
}
.dash-nav li a i svg path,
.dash-nav li a i svg rect,
.dash-nav li a i svg ellipse,
.dash-nav li a i svg polygon,
.dash-nav li a i svg circle {
    fill: #474747;
}
.dash-nav li a:hover i svg path,
.dash-nav li a:hover i svg rect,
.dash-nav li a:hover i svg ellipse,
.dash-nav li a:hover i svg polygon,
.dash-nav li a:hover i svg circle,
.dash-nav li a.active i svg path,
.dash-nav li a.active i svg rect,
.dash-nav li a.active i svg ellipse,
.dash-nav li a.active i svg polygon,
.dash-nav li a.active i svg circle {
    fill: #f25852;
}
.dashboard .data-side {
    vertical-align: top;
    display: table-cell;
    width: 1028px;
    border-right: solid 1px #dedddd;
    border-bottom: solid 1px #dedddd;
    /*padding-bottom: 20px;*/
}
.space-lft-right {
    /*padding: 0px 20px;*/
}
.right-elemnts {
    padding: 0px 20px;
}
.dashboard .data-side h3 {
    color: #000;
    text-align: left;
    font-size: 18px;
    text-transform: uppercase;
    /*padding: 20px 20px;*/
    line-height: 30px; font-weight:600; margin:0 0 10px 0;
    /*	display:inline-block;*/
}
.dashboard .data-side h3 .svg-icn svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.dashboard .data-side .shop-list {
    margin: 0 -10px;
}
.featured-product {
    width: 986px;
    margin: 0 20px;
}
.tbl-listing {
    padding: 0;
}
.tbl-listing h4 {
    color: #434242;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 20px 10px 0;
}
.tbl-listing table {
    width: 100%;
}
.tbl-listing table th {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding: 15px 20px;
    border: solid 1px #dedddd;
    border-left: none;
    border-right: none;
}
.tbl-listing table td {
    vertical-align: top;
    font-size: 13px;
    color: #545353;
    font-weight: 400;
    padding: 15px 20px;
    border: solid 1px #dedddd;
    border-left: none;
    border-right: none;
}
.tbl-listing table td.nopadding {
    padding: 0;
}
.tbl-listing .pro-image {
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    vertical-align: middle;
}
.tbl-listing .pro-image img {
    width: auto;
    max-width: 100%;
}
.tbl-listing table tr.cancelled {
    background: #f8f8f8;
}
.tbl-listing table tr.cancelled td,
.tbl-listing table tr.cancelled a,
.tbl-listing table tr.cancelled .price {
    color: #ccc !important;
}
.tbl-listing table tr.cancelled img {
    opacity: 0.5;
}
.tbl-listing .blue-txt {
    color: #727272;
}
.tbl-listing a.status {
    background: #a9cf54;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    padding: 3px 6px;
}
.cellcaption {
    display: none;
}
a.status.green {
    background: #a9cf54;
}
a.status.gray-dark {
    background: #4c4b4d;
}
/****/
.login-signup {}
.login-signup .siteForm table td {
    padding-right: 0;
}
.form-block {
    padding: 20px 0 0 0;
    width: 49%;
}
.form-block h2 {
    color: #323333;
    font-size: 18px;
    /*text-transform: uppercase;*/
    text-align: center;
    position: relative;
    /*background: #f1f0f0;
    border: 1px solid #dedddd;*/
    font-weight: 600;
    padding: 13px 0;
}
.form-block h2:after,
.form-block h2:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    /* content: " ";*/
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.form-block h2:after {
    border-color: rgba(241, 240, 240, 0);
    border-top-color: #f1f0f0;
    border-width: 10px;
    margin-left: -10px;
}
.form-block h2:before {
    border-color: rgba(222, 221, 221, 0);
    border-top-color: #dedddd;
    border-width: 11px;
    margin-left: -11px;
}
.form-block h3 {
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
}
.button-div {
    text-align: center;
}
.form-block a.fb-color,
.form-block a.tw-color,
.form-block a.gp-color {
    background: #0068b5;font-size:14px;
    border-radius: 0;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    color: #fff!important;
    min-width: 240px;
}
.form-block a.fb-color {
    margin-right: 5px;
}
.form-block a.tw-color {
    margin-left: 5px;
    background: #00c1db;
}
.form-block a.gp-color {
    margin-left: 5px;
    background: #d73d32;
}
.form-block a.fb-color img,
.form-block a.fb-color svg,
.form-block a.gp-color svg,
.form-block a.gp-color img {
    width: 18px;
    height: 18px;
    display: inline-block;vertical-align:middle;position:relative;top:-2px;
}
.form-border {
    margin: 25px 0 00 0;
    padding: 15px;
    min-height: 400px;
    border: solid 1px #dedddd;
}
.remember {
    display: inline-block;
    color: #000;
}
.remember a {
    /*color: #087ccd;*/
}
.remember p {
    padding-left: 15px;
}
.siteForm input.form-submit {
    float: right;
    display: inline-block;
    width: 150px;
}
.divider {
    /*  border-top: solid 1px #e2e0e0;
    margin: 34px 0;
    display: block;*/
}
.tabz-dashboard .tabz-ul {
    position: relative;
    top: -81px;
    margin-bottom: -50px;
    display: block;
    height: 50px;
    margin-left: 170px;
    display: table;
}
.tabz-dashboard .tabz-ul li {
    cursor: pointer;
    color: #fff;
    border-bottom: none;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    margin: 0px 5px;
}
.tabz-dashboard .tabz-ul li a {
    color: #fff;
    display: block;
    padding: 0px 60px;
    line-height: 49px;
    text-decoration: none;background:rgba(255,255,255,0.1);
}
.tabz-dashboard .tabz-ul li.active {
    background: #fff;
    border: solid 1px #dcdbdb;
    border-bottom: none;
    color: #000;
    border-bottom: 1px solid #fff;
}
.tabz-dashboard .tabz-ul li.active a {
    color: inherit;
}
.orders-list {
    display: inline-block;
    width: 100%;
}
.orders-list ul{margin:0 0 0 -15px;}
.orders-list li{width:25%;float:left;padding:0 0 0 15px;}
.orders-list li a{position:relative;
                  background: #f5f3f3;
                  border: solid 1px #dedddd;
                  display:block; 
                  position: relative;
}
.orders-list li a:after {
    content: "";
    background: url(../images/cut-arrow.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
}
.orders-list li:last-child {
    margin-right: 0;
}
.orders-list li a:hover {
    background: #fff8d5;
    border-color: #f6e69f;
}
.orders-list li a {
    display: block;
    padding: 10px;
}
.orders-list li span.txt-big {
    color: #2f2f30;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
}
.orders-list li p {
    color: #5a5a5a;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
}
.orders-list a.manage-order {
    color: #f25852;
    font-size: 13px;
    float: right;
    background: url(../images/arrow-right-right.png) no-repeat right 7px;
    padding-right: 12px;
}
.orders-list a.manage-order:hover {
    color: #000;
    background: url(../images/arrow-right.png) no-repeat right 7px;
}
.spacebottom {
    padding-bottom: 65px;
}
.product-sale {
    border-top: solid 1px #dedddd;
}
.tbl-dashboard {
    border-top: solid 1px #dedddd;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.tbl-dashboard .tbl-left {
    display: table-cell;
    width: 736px;
    border-right: solid 1px #dedddd;
    vertical-align: top; padding:20px 20px 0 0;
}
.tbl-dashboard .tbl-right {
    display: table-cell;
    vertical-align: top;
    width: 287px;
    background: #f5f3f3;
    padding:20px;
}
.box-head {
    display: inline-block;
    width: 100%;
    padding:20px 0;
}
.box-head h3 {
    display: inline-block;
}
.red-links {
    margin: 20px;
    float: right;
    display: inline-block;
    vertical-align: top;
}
.red-links li {
    display: inline-block;
    margin: 0 -1px;
}
.red-links li a {
    background: #ce5171;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    padding: 2px 3px;
}
.graph {
    padding: 15px 0px;
}
.sale-figure {
    float: right;
    display: inline-block;
    margin: 15px 20px;
    width: 247px;
    border: solid 1px #dedddd;
}
.sale-figure li {
    border-bottom: solid 1px #dedddd;
    display: table;
    width: 100%;
}
.sale-figure li i {
    width: 56px;
    height: 56px;
    background: #f25852;
    display: block;
    border-radius: 100%;
    float: left;
    margin-right: 15px;
    padding-top: 14px;
    text-align: center;
}
.sale-figure li {
    padding: 15px;
    color: #2f2f30;
    font-size: 14px;
    line-height: 1.5;
}
.sale-figure li strong {
    color: #2f2f30;
    font-size: 22px;
}
.sale-figure li:last-child {
    border-bottom: none;
}
.supplier-sections {
    padding: 0 10px;
    display: table;
    width: 100%;
}
.supplier-sections .sub-sections {
    width: 48%;
    margin: 1%;
    float: left;
}
.supplier-sections .sub-sections h4 {
    color: #2f2f30;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
.supplier-sections .box {
    border: solid 1px #dedddd;
    background: #f5f3f3;
    padding: 15px 20px;
}
.supplier-sections .box .icon-circle {
    background: #e4e4e4;
    text-align: center;
    padding-top: 14px;
    border-radius: 100%;
    width: 68px;
    height: 68px;
    display: block;
    float: left;
    margin-right: 27px;
}
.supplier-sections .box .icon-circle img,
.supplier-sections .box .icon-circle svg {
    width: 40px;
    height: 40px;
}
.supplier-sections .box ul {
    display: block;
    padding-top: 10px;
}
.supplier-sections .box ul li {
    font-size: 14px;
    line-height: 1.2;
    padding: 2px 0;
}
.supplier-sections .box ul li span {
    display: inline-block;
}
.btn-view {
    float: right;
}
a.view-more {
    float: right;
    text-transform: uppercase;
    border-bottom: solid 1px #727272;
    white-space: nowrap;
    color: #727272;
    background: url(../images/retina/arrow-right.svg) no-repeat right 4px;
    background-size: 9px;
    padding: 0px 15px 0px 0px;
    clear: both;
    display: inline-block;
    font-size: 12px;
}
a.view-more.red {
    color: #f25852;
    background: url(../images/retina/arrow-right-red.svg) no-repeat right 4px;
    background-size: 9px;
    border-bottom: solid 1px #f25852;
}
a.view-more.black {
    font-size: 17px;
    background: url(../images/retina/arrow-right.svg) no-repeat right 7px;
    background-size: 11px;
}
a.view-more.white {
    color: #fff;
    border-bottom: solid 1px #fff;
    background: url(../images/retina/arrow-right-white.svg) no-repeat right 4px;
    background-size: 9px;
}
.latest-order {
    /* margin: 0 20px 0px 20px;*/
}
.left-txt {
    display: inline-block;
    color: #000;
    font-size: 16px;
    padding-top: 5px;
}
.sortby {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    padding-top: 5px;
    font-size: 16px;
}
.sortby a.triger {
    color: #fff;
    position: relative;
    padding-right: 0px;
}
.sortby a.triger:after {
    right: -10px;
    position: absolute;
    content: "";
    width: 9px;
    height: 4px;
    display: block;
    background: url(../images/arrow-white.png) no-repeat 0 0;
    top: 8px;
}
.drop-toggle {
    background: #fff;
    position: absolute;
    z-index: 1;
    width: auto;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: block;
    font-size: 14px;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    text-align: left;
}
.drop-toggle li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 10px;
    white-space: nowrap;
}
.drop-toggle li:last-child a {
    border-bottom: none;
}
.drop-toggle li a:hover {
    background: #f25852;
    color: #fff;
}
.search-dashboard {
    /*height: 36px;*/
    width: 250px;
    float: right;
    background: #fff;
    border-radius: 2px;border:1px solid #ddd;
}
.search-dashboard input[type="text"] {
    background: none;
    border: none;
    height: 36px;
    width: 215px;
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    color: #8c8c8c;
    font-size: 14px;
}
.search-dashboard input[type="submit"] {
    background: url(../images/retina/search-black.svg) no-repeat 5% 9px;
    background-size: 70% auto;
    width: 25px;
    height: 35px;
    display: inline-block;
    border: none;
}
.tbl-email table {
    border-collapse: collapse;
    width: 100%;
}
.tbl-email th {
    text-transform: uppercase;
    background: #f1f0f0;
    font-size: 14px;
    color: #545353;
    font-weight: 600;
    padding: 15px 20px;
    border: solid 1px #dedddd;
}
.tbl-email td {
    vertical-align: middle;
    font-size: 13px;
    color: #545353;
    font-weight: 400;
    padding: 15px 20px;
    border-bottom: solid 1px #dedddd;
}
.tbl-email .email-txt {
    font-size: 14px;
}
.tbl-email .email-txt span {
    color: #000;
    font-size: 14px;
    display: block;
}
.tbl-email tr.unread td {
    background: #fff;
}
.tbl-email tr.unread td .email-txt span {
    color: #000;
}
.tbl-email .actions a {
    background: #f1f0f0;
    border: solid 1px #dedddd;
    border-radius: 2px;
    width: 37px;
    height: 37px;
    padding-top: 7px;
    display: block;
    text-align: center;
    vertical-align: middle;
}
.tbl-email .actions a.active,
.tbl-email .actions a.active:hover {
    background: #f25852;
    border: solid 1px #f25852;
}
.tbl-email .actions a:hover {
    background: #dedddd;
    border: solid 1px #dedddd;
}
.inline-line {
    display: table;
    width: 100%;
}
.txt-16 {
    font-size: 16px;
}
.txt-15 {
    font-size: 15px;
}
/*** dharminder ***/
.stepListing {
    height: 45px;
    width: 100%;
    position: relative;
    margin: 0 0 20px 0;
}
.stepListing li {
    position: relative;
    float: left;
    background-color: #eaf0e9;
    border-radius: 100px;
    margin: 0 0 0 -50px;
    height: 45px;
    padding: 0 75px 0 0;
}
.stepListing li:first-child {
    margin-left: 0;
}
.stepListing li .counts {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 46px;
    width: 47px;
    height: 47px;
    border-radius: 100px;
    background: #FFF;
    position: relative;
    font-size: 24px;
    color: #d9dfd8;
    position: relative;
    top: -1px;
    left: -1px;
    bottom: -1px;
}
.stepListing li .counts:before {
    border: 3px solid #d9dfd8;
    border-radius: 100px;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    position: absolute;
    content: "";
}
.stepListing li .textvalue {
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #a8aea7;
}
.stepListing li .spanarrow {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 55px;
    margin: 0 0 0 -18px;
}
.stepListing li .spanarrow:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #f25852;
}
.stepListing li.stepselect {
    background: #f25852;
}
.stepListing li.stepselect .spanarrow {
    display: block;
}
.stepListing li.stepselect .counts {
    color: #f25852;
}
.stepListing li.stepselect .textvalue {
    color: #fff;
}
.stepListing li.stepselect .counts:before {
    color: #165b74;
    border: 3px solid #f25852;
}
.stepListing li.finishstep {
    background: #eaf0e9;
}
.stepListing li.finishstep .counts {
    color: #f25852;
}
.stepListing li.finishstep .textvalue {
    color: #f25852;
}
.stepListing li.finishstep .counts:before {
    color: #f25852;
    border: 3px solid #f25852;
}
.border_cover {
    position: relative;
    width: 100%;
    padding: 20px;
    /*border: 1px solid #ddd;*/
    border-top: none;
    background: #fff;
    /* background:#eaf0e9;*/
}
/*.border_cover:before {
position: absolute;
left: -1px;
right: -1px;
top: -4px;
content: "";
height: 4px;
background: #f25852;
}*/
.frontformTable {
    width: 100%;
}
.frontformTable td small {
    font-size: 13px;
    color: #000;
}
.frontformTable td:first-child {}
.frontformTable td {
    font-size: 14px;
    color: #666;
    vertical-align: top;
    padding: 0 0 15px 0;
}
.frontformTable input[type="text"],
.frontformTable input[type="password"],
.frontformTable select {}
.mandatory {
    color: rgba(255, 0, 4, 1.00);
}
.frontformTable .uploadedphoto {
    float: left;
}
.frontformTable .filefield {
    float: left;
    margin: 35px 0 0 0;
}
.txtlabel {
    display: inline-block;
    padding: 0 20px 0 0;
}
.frontformTable .steptitle {
    position: relative;
    left: -55px;
    text-align: left;
}
.viewtable {
    width: 100%;
    border: 1px solid #dbdbdb;
    background: #fff;
}
.viewtable td {
    text-align: left;
    padding: 15px;
    border-top: 1px solid #d6d9db;
    text-align: left;
    vertical-align: top;
    color: #666;
    font-size: 13px;
}
.viewtable td:first-child {
    width: auto;
    text-align: left;
}
.viewtable th {
    padding: 15px;
    text-align: left;
    font-weight: 600;
    color: #000;
    font-size: 13px;
}
.fieldsmall {
    width: 60px !important;
}
.frontformTable .fieldsmall {
    width: 60px !important;
}
.viewtable input[type="text"].fieldsmall,
.viewtable input[type="password"].fieldsmall {
    width: 70px !important;
    height: 32px !important;
}
.viewtable select.fieldnormal {
    width: 150px !important;
    height: 32px !important;
    padding: 0 10px !important
}
.fieldcontainer {
    position: relative;
}
.fieldcontainer .cur_value {
    position: absolute;
    left: 10px;
    top: 6px;
    font-size: 13px;
    color: #666;
}
.fieldcontainer input[type="text"] {
    padding-left: 5px;
}
.viewtable .checkselect {
    margin: 3px;
}
.frontformTable .buttonNormal {
    font-size: 14px;
    padding: 5px 20px;
}
.wrapform {
    width: 100%;
    background: #f4f4f4;
    padding: 20px;
    margin:20px 0;
    position: relative;
}
.container--small  .wrapform{padding:40px;}
.wrapformChangePassword {
    width: 100%;
    border: 1px solid #dedddd;
    padding: 20px;
    margin: 0 0 20px 0;
    position: relative;
}
.editformTable {
    width: 100%;
}
.editformTable td:first-child {}
.editformTable td {
    font-size: 15px;
    color: #666;
    padding: 0 0 15px 0;
}
.editformTable input[type="text"],
.editformTable input[type="password"],
.editformTable select,
.editformTable textarea {}
.editformTable .uploadedphoto {
    /*	float: left;*/
}
.editformTable .filefield {
    float: left;
    margin: 35px 0 0 0;
}
/****dharminder**/
.checkout-process {
    /*border: solid 1px #dedddd;*/
    margin: 0px 0 0 0;
}
.checkout-page-data {
    padding: 20px 0 0 0;
}
.checkout-page-data:before,
.checkout-page-data:after {
    content: "";
    display: table;
    line-height: 0;
}
.checkout-page-data:after {
    clear: both;
}
.checkout-page-data .form-block {
    padding: 0px;
}
.checkout-steps {
    background: #f1f0f0;
    /*border-bottom: solid 1px #dedddd;*/
    height: 68px;
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
}
.checkout-steps .step {
    position: relative;
    margin: 0 10px;
    min-width: 269px;
    top: -20px;
    display: inline-block;
}
.checkout-steps .step.one {
    margin-left: 0px;
}
.checkout-steps .step.five {
    margin-right: 0px;
}
.checkout-steps .step .icon {
    background: #727272;
    border-radius: 100%;
    width: 102px;
    height: 102px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-size: 35px;
    font-weight: 700;
    margin-right: 10px;
    padding: 9px 0 0 9px;
}
.checkout-steps .step .icon span.num {
    background-color: #727272;
    width: 84px;
    height: 84px;
    display: block;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    padding-top: 14px;
}
.checkout-steps .step.selected .icon {
    padding: 15px 0 0 14px;
    background: #000;
}
.checkout-steps .step.selected .icon span.num {
    background: url(../images/bg-leaf.png) no-repeat 0 0;
    width: 74px;
    height: 85px;
    display: table-cell;
    vertical-align: top;
    padding-top: 14px;
    text-align: center;
    margin: 0 auto;
    color: #000;
}
.checkout-steps .step.compeleted .icon {
    background-color: #f25852;
    position: relative;
}
.checkout-steps .step.compeleted .icon .step-logo {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 1;
}
.checkout-steps .step.compeleted .icon span.num {
    background: #7c0b28;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    padding: 0px;
    margin: 5px 0 0 26px;
}
.checkout-steps .step .side-txt {
    color: #727272;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: text-top;
}
.checkout-steps .step .side-txt span {
    display: block;
    color: #000;
    font-size: 12px;
    font-weight: 300;
    text-transform: none;
}
.checkout-steps .step.compeleted .side-txt {
    color: #f25852;
}
.all-address {
    padding: 0; margin:20px 0 0;
}
.all-address .repeat {
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 31.77%;
    display: inline-block;
    padding: 30px;
    border: solid 1px #dedddd;
    min-height: 244px;
    position: relative;
}
.all-address .repeat:nth-of-type(3n) {
    margin-right: 0;
}
.all-address .repeat .overlay {
    display: none;
    position: absolute;
    text-align: right;
    right: 10px;
    top: 10px;
}
.all-address .repeat:hover .overlay {
    display: block;
}
.all-address .repeat .icon {
    float: left;
    margin-right: 13px;
}
.all-address .repeat #parent {
    position: relative;
    min-height: 250px;
}
.all-address .repeat #child {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.all-address .repeat strong span {
    color: #FF3157;
}
.all-address .repeat p {
    font-size: 15px;
    /*	display: inline-block;*/
    display: table;
    vertical-align: top;
    margin-bottom: 10px;
}
.all-address .repeat p a {
    color: #9b9b9b;
}
.all-address .repeat:last-child {
    margin-right: 0;
}
.all-address .repeat a.deliver-btn {
    position: relative;
    margin-top: 10px;
    padding: 11px 25px;
    margin-left: 42px;
}
.all-address .repeat.selected {
    background: #f0f0f0;
}
/*
.all-address .repeat a.deliver-btn:hover {
background: #f25852;
}
.all-address .repeat.selected a.deliver-btn {
background: #f25852;
}
.all-address .repeat a.deliver-btn:after {
border-radius: 0px 2px 2px 0;
content: "";
position: absolute;
right: -43px;
top: 0;
width: 43px;
height: 43px;
background: #303031 url(../images/sparrow.png) no-repeat center center;
display: table-cell;
}
.all-address .repeat a.deliver-btn:hover:after {
background: #a4193d url(../images/sparrow.png) no-repeat center center;
}
.all-address .repeat.selected a.deliver-btn:after {
background: #a4193d url(../images/check-done.png) no-repeat center center;
}
*/
.all-address .repeat .btn-wrap {
    text-align: center;
    padding-top: 50px;
}
.all-address .repeat .btn-wrap a {
    padding: 15px;
}
.billing-line {
    display: block;
}
.total-money {
    width: 400px;
    float: right;
}
.tabs-cn-area .head {
    border-bottom: solid 1px #dedddd;
    padding: 10px 0;
    margin-bottom: 15px;
}
.from-card {
    float: left;
    font-size: 15px;
}
.from-card p {
    display: inline-block;
}
.card-cc {
    display: inline-block;
}
.card-cc li {
    display: inline-block;
}
.from-wallet {
    background: #fff;
    border: 1px solid #dedddd;
    border-radius: 2px;
    padding: 15px;
    color: #727272;
    font-size: 14px;
    /*margin-top: 20px;*/
    float: none;
    width: 100%;
    display: inline-block;
}
.from-wallet.active {
    border: 1px solid #f25852;
}
.price-red {
    float: right;
    background: #f25852;
    border-radius: 2px;
    padding: 8px 15px;
    margin-left: 30px;
    font-size: 15px;
    color: #fff;
}
.wallet-left {
    float: left;
}
.checkbox-wallet {
    width: 25px;
    display: inline-block;
    vertical-align: top;
}
.use {
    display: inline-block;
    font-size: 13px;
}
.use strong {
    font-size: 16px;
}
/****/
.summary-card {
    background: #f7f8f9;
    border: 1px solid #dedddd;
    border-radius: 2px;
    padding: 15px;
    color: #727272;
    font-size: 14px;
    margin-top: 20px;
    float: none;
    width: 100%;
    display: inline-block;
}
.sc-left {
    float: left;
}
.trns-id {}
.heading-bar {
    /*border-bottom: 1px solid #dedddd;*/
}
.heading-bar .h4 {
    display: inline-block;
}
.heading-bar .price-red {
    margin: 0 15px;
}
/***/
.payment-table {
    display: table;
    width: 100%;
}
.payment_tabs {
    display: table-cell;
    padding-right: 80px;
    width: 700px;
    /*border-right: 1px solid #dedddd;*/
}
.payment-table-cell {
    /*padding: 15px;
    border: 1px solid #dedddd;*/
}
.amount-payable {
    display: table-cell;
    padding: 15px 0px 0 80px;
    vertical-align: top;
}
.cod {
    /*border: 1px solid #dedddd;*/
    padding: 15px 0;
}
.captcha-box {}
.captcha-image {
    display: inline-block;
}
.captcha-box input[type="text"].captcha-input {
    display: inline-block;
    width: auto;
    height: 50px;
}
.verify-text {
    padding: 20px 0;
}
.captcha-image .refresh {
    padding: 0 10px;
}
.cod input[type="submit"] {
    font-size: 20px;
    padding: 12px 50px;
    height: auto;
}
.bank-detail {
    padding: 0px 0;
}
.bank-detail-comments {
    background: #f7f8f9;
    border: 1px solid #dedddd;
    border-radius: 2px;
    padding: 8px;
    color: #727272;
    font-size: 14px;
    margin: 10px 0px;
    float: none;
    width: 100%;
    display: inline-block;
}
.list-title {/* 
    border-bottom: 1px solid #dddddd; */
    margin:20px 10px;
    /*     padding: 0 0 1px; */
}
.list-title h4 {
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
}
.arrowTabs, .tabz {
    display:table;
    /*margin: 0 0px 15px 20px;*/
    border-bottom:1px solid #dedddd;
    width: 100%;
}
.arrowTabs li,.tabz li {
    display:inline-block;vertical-align:top;position: relative;
    margin: 0 2px 0 0;
}
.arrowTabs li a, .tabz li a {
    position: relative;
    display: block;
    padding: 2px 15px;
    line-height: 33px;
    font-size: 13px;
    border: 1px solid #373737;
    color: #fff;background:#373737;}
.arrowTabs li.active a, .tabz li.active a{color:#000;background:#fff;font-weight:600;border-color:#dedddd;}
.tabz-content .tabz-content{padding:0; border:none;}
.darkgray-form .tabz-content .siteForm table td{padding-bottom:0;}
.data-side .tabz-content .box-head{padding:0;}
.arrowTabs li.active a:after, .tabz  li.active a:after{position:absolute;left:0;right:0; bottom:-4px;content:"";height:5px;background:#fff;z-index:1;pointer-events:none;}
.latest-review {
    border: 1px solid #dedddd;
    border-bottom: none;
    border-right: none;
}
.latest-review .item {
    float: left;
    width: 33.333333%;
    border: none;
    vertical-align: text-bottom;
    border-right: 1px solid #dedddd;
}
.latest-review .item .pro-item img {
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    width: 100%;
    height: auto;
}
.latest-review .item .from {
    background: #2e3235 url(../images/bg-from.jpg) repeat-x 0 0;
    padding: 0 15px;
}
.latest-review .item .from .pic {
    float: left;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 10px;
    margin-top: 3px;
    border: solid 3px #ffffff;
}
.latest-review .item .from .name {
    color: #fff;
}
.latest-review .item .from .name h5 {
    height: 29px;
    line-height: 29px;
    margin: 0px;
}
.latest-review .item .desc {
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    padding: 10px 15px;
    background: #2e3235;
}
.total-stat {
    text-align: center;
}
.total-stat .total-earning .count .svg-icn{margin:auto;display:table;}
.total-stat .small-box {
    width: 97px;
    display: inline-block;
    border: solid 1px #2f2f30;
    border-radius: 2px;
    margin: 0 2px;
}
.total-stat .small-box .caption {
    min-height: 40px;
    background: #2f2f30;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding: 4px 4px;
    text-align: center;
}
.total-stat .small-box .caption {
    position: relative;
    background: #2f2f30;
}
.total-stat .small-box .caption:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(47, 47, 48, 0);
    border-top-color: #2f2f30;
    border-width: 8px;
    margin-left: -8px;
}
.total-stat .small-box .count {
    color: #2f2f30;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    padding: 10px 5px;
    background: #fff;
}
.total-stat .total-earning {
    border: solid 10px #2f2f30;
    background: #fff;
    border-radius: 5px;
    margin: 10px 0;
    padding: 10px;
}
.total-stat .total-earning .count {
    color: #2f2f30;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    background: #fff;
}
.total-stat .total-earning .count .svg-icn svg {
    width: 30px;
    height: 30px;
}
.total-stat .total-earning .count .svg-icn path {
    fill: #ffd800;
}
.total-stat a.btn {
    display: block;
    margin-bottom: 10px;
}
.message-list li {
    padding: 5px 0;
    margin-bottom: 20px;
    display: table;
    width: 100%;
}
.message-list li:last-child {
    margin-bottom: 0;
}
.message-list li .pic {
    float: left;
    border-radius: 100%;
    width: 52px;
    height: 52px;
    display: block;
    position: relative;
    margin-right: 10px;
}
.message-list li .pic img.img {
    border-radius: 100%;
    width: 100%;
}
.message-list li .pic .dot {
    border: solid 2px #fff;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    vertical-align: top;
}
.message-list li .pic .dot img {
    vertical-align: top;
    margin-top: 3px;
}
.message-list li .pic .dot.red {
    background: #f25852;
}
.message-list li .pic .dot.blue {
    background: #727272;
}
.message-list li .text {
    margin-left: 12px;
    position: relative;
}
.message-list li .text h4 {
    color: #393939;
    font-size: 16px;
    line-height: 1;
    padding: 0px;
    margin: 0px 0 8px 0;
}
.message-list li .text p {
    color: #2f2f30;
    line-height: 1.3;
    font-size: 11px;
}
.message-list li .text a.readmore {
    position: absolute;
    right: 0;
    top: 0;
}
.liked-shop {
    display: none;
    margin-top: 10px;
}
.liked-shop li {
    vertical-align: top;
    display: inline-block;
}
.liked-shop li a {
    position: relative;
    padding-top: 10px;
    width: 37px;
    height: 37px;
    display: block;
    text-align: center;
    border-radius: 100%;
    background: #4b4b4d;
}
.liked-shop li a img,
.liked-shop li a svg {
    width: 16px;
    height: 16px; margin:auto;
}
.liked-shop li a .tooltip-txt {
    opacity: 0;
    position: absolute;
    right: 0;
    top: -10px;
    color: #fff;
    background: #181818;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 3px;
    z-index: 1;
    background: #181818;
    border-bottom: 1px solid #fff;
}
.liked-shop li a:hover .tooltip-txt {
    opacity: 1;
}
.liked-shop li a .tooltip-txt:after,
.liked-shop li a .tooltip-txt:before {
    top: 100%;
    left: 82%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.liked-shop li a .tooltip-txt:after {
    border-color: rgba(24, 24, 24, 0);
    border-top-color: #181818;
    border-width: 5px;
    margin-left: -5px;
}
.liked-shop li a .tooltip-txt:before {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}
.avatar-container {
    display: inline-block;
    padding: 0 20px;
    margin-top: 10px;
    width: 100%;
}
.avatar-container .avatar {
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    border-radius: 100%;
    border: solid 2px #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.31);
    margin-right: 22px;
    margin-top: 10px;
}
.avatar-container .avatar img {
    width: 100%;
    height: auto;
}
.avatar-container .name_reviewList {
    display: inline-block;
}
.avatar-container .name {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    display: table;
}
.avatar-container .name span {
    display: block;
    color: #5a5858;
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 8px;
}
.left-listing {
    margin: 0px;
}
.left-listing>li {
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #dddede;
}
.left-listing>li:last-child {
    border-bottom: none;
}
.left-listing li a {
    padding: 15px 10px;
    margin: 0;
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.reviewlist ul {
    display: inline-block;
    vertical-align: super;
}
.reviewlist li {
    display: inline-block;
    vertical-align: top;
}
.reviewlist li svg {
    width: 14px;
    height: 14px;
}
.reviewlist p {
    vertical-align: top;
    display: inline-block;
}
.reviewList {
    width: 100%;
    display: inline-block;
    padding:30px;
    margin: 20px 0 0;
    border:1px solid #d6d9db;
}
.reviewList .grid_1 {
    width:150px;
    text-align: left;
}
.reviewList .grid_1 .photo {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    border: 1px solid #b4b7b9;
    background: #fff;
    padding: 3px;
    margin: 0 0 6px;
}
.reviewList .grid_1 .photo img {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    border-radius: 100%;
}
.reviewList .grid_1 .postedname {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 18px;
    color: #727272;
}
.reviewList .grid_1 .postedname a {
    font-size: 15px;
    color: #727272;
}
.reviewList .grid_1 .postedname span {
    font-size: 13px;
    color: #999;
    display: block;
}
.reviewList .grid_2 {
    width:calc(100% - 150px);
    float: left;
    background: #fff;
    position: relative;
}
.reviewList .reviewdetails {
    margin: 0 0 0 130px;
}
.reviewList .item_name a {
    font-size: 14px;
    color: #555;
    font-weight: 600;
}
.reviewList .item_name a:hover {
    text-decoration: underline;
}
.reviewList .datetext {
    float: right;
    text-transform: uppercase;
    font-size: 13px;
    color: #8a8a8a;
}
.reviewList .reviewtxt {
    color: #333;
    font-style: italic;
    font-size:16px;
    line-height:30px;
    padding: 5px 0 0 0; font-family:Georgia;
}
.itemdetails {
    width: 80%;
    display: inline-block;
    margin: 15px 0 0 0;
    /*
    width: 80%;
    display: inline-block;
    margin: 15px 0 0 0;
    */
}
.itemdetails .itemthumb {
    width: 60px;
    height: 60px;
    border: 1px solid #d6d9db;
    padding: 3px;
    float: left;
    margin: 0 15px 0 0;
}
.itemdetails .itemthumb img {
    width: 100%;
    height: 100%;
    display: block;
}
.ratingWrap {
    display: inline-block;
}
.ratingWrap .ratings {
    display: inline-block;
    vertical-align: middle;
}
.ratingWrap .ratingtxt {
    font-size: 14px;
    color: #959393;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 5px;
}
.colscontainer {
    display: inline-block;
    width: 100%;
}
/* cms css */
.cmsContainer {
    padding:30px 0 ;
    width: 100%;
}
.cmsContainer h2 {
    font-size: 30px;
    color: #000000;
    padding: 0 0 15px 0;
    font-weight: 600;
    line-height: 1;
}
.cmsContainer h3 {
    font-size: 26px;
    color: #000000;
    padding: 0 0 10px 0;
    font-weight: 600;
}
.cmsContainer h4 {
    font-size: 24px;
    color: #000000;
    padding: 0 0 10px 0;
    font-weight: 600;
}
.cmsContainer h5 {
    font-size: 20px;
    color: #000000;
    padding: 0 0 5px 0;
    font-weight: 600;
}
.cmsContainer h6 {
    font-size: 18px;
    color: #000000;
    padding: 0 0 10px 0;
    font-weight: 600;
}
.cmsContainer p {
    padding: 0 0 15px 0;
    line-height: 22px;
    color:inherit;
    font-size: 14px;
}
.cmsContainer p a {
    /*color: #f03095;*/
}
.cmsContainer p a:hover {
    color: #000;
}
.cmsContainer ul {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.cmsContainer ul li {
    list-style: none;
    position: relative;
    padding: 0 0 15px 20px;
    color:inherit;
    font-size: 13px;
}
.cmsContainer ul li:before {
    content: "";
    width:6px;
    height: 6px;
    border-radius: 30px;
    background: #999;
    left: 0;
    top: 4px;
    position: absolute;
}
.cmsContainer ol {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.cmsContainer ol li {
    list-style: decimal inside;
    font-size: 15px;
    color: #485458;
    margin: 0;
    padding: 0 0 10px 0;
}
.cmsContainer .leftImg {
    float: left;
    margin: 0 20px 20px 0;
    padding: 4px;
    border: 1px solid #c6c6c6;
    border-bottom: 3px solid #c6c6c6;
}
.cmsContainer .rightImg {
    float: right;
    margin: 0 0 20px 30px;
    padding: 4px;
    border: 1px solid #c6c6c6;
    border-bottom: 3px solid #c6c6c6;
}
.cmsContainer img {
    border: 1px solid #c6c6c6;
}
.cmsContainer .pcards {
    margin: 0 6px 0 0;
}
.container--small{max-width:800px; margin:0 auto 30px;}
.rowcontent {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #d2d8da;
    margin: 15px 0 0 0;
    padding: 10px 0 0;
}
.rowcontent:last-child{padding-bottom:20px;}
.rowcontent h5 {
    font-size:20px; font-weight:600;
}
.rowcontent p {
    text-align: left; margin:0;
}
.smallItalicText {
    font-size: 11px;
    font-style: italic;
}
.actions {}
.actions a.btn {
    /*
    background: #4b4b4d;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 4px 8px;
    margin: 5px 0 0 0;
    display: inline-block;
    vertical-align: top;
    */
    background: #4b4b4d;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    padding: 4px 5px;
    margin: 4px 0 0 0;
    display: inline-block;
    vertical-align: top;
}
.actions a.btn:hover {
    background: #ffd800;     color: #000;
}
.actions a.btn img {
    margin: 5px 0 0 0;
}
.pro-setup {}
.pro-setup .tbl-listing table th {
    border-top: none;
    background: none;
    text-transform: uppercase;
}
#products-setup .resp-tab-content {
    border: none;
}
#products-setup .resp-tab-content.nopadding {
    padding: 10px 0;
}
#products-setup .resp-tabs-list li {
    padding: 10px 15px;
}
#products-setup .resp-tabs-list li:first-child {
    border-left: none;
}
#products-setup .resp-tabs-list li:last-child {
    border-right: none;
}
.tabz-setup ul {
    display: table;
    width: 100%;
    border-top: solid 1px #dedddd;border-left: solid 1px #dedddd;border-right: solid 1px #dedddd;
}
.tabz-setup li {
    border-right: solid 1px #dedddd;
    border-bottom: solid 1px #dedddd;
    display: table-cell;
    margin: 0;
    list-style: none;
    cursor: pointer;
    text-align: center;background:#373737;color:#fff;
}
.tabz-setup li a {
    display: block;
    /*	padding: 22px 15px;*/
    padding: 10px 15px;font-size:13px;color:#fff;
}
.tabz-setup li:last-child {
    border-right: none;
}
.tabz-setup li.active {
    background: #fff;
    border-bottom: none;
    margin-bottom: -1px;
}
.tabz-setup li.active a{color:#000;}
/***/
.pageBar {
    display: table;
    width: 100%;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 25px 0;
    position: relative;
    /*background: #f7f8f9;*/
}
.pageBar .grid_1 {
    width: 50%;
}
.pageBar .grid_2 {
    width: 50%;
    float: right;
    text-align: right;
}
.pageBar .grid_5 {
    width: 50%;
}
.pageBar .grid_6 {
    width: 50%;
    float: right;
}
.pageTitle {
    display: inline-block;
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    padding: 0px 0 0px 0;
    max-width: 550px;
}
.showing-total {
    display: inline-block;
    vertical-align: top;
    margin: 2px 0 0 10px;
    color: #6c6b6b;
    font-size: 13px;
    padding: 0;
}
.filters {
    float: right;
}
.filters ul li {
    display: inline-block;
    vertical-align: text-bottom;
}
.filters ul li a {
    color: #6c6b6b;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px tranparent;
}
.filters ul li:last-child a {
    margin-right: 0;
    padding-right: 0px;
}
.filters ul li a:hover,
.filters ul li a.selected_link {
    border-bottom: solid 1px #727272;
    color: #727272;
}
.filters ul li a {
    position: relative;
}
.filters ul li a:hover:after,
.filters ul li a.selected_link:after {
    bottom: 0px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(44, 94, 193, 0);
    border-bottom-color: #727272;
    border-width: 5px;
    margin-left: -5px;
}
.pageTitle span {
    display: block;
    font-size: 17px;
    color: #028ac9;
    font-weight: 600;
}
.innerContainer {
    padding:40px 0;
}
.greyarea {
    width: 100%;
    padding: 0;
    margin: 0;
}
.greyarea .grid_1 {
    width: 50%;
    padding-right: 15px;
}
.greyarea .grid_2 {
    width: 50%;
    float: right;
    background:#f4f4f4;
    padding:30px;
}
.greyarea h3 {
    font-size: 22px;
    color: #4b4b4b;
    padding: 0 0 10px 0;
    font-weight: 600;
}
.greyarea h4 {
    font-size: 22px;
    color: #545353;
    padding: 0 0 10px 0;
    font-weight: 600;
}
.greyarea p {
    font-size:18px;
    color: #333;
    line-height: 22px;
    padding: 0 0 0;
}
.greyarea .grid_2 input[type="text"] {
    width: 100%;
    background: #fff;
    height: 45px;
    border: solid 1px #d4d4d4;
    line-height: 45px;
    vertical-align: middle;
    font-size: 15px;
    color: #acacac;
    padding: 0 10px;
    margin-top: 5px;
}
.greyarea .grid_2 textarea {
    resize: none;
    width: 100%;
    background: #fff;
    height: 100px;
    border: solid 1px #d4d4d4;
    line-height: 20px;
    vertical-align: middle;
    font-size: 15px;
    color: #acacac;
    padding: 10px;
}
.greyarea .grid_2 table td {
    padding-bottom: 15px;
}
.greyarea .grid_2 input[type="text"].normal {
    width: 200px;
}
.greyarea .grid_2 .secure {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.greyarea .grid_2 .reload_icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.greyarea .grid_2 input[type="submit"] {
    background: #373737;
    width: 100%;
    cursor: pointer;
    font-size:16px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px; font-weight:600;
    display: block;
    border-radius: 3px;
    border: none;
}
.greyarea .grid_2 input[type="submit"]:hover {
    background: #000;
    color:#fff;
}
/***/
.sitemapcontainer {
    width: 100%;
}
.sitemapcontainer h3 {
    font-weight: 600;
    color: #000;
    padding: 0 0 10px 0;
    font-size: 18px;
}
.sitemapcontainer .blackbullets {
    width: 100%;
    display: inline-block;
    margin: 0 0 0;
}
.sitemapcontainer .blackbullets li {
    float: left;
    width: 25%;
    padding-right: 10px;
    padding-bottom: 8px;
}
.sitemapcontainer .blackbullets li a {
    font-size: 14px;
    padding-left: 15px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.panelborder {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px 20px 10px 20px;
    margin: 0 0 20px 0;
}
.blackbullets li {
    padding: 0 0 15px 0;
}
.blackbullets li a:before {
    position: absolute;
    left: 0;
    top: 7px;
    content: "";
    width: 7px;
    height: 7px;
    background: #666;
    border-radius: 100%;
}
.blackbullets li a {
    position: relative;
    font-size: 16px;
    color: #666;
    padding: 0 0 0 22px;
}
.blackbullets li a:hover {
    color: #f25852;
    text-decoration: underline;
}
.blackbullets li a:hover:before {
    background: #f25852;
}
/*Site map new css for hover*/
.sitemapcontainer .blackbullets li a{display: inline-block;}
.sitemapcontainer .blackbullets li a:hover{color: #666;  text-decoration: none;}
.sitemapcontainer .blackbullets li a:hover:before{background: #666;}
.boxpanel {
    width: 100%;
    margin: 0 0 20px 0;
}
.boxpanel .top {
    width: 100%;
    border-radius: 3px;
    background: #f4f4f4;
    padding:20px;
    display: inline-block; margin:0 0 10px 0;
}
.boxpanel .top .txtlink a {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.boxpanel .midd {
    width: 100%;
    border-radius: 0 0 3px 3px;
    padding:  0;
    display: inline-block;
}
.linksfloated li {
    font-size: 16px;display:inline-block;vertical-align:top;
    color: #666;
    font-weight: 600;
    margin: 0 0 0 5px;
}
.linksfloated li:first-child {
    margin-left: 0;
}
.linksfloated li a {
    font-size: 14px;
    color: #333;
    padding: 1px 8px;
    display: block;
    text-transform: uppercase;
}
.linksfloated li a:hover,
.linksfloated li a.linkselect {
    background: #333;
    color: #ffd800;
}
.blackbullets li a:before {
    top: 6px;
}
.panelLeft {}
.boxRound {
    width: 100%;
    margin: 0;
    position: relative;
    display: block;
    border-bottom: solid 1px #dddede;
}
.boxRound {
    border-bottom: solid 1px #dddede !important;
}
.clearlink a:hover {
    font-weight: bold !important;
}
.panelLeft .boxRound:last-child {
    border-bottom: none;
}
.boxRound .boxTop {
    height: 44px;
    padding: 10px 10px 10px 10px;
    width: 100%;
    position: relative;
    border-radius: 3px 3px 0 0;
}
.boxRound .boxTop h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0px;
    text-transform: uppercase;
}
.boxRound .boxTop .openToggle {
    float: right;
}
.openToggle {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: url(../images/plus_minus_black.png) no-repeat 0px -97px;
}
.openToggle.active {
    background: url(../images/plus_minus_black.png) no-repeat 0px 0px;
}
.boxRound .box_Middle {}
.listscroll {
    max-height: 210px;
    overflow: auto;
}
.labelList li {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #3f3e3e;
    padding: 0px 8px 0px 10px;
    cursor: pointer;
    margin: 5px 0;
}
.labelList li.currentLi {
    background: #ddd;
}
.labelList li input[type="checkbox"] {
    margin: 0;
}
.labelList li .span1 {
    float: left;
    margin: 0;
}
.labelList li label {
    width: 100%;
    display: inline-block;
    cursor: pointer;
}
.labelList li .span2 {
    font-weight: 400;
    margin: 0 0 0 20px;
    display: block;
    font-size: 13px;
    color: #666;
}
.labelList li .plusIcon {
    float: right;
    margin: 4px 0 0 0;
}
.plusIcon {
    background: url(../images/minus_plus.png) no-repeat left top;
    display: inline-block;
    width: 16px;
    height: 14px;
}
.plusIcon.active {
    background: url(../images/minus_plus.png) no-repeat left -14px;
}
.colorbox {
    display: inline-block;
    vertical-align: middle;
    height: 13px;
    width: 20px;
    border: 1px solid #CCC;
    margin: -4px 10px 0 0;
}
.squareList {
    padding: 4px 4px 2px 4px;
    width: 100%;
    display: inline-block;
}
.squareList li {
    float: left;
    margin: 5px;
}
.squareList li a {
    width: 36px;
    height: 30px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 28px;
    display: block;
    font-size: 14px;
    color: #666;
}
.squareList li a:hover {
    background: #ddd;
    border: 1px solid #ddd;
}
.squareList li a.currentlink {
    background: #ddd;
    border: 1px solid #ddd;
}
.vertical_links {
    width: 100%;
    padding: 0 0 0 0;
}
.vertical_links li {
    border-top: 1px solid #ddd;
}
.vertical_links li:first-child {
    border-top: none;
}
.vertical_links li a {
    position: relative;
    color: #f25852;
    padding: 10px 12px 10px 30px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
}
.vertical_links li a:before {
    position: absolute;
    left: 15px;
    top: 16px;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #777;
}
.vertical_links li a.linkselected {
    font-weight: 600;
    color: #f25852;
}
.vertical_links li a.linkselected:before {
    border: 1px solid #f25852;
}
.vertical_links li ul li {
    border-top: none;
}
.vertical_links li ul li a {
    padding: 8px 12px 8px 31px;
    font-weight: 400;
    line-height: 1;
    color: #666;
}
.vertical_links li ul li a:hover {
    color: #f25852;
}
.vertical_links li ul li a:hover:before {
    background: #f25852;
}
.vertical_links li ul li a.selected_link {
    color: #f25852;
    font-weight: 600;
}
.vertical_links li ul li a.selected_link:before {
    background: #727272;
}
.vertical_links li ul li a:before {
    position: absolute;
    left: 15px;
    top: 11px;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #999;
    border: none;
}
.vertical_links li ul {
    margin: 0 0 10px 0px;
    padding: 0;
}
.vertical_links li ul li:first-child {
    border-bottom: none;
}
.clearlink {
    width: 100%;
    display: block;
    padding: 10px;
}
.clearlink a {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
}
.mycredits {}
.mycredits .highlighted_text,
.mycredits a {
    color: #fff;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
    border: solid 1px transparent;
}
.mycredits .highlighted_text {
    margin-right: 15px;
    color: #000;
    background: #fff;
    border: solid 1px #ebebeb;
}
.mycredits .largebox {
    width: 60%;
}
.mycredits .box {
    float: left;
    width: 50%;
}
.mycredits .box.last {
    float: right;
}
.mycredits .crr-blnc,
.mycredits .enter-amount {
    border: solid 1px #ebebeb;
    display: block;
    font-size: 16px;
    padding: 0px 15px;
    height: 42px;
    line-height: 40px;background:#fff;
}
.mycredits .crr-blnc strong{    display: inline-block; font-size: 14px;}
.mycredits .enter-amount {
    font-size: 14px;
    padding: 5px 10px;
}
.mycredits .box a {
    display: inline-block;
}
#walletpaymenttab {
    display: table;
    width: 100%;
}
#walletpaymenttab ul.resp-tabs-list {
    width: 35%;
    vertical-align: top;
    display: table-cell;
    padding-right: 20px;
}
#walletpaymenttab .resp-tabs-list li {
    color: #777777;
    display: block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    border: 1px solid #e8e9ea;
    border-radius: 2px;
    margin: 5px 0;
}
#walletpaymenttab .resp-tabs-list li a {
    display: block;
    padding: 15px;
    color: #545353;
    white-space: nowrap;
}
#walletpaymenttab .resp-tabs-list li:hover {
    border-color: #333;
}
#walletpaymenttab .resp-tabs-list li:hover a {
    color: #333;
}
#walletpaymenttab .resp-tabs-list li.resp-tab-active {
    color: #f95e2e;
    font-weight: 600;
    border: solid 2px #333;
}
#walletpaymenttab .resp-tabs-list li.resp-tab-active a {
    color: #333;
}
#walletpaymenttab .resp-tabs-list li i {vertical-align:middle;
                                        margin-right: 10px;
                                        display: inline-block;
}
#walletpaymenttab .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    display: table-cell;
    width: 65%;
}
#walletpaymenttab h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
#walletpaymenttab .resp-tab-content {
    vertical-align: top;
}
#walletpaymenttab .resp-content-active,
#walletpaymenttab .resp-accordion-active {
    display: block;
}
#walletpaymenttab .resp-tab-content {}
#walletpaymenttab h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #dedddd;
    border-top: 0px solid #dedddd;
    margin: 0px;
    padding: 10px 15px;
}
#walletpaymenttab h2.resp-tab-active {
    border-bottom: 0px solid #dedddd;
    margin-bottom: 0px;
    padding: 10px 15px;
    color: #fff;
}
#walletpaymenttab h2.resp-tab-title:last-child {
    border-bottom: 12px solid #dedddd;
    background: blue;
}
#walletpaymenttab .payment-table-cell {
    display: table-cell;
    width: 50%;
    padding: 50px;
}
.amount-payable {
    display: block;
    padding: 0;
    margin: 0 auto;
    vertical-align: top;
}
.amount-payable .btn {
    margin: 0 auto;
    display: inline-block;
}
.amount-desc {
    background: #fff;
    border: 1px solid #e8e9ea;
    display: block;
    margin: 20px 0;
    padding: 15px 20px;
    width: auto;
}
.amount-desc li {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    margin: 5px 0;
}
.amount-desc li.total {
    border-bottom: 1px dotted #b8b8b8;
    border-top: 1px dotted #b8b8b8;
    padding: 10px 0;
    font-weight: 700;
    color: #000;
}
.amount-desc li span.figure {
    float: right;
    text-align: right;
}
.amount-desc li i.currency {
    background: #b0afaf;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    padding: 1px 3px;
    font-style: normal;
    font-size: 13px;
    vertical-align: middle;
}
.amount-desc li .due {
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.panelTitleHeading {

    color: #000;
    display: block;
    font-size: 18px;font-weight:600;
    line-height: 1;
    margin:20px 0 10px 0;
    padding: 0 0 10px;
    position: relative;
    text-align: left !important;
}
.uploadedphoto {
    width: 75px;
    height: 75px;
    border: 5px solid #fff;
    border-radius: 100%;
    margin: 0 20px 15px 0;
    text-align: center;
}
.uploadedphoto img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
    margin-bottom: 5px;
}
/* login popup */
.sectionOverlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
}
.sectionOverlay .overlayer {
    background-color: #333;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.sectionOverlay .sectionwhite {
    background: #FFF;
    padding: 0;
    width: 500px;
    position: fixed;
    left: 50%;
    top: 100px;
    margin: 0 0 0 -250px;
}
.sectionOverlay .sectionwhite .closeicn {
    width: 20px;
    height: 18px;
    background: url(../images/crosslink.jpg) no-repeat left top;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.sectionOverlay .sectionwhite .closeicn:hover {
    background-position: 0 -18px;
}
.sectionOverlay p {
    font-size: 20px;
    color: #323232;
    line-height: 24px;
    padding: 0 0 20px 0;
}
.titlecenter {
    text-align: center;
    width: 100%;
    display: block;
    border-bottom: 1px solid #b8b8b8;
    height: 60px;
    position: relative;
    line-height: 60px;
    font-size: 26px;
    color: #333;
}
.titlecenter:before {
    width: 200px;
    height: 3px;
    background: #727272;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -100px;
    bottom: -1px;
    content: "";
}
.sectionOverlay .spacer {
    padding: 15px 20px;
}
.pop-content h2 {
    font-size: 18px;
    line-height: 1.2;
}
.sucessarea {
    width: 100%;
    text-align: center;
    padding: 30px 0 30px;
}
.sucessarea img {
    margin: 15px auto;
}
.sucessarea .svg-icn svg {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
}
.sucessarea .svg-icn svg path {
    fill: #f25852;
}
.sucessarea h2 {
    position: relative;
    margin: 15px 0;
    line-height: 1;
}
.sucessarea h2 span {
    background: #FFF;
    padding: 0 30px;
    position: relative;
    font-size: 50px;
    color: #2e2e2e;
    font-weight: 300;
}
.sucessarea h3,
.sucessarea h6 {
    text-transform: uppercase;
    font-size: 26px;
    padding-top: 25px;
    color: #2e2e2e;
    font-weight: 300;
}
.sucessarea h3 strong {
    color: #f25852;
}
.sucessarea h5 {
    text-transform: uppercase;
    font-size: 20px;
    color: #333;
    padding: 20px 0 10px;
}
.sucessarea h5 strong {
    font-size: 26px;
    font-weight: 600;
    display: block;
}
.msg_container {
    width: 100%;
    text-align: center;
    padding: 20px;
}
.msg_container .signTick {
    margin: 0 auto;
    display: block;
    width: 120px;
}
.msg_container h2 {
    text-transform: uppercase;
    font-size: 50px;
    color: #1cb049;
    padding: 10px 0 5px 0;
}
.msg_container h6 {
    font-size: 24px;
    color: #252525;
    padding: 0 0 15px 0;
    text-transform: uppercase;
}
.repeatedRow {
    width: 100%;
    margin: 0 0 0 0;
    border:1px solid #eeeeee;
    padding:20px;
    border-top: 0px;
}
.repeatedRow .grid_1 {
    width: 50%;
}
.repeatedRow .grid_2 {
    width: 50%;
    float: right;
}
.repeatedRow .grid_2 .squareBoxes {
    float: right;
}
.repeatedRow:first-child {
    border-top: 1px solid #eeeeee;
}
.repeatedRow .grid_1 .grid_3 {
    width: 45%;
}
.repeatedRow .grid_1 .grid_4 {
    width: 55%;
}
.repeatedRow .nameshop {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    display: block;
    line-height: 1.4;
}
.repeatedRow .nameshop a {
    font-size: 15px;
    color: #333;
    font-weight: 600;
}
.repeatedRow .nameshop a:hover {
    color: #333;
}
.ownerinfo {
    display: inline-block;
    width: 100%;
}
.ownerinfo  h4{font-size:1em;}
.ownerinfo .photo {
    width: 56px;
    height: 56px;
    float: left;
    padding: 3px;
    border: 1px solid #dbdbdb;
    margin: 0 12px 0 0;
}
.ownerinfo h4 span {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 2px 0 0 0;
}
.ownerinfo h4 a {
    font-size: 15px;
    color: #727272;
}
.ownerinfo h4 a:hover {
    color: #333;
}
.repeatedRow .grid_1 .removelink {
    display: none;
    width: 20px;
    height: 18px;
    background: url(../images/crosslink.jpg) no-repeat left -18px;
    margin: 0 0 0 6px;
    position: absolute;
    top: 1px;
    right: 5px;
}
.repeatedRow .grid_1 .removelink:hover {
    background-position: 0 -18px;
}
.repeatedRow:hover .removelink {
    display: block;
}
.repeatedRow .box_square {
    width: 80px;
    height: 80px;
}
.repeatedRow .squareBoxes li .boxblue {
    width: 80px;
    height: 80px;
}
.f_info {
    display: inline-block;
    width: 100%;
}
.f_info .photo {
    width: 80px;
    height: 80px;
    float: left;
    padding: 3px;
    border: 1px solid #dbdbdb;
    margin: 0 12px 0 0;
}
.f_info h4 {
    font-size: 15px;
    color: #727272;
    font-weight: 600;
}
.f_info h4 a {
    font-size: 15px;
    color: #727272;
    font-weight: 600;
}
.f_info h4 a:hover {
    color: #333;
}
.f_info .txtNorml {
    color: #666;
    padding: 5px 0 3px;
}
.f_info .inlinetxt {
    display: inline-block;
    color: #666;
    vertical-align: middle;
}
.f_info .inlinetxt a {
    color: #727272;
}
.f_info .inlinetxt a:hover {
    color: #333;
}
.f_info .followlink {
    vertical-align: middle;
    margin: 2px 0 0 10px;
}
.squareBoxes li {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 10px;
}
.squareBoxes li .boxblue {
    width: 92px;
    display: table-cell;
    height: 92px;
    background: #727272;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}
.squareBoxes li .boxblue span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.squareBoxes li .boxblue:hover {
    background: #f25852;
}
.blueboldtxt {
    display: block;
    line-height: 1;
    padding: 0 0 12px 0;
}
.blueboldtxt a {
    color: #0095da;
    font-size: 15px;
    font-weight: 600;
}
.blueboldtxt a:hover {
    color: #000000;
}
.box_square {
    border: 1px solid #ddd;
    padding: 3px;
    display: inline-block;
    position: relative;
    background: #fff;
    width: 92px;
    height: 92px;
    text-align: center;
}
.box_square img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.sectionsearch {
    width: 100%;
    background: #f7f8f9;
    padding: 10px 0 20px;
    text-align: center;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}
.sectionsearch h3 {
    color: #000;
    font-size: 25px;
    padding: 10px 0;
}
.sectionsearch input[type="text"] {
    width: 700px;
    height: 45px;
}
.sectionsearch input[type="submit"] {
    height: 45px;
}
.containerfaq {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 0 0 20px 0;
}
.containerfaq .partLeft {
    width: 75%;
    float: left;
}
.containerfaq .partRight {
    width: 24.5%;
    float: right;
}
.containerfaq h2 {
    font-size: 30px;
    color: #333;
    padding: 0 0 20px 0;
}
.blockrow {
    margin: 0 0 20px -30px;
}
.blockrow:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.listblock {
    float: left;
    width: 50%;
    margin: 20px 0 15px 0;
    padding: 0 0 0 30px;
    position: relative;
}
.listblock .btn.btn-xsmall{height:30px; line-height:30px;padding:0 15px;font-size:12px;}
.listblock:nth-child(odd){padding-right:50px;}
.blockrow h4 {
    font-size: 18px;
    color: #333;
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
}
.listing_ticks {
    margin: 10px 0 15px;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
    min-height: 150px;
}
.listing_ticks li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
}
.listing_ticks li a {
    display: block;
    background: url(../images/tick.png) no-repeat left 8px;
    font-size: 14px;
    color: #666;
    padding: 4px 0 4px 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.listing_ticks li a:hover {
    color: #333;
}
.listing_ticks li:last-child {
    border-bottom: none;
}
.blueButton {
    background: #727272;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    line-height: 29px;
    color: #FFF;
    font-size: 13px;
    padding: 0 15px;
    border-radius: 3px;
}
.blueButton:hover {
    background: #f25852;
    color: #fff;
}
.texthighlight {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #4a5265;
    height: 30px;
    line-height: 28px;
    padding: 0 10px 0 5px;
    margin: 0 10px 0 0;
    border-radius: 3px;
}
.texthighlight img {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    margin: -3px 0 0 0;
}
.texthighlight span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 0 0 4px;
    color: #4a5265;
    text-transform: uppercase;
}
.shop-page {}
.shop-page .shop-list .shop-item .item-body {
    margin: 0 auto;
    position: relative;
}
.shop-item .item-body {
    position: relative;
}
.shop-page .shop-list .shop-item .item-body .image {
    display: block;
}
.smallthumbs {
    margin: 10px;
    float: left;
    width: 100%;
}
.smallthumbs li {
    float: left;
    margin: 5px 5px;
    width: 85px;
    height: 85px;
    padding: 0;
    border: 1px solid #ddd;
}
.smallthumbs li:last-child {
    margin-right: 0;
}
.smallthumbs li img {
    width: 100%;
    height: auto;
}
.smallthumbs li .boxblue {
    width: 85px;
    height: 83px;
    background: #f25852;
    color: #fff;
    display: table-cell;
    font-size: 22px;
    text-align: center;
    vertical-align: middle;
}
.smallthumbs li .boxblue:hover {
    background: #727272;
    color: #fff;
}
.smallthumbs li .boxblue span {
    display: block;
    font-size: 14px;
    line-height: 1;
}
.left-options {
    float: left;
    padding-top: 55px;
    width: 200px;
}
.required {
    text-align: right;
    clear: both;
    display: table;
    width: 100%;
}
.required {}
.required li {
    display: table-cell;
    padding: 0 0px 0 10px;
    width: 50%;
}
.option-list li {
    display: block;
    font-size: 14px;
    position: relative;
}
.option-list li a {
    padding: 10px 10px;
    display: block;
    color: #434242;
}
.option-list li a:hover {
    background: #f1f0f0;
}
.option-list li.active a {
    color: #fff;
    border-radius: 2px;
    background: #f25852;
}
.option-elements {
    float: right;
    width: 760px;
}
.mobile-caption {
    display: none;
}
.sectiontoggle {
    display: none;
}
.faqcontainer {
    width: 100%;
    position: relative;
    float: left;
    padding:40px 0 0 0;
}
.faqcontainer:before {
    position: absolute;
    left: 25%;
    top: 0px;
    bottom: 0;
    width: 1px;
    content: "";
}
.faqcontainer .partLeft {padding-right:40px;
                         width: 340px;
                         float: left;
}
.faqcontainer .partRight {
    width: calc(100% - 340px);
    float: right;
    position: relative;padding:0 0 40px 0;
}
.faqcontainer h2 {
    font-size: 22px;
    color: #000;
    padding:0 0 0 0;
}
.leftLinks {
    width: 100%;background:#f4f4f4;padding:15px;
}
.contentrow:last-child .contentTitle{border-bottom:none;}
.leftLinks li a {
    position: relative;
    font-size: 15px;
    color: #333;
    padding:10px 15px 10px 20px;
    display: inline-block;
    width: 100%;
}
.leftLinks li a:before{width:6px;height:6px; position:absolute;left:0;top:18px;content:"";background:#333;border-radius:100%;}
.leftLinks li a.selectedlink {
    font-weight:700;
    color: #000;
}
.contentrow {
    width: 100%;
    float: left;
    position: relative;
}
.contentrow .contentTitle {
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    border-bottom: solid 1px #dedddd;padding:20px 0 20px 50px;    cursor: pointer;
}
.contentrow .contentwrap {
    width: 100%;
    position: relative;
    font-size: 20px;
    color: #000;
    padding: 15px 0 0 0;border-bottom: solid 1px #dedddd;
}
.faqcontainer .partRight .cmsContainer{padding:0;}
.contentrow .contentTitle.tileicon:before {
    width: 24px;
    height: 22px;
    position: absolute;
    left: 0;
    top:22px;
    content: "";
    background: url(../images/icon_plus.jpg) no-repeat left top;
}
.contentrow .contentTitle.tileicon.active:before {
    background: url(../images/icon_plus.jpg) no-repeat left -22px;
}
.contentrow .contentwrap.accordiancontent {
    padding-left: 0;
}
.filter-popup {
    display: none;
}
.checkout-steps-new {
    background: #f7f8f9;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 0;
    padding: 0;
}
.steps-links ul {
    background: #fff;
    border-right: solid 1px #ebebeb;
    display: table;
    width: 100%;
    vertical-align: top;
}
.steps-links ul li {
    display: table-cell;
    width: 20%;
    vertical-align: top;
    text-align: center;
    border-left: solid 1px #ebebeb;
}
.steps-links ul li a {
    padding: 15px 0;
    display: block;
}
.steps-links ul li a span.s-no {
    margin-right: 4px;
    color: #f25852;
    text-align: center;
    line-height: 1.3;
    vertical-align: top;
    font-size: 11px;
    border: solid 2px #f25852;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-transform: uppercase;
}
.steps-links ul li a span.s-name {
    vertical-align: top;
    color: #f25852;
    font-size: 14px;
    text-transform: uppercase;
}
.steps-links ul li a span.side-txt {
    vertical-align: baseline;
    color: #323333;
    font-size: 11px;
    padding-top: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.steps-links ul li.active {
    border: none;
    background-color: #444444;
}
.steps-links ul li.active a {
    border-color: #fff;
    color: #fff;
}
.steps-links ul li.active span.s-no,
.steps-links ul li.active span.s-name,
.steps-links ul li.active span.side-txt {
    color: #fff;
    border-color: #fff;
}
/*.steps-links ul li:hover span.s-no, .steps-links ul li:hover span.s-name, .steps-links ul li:hover span.side-txt {
color: #fff;
border-color: #fff;
}*/
.steps-links ul li span.tick {
    display: none;
    background: url(../images/retina/tick-red.svg) no-repeat 3px 4px;
    vertical-align: bottom;
    width: 18px;
    height: 18px;
    background-size: 60% auto;
    border: solid 2px #f25852;
    border-radius: 100%;
}
.steps-links ul li.compeleted span.tick {
    display: inline-block;
}
.steps-links ul li.compeleted span.s-no {
    display: none;
}
/****ripple***/
.ripplelink {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 0;
}
.ripplelink:hover {
    z-index: 1000;
}
.ink {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.animate {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}
@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}
@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}
/***/
.two-boxs {
    display: table;
    width: 100%;
}
.address-box {
    /*width: 740px;*/
    width: 99%;
    float: left;
}
.address-border {
    margin: 0 0px 0 20px;
    border: solid 1px #dedddd;
}
.address-box .address {
    width: 72%;
    border-right: solid 1px #dedddd;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}
.address-box .address p {
    padding: 10px 20px 10px 20px;
    color: #545353;
    font-size: 14px;
}
.address-box .address .name {
    padding: 5px 20px;
    display: table;
    width: 100%;
    border-bottom: solid 1px #dedddd;
}
.address-box .address .name h4 {
    display: inline-block;
    color: #000;
    font-size: 17px;
    font-weight: 600;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
}
.address-box .address .name .actions-links {
    float: right;
    margin-left: 15px;
}
.address-box .address-links {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 40px;
}
.address-box .address-links a {
    display: block;
    margin: 8px auto;
    padding: 15px 20px;
    font-weight: 600;
}
.withdraw-box {
    float: right;
    width: 288px;
}
.withdraw-box .money-box {
    padding: 0 20px;
}
.withdraw-box .money-box input.form-control {
    margin: 0px 0 15px 0;
}
.withdraw-box .money-box a {
    margin: 10px 0px;
    display: block;
}
.reviewed-thumb {
    margin: 0 20px;
    display: table;
    border: solid 1px #dedddd;
}
.reviewed-thumb .item {
    padding-bottom: 10px;
    width: 33.3333%;
    float: left;
    border-right: solid 1px #dedddd;
}
.reviewed-thumb .item:last-child {
    border-right: none;
}
.reviewed-thumb .item .image img {
    height: auto;
    max-width: -moz-fit-content;
    width: 100%;
}
.reviewed-thumb .item .caption {
    display: block;
    text-align: center;
}
.reviewed-thumb .item .caption .name {
    display: block;
    font-weight: 600;
}
.sectionEnter {
    width: 50%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
}
.sectionEnter h3 {
    font-size: 35px;
    color: #666;
    line-height: 1;
    padding: 0 0 0 0;
}
.sectionEnter h3 span {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    padding: 20px 0 15px 0;
    display: block;
    margin: 0 auto;
}
.fieldrw {
    text-align: left;
}
.borderframe {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #ddd;
    padding: 30px;
}
#captcha-wrap {
    border: solid #870500 1px;
    width: 300px;
    -webkit-border-radius: 10px;
    float: left;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #870500;
    text-align: left;
    padding: 3px;
    margin: 20px 0 !important;
    height: auto;
}
#captcha-wrap .captcha-box {
    -webkit-border-radius: 7px;
    background: #fff;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    border: solid #fff 1px;
}
#captcha-wrap .text-box {
    -webkit-border-radius: 7px;
    background: #ffdc73;
    -moz-border-radius: 7px;
    width: 160px;
    height: 60px;
    float: left;
    margin: 4px;
    border-radius: 7px;
    text-align: center;
    border: solid #ffdc73 1px;
}
#captcha-wrap .text-box input {
    width: 90%;
    height: 40px;
    margin-bottom: 20px;
}
#captcha-wrap .text-box label {
    color: #000000;
    font-size: 12px;
    width: 150px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#captcha-wrap .captcha-action {
    float: right;
    width: 117px;
    background: url(../images/logos.jpg) top right no-repeat;
    height: 44px;
    margin-top: 3px;
}
#captcha-wrap img#captcha-refresh {
    margin-top: 9px;
    border: solid #333333 1px;
    margin-right: 6px;
    cursor: pointer;
}
#captcha-code {
    border: none;
    line-height: normal;
    font-size: 13px;
    padding: 0px;
    margin-bottom: 14px;
}
.sortingbar {
    background: #f1f0f0;
    padding: 15px 20px;
    width: 100%;
}
.sortingbar .grid_1 {
    width: 50%;
}
.sortingbar .grid_2 {
    text-align: right;
    width: 50%;
}
.areaaddress {
    display: inline-block;
    padding: 0px 0;
    text-align: center;
    width: 100%;
}
.areaaddress .grid_1 {
    border-right: 1px solid #dbdbdb;
    width: 49%;
    margin: 20px 0;
}
.areaaddress .grid_2 {
    float: right;
    margin: 20px 0;
    width: 49%;
}
.areaaddress .colborder {
    text-align: left;
    display: inline-block;
    font-style: normal;
    min-height: 230px;
    padding: 0;
    width: 100%;
}
.areaaddress p {
    font-size: 14px;
    color: #545353;
}
.areaaddress .grid_1 h3,
.areaaddress .grid_2 h3 {
    padding: 10px 0;
}
.mergedcell {
    text-align: right;
}
.display-inline-block {
    display: inline-block;
}
.margin-left-10 {
    margin-left: 10px;
}
.selectionbar {
    background: #f1f0f0;
    padding: 10px 15px;
    width: 100%;
}
.detailList {
    width: 100%;
    display: inline-block;
    padding: 15px;
    margin: 20px 0 0;
    border: 1px solid #d6d9db;
}
.detailList:first-child {
    border-top: 1px solid #d6d9db;
}
.detailList .grid_1 {
    width: auto;
    float: left;
}
.detailList .grid_1 .photo {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    border: 1px solid #b4b7b9;
    background: #fff;
    padding: 3px;
}
.detailList .grid_1 .photo img {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    border-radius: 100%;
}
.detailList .postedname {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 18px;
    padding: 0 0 6px 0;
}
.detailList .postedname a {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}
.detailList .postedname span {
    font-size: 16px;
    color: #666;
}
.detailList .grid_2 {
    width: calc(100% - 80px);
    float: right;
    background: #fff;
    border-radius: 3px;
    position: relative;
}
.detailList .datetext {
    float: right;
    text-transform: uppercase;
    font-size: 13px;
    color: #8a8a8a;
}
.pager {
    display: block;
    margin: 15px auto;
    text-align: center;
}
.pager ul li {
    margin: 5px;
    display: inline-block;
    color: #9b9b9b;
    vertical-align: top;
}
.pager ul li a {width:35px;height:35px; border:1px solid #ddd;display:block;border-radius:100%; line-height:35px;
                color: #5b5b5b; font-size:0.9em;
}
.pager ul li a:hover {
    color: #000;
}
.pager ul li.left a,
.pager ul li.right a {
    margin-top: 3px;
    background: url(../images/retina/arw-left.svg) no-repeat 0 0;
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: 100% auto;
    vertical-align: top;
}
.pager ul li.right a {
    background: url(../images/retina/arw-right.svg) no-repeat 0 0;
    background-size: 100% auto;
}
.pager ul li.active a {border-color:#373737;color:#fff;
                       background: #373737;
}
/***/
.threeCols {
    margin: 0;
    /*padding: 20px;*/
    padding: 20px 0;
}
.threeCols:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.threeCols li {
    /*float: left;*/
    margin: 15px 0 35px 0px;
    width: 33.333333%;
    display: inline-block;
    vertical-align: top;
    float: left;
}
.threeCols li:nth-child(3n+4) {
    clear: left;
}
.thumbsfour {
    border-bottom: 1px solid #d5d5d5;
    /* height: 305px;*/
    position: relative;
    width: 100%;
}
.thumbsfour .thumbsquare {
    width: 50%;
    float: left;
    height: auto;
    margin: 0;
    /*background: #e3e3e3;*/
}
.thumbsfour .thumbsquare img {
    width: auto;
    height: auto;
    padding: 5px; width: 100%;
}
.buttonfav {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #fff url("../images/retina/heart01.svg") no-repeat 8px 9px / 20px auto;
    /*border: 1px solid #ababab;
    border-bottom: 2px solid #ababab;*/
    border-radius: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.buttonfav.active {
    background: #fff url("../images/retina/heart02.svg") no-repeat 8px 9px / 20px auto;
    border-color: #f25852;
}
.thumbsfour .buttonfav {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
}
.thumbSingle .buttonfav {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
}
.groupbox {
    width: 100%;
    border: 1px solid #d5d5d5;
    /*	border-radius: 3px;*/
    position: relative;
    display: inline-block;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
.groupbox .thumb_desc, .threeCols  .thumb_desc {
    /*position: absolute;
    left: 15px;
    top: -35px;
    z-index: 2;
    right: 10px;*/
    padding: 20px;
    display: inline-block;
    width: 100%;
}
.groupbox .thumb_desc .photo, .threeCols .thumb_desc .photo {
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    border-radius: 100%;
    float: left;
    margin: 0 10px 0 0;
}
.groupbox .thumb_desc .photo img, .threeCols .thumb_desc .photo img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
}
.groupbox .thumb_info, .threeCols .thumb_info  {
    font-size: 13px;
    color: #333;
    /*new Addition*/
    line-height: 50px; float:left;
}
.groupbox .bottom {
    padding: 8px;
    display: inline-block;
    width: 100%;
}
.thumbSingle {
    width: 100%;
    height: 305px;
    border-bottom: 1px solid #d5d5d5;
    position: relative;
    padding: 10px;
}
.thumbSingle img {
    width: auto;
    /*height: 100%;*/
    height: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.groupbox .itemname {
    display: block;
    font-size: 13px;
    color: #000;
    line-height: 18px;
    margin: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.groupbox .itemname a {
    font-size: 13px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.groupbox .itemname a:hover {
    text-decoration: underline;
    color: #f25852;
}
.groupbox .namestore {
    text-align: left;
    color: #666;
    width: 50%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.groupbox .namestore a {
    color: #666;
    font-size: 12px;
}
.groupbox .namestore a:hover {
    color: #000;
    text-decoration: underline;
}
.groupbox .itemprice {
    float: right;
    font-size: 15px;
    color: #f25852;
    font-weight: 600;
    line-height: 1;
}
.groupbox .itemprice strong {
    font-weight: 600;
}
.groupbox .collectiontitle {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #f25852;
    font-weight: 600;
}
.groupbox .collectiontitle a {
    font-size: 14px;
    color: #f25852;
    font-weight: 600;
}
.groupbox .collectiontitle a:hover {
    color: #333;
}
.groupbox .txtcount {
    font-size: 12px;
    color: #666;
    display: block;
    padding: 5px 0 0 0;
}
.groupbox .bottom {
    padding: 8px;
    display: inline-block;
    width: 100%;
}
.iconLinks li a .countspan {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #f25852;
    border-radius: 3px;
    padding: 0px 5px;
    font-size: 14px;
    color: #fff;
}
.selectionbar {
    width: 100%;
    background: #f6edc1;
    padding: 15px;
}
.selectionbar .grid_1 {
    width: 50%;
}
.selectionbar .grid_2 {
    width: 50%;
    float: right;
}
.selectionbar .checkselect {
    float: left;
}
.selectionbar .wrapsearch {
    float: right;
    margin: 0 0 0 10px;
}
.selectionbar .directions {
    float: right;
}
.selectionbar .roundtabs {
    float: left;
    margin: 0 0 0 10px;
}
.checkselect {
    display: inline-block;
    border: 1px solid #c8c8c8;
    color: #666;
    border-radius: 3px;
    padding: 0 12px;
    height: 36px;
    text-align: center;
    line-height: 35px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e6e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e6e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e6e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e6e5e5 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e5e5', GradientType=0);
    /* IE6-9 */
}
.wrapsearch {
    width: 40px;
    display: inline-block;
    background: #fff;
    border: 1px solid #c8c8c8;
    height: 35px;
    padding: 5px;
    border-radius: 3px;
}
.wrapsearch input[type="text"] {
    display: none;
    width: 80%;
    float: left;
    background: none;
    border: none;
    height: 24px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    color: #999;
    margin: 0;
    padding: 0 0 0 8px;
}
.wrapsearch input[type="submit"] {
    display: none;
    width: 18px;
    float: right;
    background: url(../images/icon_magnifier.png) no-repeat;
    border: none;
    height: 19px;
    cursor: pointer;
    margin: 2px 5px 0 0;
}
.wrapsearch .iconmagnifier {
    width: 30px;
    float: right;
    background: url(../images/icon_magnifier.png) no-repeat 7px 2px;
    border: none;
    height: 24px;
    cursor: pointer;
    margin: 0;
}
.wrapsearch.active input[type="text"] {
    display: block;
}
.wrapsearch.active input[type="submit"] {
    display: block;
}
.wrapsearch.active .iconmagnifier {
    display: none;
}
.wrapsearch.active.wrapsearch {
    width: 220px;
    position: absolute;
    right: 0;
    z-index: 10;
}
.button-aligned {
    display: block;
    margin-bottom: 10px;
}
.button-aligned a {
    display: inline-block;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 700;
    padding: 12px 15px;
    min-width: 150px;
    color: #fff !important;
}
.button-aligned a.btn.blue {
    background: #40bddf;
}
.button-aligned a i.cart-icn svg {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: -5px;
}
.button-aligned a.btn.blue:hover {
    background: #2daacc;
}
.inline-block {
    display: inline-block;
}
/***/
.page-title {
    text-align: left;
    border-bottom: solid 1px #d2d8da;
    color: #000;
    font-size: 30px;
    font-weight: 500;
    padding: 0 0 10px 0;
}
.page-title span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #909090;
}
.coupon-page {
    padding: 35px 0 0 0;
}
.coupon-list {}
.coupon-list .coupon-item {
    width: 49%;
    vertical-align: top;
    display: inline-block;
    border: solid 1px #e6e6e6;
    margin: 0 1% 15px 0;
    min-height: 200px;
}
.coupon-list .coupon-item:nth-child(2n+0) {
    margin-right: 0;
    float: right;
}
.coupon-list .coupon-item {
    position: relative;
}
.coupon-list .coupon-item .lable {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px 3px 0 5px;
    background: #79dbf6;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 18px;
}
.coupon-list .coupon-item .lable:after,
.coupon-list .coupon-item .lable:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.coupon-list .coupon-item .lable:after {
    border-color: rgba(255, 210, 0, 0);
    border-left-color: #79dbf6;
    border-width: 15px;
    margin-top: -15px;
}
.coupon-list .offer-pic {
    width: 30%;
    height: auto;
    float: left;
    padding: 0 10px;
}
.coupon-list .offer-pic img {
    width: auto;
    display: block;
    max-width: 100%;
    margin: 5px;
}
.coupon-list .right-content {
    display: inline-block;
    width: 70%;
    text-align: left;
    padding-right: 10px;
}
.cpn-box {
    width: 100%;
    display: table;
    padding: 15px 0 0 0;
}
.cpn-box .verified {
    font-size: 14px;
    padding: 0 4px;
    float: right;
    position: absolute;
    right: 0;
    top: 22px;
    display: inline-block;
    line-height: 1;
}
.cpn-box .name {
    color: #000;
    display: block;
    font-size: 24px;
    font-weight: 600;
}
.cpn-box .desc {
    font-size: 13px;
    padding: 0px;
    display: block;
    color: #434242;
    line-height: 1.4;
    margin-bottom: 15px;
    height: 73px;
    /*overflow: hidden;*/
    /*	*/
}
.cpn-box .desc.more {
    height: auto;
}
.after-code {
    vertical-align: top;
    display: block;
    padding: 0;
}
.cpn-box .expires {
    vertical-align: top;
    color: #000;
    font-size: 14px;
    padding: 0px;
    display: inline-block;
}
.cpn-box .expires img,
.cpn-box .expires svg,
.cpn-box .verified img,
.cpn-box .verified svg {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.cp-filter {
    float: left;
    margin-bottom: 15px;
    position: relative;
}
.cp-filter a.triger-btn {
    border-radius: 3px;
    display: inline-block;
    color: #777;
    font-size: 14px;
    padding: 7px 35px 7px 15px;
    text-transform: uppercase;
    position: relative;
    vertical-align: top;
    border: 1px solid #d2d8da;
}
.cp-filter a.triger-btn span svg {
    width: 12px;
    height: auto;
    display: block;
    position: absolute;
    right: 10px;
    top: 14px;
}
.cp-filter a.triger-btn:hover {
    background: #f25852;
    border: 1px solid #f25852;
    color: #fff;
}
.cp-filter a.triger-btn:hover span svg path {
    fill: #ffffff;
}
.option-dropdown {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    left: auto;
    position: absolute;
    top: -30px;
    z-index: 1;
}
.option-dropdown.open {
    top: 42px;
    opacity: 1;
    right: 0;
    visibility: visible;
}
.option-dropdown-inner {
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.98);
    border: 0 solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    width: auto;
    min-width: 200px;
    padding: 0;
}
.options-list {
    max-height: 500px;
    overflow-y: auto;
}
.options-list li {
    display: block;
}
.options-list li strong {
    font-weight: 600;
}
.options-list li:last-child {
    border-bottom: none;
}
.options-list li a {
    border-bottom: solid 1px #f2f2f2;
    color: #333333;
    font-size: 13px;
    padding: 10px 10px;
    font-weight: 400;
    display: block;
}
.options-list li a:hover,
.options-list li:hover {
    background-color: #f25852;
    color: #fff;
}
a.shopnow {
    color: #000;
    font-weight: 600;
    display: block;
}
a.shopnow span svg {
    width: 10px;
    height: auto;
}
a.shopnow span svg path {
    fill: #000;
}
.cpn-box .coupon-code {
    text-align: center;
    padding: 5px 15px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    background: #ffd800;
    margin: 10px auto;
    vertical-align: top;
    text-align: center;
    display: inline-block;
}
.share-friends {
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    padding: 10px 0 0 0;
    display: inline-block;
}
.share-friends ul {
    padding: 10px 10px;
    display: inline-block;
}
.share-friends ul li {
    display: inline-block;
    vertical-align: top;
}
.share-friends ul li img,
.share-friends ul li svg {
    width: 24px;
    height: auto;
}
.coupon-page.options2 {}
.coupon-page.options2 .coupon-list {
    float: right;
    width: 78%;
}
.coupons-nav {
    width: 20%;
    float: left;
}
.coupons-nav h2 {
    background: #f25852;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 15px;
}
.coupons-nav ul li {}
.coupons-nav ul li {
    font-size: 14px;
    text-transform: uppercase;
    border: solid 1px #dedfdf;
    border-top: none;
    position: relative;
    color: #000000;
    display: block;
}
.coupons-nav ul li:first-child {
    border-top: none;
}
.coupons-nav ul li a {
    color: #000000;
    padding: 13px 20px;
    display: block;
}
.coupons-nav ul li a:hover {
    color: #f25852;
}
.coupon-page.options2 .coupon-list .coupon-item {
    width: auto;
    float: none;
    display: block;
    margin: 0;
    margin-bottom: 25px;
}
.coupon-page.options2 .coupon-list .offer-pic {
    width: 20%;
}
.coupon-page.options2 .coupon-list .right-content {
    width: 80%;
}
.coupon-page.options2 .cpn-box .desc {
    font-size: 16px;
}
.coupon-page.options2 .share-friends {
    padding: 0;
    font-size: 13px;
    text-align: left;
    margin-left: 25px;
}
.coupon-page.options2 .share-friends ul {
    margin: 0;
    padding: 5px 0 0 0;
    display: block;
}
/***/
.border-top {
    border-top: 1px solid #dfdede;
}
.border-right {
    border-right: 1px solid #dfdede;
}
.border-bottom {
    border-bottom: 1px solid #dfdede;
}
.border-left {
    border-left: 1px solid #dfdede;
}
.body {
    min-height: 568px;
}
.inactive * {
    /*
    cursor: not-allowed;
    opacity: 0.8;
    */
    cursor: not-allowed;
    opacity: 0.8;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
/**testimonial styles start*/
.testimonialTop {
    padding: 40px 0;
    text-align: center;
    width: 100%;
    background: url(../images/group.jpg) repeat;
    min-height: 208px;
    position: relative;
}
.testimonialTop:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background-color: #000;
    background: rgba(0, 0, 0, 0.8);
}
.testimonialTop:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 6px;
    content: "";
    background-color: #ffd800;
    width: 300px;
    margin: 0 0 0 -150px;
}
.testimonialTop h2 {
    font-size: 45px;
    color: #fff;
    padding: 0 0 10px 0;
}
.testimonialTop h5 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    color: #fff;
}
.testimonialTop h5 .svg-icn {
    display: inline-block;
    vertical-align: bottom;
    width: 25px;
    margin: 0 0 0 10px;
}
.testimonialTop h5 .svg-icn svg {
    width: 100%;
    height: auto;
}
.testimonialTop h5 .svg-icn svg path {
    fill: #ffd800;
}
.sectionDevides {
    width: 100%;
    position: relative;
    padding: 20px 0 0 0;max-width:900px; margin:auto;
}
.sectionDevides:before {
    /* width: 6px;
    background: #e6e6e6;
    left: 50%;
    margin: 0 0 0 -3px;
    position: absolute;
    top: -20px;
    bottom: 0;
    content: "";*/
}
.listparts li {
    /* width: 45%; */width: 100%;
}
.listparts li.leftLi {
    float: left;
    clear: left;
}
.listparts li.rightLi {
    float: right;
    clear: right;
}
.listwrap {
    position: relative;
    width: 100%;
    padding:40px 40px 70px 40px;
    margin: 0 0 50px 0;
    background: #fff;
    border: 1px solid #ddd;
    /* border-bottom: 2px solid #d2d8da;*/
    border-radius: 2px;
}
.textcontainer {
    width: 100%;
}
.textcontainer p {
    /*min-height: 80px;*/
    font-size: 18px;
    color: #333;
    line-height:36px;
    font-style: italic;
    padding: 0 0 10px 0; font-family:Georgia;
}
.textcontainer .testiname {
    color: #000;
    font-size: 16px;
    margin: 15px 0 0 120px;
    display: block; font-weight:600;
}
.textcontainer .testiname span {
    color: #999;
    font-size: 13px;
    display: block;
}
.textcontainer .photoround {
    position: relative;
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    bottom: -10px;
    border:1px solid #ddd;
}
.textcontainer .photoround img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    margin:0; padding:0;
}
.textcontainer .userdetails {
    position: absolute;
    /* left: 20px;
    bottom: -30px;*/
}
/**testimonial styles end*/
.chat {
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 10;
}
.no-cart {
    margin: 150px auto;
}
.no-cart svg {
    margin: 0 auto;
    width: 300px;
    height: 300px;
    margin-bottom: 50px
}
.no-cart svg path {
    fill: #cccccc;
}
.description {
    line-height: 1.6;
    font-size: 14px;
    margin-bottom:30px;
    border: solid 1px #e6e6e6;
    padding:20px;
}
.morecontent span {
    display: none;
}
.morelink {
    display: inline-block;
}
.nowrap {
    white-space: nowrap;
}
/* empty shopping page css */
.banner-add {}
.banner-add .add-row {
    display: table;
    margin-bottom: 1px;
    width: 100%;
}
.banner-v4 {
    max-width: 1200px;
}
.banner-v4:after {
    clear: both;
    content: "";
    display: block;
}
.banner-v4 .banner {
    float: left;
    text-align: center;
    width: 25%;
    padding: 0 10px;
}
.banner-v4 .banner img {
    height: auto;
    max-width: -moz-fit-content;
    width: 100%;
}
.empty-listing li {
    display: block;
    position: relative;
}
.empty-listing li .empty-pic {
    display: block;
}
.empty-listing li .txt {
    position: absolute;
    top: 50%;
    text-transform: uppercase;
    color: #fff;
    font-size: 55px;
    width: 378px;
    /*	height: 241px;*/
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 800;
    text-align: center;
    line-height: 1;
    padding: 10px;
}
.empty-listing li .txt span {
    display: block;
    font-size: 43px;
    font-weight: 400;
}
.empty-listing li:nth-child(2n) .txt {
    right: 0;
}
.empty-listing.option-2 li {
    float: left;
    width: 33.3%;
}
.empty-listing.option-2 li .txt {
    width: 100%;
}
.empty-listing.option-2 li .empty-pic img {
    width: 100%;
}
/* 7th december 2015 */
.fixed-demo-btn {
    line-height: 1.8;
    position: fixed;
    right: -100px;
    top: 300px;
    z-index: 10;
    background: #f25852;
    border-radius: 2px 2px 0px 0px;
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Safari */
    transform: rotate(-90deg);
    display: block;
    height: 50px;
    width: 228px;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
}
.fixed-demo-btn #btn-demo {
    color: #fff;
    display: block;
    padding-top: 6px;
}
.dashboard .data-side .space-lft-right h3 {
    padding: 20px 0px;
}
.referral {}
.referral .threecols {
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 0 10px;
    list-style: none;
}
.referral .threecols li {
    display: inline-block;
    width: 30.3333%;
    margin: 0 10px;
    vertical-align: top;
}
.referral .threecols li:first-child {
    margin-left: 0;
}
.referral .threecols li:last-child {
    margin-right: 0;
}
.referral .sharesection {
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    padding: 3px;
}
.dashboard .data-side .referral .sharesection h3 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.referral .sharesection h3 span {
    font-size: 16px;
    display: block;
    color: #fff;
    font-weight: bold;
}
.fbwrap {
    position: relative;
    background: #3b5998;
    padding: 10px;
    height: 70px;
    width: 100%;
}
.twwrap {
    position: relative;
    background: #22bdf0;
    padding: 10px;
    height: 70px;
    width: 100%;
}
.emailwrap {
    position: relative;
    background: #f86868;
    padding: 10px;
    height: 70px;
    width: 100%;
}
.fbwrap img {
    position: absolute;
    right: 20px;
    top: 10px;
}
.twwrap img {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 62px;
}
.emailwrap img {
    position: absolute;
    right: 12px;
    top: 13px;
    width: 62px;
}
.referral .sharesection .fbwrap img,
.referral .sharesection .twwrap img,
.referral .sharesection .emailwrap img {
    opacity: 0.20;
}
.sharesection .txtwrap {
    padding: 10px 10px;
}
.sharesection p {
    margin: 0;
    padding: 0 0 10px 0;
    min-height: 40px;
    font-size: 14px;
    color: #333;
    line-height: 18px;
}
.borderwrap {
    margin: 10px 0 0 0;
    position: relative;
}
.formwrap {
    width: 100%;
    padding: 15px;
    position: relative;
    border: 1px solid #d8dee0;
}
.formwrap label {
    margin-bottom: 10px;
    display: block;
}
.borderwrap .top {
    width: 100%;
    padding: 0;
}
.borderwrap .top h5 {
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
}
.iconboxlist {
    display: table;
    margin: 0;
    padding: 0;
    text-align: center;
}
.iconboxlist li {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    position: relative;
    bottom: -1px;
    cursor: pointer;
    margin: 0;
    border: solid 1px #d8dee0;
    border-bottom: none;
}
.iconboxlist li.selected {
    background: #fff;
    top: 1px;
    z-index: 1;
}
.iconboxlist li:hover {
    background: #fff;
}
.iconbox {
    width: 90px;
    display: inline-block;
    background: #fff;
    padding: 0;
    text-align: center;
}
.iconbox img {
    display: block;
    margin: 0 auto;
}
.iconbox span {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}
.border-box {
    border: 1px solid #e6e6e6;
    padding: 15px 15px 0px;
    min-height: 380px;
}
.check-wraper {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
}
.check-wraper label {
    font-size: 13px;
}
/*3rd feb 2016*/
.discount-area {
    float: left;
    width: 750px;
}
.acc-bar {
    border: 1px solid #dedddd;
    border-radius: 2px;
    margin-bottom: 15px;
}
.bar-title {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #dedddd;
}
.bar-title a {
    position: relative;
    font-size: 16px;
    color: #545353;
}
.bar-title .after-arrow {
    top: 11px;
    right: -20px;
}
.acc-body {
    padding: 15px 10px;
    display: none;
}
/*back to top*/
#back-top {
    z-index: 100;
    position: fixed;
    bottom: 50px;
    right: 10px;
}
#back-top a {
    opacity: 0.8;
    border-radius: 50%;
    background: #f25852;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a svg {
    margin: 8px auto;display:inline-block;
    width: 20px;
    height: 20px;
}
#back-top a:hover {
    opacity: 1;
}
/*Become Seller styles here*/
.seller-slide {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 573px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}
.seller-txt {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: center;
}
#fees .cta .btn.medium{background:#000;color:#fff;}
@media(min-width:1200px){
    .seller-txt{min-height:400px;}
}

.seller-txt .title {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
}
.scroll-links {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0 auto;
    text-align: center; transform:translate(0); -webkit-transform:translate(0);-ms-transform:translate(0);
}
.scroll-links li {
    display: inline-block;
    vertical-align: top;margin:5px;
}
.scroll-links li a {
    background-color: rgba(255, 255, 255, 0.65);
    color: #000;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 2px;
    text-transform: uppercase;display:block;
}
.scroll-links li a:hover {
    background-color: rgba(255, 255, 255, 1);
}
.section-fees {
    padding: 80px 0;
}
.bg-fees {
    background: #373737;
}
.headings {
    text-align: center;
    margin-bottom: 25px;
}
.headings h2 {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    max-width: 800px;
    margin-bottom: 20px;
}
.headings p {
    max-width: 800px;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    padding-bottom: 20px;
}
.headings.onwhite h2 {
    color: #000;
}
.headings.onwhite p {
    color: #545353;
}
.three-box {
    text-align: center;
}
.three-box .box {
    width: 31%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 2px;
    min-height: 400px;
}
.three-box .box .icn {
    margin: 0 auto;
    width:80px;
    height: 80px;
    display: block;
    margin: 65px auto 10px auto;
}
.three-box .box .icn .svg-icn svg {
    width: 80px;
    height: 80px;
    display: block;
}
.three-box .box .icn .svg-icn svg path {
    fill: #000;
}
.three-box .box h3 {
    color: #000;
    font-size: 20px;
    margin: 20px;
    font-weight: 700;
}
.three-box .box p {
    font-size: 14px;
    margin: 20px 30px;
}
.three-box .box p a {
    font-weight: 700;
}
.cta {
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
}
.cta h2 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 48px;
}
.cta h4 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
}
.cta p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 30px;
}
.cta.onwhite h4 {
    color: #000;
}
.cta.onwhite p {
    color: #545353;
    font-size: 14px;
}
.section-tools {
    padding: 80px 0;
}
.features {
    margin: 0 auto;
    text-align: center;
}
.features ul {
    border-bottom: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    padding: 16px 0;
    display: inline-block;
}
.features li {
    display: inline-block;
    color: #7c7c7c;
    font-size: 22px;
    margin: 10px;
}
.features li .check {
    vertical-align: top;
    margin-right: 10px;
    display: inline-block;
}
.features li .check .svg-icn svg {
    width: 31px;
    height: 31px;
    display: block;
}
.features li .check .svg-icn svg path {
    fill: #ff3a58;
}
.section-tools .price {
    position: relative;
    max-width: 400px;
    margin: 50px auto;
    display: block;
    text-align: center;
}
.section-tools .price:before {
    background: url(../images/retina/price-before.svg) no-repeat left top;
    width: 173px;
    height: 335px;
    display: block;
    content: "";
    position: absolute;
    left: -250px;
    top: 0;
}
.section-tools .price:after {
    background: url(../images/retina/price-after.svg) no-repeat right top;
    width: 173px;
    height: 335px;
    display: block;
    content: "";
    position: absolute;
    right: -250px;
    top: 0;
}
.section-tools .price p {
    font-size: 15px;
    margin-top: 10px;
}
.main-price {
    color: #000;
    font-size: 54px;
    font-weight: 700;
}
.main-price span {
    color: #f25852;
}
.percent {
    position: relative;
    margin: 20px 0;
    padding: 30px 0 0 0;
}
.percent:before {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    width: 156px;
    height: 1px;
    background: #e6e6e6;
    display: block;
    margin: 0 auto;
}
.price-btm {
    max-width: 650px;
    margin: 0 auto;
}
.price-btm p {
    margin: 15px auto;
    text-align: center;
}
.keys {
    background: #474747;
    max-width: 477px;
    margin: 0 auto;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 20px;
}
.keys .icn {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
}
.keys p {
    text-align: left;
    padding: 20px 0;
    display: table-cell;
    vertical-align: top;
}
.section-industry {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    height: 921px;
    padding: 80px 0;
}
.indsutry-type {
    display: table;
    width: 100%;
    padding-top: 25px;
}
.flag-side {
    max-width: 50%;
    display: block;
}
.flag-type.flag-side li p {
    color: #fff;
}
.flag-type {}
.flag-type li {
    display: table;
    width: 100%;
    margin-bottom: 55px;
}
.flag-type li .icn {
    display: table-cell;
    width: 65px;
    height: auto;
    vertical-align: top;
    padding-right: 25px;
}
.flag-type li .icn .svg-icn svg {
    width: 65px;
    height: 65px;
    display: block;
}
.flag-type li .icn .svg-icn svg path {
    fill: #333;
}
.section-industry .flag-type li .icn .svg-icn svg path {
    fill: #fff;
}
.flag-type li p {
    display: table-cell;
    color: #545353;
    vertical-align: top;
    font-size: 14px;
}
.flag-type.double li {
    display: inline-block;
    width: 49%;
}
.flag-type.double li p {
    padding-right: 75px;
}
.yk-ipad {
    max-width: 50%;
}
.section-help {
    padding: 80px 0;
}
.section-faqs {
    padding: 80px 0;
    background: #373737;
}
.faq-box {
    display: table;
    width: 100%;
}
.faq-box .box {
    width: 49%;
}
.faq-box h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.faq-box p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 35px; line-height:1.8;
}
.section-white {
    padding: 80px 0;
}
.section-ready {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 80px 0;
}
/*become seller end*/
/*checkout*/
.checkout-area {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(221, 211, 221, 0.8);
    border-radius: 2px;
    margin-bottom: 20px;
}
.checkout-area .acc-bar {}
.checkout-area .bar-title {
    opacity: 0.5;
    color: #151515;
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 20px 10px;
    border-bottom: 1px solid #e8e7e7;
}
.checkout-area .acc-bar:last-child .bar-title {
    border-bottom: none;
}
.checkout-area .bar-title.passed {
    opacity: 1;
    color: #555555;
}
.checkout-area .bar-title.passed .bar-heading .icn-svg {
    vertical-align: middle;
    display: inline-block;
}
.checkout-area .bar-title.passed .bar-heading .icn-svg svg {
    width: 20px;
    height: 20px;
}
.checkout-area .bar-title.passed .bar-heading .icn-svg svg path {
    fill: #f25852;
}
.checkout-area .bar-title.active {
    border-color: rgba(221, 221, 221, 1);
    color: #f25852;
    font-weight: 600;
    opacity: 1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.checkout-area .bar-title.active .bar-heading {}
.checkout-area .acc-body {
    padding: 15px 10px;
    display: none;
}
.checkout-area .acc-body:before,
.checkout-area .acc-body:after {
    content: "";
    display: table;
    line-height: 0;
}
.checkout-area .acc-body:after {
    clear: both;
}
.btn-action {
    white-space: nowrap;
}
.btn-action .action {
    position: relative;
    display: inline-block;
    border: solid 1px #000;
    border-radius: 50%;
    color: #777;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 5px;
    margin: 0 2px;
}
.btn-action .action .icon {
    color: #000;
}
.btn-action .action:hover {
    background: #000;
    color: #fff;
}
.btn-action .action:hover .icon {
    color: #fff;
}
.btn-action .action .icon svg {
    width: 18px;
    height: 18px;
}
.btn-action .action .icon svg path,
.btn-action .action .icon svg polygon,
.btn-action .action .icon svg circle {
    fill: #000;
}
.btn-action .action:hover .icon svg path,
.btn-action .action:hover .icon svg polygon,
.btn-action .action:hover .icon svg circle {
    fill: #ffd800;
}
.sub-heading {
    font-size: 14px;
    font-weight: 600;
}
.cards-control {}
.cards-control li {
    color: #777777;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 20px;
    position: relative;
    border-right: 1px solid #e7e5e6;
    text-align: right;
}
.cards-control li a {
    display: block;
}
.cards-control li.active,
.cards-control li a:hover {
    color: #f25852;
    border-color: #f25852;
}
.cards-control li.active a {
    color: #f25852;
}
.pull_right,
.pull-right {
    float: right;
}
.pull_left,
.pull-left {
    float: left;
}
.backto {
    margin: 25px auto 15px
}
/*  color pallete */
.theme-switcher {
    background: #fff;
    box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 30%;
    left: 0;
    padding: 10px;
    padding-bottom: 0;
    width: 86px;
}
.color_pallete {
    background: #fff;
    box-shadow: 0 0 30px 3px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 30%;
    left: 0;
    padding: 10px;
    transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    width: 200px;
    z-index: 110;
    border: solid 1px #f25852;
    border-left: none;
}
body.switchtoggled .color_pallete {
    opacity: 1;
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    /* IE 9 */
    -webkit-transform: translate3d(0px, 0px, 0px);
    /* Chrome, Safari, Opera */
}
.color_pallete .pallete_control {
    background: #fff;
    border-radius: 0 2px 2px 0;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 100%;
    top: 18px;
    display: block;
    padding: 10px;
    text-align: center;
    line-height: 1;
    border: solid 1px #f25852;
    border-left: none;
    /*	box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3);*/
}
.color_pallete .pallete_control svg {
    width: 20px;
    height: 20px;
    display: block;
}
.color_pallete .pallete_control svg {
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}
@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-ms-keyframes spinnerRotate {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}
.color_pallete .pallete_control svg path {
    fill: #f25852;
}
body.switchtoggled .color_pallete .pallete_control {
    box-shadow: none;
}
.controlwrap {}
.controlwrap h5 {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}
.colorpallets {
    margin: 0 0 0 -10px;
    list-style: none;
}
.colorpallets:after {
    visibility: hidden;
    clear: both;
    content: "";
    display: block;
    height: 0;
}
.colorpallets li {
    float: left;
    padding: 0 0 10px 10px;
}
.colorpallets li a {
    display: block;
    width: 15px;
    height: 15px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.colorpallets li:hover a {
    transform: scale(1.2);
}
.colorpallets li.active a {
    transform: scale(1.2);
}
/***/
.pro-options-content {}
.pro-options-content .step-1 {
    float: left;
    width: 25%;
    padding-right: 20px;
}
.option-search a { text-decoration:underline;
                   color: #000;
}
.pro-options-content .heading {
    margin-bottom: 15px;
    display: inline-block;
}
.pro-options-content .step-2 {
    float: left;
    width: 75%;
}
.pro-options-list {
    border: solid 1px #dedddd;
    border-radius: 3px;
    margin-bottom: 15px;
}
.pro-options-list li {
    display: block;
    padding: 0;
    cursor: pointer;
    border-bottom: solid 1px #dedddd;
    font-size: 14px;
    position: relative;
}
.pro-options-list li a {
    display: block;
    padding: 10px;
}
.pro-options-list li:last-child {
    border-bottom: none;
}
.pro-options-list li .remove {
    position: absolute;
    top: 0;
    right: 0;
}
.pro-options-list li .remove .svg-icn svg {
    width: 15px;
    height: 16px;
    display: inline-block;
}
.pro-options-list li .remove .svg-icn svg path {
    fill: #fff;
}
.pro-options-list li.active {
    background-color: #333;
    border-color: #333;
    color: #fff;
}
.pro-options-list li.active a {
    color: #fff;
}
.pro-options-list li.active .remove .svg-icn svg path {
    fill: #fff;
}
.side-element {
    display: inline;
    float: right;
}
.side-element .checkbox,
.side-element .radio {
    margin: 0;
    font-weight: 600;
}
.side-element .svg-icn svg {
    width: 17px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.popup_buttons {
    padding: 15px;
}
.addPadding {
    margin: 5px 10px;
}
.langbtn {
    background: #181818 none repeat scroll 0 0;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.28);
    border: 1px solid #000;
    border-radius: 2px;
    display: inline-block;
    height: 34px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 170px;
}
.langbtn:after {
    background: #181818;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.28);
    content: "";
    height: 34px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}
.langbtn:before {
    background: #000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 1;
}
.goog-te-gadget .goog-te-combo {
    margin: 0 !important;
}
.langbtn select {
    background: #181818;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.28);
    border: medium none;
    color: #fff;
    font-size: 13px !important;
    font-weight: 600;
    height: 32px;
    line-height: 26px;
    padding: 0 4px 0 5px;
    text-transform: uppercase;
    width: 100%;
}
.langbtn select:focus {
    outline: none;
}
.langbtn select {
    color: #fff;
    font-size: 12px;
    line-height: 26px;
}
.top-head .langbtn {
    display: none;
}
.langbtn .icon {
    display: none;
}
.fav>li:nth-child(3) {
    padding-right: 8px;
}
.f-logo>img {
    max-width: 100%;
}
.testimonialTop .fixed-container {
    position: relative;
}
.load_later {
    max-width: 100%;
}
/**13th Sep 2016*/
.filter-content {
    /*margin: 0 15px 15px 15px;*/
    margin:0;
    overflow: hidden;
    transition: height 0.3s ease 0s;
}
.filter-price-slider {
    background: #ccc;
    height: 2px;
    margin: 21px 2px 16px;
    position: relative;
    text-align: left;
    width: 93%;
}
.price-slider-scroll {
    background: #333;
    border: medium none;
    border-radius: 50%;
    cursor: pointer;
    height: 13px;
    margin-left: 0;
    outline: medium none;
    position: absolute;
    top: -6px;
    transition: all 0.2s ease-out 0s;
    width: 13px;
    z-index: 2;
}
.price-slider-scroll:hover {
    transform: scale3d(1.3, 1.3, 1);
}
.from-price-text,
.to-price-text {
    font-weight: 600;
}
.to-price-text {
    float: right;
    text-align: right;
}
.prices {
    padding-bottom: 10px;
}
.price-input {
    float: left;
    padding: 0;
    text-align: center;
    width: 45%;
}
.price-text-box {
    position: relative;
}
.price-text-box .input-filter {
    margin: 0;
    padding: 5px;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    width: 100%;
    border: solid 1px #ebebeb;
}
.rsText {
    color: #9e9e9e;
    font-size: 13px;
    left: 5px;
    margin-right: 3px;
    padding-left: 3px;
    position: absolute;
    top: 8px;
}
.filter-content .btn {
    padding: 6px 10px;
    float: right;
}
.filter-content .dash {
    display: inline-block;
    float: left;
    padding: 6px;
}
/**13th Sep 2016 end*/
/*5th November 2016*/
.main-slider {
    position: relative;
}
.new-slider {
    position: relative;
}
.new-slider img {
    max-width: 100%;
}
.new-slider-control a {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.6);
    width: 40px;
    height: 50px;
    padding: 13px;
    cursor: pointer;
}
.new-slider-control a.prev-btn {
    left: 0;
}
.new-slider-control a.next-btn {
    right: 0;
}
.new-slider-control a:hover {
    background: rgba(0, 0, 0, 1);
}
.new-slider-control a .icn-svg svg {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    fill: #fff;
}
.new-slider-control a .icn-svg svg path {
    fill: #fff;
}
.new-slider-control a:hover .icn-svg svg path {}
.offer--tag::after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #f25852;
    border-top: 5px solid transparent;
    content: "";
    position: absolute;
    right: -5px;
}
.offer--tag {
    background: #f25852;
    border-radius: 4px;
    color: #fff!important;
    display: inline-block;
    line-height: 1;
    margin-right: 10px;
    padding: 5px;
    position: relative;
    /*z-index: 11;*/
    margin-top: 2px;
}
.fixed__panel .stick {
    position: fixed;
    width: 280px;
}
.cookie-alert {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0.5em 5%;
    background: #fff;
    border-top: 1px solid rgb(221, 222, 222);
    font-size: 16px;
    font-weight: 400;
    z-index: 99999;
    text-align: center;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
.cookie-alert h4 {
    color: inherit;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    margin: 3px 0;
    line-height: 1.2;
}
.cookie-alert p {
    color: inherit;
    padding-bottom: 7px;
    font-size: 14px;
}
.cookie-alert a,
.cookie-alert a:hover {
    color: inherit;
    text-decoration: underline;
}
.cookie-alert a:hover {
    text-decoration: none;
}
.cookie-alert-error {
    float: left;
    width: 90%;
    text-align: center;
    margin: 1em 0 2em 0;
    background: #fff;
    padding: 2em 5%;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #333;
}
.cookie-alert a.cc-cookie-accept,
.cookie-alert-error a.cc-cookie-accept,
.cookie-alert a.cc-cookie-decline,
.cookie-alert-error a.cc-cookie-decline,
.cookie-alert a.cc-cookie-reset {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 0.5em 0.75em;
    border-radius: 3px;
    -o-transition: background 0.5s ease-in;
    -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
}
.cookie-alert a.cc-cookie-decline,
.cookie-alert-error a.cc-cookie-decline {
    margin-left: 0.5em;
    background: #757575;
}
.cookie-alert a.cc-cookie-reset {
    background: #757575;
}
.cookie-alert a:hover.cc-cookie-accept,
.cookie-alert-error a:hover.cc-cookie-accept,
.cookie-alert a:hover.cc-cookie-decline,
.cookie-alert-error a:hover.cc-cookie-decline,
.cookie-alert a:hover.cc-cookie-reset {
    background: #000;
    -o-transition: background 0.5s ease-in;
    -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
}
.cookie-alert-error a.cc-cookie-accept,
.cookie-alert-error a.cc-cookie-decline {
    display: block;
    margin-top: 1em;
}
.cookie-alert.cc-discreet {
    width: auto;
    padding: 0.5em 1em;
    left: auto;
    top: auto;
}
.cookie-alert.cc-discreet a.cc-cookie-reset {
    background: none;
    text-shadow: none;
    padding: 0;
    text-decoration: underline;
}
.cookie-alert.cc-discreet a:hover.cc-cookie-reset {
    text-decoration: none;
}
.autowidth {
    width: auto;
}
/*7th feb 2017*/
.no-product {
    margin: 0 auto;
    text-align: center;
    padding: 100px 20px;
}
.low-top-bottom-padding {
    padding: 10px 20px !important;
}
.rel-icon img,
.rel-icon svg {
    max-width: 100%;
    display: inline-block;
}
.no-product-txt {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.5;
}
.no-product-txt span {
    line-height: inherit;
    color: #000000;
    font-size: 24px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}
.query-form {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.query-form .siteForm input[type="text"] {
    border-radius: 1px;
    height: 50px;
    display: inline-block;
    width: 80%;
    padding: 5px 10px;
}
.query-form .siteForm input[type="submit"] {
    border-radius: 1px;
    height: 50px;
}
.txt-popular {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}
.txt-popular a {
    font-style: italic;
    display: inline-block;
    margin: 0 2px;
    color: #666666;
}
/**/
.right-seller-info {
    float: right;max-width:650px; padding:0 20px 0 0;
}
.seller_login_toggle {
    background: url("../images/retina/account.svg") no-repeat scroll center center;
    cursor: pointer;
    display: none;
    height: 20px;
    line-height: 1;
    position: fixed;
    right: 28px;
    top: 18px;
    vertical-align: top;
    width: 20px;
    z-index: 1;
}
.seller-frm {
    margin: 10px 0 0 0;
}
.seller-login {
    text-align: left;
}
.seller-login .field-set {
    margin-bottom: 0;
}
.seller-login input[type="text"],
.seller-login input[type="password"] {
    max-width: 200px;
    vertical-align: top;
    /*color: #fff;*/
    width: auto;
    margin: 0;
    display: inline-block;
}
.seller-login input[type="submit"] {
    width: auto;
    margin: 0;
    vertical-align: top;
    display: inline-block;
}
.seller-login input[type="submit"]:hover {}
.flat-header {
    background: #ffffff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}
.flat-header #logo {
    padding: 10px;
    margin: 0; float: left;
}
#main-area {
    clear: both;
    margin-top: 90px;
}
/***/
.popup-title {
    text-align: center;
}
.popup-title h4 {
    font-size: 32px;
    margin-bottom: 20px;
}
.demo-tabs {}
.pop-us-tabs {
    text-align: center;
}
.pop-us-tabs ul {
    margin: 0 auto;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 25px;
}
.pop-us-tabs li {
    display: inline-block;
    text-align: center;
    padding: 0;
    min-width: 250px;
    margin: 0 -2px;
    border: solid 1px #dedddd;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    vertical-align: top;
}
.pop-us-tabs li.active {
    color: #fff;
    background: #f25852;
    border-color: #f25852;
}
.pop-us-tabs li a {
    padding: 10px 20px;
    display: block;
    color: inherit;
}
.pop-us-tabs li:first-child {
    border-radius: 3px 0 0 3px;
    border-right: none;
}
.pop-us-tabs li:last-child {
    border-left: none;
    border-radius: 0 3px 3px 0;
}
.demo-tabs .tabs_content {
    display: none;
}
.demo-tabs .tabs_content.show_tab_content {
    display: block;
}
.section-grey .headings h2{color:#000;}
/*end**/
/************************************************************** common css **************************************** /
/***************** Start validation.css ******************/
ul.errorlist {
    color: #f00;
    margin: 0px;
    padding: 0px;
    clear: both !important;
    display: block;
    list-style: none;
}
ul.errorlist li, ul.errorlist li a, ul.errorlist li a:hover {
    color: #f00;
    text-align: left;
    cursor: text;
    font-weight: normal;
    text-decoration: none;
    margin: 0px !important;
    padding: 0px !important;
    background: none !important;
    font-size: 13px;
    display: block;
    clear: both;
} /* form validation error in case of summary */
ul.errorlist li::before {
    background: none;
}
input.error, select.error, textarea.error {
    border: 1px dotted #f00; /*float:left;*/
}  
/* form validation error fields */
.error input {
    border: 1px dotted red;
}
.spn_must_field {
    color: #f00 !important;
    padding: 0px 3px;
}
.div_error_dotted {
    border: 1px dotted red;
    margin: 2px 0px;
    padding: 4px;
    width: 100%;
    background: #E4E4E4;
}
#prod_stock_span {
    margin: 2px;
    padding: 2px;
    color: #CC6600;
    font-size: 14px;
}
.div_success_dotted {
    border: 1px dotted #009933;
}
.div_msg,
.div_error {
    padding: 10px;
    padding-right: 40px;
    margin: 0;
    color: #fff;
}
.div_msg {
    background: #00b6ad;
}
.div_error {
    background: #f35f5f;
}
.div_error label {
    display: inline;
}
.tableform br {
    display: none;
}
/* alerts */
.system_message {
    width: 100%;
    margin: 0;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1000001;
    font-size: 15px;
    font-weight: 600;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.system_message .closeMsg {
    background: url(../images/retina/close.svg) no-repeat center;
    background-size: cover;
    border: none;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    opacity: 0.8;
}
.system_message .closeMsg:hover {
    opacity: 1;
}
.system_message a {
    color: #fff;
    text-decoration: underline;
}
.system_message ul {
    margin: 0;
}
.system_message ul li {
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}
.alert {
    color: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 2px;
    position: relative;
    padding-right: 32px;
}
.alert .close {
    text-indent: -99999px;
    background: url(../images/retina/close.svg) no-repeat center;
    background-size: cover;
    border: none;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    line-height: 15px;
    cursor: pointer;
    opacity: 0.8;
}
.alert .close:hover {
    opacity: 1;
}
.alert a {
    color: #fff;
    text-decoration: underline;
}
.alert-success {
    background-color: #00b6ad;
}
.alert-info {
    background-color: #02b4d1; color:#fff;
}
.alert-warning {
    background-color: #f3c532;
}
.alert-danger {
    background-color: #f35f5f;
}
.alert-inverse {
    background: #1a1a1a;
    color: #fff;
}
.smallalert {
    color: #fff;
    padding: 0 3px;
    border: 1px solid transparent;
    border-radius: 1px;
}
/***************** End validation.css ******************/
/***************** Start personal.css ******************/
.space-lft-right-low {
    padding: 0px 10px;
}
.box_price_range .small {
    background: #fff;
    font-size: 13px;
    padding: 0 5px;
    border: solid 1px #d4d4d4;
    vertical-align: top;
    height: 30px;
    width: 50%;
}
.labelList li.disabled {
    pointer-events: none;
    background-color: #E5E5E5;
    opacity: 0.6;
}
#body_area {
    width: 100%;
}
.sectioncenter h3 spanrelative_div {
    position: relative;
    overflow: hidden;
}
.relative_div {
    position: relative;
}
.inactive_div {
    cursor: not-allowed;
    opacity: 0.8;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #f7f8f9;/*border: 1px solid #dedddd;
    border-radius: 2px;*/
}
.notification.notification.notification .alert .close:hover, .alert .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.loadmorepage .loadmore.btn.btn-black{	margin-top:40px;min-width:180px;background:#fff; border:1px solid #000; color:#000;font-weight:600;}
.loadmorepage .loadmore.btn.btn-black:hover{background:#000; color:#fff;}
.cmsPolicy > .cmsContainer {
    padding: 0;
    width: 100%;
}
.cmsContainer > .rowcontent {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #d2d8da;
    margin: 5px 0 0 0 !important;
    padding: 10px 0 0;
}
.shop-page .right-panel > h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 0px !important;
    text-transform: uppercase;
}
.form-block-login {
    padding: 20px 0 0 0;
    width: 100%;
}
.form-block-login h2 {
    color: #323333;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    background: #f1f0f0;
    border: 1px solid #dedddd;
    font-weight: 600;
    padding: 13px 0;
}
.form-block-login h2:after, .form-block-login h2:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.form-block-login h2:after {
    border-color: rgba(241, 240, 240, 0);
    border-top-color: #f1f0f0;
    border-width: 10px;
    margin-left: -10px;
}
.form-block-login h2:before {
    border-color: rgba(222, 221, 221, 0);
    border-top-color: #dedddd;
    border-width: 11px;
    margin-left: -11px;
}
.form-block-login h3 {
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
}
.form-block-login a.fb-color, .form-block-login a.tw-color, .form-block-login a.gp-color {
    background: #0068b5;
    border-radius: 2px;
    padding:0px 25px;
    text-align: center;
    display: inline-block;
    color: #fff;
    min-width: 261px;
}
.form-block-login a.fb-color {
    margin-right: 5px;
}
.form-block-login a.tw-color {
    margin-left: 5px;
    background: #00c1db;
}
.form-block-login a.gp-color {
    margin-left: 5px;
    background: #d73d32;
}
.siteForm textarea {
    height: 138px;
}
.smallthumbs li {
    padding: 5px;
}
.smallthumbs li:last-child {
    padding: 0px;
}
#search .btn.gray {
    background-color: #727272;
}
.cod_wallet_limit_notification {
    background: #f35f5f none repeat scroll 0 0;
    padding: 0 3px;
    color: #fff;
    margin: 0;
}
.loader {
    background: url(../images/loader.gif) no-repeat center center;
    width: 16px;
    height: 16px;
    display: table;
    text-indent: -9999px;
    /*position: absolute; left:50%; top:50%; margin:-8px auto  auto -8px;*/
    margin: 0 auto;
}
.sectioncenter {
    width: 850px;
    margin: 50px auto;
    text-align: center;
}
.sectioncenter .errorimg {
    width: 500px;
    display: block;
    margin: 0 auto;
}
.sectioncenter h3 {
    font-size: 30px;
    padding: 30px 0;
    color: #6d6c6c;
    line-height: 36px;
}
.sectioncenter h3 span {
    color: #ee2866;
}
.listpanel {
    width: 75%;
    margin: 20px auto 30px;
    padding: 20px 40px 40px;
    border-radius: 3px;
    position: relative;
    background: #e8edef;
}
.listpanel:before {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -20px;
    top: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #e8edef;
    content: "";
}
.listpanel li {
    text-align: left;
    padding: 0 0 15px 0;
    position: relative;
    font-size: 18px;
    color: #666;
    padding: 15px 0 0 22px;
}
.listpanel li:before {
    position: absolute;
    left: 0;
    top: 24px;
    content: "";
    width: 9px;
    height: 9px;
    background: #666;
    border-radius: 100%;
}
.tbl-normal td .itemcaption {
    color: #545353;
    font-weight: bold;
}
/* Skelton.css */
.siteForm table.smalltable {
    width: 15% !important;
}
.siteForm table.mediumtable {
    width: 30% !important;
}
.photosrow {
    width: 100%;
    display: inline-block;
}
.photosquare {
    min-height: 110px;
    position: relative;
    margin: 0 5px 10px 0;
    background: #fff;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #D6D6D6;
    border: 1px solid #D6D6D6;
}
/* Line Number 4345 */
.photosquare img {
    width: 100%;
    height: 100%;
}
/*
.siteForm.ondark table input, .siteForm.ondark table select {
margin-bottom: 0px;
border: none;
display: inline-block;
width: auto;
}
.siteForm.ondark table input[type="text"], .siteForm.ondark table select {
width: 97%;
}
.siteForm.ondark table .calendar {
/*width: 70% !important;*/
/*
}
.siteForm.ondark table input.custom-widht-10 {
width: 10%;
}*/
.crossLink {
    width: 12px;
    height: 12px;
    background: #F00;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.linkset {
    font-size: 12px;
    padding: 3px;
    color: #000;
    display: block;
    background: #d0b490;
    text-align: center;
}
.cart-tbl small {
    font-size: 12px;
}
/*.container ul { list-style:inherit; background:#fff;}*/
.custom ul {
    list-style: none;
    margin-bottom: 14px;
}
.custom ul li:before {
    content: "\00BB \0020";
}

#personalTabId {
    overflow: hidden;
}

a.more {
    cursor: pointer;
}
.morecontent span {
    display: none;
}
.morelink {
    display: inline-block;
}
.photosquare .delete {
    background: url(../images/closelabels.png) no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 3px;
    top: 5px;
}
.choose_file {
    position: relative;
    display: inline-block;
    border-radius: 8px;
    border: #ebebeb solid 1px;
    width: auto;
    padding: 4px 6px 4px 8px;
    font: normal 14px Myriad Pro, Verdana, Geneva, sans-serif;
    color: #7f7f7f;
    margin-top: 2px;
    background: white;
    cursor: pointer !important;
}
.choose_file input[type="file"] {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer !important;
}
.marginTop {
    margin-top: 8px !important;
}
.marginRight {
    margin-right: 8px !important;
}
.dashboard .data-side h5 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 0px; margin-bottom:15px;
    /*border-bottom: #D1D1D1 1px dotted;*/
}
.striked {
    text-decoration: line-through;
}
/*
#tabs_4.border_cover {
padding: 0;
}*/
/*****/
table#tab_general td, table#tab_data td, table#tab_links td {
    padding-right: 8px;
}
table#attribute, table#option_value {
    border: solid 1px #dedddd;
    border-collapse: separate;
}
table#attribute th, table#option_value th {
    background: #f7f8f9;
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: solid 1px #dedddd;
    border-left: none;
    border-right: none;
    border-top: none;
}
table#attribute td, table#option_value td {
    border-bottom: 1px solid #dedddd;
    display: table-cell;
    padding: 10px;
    width: auto;
}
/*****/
.optionValue tr td table {
    border-collapse: separate;
}
table#option {
    border-collapse: separate;
}
table#option tr td.rgt-blks {
    border: none;
    padding: 0;
}
table.optionValue {
    border: none;
    border: solid 1px #dedddd;
}
table.optionValue td {
    width: auto;
    display: table-cell;
    padding: 10px;
}
table.optionValue tfoot td {
    border-bottom: none;
}
table.optionValue .note {
    font-weight: 600;
    color: #4b4b4b;
    text-transform: none;
    text-align: right;
}
/*
table#optionValue tr:last-child td {
border-bottom: none;
}*/
table.optionValue th {
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #dedddd;
}
table.optionValue0 {
    border-collapse: separate;
}
table.optionTable td {
    display: table-cell;
    padding: 0;
    cursor: pointer;
}
table.optionTable input[type="text"] {
    margin-top: 10px;
}
/*****/
table#tab_shipping td {
    display: table-cell;
    padding-right: 0;
    width: auto;
}
table#shipping {
    border-collapse: separate;
    border: solid 1px #dedddd;
}
table#shipping th {
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #dedddd;
}
table#shipping td {
    display: table-cell;
    padding: 10px;
    width: auto;
}
/*****/
table#discount {
    border: solid 1px #dedddd;
    border-collapse: separate;
}
table#discount td {
    display: table-cell;
    padding: 10px;
    width: auto;
}
table#discount th {
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #dedddd;
}
/****/
table#special {
    border-collapse: separate;
    border: solid 1px #dedddd;
}
table#special td {
    display: table-cell;
    padding: 10px;
    width: auto;
}
table#special th {
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #dedddd;
}
/*****/
/****/
table#download,
table#duration_discount {
    border-collapse: separate;
    border: solid 1px #dedddd;
}
table#download td,
table#duration_discount td {
    display: table-cell;
    padding: 10px;
    width: auto;
}
table#download th,
table#duration_discount th {
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #dedddd;
}
/*****/
.product_btn_submit.border_cover {
    padding: 0 20px;
    text-align: right;
    margin-bottom: 20px;
}
/*.tblBorderTop tr.active td, .tblBorderTop tr.active td a {
background-color: #7892EB;
color: #FFF !important;
padding: 10px !important;
}
.tblBorderTop tr.active td:first-child, .tblBorderTop tr.active td:first-child a {
background-color: #F00;
padding: 10px;
}*/
.tblBorderTop tr td, .tblBorderTop tr td a {
    padding: 8px 5px !important;
}
.tblBorderTop tr.active td, .tblBorderTop tr.active td a {
    background-color: #7892EB;
    color: #FFF !important;
}
.tblBorderTop tr.active td:first-child, .tblBorderTop tr.active td:first-child a {
    background-color: #F00;
}
.tblBorderTop tr.none td:first-child, .tblBorderTop tr.none td:first-child a {
    background-color: none !important;
    padding: 3px !important;
}
.ajax_message {
    margin-left: 5px;
    font-style: italic;
    color: #485458;
    line-height: 5px;
}
@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .sectioncenter {
        width: auto;
    }
    .sectioncenter .errorimg {
        max-width: 100%;
        width: auto;
    }
    .listpanel {
        width: auto;
    }
    table#attribute th {
        padding: 10px;
    }
    table#attribute td {
        display: table-cell;
        padding: 10px;
    }
    table#attribute textarea {
        height: auto;
    }
    .product_btn_submit {
        padding: 10px;
    }
    #frmProducts {
        margin-bottom: 0;
    }
    table#shipping td, table#shipping th, table#discount td, table#discount th, table#special td, table#special th, table#optionValue td, table#tab_shipping th, table#tab_shipping td {
        display: block;
        width: auto;
        padding: 10px;
    }
    .product_btn_submit.border_cover {
        padding: 10px;
    }
    .form-block-login a.fb-color, .form-block-login a.gp-color {
        min-width: 150px;
        margin: 5px 0;
    }
    table#attribute td {
        display: block;
    }
    table.optionValue .note {
        text-align: left;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sectioncenter {
        width: auto;
    }
    .sectioncenter .errorimg {
        max-width: 100%;
        width: auto;
    }
    .listpanel {
        width: auto;
    }
    .form-block-login a.fb-color, .form-block-login a.tw-color, .form-block-login a.gp-color {
        min-width: auto;
    }
}
.alert-refer {
    color: #545353;
    border-color: #d6e9c6;
    font-size: 14px;
    font-weight: bold; padding:10px;
}
.alert-refer hr {
    border-top-color: #c9e2b3
}
.numberCircle {
    position: absolute;
    right: 53px;
    top: -12px;
    color: #FFF;
    display: inline-block;
    line-height: 0px;
    border-radius: 3px;
    border: 2px solid;
}
.numberCircle span {
    display: inline-block;
    padding-top: 40%;
    padding-bottom: 40%;
    margin-left: 5px;
    margin-right: 5px;
}
.break-me {
    -ms-word-break: break-all;
    padding: 0 10px 0 0;
    word-break: break-all;
    word-break: break-word;
}
.shortnav li span {
    color: #F3F592;
    font-style: italic;
}
.change-address {
    margin-top: 5px;
}

.desc-txt ul {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.desc-txt ul li {
    list-style: none;
    position: relative;
    padding: 0 0 15px 0px;
    color: #585757;
    font-size: 15px;
} 
.desc-txt ol {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.desc-txt ol li {
    list-style: decimal inside;
    font-size: 15px;
    color: #485458;
    margin: 0;
    padding: 0 0 10px 0;
}
/*.disabledRow {color:#AAAAAA !important;}*/
.disabledRow {
    color: #414141 !important;
    text-decoration: line-through;
}
@font-face {
    font-family: 'dotsfont';
    src: url('dotsfont.eot');
    src: url('dotsfont.eot?#iefix') format('embedded-opentype'), url('dotsfont.svg#font') format('svg'), url('dotsfont.woff') format('woff'), url('dotsfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
input.pw {
    -webkit-text-security: disc;
    font-family: dotsfont;
}
.marginTop20 {
    margin-top: 20px;
}
#frmCreditsWalletForm ul.errorlist li a {
    margin-left: 5px !important;
}
.noResultFound::before {
    background: rgba(0, 0, 0, 0) url("http://cdn.shopclues.com/images/ui/not_found_img.png") no-repeat scroll 0 0 / 150px auto;
    content: "";
    display: inline-block;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}
.noResultFound {
    border: 0 solid #000;
    margin-top: 40px;
    padding-top: 140px;
    position: relative;
    text-align: center;
}
.noResultFound::before {
    background: rgba(0, 0, 0, 0) url("../images/not_found_img.png") no-repeat scroll 0 0 / 150px auto;
    content: "";
    display: inline-block;
    height: 130px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}
.noResultFound {
    border: 0 solid #000;
    margin-top: 40px;
    padding-top: 140px;
    position: relative;
    text-align: center;
}
/**/
#frmStrengthPassword input[type="password"], #frmStrengthPassword input[type="text"] {
    background: transparent;
    -webkit-transition: border .25s linear, color .25s linear;
    -moz-transition: border .25s linear, color .25s linear;
    -o-transition: border .25s linear, color .25s linear;
    transition: border .25s linear, color .25s linear;
    -webkit-backface-visibility: hidden;
    width: 100%; margin-top:7px;
}
/*
#frmRegistration input[type="password"]:focus{
outline:0;
}*/
#frmStrengthPassword {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#check-password-result {
    position: relative; z-index:1;
}
.strength_meter {
    position: absolute;
    left: 3px;
    top: 10px;
    width: 100%;
    height:36px;
    z-index: -1;
    border-radius: 1px;
    float:right;
}
.button_strength {
    text-decoration: underline;
    color: #000;
    font-size: 13px;text-align:left; display:block;
    /*float:left;*/
}
.strength_meter div {
    width: 0%;
    height:36px;
    text-align: right;
    color: #000;
    line-height:36px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 12px; border-radius:2px;
}
.strength_meter div p {
    position: absolute;
    top: 40px;
    right: 0px;
    color: #f25852;
    font-size: 13px;margin: 0;
}
.veryweakpassword {
    /*background-color: #FFA0A0;
    border-color: #F04040!important;
    width: 25%!important;*/
}
.weakpassword {
    background-color: #FFB78C;
    border-color: #FF853C!important;
    width: 50%!important;
}
.mediumpassword {
    background-color: #FFEC8B;
    border-color: #FC0!important;
    width: 75%!important;
}
.strongpassword {
    background-color: #C3FF88;
    border-color: #8DFF1C!important;
    width: 100%!important;
}
/*#sortable-list li	{ float:left; cursor:move; list-style:none; }*/
#sortable-list {
    padding: 0;
    width: 100%;
    margin: 0px;
}
#sortable-list li {
    float: left;
    cursor: move;
    list-style: none;
    margin: 0px 10px 00 0;
    position: relative;
}
#sortable-list .controls-wrapper {
    position: absolute;
    right: 1px;
    top: 1px; left:1px;padding:5px;
    z-index: 1;
    background: rgba(255,255,255,0.8); text-align:center;
}
#sortable-list .controls-wrapper .leftRotate, #sortable-list .controls-wrapper .rightRotate, #sortable-list .controls-wrapper .saveImageOrientation, #sortable-list .controls-wrapper .delete { text-align:center;
                                                                                                                                                                                                display: inline-block;
                                                                                                                                                                                                border: 1px solid #333;
                                                                                                                                                                                                background: none;
                                                                                                                                                                                                border-radius: 50%;
                                                                                                                                                                                                color: #333;
                                                                                                                                                                                                vertical-align: top;
                                                                                                                                                                                                width: 30px;
                                                                                                                                                                                                height: 30px; 
                                                                                                                                                                                                padding:0px;  
                                                                                                                                                                                                text-align:center; cursor:pointer;
}
.-link-rounded img{width:14px;margin:auto;}
#sortable-list .wrapphoto img{display:block; margin:auto;}
#sortable-list .controls-wrapper .delete { padding-top:5px;}
#sortable-list .wrapphoto { width:150px; padding-top:50px;
                            border: 1px solid #dddddd;
                            display: inline-block;
                            margin: 0 0 10px;
                            text-align: center;
                            vertical-align: top;
}
.gap_small {
    height: 5px;
    clear: both;
}
/***************** End personal.css ******************/
/***************** Start owl.carousel.css ******************/
/* 
* 	Core Owl Carousel CSS File
*	v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
/*.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}*/
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
/*.owl-carousel .owl-item {
float: left;
}*/
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
/***************** End owl.carousel.css ******************/
/***************** Start owl.transitions.css ******************/
/* 
*  Owl Carousel CSS3 Transitions 
*  v1.3.2
*/
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}
.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}
@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}
@keyframes empty {
    0% {
        opacity: 1
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}
@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}
@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}
@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}
@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}
@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}
@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}
@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}
@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}
@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}
@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}
@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}
@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}
/***************** End owl.transitions.css ******************/
/***************** Start slider.css ******************/
#slide-animation {
    clear: both;
    overflow: hidden;
    width: 100%;
}
#slide-animation .resp-tabs-list {
    display: table;
    width: 100%;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.28);
}
#slide-animation .resp-tabs-list li {
    font-size: 14px;
    display: table-cell;
    padding: 13px 15px;
    text-align: center;
    margin: 0;
    cursor: pointer;
    border-right: solid 1px rgba(0, 0, 0, 0.10);
    border-left: solid 1px rgba(255, 255, 255, 0.10);
    background: #79dbf6;
    color: #000;
    font-weight: 600;
}
#slide-animation .resp-tabs-list li span {
    display: block;
    font-weight: normal;
}
#slide-animation .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}
#slide-animation h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
#slide-animation .resp-tab-content {
    display: none;
}
#slide-animation .resp-tabs-list li.resp-tab-active {
    border-right: solid 1px transparent;
    border-left: solid 1px transparent;
    border-bottom: 3px solid #f25852;
    background: #fff;
    color: #000;
    position: relative;
}
#slide-animation .resp-tabs-list li.resp-tab-active:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
#slide-animation .resp-tabs-list li.resp-tab-active span {
    color: #4e4e4e;
}
#slide-animation .resp-content-active, .resp-accordion-active {
    display: block;
}
#slide-animation .resp-tab-content {
}
#slide-animation h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}
#slide-animation h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1;
    margin-bottom: 0px;
    padding: 10px 15px;
}
#slide-animation h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1;
    background: blue;
}
/*-----------Accordion styles-----------*/
#slide-animation h2.resp-tab-active {
    background: #DBDBDB;
}
#slide-animation .resp-easy-accordion h2.resp-accordion {
    display: block;
}
#slide-animation .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}
#slide-animation .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
}
#slide-animation .resp-jfit {
    width: 100%;
    margin: 0px;
}
#slide-animation .resp-tab-content-active {
    display: block;
}
#slide-animation h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
}
.products-carousel {
    position: relative;
    border-left: solid 1px rgba(0, 0, 0, 0.10);
    border-right: solid 1px rgba(0, 0, 0, 0.10);
}
.products-carousel .shop-item {
    width: 100%;
    margin: 0;
    min-height: 335px !important;
}
.products-carousel .owl-item {
    margin: 2px 0;
}
.products-carousel .owl-prev, .products-carousel .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -99999px;
    opacity: 0.8;
}
.products-carousel .owl-prev {
    background: url(../images/retina/ar-left.svg) no-repeat 0 0;
    left: 0;
}
.products-carousel .owl-next {
    background: url(../images/retina/ar-right.svg) no-repeat 0 0;
    right: 0;
}
.products-carousel .owl-prev:hover, .products-carousel .owl-next:hover {
    opacity: 1;
}
.main-category ul.resp-tabs-list {
}
.main-category .resp-tabs-list li {
}
.main-category .resp-tab-active {
}
.main-category .resp-tabs-container {
    float: left;
}
.main-category h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
.main-category .resp-tab-content {
    border: none;
    display: none;
}
.main-category .resp-content-active, .main-category .resp-accordion-active {
    display: block;
}
.main-category h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #dedddd;
    border-top: 0px solid #dedddd;
    margin: 0px;
    padding: 10px 15px;
    height: 40px;
    font-weight: 600;
}
.main-category h2.resp-accordion a {
    color: #000;
}
.main-category h2.resp-tab-active {
    border-bottom: 0px solid #dedddd;
    margin-bottom: 0px;
    padding: 10px 15px;
}
.main-category h2.resp-tab-title:last-child {
    border-bottom: 12px solid #dedddd;
}
.main-category .resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #f25852;
}
.main-category h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #fff;
}
.main-category h2.resp-tab-active {
    background: #f25852;
    color: #fff;
    border: none;
}
.main-category h2.resp-tab-active a {
    color: #fff;
}
.main-category .resp-easy-accordion h2.resp-accordion {
    display: block;
}
.main-category .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}
.main-category .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #dedddd;
}
.main-category .resp-tab-content-active {
    display: block;
}
.main-category .resp-tab-content-active .collection-box {
    height: auto;
    line-height: 1.2;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);/*	border: 1px solid #dddede;
    border-left: none;*/
}
.main-category h2.resp-accordion:first-child {
    border-top: 1px solid #dedddd;
}
.loves-ticker ul.resp-tabs-list {
}
.loves-ticker .resp-tabs-list li {
}
.loves-ticker .resp-tab-active {
}
.loves-ticker .loves-nav {
    width: 248px;
    float: left;
}
.loves-ticker .loves-nav li {
    padding: 14px 25px;
    color: #000;
    font-size: 22px;
    text-align: left;
    background: #eeeeee;
    border-bottom: solid 1px #fff;
    cursor: pointer;
    height: 89px;
}
.loves-ticker .loves-nav li span {
    color: #4f4f4f;
    font-size: 17px;
    display: block;
}
.loves-ticker .loves-nav li:hover {
    background: #49bfdf;
    color: #fff;
}
.loves-ticker .loves-nav li:hover span {
    color: #fff;
}
.loves-ticker .resp-tabs-container {
    float: left;
}
.loves-ticker h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
.loves-ticker .resp-tab-content {
    border: none;
    display: none;
}
.loves-ticker .resp-content-active, .loves-ticker .resp-accordion-active {
    display: block;
}
.loves-ticker h2.resp-accordion {
    font-size: 13px;
    border: none;
    margin: 0px;
    padding: 10px 15px;
}
.loves-ticker h2.resp-accordion a {
    color: #000;
}
.loves-ticker h2.resp-tab-active {
    border-bottom: 0px solid #dedddd;
    margin-bottom: 0px;
    padding: 10px 15px;
}
.loves-ticker h2.resp-tab-title:last-child {
    border-bottom: none;
}
.loves-ticker .resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #f25852;
}
.loves-ticker h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #fff;
}
.loves-ticker h2.resp-tab-active {
    background: #f25852;
    color: #fff;
}
.loves-ticker h2.resp-tab-active a {
    color: #fff;
}
.loves-ticker .resp-easy-accordion h2.resp-accordion {
    display: block;
}
.loves-ticker .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}
.loves-ticker .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #dedddd;
}
.loves-ticker .resp-tab-content-active {
    display: block;
}
.loves-ticker h2.resp-accordion:first-child {
}
/*mobile phone*/
@media only screen and (min-width : 320px) and (max-width : 767px) {
    #slide-animation img {
        max-width: -moz-fit-content;
        max-width: -webkit-fit-content;
        width: 100%;
        height: auto;
    }
    #slide-animation .resp-tabs-list {
        box-shadow: none;
    }
    #slide-animation .resp-tabs-list li span {
        display: none;
    }
    #slide-animation .resp-tabs-list li {
        padding: 0;
        text-indent: -999999px;
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        border: none;
        margin-top: 10px;
    }
    #slide-animation .resp-tabs-list li.resp-tab-active {
        border: none;
        background-color: #f25852;
    }
    #slide-animation .resp-tabs-list {
        display: block;
        text-align: center;
    }
    #slide-animation .resp-tabs-list li.resp-tab-active:after {
        display: none;
    }
    .main-category .resp-tab-content-active .collection-box {
        border: none;
        box-shadow: none;
        padding: 0;
    }
}
/*mobile phone end*/
@media only screen and (max-width: 1024px) {
    .main-category .category-nav {
        display: none;
    }
    .main-category ul.resp-tabs-list {
        display: none;
    }
    .main-category h2.resp-accordion {
        display: block;
        border: none;
        border-bottom: solid 1px #dedddd;
    }
    .main-category h2.resp-accordion:first-child {
        border-top: none;
    }
    .main-category h2.resp-accordion:last-child {
        border-bottom: none;
    }
    .main-category .resp-tab-content {
        padding: 10px;
        border-bottom: solid 1px #dddede;
    }
    .main-category .resp-accordion-closed {
        display: none !important;
    }
    .main-category .resp-tabs-container {
        float: none;
        border: solid 1px #dedddd;
    }
    .main-category .product-layout .product-thumb {
        width: auto;
        float: none;
        border: solid 1px #dddede;
        border-top: none;
    }
}
/*tablet*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main-category .resp-tab-content:before, .main-category .resp-tab-content:after {
        content: "";
        display: table;
        line-height: 0;
    }
    .main-category .resp-tab-content:after {
        clear: both;
    }
    .main-category .product-layout .product-thumb {
        min-height: inherit;
        float: left;
        width: 25%;
        border-right: none;
        padding-bottom: 10px;
    }
    .main-category .product-thumb .button-group {
        height: auto;
        position: static;
    }
    .main-category .resp-tab-content {
    }
    .loves-ticker .resp-tab-content .loves-ticker .resp-tab-content:before, .loves-ticker .resp-tab-content:after {
        content: "";
        display: table;
        line-height: 0;
    }
    .loves-ticker .resp-tab-content:after {
        clear: both;
    }
    .loves-ticker .resp-tab-content {
        border-right: none;
    }
    .main-category .resp-tab-content-active .collection-box {
    }
}
/*tablet end*/
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 1024px) {
    .loves-ticker .category-nav {
        display: none;
    }
    .loves-ticker ul.resp-tabs-list {
        display: none;
    }
    .loves-ticker h2.resp-accordion {
        display: block;
    }
    .loves-ticker .resp-accordion-closed {
        display: none !important;
    }
    .loves-ticker .resp-tabs-container {
        float: none;
    }
}
/***************** End slider.css ******************/
/***************** Start star-rating.css ******************/
/******* EXAMPLE A *******/
.rating-a .br-widget {
    height: 52px;
}
.rating-a .br-widget a {
    display: block;
    width: 15px;
    padding: 5px 0 5px 0;
    height: 30px;
    float: left;
    background-color: #e3e3e3;
    margin: 1px;
    text-align: center;
}
.rating-a .br-widget a.br-active, .rating-a .br-widget a.br-selected {
    background-color: #59a6d6;
}
.rating-a .br-widget .br-current-rating {
    font-size: 20px;
    line-height: 2;
    float: left;
    padding: 0 20px 0 20px;
    color: #646464;
}
/******* EXAMPLE B *******/
.rating-b .br-widget {
    height: 25px;
}
.rating-b .br-widget a {
    display: block;
    width: 70px;
    height: 16px;
    float: left;
    background-color: #e3e3e3;
    margin: 1px;
}
.rating-b .br-widget a.br-active, .rating-b .br-widget a.br-selected {
    background-color: #59a6d6;
}
.rating-b .br-widget .br-current-rating {
    line-height: 1.1;
    float: left;
    padding: 0 20px 0 20px;
    color: #646464;
}
.rating-b .br-readonly a.br-active, .rating-b .br-readonly a.br-selected {
    background-color: #cbcbcb;
}
/******* EXAMPLE C *******/
.rating-c .br-widget {
    height: 52px;
}
.rating-c .br-widget a {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    background-color: #e3e3e3;
    margin: 2px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.2;
    text-align: center;
    color: #b6b6b6;
}
.rating-c .br-widget a.br-active, .rating-c .br-widget a.br-selected {
    background-color: #59a6d6;
    color: white;
}
/******* EXAMPLE D *******/
.rating-d .br-widget {
    height: 52px;
}
.rating-d .br-widget a {
    display: block;
    width: 40px;
    padding: 5px 0 5px 0;
    height: 30px;
    float: left;
    background-color: white;
    border-bottom: 2px solid #e3e3e3;
    color: #646464;
    margin: 1px;
    text-decoration: none;
    line-height: 2.1;
    text-align: center;
}
.rating-d .br-widget a span {
    color: white;
}
.rating-d .br-widget a.br-active, .rating-d .br-widget a.br-selected {
    border-bottom: 2px solid #646464;
}
.rating-d .br-widget a:hover span, .rating-d .br-widget a.br-current span {
    color: #646464;
}
/******* EXAMPLE E *******/
.rating-e .br-widget a {
    padding: 5px;
    color: #646464;
    text-decoration: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 3;
    text-align: center;
}
.rating-e .br-widget a.br-active {
    background-color: #e3e3e3;
    color: #646464;
}
.rating-e .br-widget a.br-selected {
    background-color: #59a6d6;
    color: white;
}
/******* EXAMPLE F *******/
.rating-f .br-widget {
    height: 24px;
}
.rating-f .br-widget a {
    background: url('../images/star.png');
    width: 24px;
    height: 24px;
    display: block;
    float: left;
}
.rating-f .br-widget a:hover, .rating-f .br-widget a.br-active, .rating-f .br-widget a.br-selected {
    background-position: 0 24px;
}
/******* EXAMPLE G *******/
.rating-g .br-widget {
    height: 25px;
}
.rating-g .br-widget a {
    display: block;
    width: 50px;
    height: 16px;
    float: left;
    background-color: #e3e3e3;
    margin: 1px;
} 
.rating-g .br-widget a.br-active, .rating-g .br-widget a.br-selected {
    background-color: #59a6d6;
}
.rating-g .br-widget .br-current-rating {
    line-height: 1.1;
    float: left;
    padding: 0 20px 0 20px;
    color: #646464;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio : 1.5), (min-resolution: 192dpi) {
    .rating-f .br-widget a {
        background: url('../images/star@2x.png');
        background-size: 24px 48px;
    }
}
/***************** End star-rating.css ******************/
/***************** Start jquery.datetimepicker.css ******************/
.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #FFFFFF;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #333333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 999999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border: none !important;
}
.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.xdsoft_noselect::selection {
    background: transparent;
}
.xdsoft_noselect::-moz-selection {
    background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}
.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #DDDDDD;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #F5F5F5;
    border-top: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
    border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #33AAFF;
    box-shadow: #178FE5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
    width: 75px;
    text-align: center;
}
.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
    width: 75px;
    margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #F1F1F1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #fff;
    box-shadow: #fff 0 1px 3px 0 inset;
    color: #000;
    font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    color: #fff!important; font-weight:700;background:#000!important;box-shadow:none!important; opacity:1!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #fff !important;
    background: #373737 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important;
}
.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.xdsoft_scroller_box {
    position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000000;
    border-bottom: 1px solid #444444;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    border-top: 1px solid #333333;
    color: #cccccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #0a0a0a;
    border-top: 1px solid #222222;
    color: #999999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222222;
    color: #999999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #000 !important;
    background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
    background: #333 !important;
}
/***************** End jquery.datetimepicker.css ******************/
/***************** Start LiveEditor/scripts/style/awesome.css ******************/
/*  Super Awesome Buttons with CSS3 and RGBA
Source: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
*/
.awesome, .awesome:visited {
    background: #222 url(alert-overlay.png) repeat-x !important;
    display: inline-block !important;
    padding: 5px 10px 6px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: bold !important;
    line-height: 1 !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
    border-bottom: 1px solid rgba(0,0,0,0.25) !important;
    position: relative !important;
    cursor: pointer !important;
}
.awesome:hover {
    background-color: #111 !important;
}
.awesome:active {
    top: 1px !important;
}
.small.awesome, .small.awesome:visited {
    font-size: 11px !important;
}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {
    font-size: 13px !important;
}
.large.awesome, .large.awesome:visited {
    font-size: 14px !important;
    padding: 8px 14px 9px !important;
}
.green.awesome, .green.awesome:visited {
    background-color: #91bd09 !important;
}
.green.awesome:hover {
    background-color: #749a02 !important;
}
.blue.awesome, .blue.awesome:visited {
    background-color: #2daebf !important;
}
.blue.awesome:hover {
    background-color: #007d9a !important;
}
.red.awesome, .red.awesome:visited {
    background-color: #e33100 !important;
}
.red.awesome:hover {
    background-color: #872300 !important;
}
.magenta.awesome, .magenta.awesome:visited {
    background-color: #a9014b !important;
}
.magenta.awesome:hover {
    background-color: #630030 !important;
}
.orange.awesome, .orange.awesome:visited {
    background-color: #ff5c00 !important;
}
.orange.awesome:hover {
    background-color: #d45500 !important;
}
.yellow.awesome, .yellow.awesome:visited {
    background-color: #ffb515 !important;
}
.yellow.awesome:hover {
    background-color: #fc9200 !important;
}
/***************** End LiveEditor/scripts/style/awesome.css ******************/
/***************** Start magnific-popup.css ******************/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100001;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; }
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
.mfp-align-top .mfp-container:before {
    display: none; }
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    z-index: 10000;
    /*min-height: 300px !important;display:block;*/
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 700px;
    min-width:350px;
    margin: 20px auto;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }
.mfp-ajax-cur {
    cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
    cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
.mfp-loading.mfp-figure {
    display: none; }
.mfp-hide {
    display: none !important; }
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }
.mfp-s-ready .mfp-preloader {
    display: none; }
.mfp-s-error .mfp-content {
    display: none; }
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1; }
.mfp-close:active {
    top: 1px; }
.mfp-close-btn-in .mfp-close {
    color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #333;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }
.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
.mfp-image-holder .mfp-content {
    max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
    * Remove all paddings around the image on small screen
    */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }
/***************** End magnific-popup.css ******************/
.section--sticky.is_stuck{z-index:2;}
/***************** Start front_autocomplete.css ******************/
/*.container { width: 800px; margin: 0 auto; }*/
.autocomplete-suggestions {
    background: #FFF;
    cursor: default;
    overflow: auto;padding:15px;
    -webkit-box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1); min-width:200px;
}
.autocomplete-suggestion {
    padding: 4px 5px;font-size:13px;
    background: #fff;
}
.autocomplete-no-suggestion {
    padding: 2px 5px;
}
.autocomplete-selected {
    background: #F0F0F0;
}
.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}
.autocomplete-group {
    padding: 2px 5px;
}
.autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}
/***************** End front_autocomplete.css ******************/
/***************** Start js/fancybox/source/jquery.fancybox.css ******************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../fancybox/images/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../images/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('../images/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }
    #fancybox-loading div {
        background-image: url('../images/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}
/***************** End js/fancybox/source/jquery.fancybox.css ******************/
/***************** Start nouislider.css ******************/
/*! nouislider - 8.5.1 - 2016-04-24 16:00:30 */
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.noUi-target {
    position: relative;
    direction: ltr
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}
.noUi-handle {
    position: relative;
    z-index: 1
}
.noUi-stacking .noUi-handle {
    z-index: 10
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}
.noUi-state-drag * {
    cursor: inherit!important
}
.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.noUi-horizontal {
    height: 18px
}
.noUi-horizontal .noUi-handle {
    width: 24px;
    height: 28px;
    left: -12px;
    top: -6px
}
.noUi-vertical {
    width: 18px
}
.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}
.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}
.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51,51,51,.45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}
.noUi-origin {
    border-radius: 2px
}
.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}
.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51,51,51,.45), 0 3px 6px -5px #BBB
}
.noUi-draggable {
    cursor: w-resize
}
.noUi-vertical .noUi-draggable {
    cursor: n-resize
}
.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}
.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}
.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 10px;
    top: 6px
}
.noUi-handle:after {
    left: 13px
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}
.noUi-vertical .noUi-handle:after {
    top: 17px
}
[disabled] .noUi-connect, [disabled].noUi-connect {
    background: #B8B8B8
}
[disabled] .noUi-handle, [disabled].noUi-origin {
    cursor: not-allowed
}
.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.noUi-pips {
    position: absolute;
    color: #999
}
.noUi-value {
    position: absolute;
    text-align: center
}
.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}
.noUi-marker {
    position: absolute;
    background: #CCC
}
.noUi-marker-large, .noUi-marker-sub {
    background: #AAA
}
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}
.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}
.noUi-value-vertical {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    padding-left: 25px
}
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}
.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    padding: 5px;
    text-align: center
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
    top: -32px
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
    bottom: -32px
}
.noUi-vertical .noUi-handle-lower .noUi-tooltip {
    left: 120%
}
.noUi-vertical .noUi-handle-upper .noUi-tooltip {
    right: 120%
}
/***************** End nouislider.css ******************/
/***************** Start mbsmessage.css ******************/
#mbsmessage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 100000;
}
#mbsmessage > div {
    background: #fff1a8;
    padding: 5px 10px;
    width: auto;
    display: inline-block;
    border-radius: 1px;
    font-size: 13px;
    border: solid 1px #fff1a8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    min-width: 200px;
}
#mbsmessage .content {
    color: #000;
    font-weight: 600;
    display: inline-block;
}
#mbsmessage img.close {
    float: right;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: 4px;
}
#mbsmessage .content a {
    text-decoration: underline;
}
#mbsmessage .content a:hover {
    text-decoration: none;
}
/***************** End mbsmessage.css ******************/
/* progress bar */
.progress-wrapper {
    border: 2px solid #E2E2E2;
    padding: 2px;
    position: relative;
    border-radius: 3px;
    margin: 0;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
    width: 100%;
    float: left;
}
.progress-wrapper .progress-bar {
    height: 7px;
    border-radius: 1px;
    background-color: #13A428;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
.progress-wrapper .status {
    top:18px;
    left: 50%; transform:translateX(-50%);
    position: absolute;
    display: inline-block;
    color: #000000;
}
.rental-security{
    color: #f25852;
}
/* account packages css */
/*package page**/
.packages-banner {
}
.banner-over-txt {
    text-align: center;
    margin: 50px 0;
}
.banner-over-txt h3 {
    font-size: 40px;
    color: #000;
    font-weight: 800;
    line-height: 1.4;
}
.banner-over-txt p {
    color: #000;
    padding: 10px 0;
    font-size: 16px;
}
.package-desc {
    font-size: 14px;
    text-align: center;
    margin: 0px auto;
}
.packages-box {
}
.packages-box .box {
    width: 31.3333%;
    float: left;
    margin: 0 1%;
    text-align: center;
}
.packages-box .box .box-inner {
    background: #282828;
    border-radius: 3px;
    padding: 30px;
}
.packages-box .box.two .box-inner,.packages-box .box.two .after-box h3 {
    background: #ffd800;color:#000;
}
.packages-box .box.two .box-inner  .name{color:inherit;}
.packages-box .box.two .box-inner  .name span{color:inherit;}
.packages-box .box.two .box-inner  .valid {color:inherit;}
.packages-box .box.two .box-inner  .trial ul li {color:inherit;}
.packages-box .box.two .box-inner  a.btn {background:#000;color:#fff;}
.packages-box .box.three .box-inner {
    background: #42c2e5;
}
.packages-box .box.three .after-box h3 {
    background: #42c2e5;
}
.packages-box .name {
    padding: 0 0 20px 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
.packages-box .name span {
    color: #fff;
    font-size: 14px;
    display: block;
    font-weight: normal;
    text-transform: none;
}
.packages-box .valid {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}
.packages-box .valid sup {
    font-size: 24px; vertical-align:super;
}
.packages-box .valid span {
    font-size: 35px;
    font-weight:700;
    line-height: 1;
}
.packages-box .trial {
    text-align: center;
    padding: 20px;
}
.packages-box .trial ul {
}
.packages-box .trial ul li {
    font-size: 16px;
    margin: 5px 0;
    color: #fff;
}
.packages-box .trial ul li span {
    font-size: 16px;
    font-weight: 600;
}
.packages-box .after-box {
    margin-top: 10px;
    background: #f4f4f4;
    padding: 0 0px 35px 0px;
    text-align: center;
}
.packages-box .after-box h3 {
    background: #282828;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}
.packages-box .after-box ul {
    margin: 30px auto;
    text-align: center;
    display: block;
    max-width: 250px;min-height:150px;
}
.packages-box .after-box ul li {
    text-align: left;
    border-radius: 3px;
    padding: 0 5px;
    margin: 5px auto;
}
.packages-box a.btn {
    /*border: solid 2px #ffffff;
    color: #ffffff;
    border-radius: 3px;
    background: none;
    font-size: 17px;
    font-weight: 600;*/
}
.packages-box .after-box a.btn {
    color: #000;
}
@media only screen and (max-width: 767px) { .packages-box .box{ width:auto; float:none; display:block; margin-bottom:15px;}}
/********************  custom calender css *****************/
/* The main calendar widget.  DIV containing a table. */
div.calendar {
    position: relative;
    z-index:10001;
}
.calendar {border:10px solid #fff;	box-shadow:0 0px 30px 15px rgba(0, 0, 0, 0.1);background: #fff;}
.calendar table {font-size: 11px;color: #000;cursor: default; width:100%;}
.calendar thead .headrow{margin-bottom:10px;}
.calendar .nav.button div{font-size:26px;}
.calendar .button div{font-size:15px;}
.calendar thead .headrow td{padding:5px 0;}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center;    /* They are the navigation buttons */
    /* padding: 5px;  */         /* Make the buttons seem like they're pressing */
    height:auto;
    line-height:normal; display:table-cell; color:#666;
}
.calendar .nav {
    background:  url(menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title { font-size: 16px; /* This holds the current "month, year" */
                         /* Pressing it will take you to the current date */
                         text-align: center;
                         background: #fff;
                         color: #000;     font-weight: 700;
                         padding: 2px;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
    background: #fff;
    color: #777;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}
.calendar thead .daynames { /* Row <TR> containing the day names */
    background: none;
}
.calendar thead .name { /* Cells <TD> containing the day names */
    background:#373737;
    padding:8px 7px;
    text-align: center;
    color: #fff;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
    color: #fff;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
    /*background-color: #aaf;*/
    /* color: #fff;
    background:#cf1e36; *//*	border: 1px solid #04f;*/
}
.calendar thead .active {
    /* background:#cf1e36;  *//* Active (pressed) buttons in header */
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
    width: auto;
    color: #666666;
    text-align: center;
    padding:5px 8px;
}
.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
    color: #fbb;
}
.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000;
    background: #fff;
}
.calendar tbody .rowhilite td {
    background:#f6f6f6;
}
.calendar tbody .rowhilite td.wn {
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
    background: #fff;
    border:solid 1px #000;
    color:#000;
}
.calendar tbody td.selected { /* Cell showing today date */
    background:red;
    color:#fff!important;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
    color: #000; font-weight:700;
}
.calendar tbody td.weekend.selected{    background: #fff;}
.calendar tbody td.today { /* Cell showing selected date */
    font-weight:600;
    color: red;
}
.calendar tbody .disabled {
    color: #999;
}
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
    visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
    display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    text-align: center;
    background: #556;
    color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
    background: #ddd;
    color: #777;
    border-top: 1px solid #d7d7d7;
    padding:10px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
    /* background: #aaf; */
    border: 1px solid #04f;
    color: #000;
    padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
    background: #77c;
    padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    cursor: default;
    border: 1px solid #655;
    background: #def;
    color: #000;
    font-size: 90%;
    z-index: 100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}
.calendar .combo .label-IEfix {
    width: 4em;
}
.calendar .combo .hilite {
    /* background: #acf; */
}
.calendar .combo .active {
    border-top: 1px solid #46a;
    border-bottom: 1px solid #46a;
    background: #eef;
    font-weight: bold;
}
.calendar td.time {
    border-top: 1px solid #d7d7d7;
    padding:12px;
    text-align: left;
    background-color: #f3f3f3;
}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
    padding:5px 8px;
    border: 1px solid #d7d7d7;
    color:#666666; margin:0 8px;
    background-color: #fff;
}
.calendar td.time .ampm {
    text-align: center;
}
.calendar td.time .colon {
}
.calendar td.time span.hilite {
    /* border-color: #cf1e36;
    background-color: #cf1e36; */
    color: #000;
}
.calendar td.time span.active {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
@media (min-width: 1200px) {
    .calendar{min-width:350px;}
}
/*-----------Vertical tabs-----------*/
#paymenttab .resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #f25852;
}
#paymenttab h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #fff;
}
/*-----------Accordion styles-----------*/
#paymenttab h2.resp-tab-active {
    background: #f25852;
}
#paymenttab .resp-easy-accordion h2.resp-accordion {
    display: block;
}
#paymenttab .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}
#paymenttab .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #dedddd;
}
#paymenttab .resp-tab-content-active {
    display: block;
}
#paymenttab h2.resp-accordion:first-child {
    border-top: 1px solid #dedddd;
}
.amount-desc {
    border: 1px solid #e8e9ea;
    display: block;
    margin: 0;
    padding: 20px;
    width: auto;
    color: #000;
}
.amount-desc li {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    margin: 5px 0;
}
.amount-desc li.total {
    background: #fafafa none repeat scroll 0 0;
    border-bottom: 1px dotted #b8b8b8;
    border-top: 1px dotted #b8b8b8;
    padding: 10px 0;
    font-weight: 700;
}
.amount-desc li span.figure {
    float: right;
    text-align: right;
}
.amount-desc li i.currency {
    background: #b0afaf;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    padding: 1px 3px;
    font-style: normal;
    font-size: 13px;
    vertical-align: middle;
}
.amount-desc li .due {
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.wallet-btn {
    padding: 10px 0 0 0;
}
.wallet-btn .paynow-cancel{ width: auto;}
/*.wallet-btn .btn {
background: #40bddf;
margin: 0 5px 0 0;
padding: 5px 10px;
height: 40px;
}
.wallet-btn .btn.pay {
padding: 5px 50px;
}*/
/**mobile*/
@media only screen and (min-width : 320px) and (max-width : 767px) {
    .checkout-header {
        height: 60px;
    }
    .checkout-header #logo {
        float: none;
        display: block;
        text-align: center;
    }
    .right-info {
        display: none;
    }
    #content {
        margin-right: 0;
    }
    #main-area {
        margin-top: 60px;
    }
    .checkout-sidebar {
        position: static;
        padding: 0;
        width: auto;
    }
    .checkout-panel {
        padding: 20px 30px;
    }
    .checkout-panel.done .title-bar:before {
        left: -31px;
    }
    .checkout-head {
        display: none;
    }
    .title-bar .box-heading {
        display: block;
        float: none;
    }
    .checkout-panel .address-short {
        display: block;
        width: auto;
        white-space: pre-line;
    }
    .checkout-panel .address-short {
        margin: 10px 0;
    }
    .address-bar {
        margin-bottom: 15px;
    }
    .address-bar .address {
        margin: 0;
    }
    .title-bar .pull_right, .title-bar .pull-right {
        float: none;
    }
    .cellcaption {
        display: block;
    }
    .tbl-summary .cellcaption {
        margin-bottom: 10px;
        font-weight: 600;
    }
    .tbl-summary tr {
        margin-bottom: 10px;
        display: block;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    }
    .tbl-summary tr th {
        display: none;
    }
    .tbl-summary tr td {
        padding: 10px;
        border-bottom: solid 1px #e2e5e7;
        display: block;
    }
    .payments-cards {
        text-align: center;
    }
    .payments-cards li {
        margin: 10px auto;
    }
    #paymenttab {
        display: block;
        width: auto;
    }
    #paymenttab ul.resp-tabs-list {
        display: block;
        width: auto;
        height: auto;
    }
    #paymenttab .resp-tabs-container {
        display: block;
        width: auto;
        padding: 0;
    }
    #paymenttab .resp-tabs-list li {
        font-size: 12px;
    }
    .amount-payable {
        display: block;
        padding: 0;
        margin: 10px 0;
        width: auto;
    }
    .discount-code a.btn {
        font-size: 12px;
    }
    .title-bar .box-heading {
        font-size: 20px;
        margin-top: 5px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .wallet-btn .btn {
        display: block;
        margin: 5px 0;
        width: 100%;
    }
}
/**tablet*/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
    #content {
        margin-right: 0;
    }
    #main-area {
        margin-top: 64px;
    }
    .checkout-sidebar {
        position: static;
        width: auto;
    }
    .checkout-panel .address-short {
        width: 450px;
    }
    #paymenttab .payment-table-cell {
        display: block;
        padding: 10px 25px;
        width: auto;
    }
    .amount-payable {
        display: block;
        padding: 25px;
    }
    .continue-link {
        margin-right: 10px;
    }
}
/**tablet side*/
@media only screen and (min-width: 1001px) and (max-width: 1024px) {
    #paymenttab ul.resp-tabs-list {
        display: block;
        vertical-align: top;
        width: auto;
    }
    #paymenttab .resp-tabs-container {
        background-color: #ffffff;
        display: block;
        padding: 0;
        width: auto;
    }
    #content {
        margin-right: 360px;
    }
    .checkout-sidebar {
        width: 340px;
    }
    .checkout-panel {
        padding: 25px 10px;
    }
    .payment_methods_list {
        padding-right: 20px;
    }
}
/* == accordion */
.accordion_tabs {
    display: none;
    border-top: 1px solid #e7e5e6;
    padding: 10px;
    font-weight: 600;
}
.tab_content_wrapper > .accordion_tabs:first-child {
    border-top: none;
}
a.accordion_tabs:link, a.accordion_tabs:visited {
}
a.accordion_tabs:hover, a.accordion_tabs:focus {
}
a.accordion_tabs.active {
    color: #fff;
    background: #ff3a59;
    border: none;
}
/*  == tab content  */
.tab_content_wrapper {
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out .3s;
}
.tab_content_wrapper:before, .tab_content_wrapper:after {
    content: " ";
    display: table;
}
.tab_content_wrapper:after {
    clear: both;
}
.tab_content {
    background: #fff;
}
.tab_content .heading {
    margin-bottom: 15px;
}
.toggle_display {
    display: block;
}
.toggle_position {
    width: 100%;
    position: absolute;
}
.toggle_border {
}
.invert_border {
}
/* Media Queries
***********************/
@media screen and (max-width: 600px) {
    .tab_content_wrapper {
        border: solid 1px #e7e5e6;
        border-radius: 2px;
        height: auto !important;
    }
    .toggle_display {
        display: none;
    }
    .toggle_position {
        position: relative;
    }
    .toggle_border {
        border-width: 1px;
    }
    .accordion_tabs{ display:block; }
    .tab_content{ border:none; padding: 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .tabs li a {
        font-size: 14px;
        padding: 15px 13px;
    }
}
/** custom payment page css **/
.cc-payment {
    background: #fff;
    border: solid 1px #e1dfdf;
    margin: 0 auto;
    max-width: 650px;
}
.wallet-payment {
    background: #fff;
    border: solid 1px #e1dfdf;
    margin: 0 auto;
    max-width: 850px;
}
.logo-payment {
    text-align: center;
    margin: 25px auto;
}
.logo-payment img {
    max-width: 100%;
    display: inline-block;
    margin: 0 auto;
}
.reff p {
    margin: 10px 30px;
}
.payment-from {
    border-top: solid 1px #e1dfdf;
    display: table;
    width: 100%;
    padding: 30px;
}
.payment-from .siteForm label {
    text-align: left;
    display: block;
}
.payment-from .siteForm input.type-bg {
    background: url(../images/cc-pay.png) no-repeat right center;
}
.payment-from .field {
    margin-bottom: 15px;
    text-align: left;
}
.cvv {
    float: left
}
.ccExpiryMonth,
.ccExpiryYear {
    float: left;
}
.expiry-wrapper,
.ccCvvWrapper {
    float: left;
}
.ccExpiryYear {
    margin-left: 20px;
}
.ccCvvWrapper {
    width: 205px;
    margin-left: 50px;
}
.payment-from .siteForm input.ccCvvBox {
    width: 119px;
    margin-right: 10px;
    float: left;
}
.total-pay {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.total-pay small {
    font-size: 13px;
    color: #333;
}
.payment-from .siteForm input.visa {
    background: url(../images/visa.png) no-repeat right center;
}
.payment-from .siteForm input.mastercard {
    background: url(../images/master.png) no-repeat right center;
}
.payment-from .siteForm input.amex {
    background: url(../images/american.png) no-repeat right center;
}
.payment-from .siteForm input.diners_club {
    background: url(../images/dinner.png) no-repeat right center;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .cc-payment {
        width: auto;
    }
    .payment-from {
        display: block;
        width: auto;
        padding: 10px;
    }
    #walletpaymenttab {
        display: block;
        width: auto;
    }
    #walletpaymenttab ul.resp-tabs-list,
    #walletpaymenttab .resp-tabs-container {
        width: auto;
        display: block;
        padding: 0;
    }
}
/** custom personal css **/
.sectioncenter h3 spanrelative_div {
    position: relative;
    overflow: hidden;
}
.relative_div {
    position: relative;
}
.inactive_div {
    cursor: not-allowed;
    opacity: 0.8;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #f7f8f9;
    border: 1px solid #dedddd;
    border-radius: 2px;
}
.notification.notification.notification .alert .close:hover, .alert .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.cmsPolicy > .cmsContainer {
    padding: 0;
    width: 100%;
}
.cmsContainer > .rowcontent {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #d2d8da;
    margin: 5px 0 0 0 !important;
    padding: 10px 0 0;
}
.shop-page .right-panel > h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 0px !important;
    text-transform: uppercase;
}
.form-block-login {
    padding: 20px 0 0 0;
    width: 100%;
}
.form-block-login h2 {
    color: #323333;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    background: #f1f0f0;
    border: 1px solid #dedddd;
    font-weight: 600;
    padding: 13px 0;
}
.form-block-login h2:after, .form-block-login h2:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.form-block-login h2:after {
    border-color: rgba(241, 240, 240, 0);
    border-top-color: #f1f0f0;
    border-width: 10px;
    margin-left: -10px;
}
.form-block-login h2:before {
    border-color: rgba(222, 221, 221, 0);
    border-top-color: #dedddd;
    border-width: 11px;
    margin-left: -11px;
}
.form-block-login h3 {
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
}
.form-block-login a.fb-color, .form-block-login a.tw-color, .form-block-login a.gp-color {
    background: #0068b5;
    border-radius: 2px;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    min-width: 261px;
}
.form-block-login a.fb-color {
    margin-right: 5px;
}
.form-block-login a.tw-color {
    margin-left: 5px;
    background: #00c1db;
}
.form-block-login a.gp-color {
    margin-left: 5px;
    background: #d73d32;
}
.siteForm textarea {
    height: 138px;
}
.smallthumbs li {
    padding: 5px;
}
.smallthumbs li:last-child {
    padding: 0px;
}
#search .btn.gray {
    background-color: #727272;
}
/*
#loader {
margin: 15px 0; 
} 
#loader.msgcontainer {
margin: 0 0;
}
.spinner {
width: 70px;
height: 50px;
margin: 0 auto;
}
.spinner > div {
background-color: #000;
height: 100%;
margin: 0 2px;
width: 8px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
} */
/**/
/*
.load-container {
float: left;
height: 100px;
overflow: hidden;
position: relative;
width: 100px;
}
.loader {
margin: 20px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 2px solid rgba(255, 255, 255, 0.2);
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #ff3a59;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.loader, .loader:after {
border-radius: 50%;
width: 50px;
height: 50px;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*/
.loader {
    background: url(../images/loader.gif) no-repeat center center;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    /*position: absolute; left:50%; top:50%; margin:-8px auto  auto -8px;*/
    margin: 0 auto;
}
.sectioncenter {
    width: 850px;
    margin: 50px auto;
    text-align: center;
}
.sectioncenter .errorimg {
    width: 500px;
    display: block;
    margin: 0 auto;
}
.sectioncenter h3 {
    font-size: 30px;
    padding: 30px 0;
    color: #6d6c6c;
    line-height: 36px;
}
.sectioncenter h3 span {
    color: #ee2866;
}
.listpanel {
    width: 75%;
    margin: 20px auto 30px;
    padding: 20px 40px 40px;
    border-radius: 3px;
    position: relative;
    background: #e8edef;
}
.listpanel:before {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -20px;
    top: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #e8edef;
    content: "";
}
.listpanel li {
    text-align: left;
    padding: 0 0 15px 0;
    position: relative;
    font-size: 18px;
    color: #666;
    padding: 15px 0 0 22px;
}
.listpanel li:before {
    position: absolute;
    left: 0;
    top: 24px;
    content: "";
    width: 9px;
    height: 9px;
    background: #666;
    border-radius: 100%;
}
.tbl-normal td .itemcaption {
    color: #545353;
    font-weight: bold;
}
.buttonNormal {
    background:#ffd800;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin: 0px;
    padding: 0 20px;
    vertical-align: top;
    border-radius: 3px;
    color: #000;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.buttonNormal:hover {
    color: #fff;background:#000;
}
/* Skelton.css */
.siteForm table.smalltable {
    width: 15% !important;
}
.siteForm table.mediumtable {
    width: 30% !important;
}
.photosrow {
    width: 100%;
    display: inline-block;
}
.photosquare {
    min-height: 130px;
    position: relative;
    margin: 0 5px 10px 0;
    background: #fff;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #D6D6D6;
    border: 1px solid #D6D6D6;
}
/* Line Number 4345 */
.photosquare img {
    width: 100%;
    height: 100%;
}

/*
#tabs_4.border_cover {
padding: 0;
}*/
/*****/
table#tab_general td, table#tab_data td, table#tab_links td {
    padding-right: 8px;
}
table#attribute, table#option_value {
    border: solid 1px #dedddd;
    border-collapse: separate;
}
table#attribute th, table#option_value th {
    background: #f7f8f9;
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: solid 1px #dedddd;
    border-left: none;
    border-right: none;
    border-top: none;
}
table#attribute td, table#option_value td {
    border-bottom: 1px solid #dedddd;
    display: table-cell;
    padding: 10px;
    width: auto;
}
/*****/
.optionValue tr td table {
    border-collapse: separate;
}
table#option {
    border-collapse: separate;
}
table#option tr td.rgt-blks {
    border: none;
    padding: 0;
}
table.optionValue {
    border: none;
    border: solid 1px #dedddd;
}
table.optionValue td {
    width: auto;
    display: table-cell;
    padding: 10px;
    border-bottom: solid 1px #dedddd;
}
table.optionValue tfoot td {
    border-bottom: none;
}
table.optionValue .note {
    font-weight: 600;
    color: #4b4b4b;
    text-transform: none;
    text-align: right;
}
/*
table#optionValue tr:last-child td {
border-bottom: none;
}*/
table.optionValue th {
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #dedddd;
}
table.optionValue0 {
    border-collapse: separate;
}
table.optionTable td {
    display: table-cell;
    padding: 0;
    cursor: pointer;
}
table.optionTable input[type="text"] {
    margin-top: 10px;
}
/*****/
.product_btn_submit.border_cover {
    padding: 0 20px;
    text-align: right;
    margin-bottom: 20px;
}
/*.tblBorderTop tr.active td, .tblBorderTop tr.active td a {
background-color: #7892EB;
color: #FFF !important;
padding: 10px !important;
}
.tblBorderTop tr.active td:first-child, .tblBorderTop tr.active td:first-child a {
background-color: #F00;
padding: 10px;
}*/
.tblBorderTop tr td, .tblBorderTop tr td a {
    padding: 8px 5px !important;
}
.tblBorderTop tr.active td, .tblBorderTop tr.active td a {
    background-color: #7892EB;
    color: #FFF !important;
}
.tblBorderTop tr.active td:first-child, .tblBorderTop tr.active td:first-child a {
    background-color: #F00;
}
.tblBorderTop tr.none td:first-child, .tblBorderTop tr.none td:first-child a {
    background-color: none !important;
    padding: 3px !important;
}
.ajax_message {
    margin-left: 5px;
    font-style: italic;
    color: #485458;
    line-height: 5px;
}
@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .sectioncenter {
        width: auto;
    }
    .sectioncenter .errorimg {
        max-width: 100%;
        width: auto;
    }
    .listpanel {
        width: auto;
    }
    table#attribute th {
        padding: 10px;
    }
    table#attribute td {
        display: table-cell;
        padding: 10px;
    }
    table#attribute textarea {
        height: auto;
    }
    .product_btn_submit {
        padding: 10px;
    }
    #frmProducts {
        margin-bottom: 0;
    }
    table#shipping td, table#shipping th, table#discount td, table#discount th, table#special td, table#special th, table#optionValue td, table#tab_shipping th, table#tab_shipping td {
        display: block;
        width: auto;
    }
    .product_btn_submit.border_cover {
        padding: 10px;
    }
    .form-block-login a.fb-color, .form-block-login a.gp-color {
        min-width: 150px;
        margin: 5px 0;
    }
    table#attribute td {
        display: block;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sectioncenter {
        width: auto;
    }
    .sectioncenter .errorimg {
        max-width: 100%;
        width: auto;
    }
    .listpanel {
        width: auto;
    }
    .form-block-login a.fb-color, .form-block-login a.tw-color, .form-block-login a.gp-color {
        min-width: auto;
    }
}
.numberCircle {
    position: absolute;
    right: 53px;
    top: -12px;
    color: #FFF;
    display: inline-block;
    line-height: 0px;
    border-radius: 3px;
    border: 2px solid;
}
.numberCircle span {
    display: inline-block;
    padding-top: 40%;
    padding-bottom: 40%;
    margin-left: 5px;
    margin-right: 5px;
}
.break-me {
    -ms-word-break: break-all;
    padding: 0 10px 0 0;
    word-break: break-all;
    word-break: break-word;
}
.shortnav li span {
    color: #F3F592;
    font-style: italic;
}
.change-address {
    margin-top: 5px;
}

.desc-txt ul {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.desc-txt ul li {
    list-style: none;
    position: relative;
    padding: 0 0 15px 20px;
    color: #585757;
    font-size: 15px;
}
.desc-txt ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 30px;
    background: #585757;
    left: 0;
    top: 6px;
    position: absolute;
}
.desc-txt ol {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.desc-txt ol li {
    list-style: decimal inside;
    font-size: 15px;
    color: #485458;
    margin: 0;
    padding: 0 0 10px 0;
}
/*.disabledRow {color:#AAAAAA !important;}*/
.disabledRow {
    color: #414141 !important;
    text-decoration: line-through;
}
@font-face {
    font-family: 'dotsfont';
    src: url('dotsfont.eot');
    src: url('dotsfont.eot?#iefix') format('embedded-opentype'), url('dotsfont.svg#font') format('svg'), url('dotsfont.woff') format('woff'), url('dotsfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
input.pw {
    -webkit-text-security: disc;
    font-family: dotsfont;
}
.marginTop20 {
    margin-top: 20px;
}
/** custom product details page **/
/*pk*/
.product-detail-page .content.slide {
    -webkit-transform: none;
    transform: none;
}
.product-detail-page .content.slide.open {
    -webkit-transform: translate3d(240px, 0px, 0px);
    transform: translate3d(240px, 0px, 0px);
}
.product-detail {
    padding: 15px 0 0 0;
}
.product-detail .name {
    color: #000;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 20px;
}
.left-side {
    float: left;
    width: 40%;
}
.desc-txt {
    padding: 25px 0;
    display: inline-block;
    width: 100%;
    color: #585757;
    line-height: 1.6;
}
.desc-txt h2 {
    color: #ff3a59;
    font-weight: 600;
    font-size: 25px;
    margin: 5px 0;
}
.desc-txt h3 {
    padding-bottom: 15px;
    margin: 5px 0;
}
.desc-txt h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    margin: 15px 0;
}
.desc-txt h5 {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    margin: 5px 0;
}
.desc-txt p {
    line-height: 1.5;
    font-size: 14px;
    color: #585757;
    margin: 5px 0;
}
.desc-txt p strong {
    font-weight: 600;
    color: #585757;
}
.desc-txt string {
    font-weight: 600;
}
.desc-txt > ul, .desc-txt > ol {
    margin: 10px;
}
.desc-txt > ul li {
    font-size: 14px;
    margin: 5px 0;
    padding: 5px 0px;
    position: relative;
}
/*.desc-txt > ul li:before {
background: #6b6a6a;
border-radius: 100%;
content: "";
display: block;
height: 7px;
left: 0px;
position: absolute;
top: 10px;
width: 7px;
}*/
.desc-txt table {
    border: solid 1px #dedddd;
    border-collapse: collapse;
    width: 100%;
}
.desc-txt table th {
    text-transform: uppercase;
    background: rgba(0,0,0,0.02);
    font-size: 14px;
    color: #545353;
    font-weight: 600;
    padding: 15px 20px;
    border: solid 1px #eee;
}
.desc-txt table td {
    vertical-align: top;
    font-size: 14px;
    color: #545353;
    font-weight: 400;
    padding: 15px 20px;
    border: solid 1px #eee;
}
.pro-description {
    float: right;
    width: 60%;
    padding-left: 30px;
    vertical-align: top;
}
.pro-description .name {
    color: #000;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
}
.in-border {
    display: table;
    width: 100%;
    border: solid 1px #dddede;
    position:relative;
}
.price-side {
    float: left;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
}
.actuall-price {
    line-height: 1;
    font-size: 35px;
    font-weight: 700;
    color: #ff3a59;
    display: block;
}
.review-side {
    padding: 15px 20px;
    vertical-align: top;
    float: right;
    display: inline-block;
    width: auto; border : none; margin: 0;
}
.upper {
    display: table;
    border-bottom: solid 1px #dddede;
    width: 100%;
}
.review-star {
    display: block;
    text-align: right;
    margin-bottom: 20px;
}
.review-star li {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    color: #000;
    font-size: 14px;
}
.review-write {
    display: block;
    position: relative;
}
.review-write a {
    display: inline-block;
    margin-left: 10px;
    color: #5f5f5f;
}
.review-write a:hover, .review-write a.active {
    color: #ff3a59;
}
.review-write a svg.svg-icn {
    vertical-align: text-bottom;
    width: 18px;
    height: 18px;
}
.review-write a:hover svg, .review-write a.active svg {
    fill: #ff3a59;
}
.review-write .item__list{ bottom: auto;}
.selecting-things {
    padding: 15px 20px;
    display: block;
}
.selecting-things .heading {
    color: #000;
    padding: 0px 0 10px 0;
    font-size: 16px;
}
.select-size {
    color: #000;
    font-size: 16px;
    margin-bottom: 15px;
}
.select-size li {
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 38px;
    border: solid 1px #d9d8d8;
    font-size: 16px;
    text-align: center;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    padding: 5px 0 0 0;
}
.select-size li.active, .select-size li:hover {
    border: solid 2px #ff3a59;
}
.select-size li.no-size {
    background: #efefef;
}
.select-size li.no-size:hover {
    border: solid 1px #d9d8d8;
}
.select-color {
    float: left;
    margin-bottom: 15px;
    margin-right: 25px;
}
.select-color li {
    display: inline-block;
    vertical-align: middle;
    width: 39px;
    height: 38px;
    border: solid 1px #d9d8d8;
    font-size: 16px;
    text-align: center;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    padding: 5px 0 0 0;
}
.select-color li.active {
    background-image: url(../images/check.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 1px #ff3a59;
}
.select-color li:hover {
    border: solid 1px #ff3a59;
}
.select-qnty {
    float: left;
}
.select-qnty ul {
    display: inline-block;
    border: solid 1px #d9d8d8;
}
.select-qnty li {
    width: 41px;
    display: inline-block;
    border-right: solid 1px #d9d8d8;
    height: 37px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    padding-top: 8px;
}
.select-qnty li:last-child {
    border-right: none;
}
.select-qnty li:hover {
    cursor: pointer;
}
.cart-button {
    display: block;
}
.cart-button a {
    display: inline-block;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 700;
    padding: 12px 15px;
    min-width: 200px;
}
.cart-button a.btn.blue {
    background: #40bddf;
}
.cart-button a i.cart-icn svg {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: -5px;
}
.cart-button a.btn.blue:hover {
    background: #2daacc;
}
.cart-bottom {
    display: table;
    width: 100%;
    background: #f7f8f9;
    border-top: solid 1px #dddede;
    padding: 0 10px;
}
.cart-bottom > ul > li {
    display: table-cell;
    vertical-align: middle;
    color: #000;
    font-size: 13px;
    padding: 10px 10px;
}
/***/
.toogle-accordion {
    border-left: solid 1px #dddede;
    border-right: solid 1px #dddede;
}
.accordion-container {
    width: 100%;
    margin: 0;
    clear: both;
}
.accordion-toggle {
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    background: #f4f4f4;
    color: #000;
    text-decoration: none;
    border-top: solid 1px #dddede;
    border-bottom: solid 1px #dddede;
}
.accordion-toggle.open, .accordion-toggle.open:hover {
    color: #ff3a59;
}
.accordion-toggle:hover {
    color: #000;
}
.accordion-toggle span.toggle-icon {
    position: absolute;
    top: 18px;
    right: 20px;
    background: url(../images/plus.png) no-repeat 0 0;
    width: 9px;
    height: 9px;
    display: block;
}
.accordion-toggle.open span.toggle-icon {
    background: url(../images/minus.png) no-repeat 0 0;
}
.accordion-content {
    display: none;
    padding: 15px 20px;
    overflow: auto;
    border-bottom: solid 1px #dddede;
}
.accordion-content p {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 20px;
}
.accordion-content h4 {
    color: #010101;
    font-size: 16px;
    font-weight: 600;
}
.accordion-content h5 {
    margin: 0;
}
.accordion-content ul li {
    position: relative;
    padding: 5px 14px;
    margin: 5px 0;
    font-size: 14px;
}
.accordion-content ul li:before {
    position: absolute;
    left: 0px;
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    border-radius: 100%;
    top: 11px;
    background: #6b6a6a;
}
.review {
    display: block;
    margin: 25px 0 0 0;
}
.review h4 {
    color: #000;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
}
.review-block {
    border: solid 1px #dddede;
}
.reviews-left {
    width: 803px;
    display: table-cell;
    vertical-align: top;
}
.reviews-left .product-thumb {
    width: 170px;
    height: 170px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.bystars {
    display: table-cell;
    padding: 15px 10px;
}
.starbased ul {
    display: inline-block;
    vertical-align: super;
}
.starbased li {
    display: inline-block;
}
.starbased p {
    display: inline-block;
}
.review-progress {
    margin: 10px 0;
}
.review-progress li span.star {
    color: #000;
    font-size: 12px;
    display: inline-block;
}
.review-progress li .pro-bar {
    width: 136px;
    height: 15px;
    background-color: #e4e4e4;
    display: inline-block;
    position: relative;
    margin: 0 10px;
    vertical-align: text-bottom;
}
.review-progress li .pro-bar span.fill {
    height: 15px;
    background: #ff3a59;
    display: block;
}
.review-progress li .pro-bar .tip {
    position: absolute;
    left: 100%;
    background: #181818;
    display: block;
    height: 15px;
    padding: 0 3px;
    top: 0;
    color: #fff;
    background: #181818;
    font-size: 10px;
    text-align: center;
}
.review-progress li .pro-bar .tip:after, .review-progress li .pro-bar .tip:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.review-progress li .pro-bar .tip:after {
    border-color: rgba(24, 24, 24, 0);
    border-right-color: #181818;
    border-width: 3px;
    margin-top: -3px;
}
.review-progress li .pro-bar .tip:before {
    border-color: rgba(0, 0, 0, 0);
    border-width: 6px;
    margin-top: -6px;
}
.review-right {
    width: 393px;
    border-left: 1px solid #dddede;
    display: table-cell;
    vertical-align: top;
}
.haveyou {
    background: #f4f4f4;
    width: auto;
    margin: 20px;
    border: 1px solid #dddede;
    display: block;
    padding: 15px 20px;
}
.haveyou p {
    font-size: 16px;
    text-transform: uppercase;
}
.haveyou .rating {
    margin: 15px 0;
}
.haveyou .rateitnow {
    display: inline-block;
    font-size: 13px;
    padding: 2px 5px;
    border-radius: 2px;
    margin: 15px 5px;
}
.haveyou .rateitnow {
    position: relative;
    background: #fff;
    border: 1px solid #dedede;
}
.haveyou .rateitnow:after, .haveyou .rateitnow:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.haveyou .rateitnow:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px;
}
.haveyou .rateitnow:before {
    border-color: rgba(222, 222, 222, 0);
    border-right-color: #dedede;
    border-width: 7px;
    margin-top: -7px;
}
.top-reviews {
}
.top-reviews .head {
    background: #f4f4f4;
    border-bottom: solid 1px #dddede;
    border-top: solid 1px #dddede;
    color: #000;
    font-size: 16px;
    padding: 10px 20px;
}
.top-reviews .head span {
    font-size: 13px;
}
.top-reviews .head a.triger-expand {
    float: right;
    display: inline-block;
    color: #9d9d9d;
    font-size: 13px;
    text-decoration: underline;
    line-height: 1.5;
}
.top-reviews .item {
    position: relative;
    padding: 15px 20px;
    border-bottom: solid 1px #dddede;
}
.top-reviews .item h3 {
    display: inline-block;
    color: #474747;
    font-size: 14px;
    font-weight: 600;
}
.top-reviews .item ul.rating {
    margin-left: 15px;
    vertical-align: top;
    color: #000;
}
.top-reviews .item ul.rating li img {
    width: 80%;
}
.comment-section {
    padding: 12px 0;
    font-size: 14px;
    line-height: 1.5;
    color: #4d4c4c;
}
.help-full {
    font-size: 13px;
}
.help-full svg {
    width: 20px;
    height: auto;
    vertical-align: middle;
    padding-top: 4px;
}
.top-reviews .item .user, .top-reviews .item .report-abuse {
    position: absolute;
    right: 20px;
    color: #fff;
    padding: 2px 5px;
}
.top-reviews .item .report-abuse {
    color: #b1b1b1;
    border: solid 1px #b1b1b1;
    bottom: 20px;
}
.top-reviews .item .report-abuse a {
    display: block;
}
.top-reviews .item .user.black {
    background: #000;
}
.top-reviews .item .user.red {
    background: #ff3a59;
}
.last-box {
    background: #f4f4f4;
    padding: 15px 20px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .left-side {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .product-detail {
        padding: 0;
    }
    .product-detail .name {
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
        padding-top: 8px;
    }
    .sectionGallery {
        display: block;
        float: none;
        width: auto;
    }
    .pro-description {
        float: none;
        vertical-align: top;
        width: auto;
        padding-left: 0;
    }
    .in-border {
        border: 1px solid #dddede;
        display: block;
        width: auto;
    }
    .upper {
        display: block;
        width: auto;
    }
    .price-side {
        float: none;
        padding: 10px;
    }
    .review-side {
        float: none;
        width: auto;
        display: block;
        padding: 10px;
    }
    .review-star {
        text-align: left;
    }
    .review-write a {
        margin: 0;
        margin: 15px 0;
        display: block;
    }
    .selecting-things {
        padding: 10px;
    }
    .cart-button {
        margin: 10px 0 0 0;
    }
    .cart-button a {
        font-size: 15px;
        min-width: 115px;
    }
    .cart-bottom {
        display: block;
        padding: 0;
        width: auto;
    }
    .cart-bottom > ul > li {
        display: block;
    }
    .accordion-toggle {
        border-top: none;
    }
    .recommended-layout .heading span {
        display: block;
    }
    .review {
        display: block;
        margin: 0;
    }
    .review h4 {
        font-size: 15px;
    }
    .reviews-left {
        display: block;
        vertical-align: top;
        width: auto;
    }
    .review-right {
        border-left: medium none;
        display: block;
        vertical-align: top;
        width: auto;
    }
    .haveyou {
        padding: 10px;
        margin: 10px;
    }
    .reviews-left .product-thumb {
        width: auto;
        display: block;
        height: auto;
    }
    .bystars {
        display: block;
    }
    .accordion-toggle {
        padding: 10px;
    }
    .accordion-content {
        padding: 10px;
    }
    .cmsContainer {
        padding: 0;
    }
    .accordion-content h5 {
        width: auto;
        float: none;
        display: block;
        margin: 0;
    }
    .rowcontent p {
        float: none;
        width: auto;
        display: block;
        margin: 0;
        padding: 0;
    }
    .desc-txt {
        width:100%;
    }.desc-txt table{ display:block; overflow-x:auto;}
}
/* tablet**/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .left-side {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .sectionGallery {
        display: block;
        float: none;
        margin-bottom: 15px;
        width: auto;
    }
    #product_gallery {
        margin-top: 15px;
    }
    .pro-description {
        float: none;
        vertical-align: top;
        width: auto;
        padding-left: 0;
    }
    .product-detail .name {
        text-align: center;
    }
}
.specTable {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 15px;
}
.specTable th {
    text-transform: uppercase;
    font-size: 14px;
    color: #545353;
    font-weight: 600;
    padding: 4px 0px;
    border: none;
}
.specTable td {
    vertical-align: top;
    font-size: 14px;
    color: #545353;
    font-weight: 400;
    padding: 15px 20px;
    border: solid 1px #dedddd;
}
.price-side small {
    font-size: 80%;
    color: #5C5C5C;
    font-weight: normal;
}
/** custom rating start **/
/******* EXAMPLE A *******/
.rating-a .br-widget {
    height: 52px;
}
.rating-a .br-widget a {
    display: block;
    width: 15px;
    padding: 5px 0 5px 0;
    height: 30px;
    float: left;
    background-color: #e3e3e3;
    margin: 1px;
    text-align: center;
}
.rating-a .br-widget a.br-active,
.rating-a .br-widget a.br-selected {
    background-color: #59a6d6;
}
.rating-a .br-widget .br-current-rating {
    font-size: 20px;
    line-height: 2;
    float: left;
    padding: 0 20px 0 20px;
    color: #646464;
}
/******* EXAMPLE B *******/
.rating-b .br-widget {
    height: 25px;
}
.rating-b .br-widget a {
    display: block;
    width: 70px;
    height: 16px;
    float: left;
    background-color: #e3e3e3;
    margin: 1px;
}
.rating-b .br-widget a.br-active,
.rating-b .br-widget a.br-selected {
    background-color: #59a6d6;
}
.rating-b .br-widget .br-current-rating {
    line-height: 1.1;
    float: left;
    padding: 0 20px 0 20px;
    color: #646464;
}
.rating-b .br-readonly a.br-active,
.rating-b .br-readonly a.br-selected {
    background-color: #cbcbcb;
}
/******* EXAMPLE C *******/
.rating-c .br-widget {
    height: 52px;
}
.rating-c .br-widget a {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    background-color: #e3e3e3;
    margin: 2px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.2;
    text-align: center;
    color: #b6b6b6;
}
.rating-c .br-widget a.br-active,
.rating-c .br-widget a.br-selected {
    background-color: #59a6d6;
    color: white;
}
/******* EXAMPLE D *******/
.rating-d .br-widget {
    height: 52px;
}
.rating-d .br-widget a {
    display: block;
    width: 40px;
    padding: 5px 0 5px 0;
    height: 30px;
    float: left;
    background-color: white;
    border-bottom: 2px solid #e3e3e3;
    color: #646464;
    margin: 1px;
    text-decoration: none;
    line-height: 2.1;
    text-align: center;
}
.rating-d .br-widget a span {
    color: white;
}
.rating-d .br-widget a.br-active,
.rating-d .br-widget a.br-selected {
    border-bottom: 2px solid #646464;
}
.rating-d .br-widget a:hover span,
.rating-d .br-widget a.br-current span {
    color: #646464;
}
/******* EXAMPLE E *******/
.rating-e .br-widget a {
    padding: 5px;
    color: #646464;
    text-decoration: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 3;
    text-align: center;
}
.rating-e .br-widget a.br-active {
    background-color: #e3e3e3;
    color: #646464;
}
.rating-e .br-widget a.br-selected {
    background-color: #59a6d6;
    color: white;
}
/******* EXAMPLE F *******/
.rating-f .br-widget {
    height: 24px;
}
.rating-f .br-widget a {
    background: url('../images/star.png');
    width: 24px;
    height: 24px;
    display: block;
    float: left;
}
.rating-f .br-widget a:hover,
.rating-f .br-widget a.br-active,
.rating-f .br-widget a.br-selected {
    background-position: 0 24px;
}
/******* EXAMPLE G *******/
.rating-g .br-widget {
    height: 25px;
}
.rating-g .br-widget a {
    display: block;
    width: 50px;
    height: 16px;
    float: left;
    background-color: #e3e3e3;
    margin: 1px;
}
.rating-g .br-widget a.br-active,
.rating-g .br-widget a.br-selected {
    background-color: #59a6d6;
}
.rating-g .br-widget .br-current-rating {
    line-height: 1.1;
    float: left;
    padding: 0 20px 0 20px;
    color: #646464;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio : 1.5),
(min-resolution: 192dpi) {
    .rating-f .br-widget a {
        background: url('../images/star@2x.png');
        background-size: 24px 48px;
    }
}
.sectioncenter h3 spanrelative_div {
    position: relative;
    overflow: hidden;
}
.relative_div {
    position: relative;
}
.inactive_div {
    cursor: not-allowed;
    opacity: 0.8;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #f7f8f9;
    border: 1px solid #dedddd;
    border-radius: 2px;
}
.notification.notification.notification .alert .close:hover, .alert .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.cmsPolicy > .cmsContainer {
    padding: 0;
    width: 100%;
}
.cmsContainer > .rowcontent {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #d2d8da;
    margin: 5px 0 0 0 !important;
    padding: 10px 0 0;
}
.shop-page .right-panel > h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 0px !important;
    text-transform: uppercase;
}
.form-block-login {
    padding: 20px 0 0 0;
    width: 100%;
}
.form-block-login h2 {
    color: #323333;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    background: #f1f0f0;
    border: 1px solid #dedddd;
    font-weight: 600;
    padding: 13px 0;
}
.form-block-login h2:after, .form-block-login h2:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.form-block-login h2:after {
    border-color: rgba(241, 240, 240, 0);
    border-top-color: #f1f0f0;
    border-width: 10px;
    margin-left: -10px;
}
.form-block-login h2:before {
    border-color: rgba(222, 221, 221, 0);
    border-top-color: #dedddd;
    border-width: 11px;
    margin-left: -11px;
}
.form-block-login h3 {
    color: #000;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
}
.form-block-login a.fb-color, .form-block-login a.tw-color, .form-block-login a.gp-color {
    background: #0068b5;
    border-radius: 2px;
    padding: 10px 25px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    min-width: 261px;
}
.form-block-login a.fb-color {
    margin-right: 5px;
}
.form-block-login a.tw-color {
    margin-left: 5px;
    background: #00c1db;
}
.form-block-login a.gp-color {
    margin-left: 5px;
    background: #d73d32;
}
.siteForm textarea {
    height: 138px;
}
.smallthumbs li {
    padding: 5px;
}
.smallthumbs li:last-child {
    padding: 0px;
}
#search .btn.gray {
    background-color: #727272;
}
/*
#loader {
margin: 15px 0; 
} 
#loader.msgcontainer {
margin: 0 0;
}
.spinner {
width: 70px;
height: 50px;
margin: 0 auto;
}
.spinner > div {
background-color: #000;
height: 100%;
margin: 0 2px;
width: 8px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
} */
/**/
/*
.load-container {
float: left;
height: 100px;
overflow: hidden;
position: relative;
width: 100px;
}
.loader {
margin: 20px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 2px solid rgba(255, 255, 255, 0.2);
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #ff3a59;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.loader, .loader:after {
border-radius: 50%;
width: 50px;
height: 50px;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*/
.loader {
    background: url(../images/loader.gif) no-repeat center center;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
    /*position: absolute; left:50%; top:50%; margin:-8px auto  auto -8px;*/
    margin: 0 auto;
}
.sectioncenter {
    width: 850px;
    margin: 50px auto;
    text-align: center;
}
.sectioncenter .errorimg {
    width: 500px;
    display: block;
    margin: 0 auto;
}
.sectioncenter h3 {
    font-size: 30px;
    padding: 30px 0;
    color: #6d6c6c;
    line-height: 36px;
}
.sectioncenter h3 span {
    color: #ee2866;
}
.listpanel {
    width: 75%;
    margin: 20px auto 30px;
    padding: 20px 40px 40px;
    border-radius: 3px;
    position: relative;
    background: #e8edef;
}
.listpanel:before {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -20px;
    top: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #e8edef;
    content: "";
}
.listpanel li {
    text-align: left;
    padding: 0 0 15px 0;
    position: relative;
    font-size: 18px;
    color: #666;
    padding: 15px 0 0 22px;
}
.listpanel li:before {
    position: absolute;
    left: 0;
    top: 24px;
    content: "";
    width: 9px;
    height: 9px;
    background: #666;
    border-radius: 100%;
}
.tbl-normal td .itemcaption {
    color: #545353;
    font-weight: bold;
}
.availables {
    text-transform: none;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin: 10px 0 0 0;
    padding: 0 0 0 25px;
    color: #5bb72e;
    position: relative;
}
.availables:before {
    background: url(../images/ticked.png) no-repeat 4px 4px #72c945;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
.not-availables {
    text-transform: none;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin: 10px 0 0 0;
    color: #f74242;
    padding: 0 0 0 25px;
    position: relative;
}
.not-availables:before {
    background: url(../images/ticked.png) no-repeat 4px -36px #f74242;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
.notification_padding {
    margin: 20px;
}
.notification {
    line-height: 30px;
    clear: both;
    width: 100%;
    display: inline-block;
    margin: 20px 0px;
    padding: 20px 25px 20px 60px;
    border-radius: 2px;
}
.notification p {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    color: #333333;
}
.notification_newsletter {
    clear: both;
    width: 100%;
    display: inline-block;
    margin: 4px 0px 4px 0px;
    padding: 5px;
    border-radius: 2px;
}
.message p {
    font-size: 14px;
}
.information strong, .informationfullwidth strong {
    margin-right: 5px;
    font-size: 20px;
    color: #418ACC;
}
.failure strong {
    margin-right: 5px;
    font-size: 20px;
    color: #EB5339;
}
.information {
    /*background-image: url(../images/admin/information.png);*/
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 1px solid #418ACC;
    background-color: #D0E4F4;
}
.failure {
    background-image: url(../images/admin/exclamation.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 1px solid #EB5339;
    background-color: #FCCAC2;
    color: #AC260F;
}
.informationfullwidth {
    background-image: url(../images/admin/information.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 1px solid #418ACC;
    background-color: #D0E4F4;
}
.minheight {
    min-height: 168px;
    position: relative;
}
.minheight p {
    text-align: center;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/* Skelton.css */
.siteForm table.smalltable {
    width: 15% !important;
}
.siteForm table.mediumtable {
    width: 30% !important;
}
.photosrow {
    width: 100%;
    display: inline-block;
}
.photosquare {
    min-height: 130px;
    position: relative;
    margin: 0 5px 10px 0;
    background: #fff;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #D6D6D6;
    border: 1px solid #D6D6D6;
}
/* Line Number 4345 */
.photosquare img {
    width: 100%;
    height: 100%;
}

/*
#tabs_4.border_cover {
padding: 0;
}*/
/*****/
table#tab_general td, table#tab_data td, table#tab_links td {
    padding-right: 8px;
}
table#attribute, table#option_value {
    border: solid 1px #dedddd;
    border-collapse: separate;
}
table#attribute th, table#option_value th {
    background: #f7f8f9;
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: solid 1px #dedddd;
    border-left: none;
    border-right: none;
    border-top: none;
}
table#attribute td, table#option_value td {
    border-bottom: 1px solid #dedddd;
    display: table-cell;
    padding: 10px;
    width: auto;
}
/*****/
.optionValue tr td table {
    border-collapse: separate;
}
table#option {
    border-collapse: separate;
}
table#option tr td.rgt-blks {
    border: none;
    padding: 0;
}
table.optionValue {
    border: none;
    border: solid 1px #dedddd;
}
table.optionValue td {
    width: auto;
    display: table-cell;
    padding: 10px;
    border-bottom: solid 1px #dedddd;
}
table.optionValue tfoot td {
    border-bottom: none;
}
table.optionValue .note {
    font-weight: 600;
    color: #4b4b4b;
    text-transform: none;
    text-align: right;
}
/*
table#optionValue tr:last-child td {
border-bottom: none;
}*/
table.optionValue th {
    font-size: 13px;
    color: #434242;
    font-weight: 600;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #dedddd;
}
table.optionValue0 {
    border-collapse: separate;
}
table.optionTable td {
    display: table-cell;
    padding: 0;
    cursor: pointer;
}
table.optionTable input[type="text"] {
    margin-top: 10px;
}
/*****/
.product_btn_submit.border_cover {
    padding: 0 20px;
    text-align: right;
    margin-bottom: 20px;
}
/*.tblBorderTop tr.active td, .tblBorderTop tr.active td a {
background-color: #7892EB;
color: #FFF !important;
padding: 10px !important;
}
.tblBorderTop tr.active td:first-child, .tblBorderTop tr.active td:first-child a {
background-color: #F00;
padding: 10px;
}*/
.tblBorderTop tr td, .tblBorderTop tr td a {
    padding: 8px 5px !important;
}
.tblBorderTop tr.active td, .tblBorderTop tr.active td a {
    background-color: #7892EB;
    color: #FFF !important;
}
.tblBorderTop tr.active td:first-child, .tblBorderTop tr.active td:first-child a {
    background-color: #F00;
}
.tblBorderTop tr.none td:first-child, .tblBorderTop tr.none td:first-child a {
    background-color: none !important;
    padding: 3px !important;
}
.ajax_message {
    margin-left: 5px;
    font-style: italic;
    color: #485458;
    line-height: 5px;
}
@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .sectioncenter {
        width: auto;
    }
    .sectioncenter .errorimg {
        max-width: 100%;
        width: auto;
    }
    .listpanel {
        width: auto;
    }
    table#attribute th {
        padding: 10px;
    }
    table#attribute td {
        display: table-cell;
        padding: 10px;
    }
    table#attribute textarea {
        height: auto;
    }
    .product_btn_submit {
        padding: 10px;
    }
    #frmProducts {
        margin-bottom: 0;
    }
    table#shipping td, table#shipping th, table#discount td, table#discount th, table#special td, table#special th, table#optionValue td, table#tab_shipping th, table#tab_shipping td {
        display: block;
        width: auto;
    }
    .product_btn_submit.border_cover {
        padding: 10px;
    }
    .form-block-login a.fb-color, .form-block-login a.gp-color {
        min-width: 150px;
        margin: 5px 0;
    }
    table#attribute td {
        display: block;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sectioncenter {
        width: auto;
    }
    .sectioncenter .errorimg {
        max-width: 100%;
        width: auto;
    }
    .listpanel {
        width: auto;
    }
    .form-block-login a.fb-color, .form-block-login a.tw-color, .form-block-login a.gp-color {
        min-width: auto;
    }
}
.numberCircle {
    position: absolute;
    right: 53px;
    top: -12px;
    color: #FFF;
    display: inline-block;
    line-height: 0px;
    border-radius: 3px;
    border: 2px solid;
}
.numberCircle span {
    display: inline-block;
    padding-top: 40%;
    padding-bottom: 40%;
    margin-left: 5px;
    margin-right: 5px;
}
.break-me {
    -ms-word-break: break-all;
    padding: 0 10px 0 0;
    word-break: break-all;
    word-break: break-word;
}
.shortnav li span {
    color: #F3F592;
    font-style: italic;
}
.change-address {
    margin-top: 5px;
}

.desc-txt ul {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.desc-txt ul li {
    list-style: none;
    position: relative;
    padding: 0 0 15px 20px;
    color: #585757;
    font-size: 15px;
}
.desc-txt ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 30px;
    background: #585757;
    left: 0;
    top: 6px;
    position: absolute;
}
.desc-txt ol {
    margin: 0 0 15px 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.desc-txt ol li {
    list-style: decimal inside;
    font-size: 15px;
    color: #485458;
    margin: 0;
    padding: 0 0 10px 0;
}
/*.disabledRow {color:#AAAAAA !important;}*/
.disabledRow {
    color: #414141 !important;
    text-decoration: line-through;
}
@font-face {
    font-family: 'dotsfont';
    src: url('dotsfont.eot');
    src: url('dotsfont.eot?#iefix') format('embedded-opentype'), url('dotsfont.svg#font') format('svg'), url('dotsfont.woff') format('woff'), url('dotsfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
input.pw {
    -webkit-text-security: disc;
    font-family: dotsfont;
}
.marginTop20 {
    margin-top: 20px;
}
/** custom nav css **/
.nav-label{vertical-align: middle;display: block;line-height: 45px; font-style: italic; font-size: 14px;font-weight:500; color:#7e8182; text-align: left;}
/*nav*/
.section-navigation {position: relative;text-align: center; z-index: 3;border-bottom:1px solid #e2e2e2; border-left:0; border-right:0;}
.navigations {margin:auto; display: table;text-align: center; }
.navigations > li {float:left; position: static; padding:0 25px; margin:0 -2px;}
.navigations > li:first-child {padding-left:0;}
.navigations > li:last-child {padding-right:0;}
.navigations > li:hover > a {color: #fff;}
.navigations > li > a {color: #666; font-size:13px;display: block; padding:18px 0;font-weight:600;position: relative; text-transform:uppercase;}
.navigations > li > a:hover,.navigations > li:hover > a, .navigations > li > a.nav-active, .navigations > li.nav-active > a{color: #000;}
.navigations > li > a.nav-active, .navigations > li.nav-active > a{color:#000; font-weight: 700;}
/*Nav Three prin*/
.navigations > li > a.more-link{width:40px; height:55px;padding: 0 8px; font-size: 0px;margin: 0 0;}
.navigations > li > a.more-link .nav-three-pin, .navigations > li > a.more-link  .nav-three-pin:before, .navigations > li > a.more-link  .nav-three-pin:after{background: #999;}
.navigations .more-link:hover .nav-three-pin, .navigations .more-link:hover .nav-three-pin:before, .navigations .more-link:hover .nav-three-pin:after{background: #000;}
body.nav_show .subnav{background:#333;}
.navigations > li.three-pin:hover > a{background: none;}
.navigations > li > a:before {
    background: rgba(255,255,255,0.1);
    right: 1px;
}
.navigations .more {
}
.navigations .more span{display: inline-block;}
.navigations .more:hover {
    background: none;
}
.navigations .more:after, .navigations .more:before {
    content: normal;
}
.navigations .more i.icn {
    position: relative;
    top: -7px;
    right: -15px;
    display: inline-block;
}
.navigations .more i.icn:before {
    background: #333;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
}
.navigations .more i.icn:after {
    background: #333;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 10px;
}
.navigations > li > a:hover .navigations .more i.icn:after, .navigations > li:hover > a .navigations .more i.icn:after{background:#fff;}
.navigations > li .link-mobilenav {
    display: none;
}
.navigations > li .subnav {
    display: block;
}
.navigations > li.active .subnav {
    display: block;
}
.nav_show .navigations-overlay, .navigations > li.active .subnav-wrapper, .navigations > li.active .arrow {
    opacity: 1;
    visibility: visible;
}
.navigations > li .arrow {
    display: inline-block;
    height: 0px;
    opacity: 0;
    position: relative;
    top: -8px;
    visibility: hidden;
    width: 100%;
    z-index: 11;
}
.navigations > li .arrow span:before {
    border-bottom: 12px solid #f67c17;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    left: 50%;
    margin: 0 0 0 -14px;
    position: absolute;
    top: 0;
}
.navigations > li .arrow span:after {
    border-bottom: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    left: 50%;
    margin: 0 0 0 -14px;
    position: absolute;
    top: 1px;
}
.navigations > li .subnav-wrapper {
    top: 100%;
    background: #fff;
    border-top: 2px solid #373737;
    box-shadow:0 10px 20px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1);
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 100%;
    z-index:50;
}
.subnav-wrapper.addspace {
    padding: 20px;
}
.sublinks {
    color: #222;
    margin: 0;
    text-align: left;
}
.sublinks > li {
    display: inline-block;
    margin: 0 -2px;
    padding: 10px;
    vertical-align: top;
    width: 25%;
}
.sublinks > li > a {
    color: inherit;
    display: block; font-weight: 500;
    text-transform: capitalize;
    padding: 0;
    font-size: 15px;
}
.sublinks > li > a:hover {
    color: #373737;
}
.sublinks > li > ul {
    margin: 10px 0;
}
.sublinks > li > ul > li {
    padding: 0 0 5px;
    float: none;
}
.sublinks > li > ul > li a {
    color: #666;
    font-size: 14px;
    padding: 3px 0;
    display: inline-block;
    font-weight: 500;
    position: relative;
}
.sublinks > li > ul > li a:hover {
    color: #373737;
}
.sublinks > li > ul > li a:before {
    background: #373737;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 100%;
    transition-duration: 0.3s;
    transition-property: right;
    transition-timing-function: ease-out;
}
.sublinks > li > ul > li a:hover:before {
    right: 0;
}
.sublinks > li > ul > li.seemore a {
    color: #373737; text-decoration:underline;
}
/*Nav mobile toggle*/
.navs-toggle {cursor: pointer;display: none;height: 30px;line-height: 1;width: 30px;z-index: 1; float:left;}
.navs-toggle span {
    background: #4c4c4c;
    display: block;
    height: 3px;
    margin: 14px 0 0;
    position: relative;
    width: 100%;
}
.navs-toggle span:before {
    background: #4c4c4c;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: -7px;
    width: 100%;
}
.navs-toggle span:after {
    background: #4c4c4c;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    bottom: -7px;
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    /*Navigation*/
    .navs-toggle {
        display: inline-block;
    }
    .section-navigation {width: 260px; padding: 0; position: fixed; z-index: 100000; top: 0; bottom: 0; left: 0; opacity: 0; overflow: auto;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
                         -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);transform: translate(-100%, 0px);-moz-transform: translate(-100%, 0px);-webkit-transform: translate(-100%, 0px);transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-webkit-transition: all 300ms ease 0s;	
    }
    .section-navigation .fixed-container {
        padding: 0;
    }
    .navigations {
        margin: 0;
        width: 100%;
    }
    .navigations > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: block;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .navigations > li > a {
        text-align: left;
        display: block;
        height: 45px;
        line-height: 45px;
        padding: 0 10px 0 10px;
        position: relative;
        overflow: visible;
    }
    .navigations > li > a:after, .navigations > li > a:before {
        content: "";
    }
    .navigations .three-pin {
        float: none;
        margin: 0;
    }
    .navigations .more {
        width: auto;
        padding: 15px 10px;
        height: auto;
    }
    .navigations .more i.icn {
        display: none;
    }
    .navigations .more span {
        display: block;
    }
    .navigations .more span:after, .navigations .more span:before {
        content: normal;
    }
    .navigations > li .link-mobilenav.active:after {
        display: none;
    }
    .navigations > li > a:hover .link-mobilenav:before ,.navigations > li:hover  .link-mobilenav:before, .navigations > li .link-mobilenav.active:before{background:#000}
    .navigations > li > a:hover .link-mobilenav:after ,.navigations > li:hover  .link-mobilenav:after{background:#000}
    .navigations > li .link-mobilenav {
        bottom: 0;
        cursor: pointer;
        display: block;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0;
        visibility: visible;
        width: 40px;
        z-index: 1;
    }
    .navigations > li .link-mobilenav:before {
        background: #000;
        content: "";
        height: 2px;
        left: 14px;
        position: absolute;
        top: 20px;
        width: 12px;
    }
    .navigations > li .link-mobilenav:after {
        background: #000;
        content: "";
        height: 2px;
        left: 14px;
        position: absolute;
        top: 20px;
        transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        width: 12px;
    }
    .navigations > li .subnav {
        display: none;
        position: relative;
        width: 100%;
    }
    .navigations > li .arrow {
        display: none;
    }
    .navigations > li .subnav-wrapper {
        border-top: medium none;
        box-shadow: none;
        display: inline-block;
        opacity: 1;
        position: relative;
        top: 0;
        visibility: visible;
        width: 100%;
    }
    .subnav-wrapper .fixed-container, .navigations > li .subnav-wrapper.addspace {
        padding: 0;
    }
    .sublinks {
        padding: 10px;
    }
    .sublinks > li {
        display: inline-block;
        margin: 0;
        width: 100%;
    }
    .sublinks > li > ul > li a, .sublinks > li > a {
    }
    .sublinks > li > ul {
        margin-bottom: 0;
    }
    .sublinks > li > ul > li a:hover, .sublinks > li > a:hover, .navigations > li:hover > a {
    }
    .section-navigation .row{margin:0;}
    .navigations > li > a.more-link {padding:0 50px 0 10px; width: 100%; font-size: 13px;}
    .navigations > li > a.more-link .nav-three-pin{display:none;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    /*.navigations > li {
    width: 15.5%;
    }*/
}
/** custom general css **/
html {
    font-size: 16px;
}
.container {
    margin: 0 auto;
    /*max-width:1200px;*/
    padding: 0 15px;
}
/*.header {
position: fixed;
left: 0;
right: 0;
z-index: 100;
background: #fff;
height: 76px;
border-bottom: solid 1px #ebebeb;
}*/
.right-header {
    text-align: right;
}
.other-nav {
    display: inline-block;
    vertical-align: top;
    padding: 15px 0;
}
.other-nav li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
    color: #000;
}
.city-select {
    color: #000;
    font-size: 0.875em;
    border: none;
    background: url(../images/angle-arrow-down.png) no-repeat right center;
    background-size: 10px;
    padding: 0 20px 0 0;
    font-family: 'Roboto', sans-serif;
    position: relative;
    right: 20px;
}
.other-nav a.link {
    color: #000;
}
.other-nav a.btn {
    padding: 0 10px;
}
.login-tab {
    padding: 19px 15px 15px 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.user-name-wrapper {}
.user-name-wrapper .icn-user {
    background: url(../images/retina/user.svg) no-repeat 0 0;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 10px;
    float: left;
    display: none;
}
.user-name-wrapper .user-name {
    color: #000;
    font-size: 1em;
    font-weight: 600;
    line-height: 1;
    padding: 0;
}
.user-name-wrapper .login-link {
    display: block;
    color: #000;
    line-height: 1;
    padding: 0;
    font-size: 0.875em;
    background: url(../images/angle-arrow-down.png) no-repeat right center;
    background-size: 10px;
    padding: 0 14px 0 0;
}
.cart {
    display: inline-block;
    padding: 19px 15px 15px 15px;
    vertical-align: top;
    position: relative;
    text-align: left;
}
.cart .icn {
    background: url(../images/cart-icon.png) no-repeat 0 0;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 10px;
}
.cart .cartQuantity {
    display: inline-block;
    vertical-align: top;
    color: #000;
    padding: 0;
    font-size: 0.875em;
}
.cart .cartQuantity strong {
    display: block;
    color: #000;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.3;
    padding: 0;
}
/*Cart from header*/
.dropsection {
    min-width: 220px;
    z-index: 10;
    right: 0;
    top: 100%;
    background: #fff;
    box-shadow:0 10px 20px 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    opacity: 0;visibility:hidden;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;padding:15px;
}
.cart-is-active .dropsection {
    opacity: 1;visibility:visible;
}
.my-account-dropdown {
    min-width:220px;
    z-index: 10;
    margin: 0 auto;
    right:0;
    top: 128%;
    background: #fff;
    box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 10px 20px 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    opacity: 0;visibility:hidden;
    filter: alpha(opacity=0);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;padding:10px;
}
.cart-detail .alert{margin-bottom:0;text-align:left;}
.is--login-visible .my-account-dropdown {
    opacity: 1;visibility:visible;
    filter: alpha(opacity=100);
}
.list--vertical li a {
    padding:10px 10px;
    display: block;
    border-bottom: solid 1px #ebebeb;
    text-align: left;
    font-size:1em;
}
.list--vertical li:last-child a {
    border-bottom: none;
}
.common_overlay {
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.cart-is-active .common_overlay,
.filter__show .common_overlay,
.toggled-user .common_overlay,
.my-account-active .common_overlay,
body.toggled_left .common_overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}
.cart-detail {
    max-width: 500px;
    min-width: 500px;
}
.cartdetail__body {
    max-height: 230px;
    overflow-y: auto;
    background: #fff;
}
.cart-summary {
    width: 100%;
    table-layout: fixed;border:none!important;
}
.cart-summary tr {
    border-bottom: solid 1px #ebebeb;
}
.cart-summary th {
    background: #ededed;
    color: #000;
    font-weight: 300;
}
.cart-summary th,
.cart-summary td {
    vertical-align: top;
    padding:15px 0;font-size:13px;
}
.cart-summary .product-img {
    max-width: 100px;
}
.cart-summary .product-img img {
    max-width: 100%;
}
.cart-summary.item-yk .item-yk-head-title {
    padding-bottom: 0;
    font-size: 0.8em;
}
.cart-summary.item-yk .item-yk-head-title:after {
    content: normal;
}
.cart-summary.item-yk .item-yk-head-specification {
    font-size: 0.8em;
}
.cart-summary.item-yk .product_price {
    font-size: 1em;
}
.cart-summary.item-yk .item-yk-head {
    height: auto;
}
.cartdetail__footer {
    background: #f3f3f3;
    padding: 10px 20px;
    color: var(--txt-color);
}
.cartdetail__footer table {
    width: 100%;
}
.cartdetail__footer td {
    padding-bottom: 10px;
    font-size: 0.9em;
}
.cartdetail__footer td.hightlighted {
    font-weight: 600;
    font-size: 1em;
    padding-bottom: 20px;
}
.cart--full {
    width: 100%;
}
.cart--full .product-img {
    max-width: 150px;
}
.cart--full tr {
    border-bottom: solid 1px #ebebeb;
}
.cart--full tr.cancelled--js,
.cart--full td.cancelled--js {
    opacity: 0.3;
    pointer-events: none;
}
.cart--full th {
    background: #ededed;
    color: #000;
    font-weight: 300;
}
.cart--full th,
.cart--full td {
    vertical-align: top;
    padding: 20px 15px;
}
.cart--full tr td:first-child,
.cart--full tr th:first-child {
    padding-left: 15px;
}
.cart--full .product-img img {
    max-width: 100%;
    min-width: 40px;
}
.cart-tbl-addons th,
.cart-tbl-addons td {
    padding: 10px;
    vertical-align: middle;
}
.cart-tbl-addons.item-yk .item-yk-head-title {
    white-space: normal;
}
/**/
.hero-slider {
    position: relative;
}
.hero-slider .item {
    text-align: center;
}
.hero-slider .item img {
    display: table;
    margin: 0 auto;
}
.hero-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 30px auto;
    text-align: center;
}
.hero-slider .slick-dots li {
    border: 1px solid transparent;
    border-radius: 50%;
    display: inline-block;
    margin: 0 2px;
    padding: 3px;
}
.hero-slider .slick-dots li button {
    background: #fff;
    border: none;
    border-radius: 50%;
    display: block;
    height: 11px;
    position: relative;
    text-indent: -9999px;
    width: 11px;
}
.hero-slider .slick-dots li.slick-active button {
    background: #f25852;
    border-color: #fff;
}
.hero-slider .slick-dots li.slick-active {
    border: 1px solid #f25852;
}
/**/
.site-menu {}
#pgHome .site-menu {
    float: none;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.site-menu > li {
    position: relative;
    display: table-cell;
    text-align: center;
    margin: 0 3px;
}
.site-menu > li span.icon {
    margin: 5px auto; margin-top: 10px;
    text-align: center; display: block;
}
.site-menu > li span.icon img {
    display: inline-block;
}
#pgHome .site-menu > li > a {
    display: block;
    position: relative;
}
.site-menu > li:hover > a span {
    color: #fff;
}
.site-menu > li:hover,
.site-menu > li:hover > a,
.site-menu > li > a:hover {
    background-position: 100% 0;
}
.site-menu li .icn {
    margin: 0 auto;
    width: 117px;
    height: 130px;
    display: block;
    background-image: url('../images/icones-categorias.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: all 0.17s ease 0s;
}
.site-menu > li .icn.casa-e-escritorio {
    background-position: -5px 0;
}
.site-menu > li:hover .icn.casa-e-escritorio {
    background-position: 98% 0;
}
.site-menu > li .icn.eletronicos {
    background-position: 0 -125px;
}
.site-menu > li:hover .icn.eletronicos {
    background-position: 100% -125px;
}
.site-menu > li .icn.equipamentos {
    background-position: 0 -240px;
}
.site-menu > li:hover .icn.equipamentos {
    background-position: 97% -240px;
}
.site-menu > li .icn.festas-e-eventos {
    background-position: -5px -360px;
}
.site-menu > li:hover .icn.festas-e-eventos {
    background-position: 98% -360px;
}
.site-menu > li .icn.imoveis {
    background-position: -5px -480px;
}
.site-menu > li:hover .icn.imoveis {
    background-position: 98% -480px;
}
.site-menu > li .icn.lazer-e-esportes {
    background-position: 0 -600px;
}
.site-menu > li:hover .icn.lazer-e-esportes {
    background-position: 96% -600px;
}
.site-menu > li .icn.luxo {
    background-position: -5px -720px;
}
.site-menu > li:hover .icn.luxo {
    background-position: 98% -720px;
}
.site-menu > li .icn.veiculos {
    background-position: -5px -840px;
}
.site-menu > li:hover .icn.veiculos {
    background-position: 98% -840px;
}
.site-menu > li > a > .menu-title {
    font-size: 0.875em;
    color: #a7a5a6;
    text-align: center;
    text-transform: uppercase;
    display: block; padding-bottom: 5px;
}
.site-menu > li > a:hover > .menu-title {
    color: #3886c7;
}
.site-menu > li:hover > a > .menu-title {
    color: #3886c7;
}
.box-site-submenu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: none;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 1px -3px 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 15;
}
.box-site-submenu {
    top: auto;
    bottom: 100%;
}
.site-menu > li.right .box-site-submenu {
    left: 0;
    right: 0;
}
.site-menu > li:hover > .box-site-submenu {
    display: block;
}
.site-submenu {
    padding: 7px 0;
}
.site-submenu > li {
    text-align: left;
}
.site-submenu > li > a {
    font-size: 0.975em;
    color: #3886c7;
    padding: 10px;
    display: block;
}
.features-section {
    background: #F16B6A;
}
.container-fixed {
    margin: 0 auto;
    max-width: 1350px;
}
.feature-txt {
    background: #fff;
    display: table;
    width: 100%;
}
.feature-txt h2 {
    color: #f36f21;
    font-size: 2.125em;
    font-weight: 600;
    padding: 50px 0 20px 50px;
}
.feature-txt ul {
    margin: 0 10px 0 50px;
}
.feature-txt li {
    color: #1a1a1a;
    font-size: 1em;
    padding: 0 0 0 36px;
    margin: 10px 0;
    background: url(../images/check-org.png) no-repeat 0 7px;
}
.feature-txt .img-featured {
    float: right;
}
.feature-txt.green h2 {
    color: var(--fourth-color);
}
.feature-txt.green li {
    background: url(../images/check-green.png) no-repeat 0 7px;
}
.section-headings {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
.section-headings h2 {
    color: #1a1a1a;
    font-size: 2em;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
.section-headings h3 {
    color: #1a1a1a;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 10px;
}
.section-headings h2 span {
    font-weight: inherit;
    font-family: inherit;
    color: #f25852;
}
.section-headings p {
    margin: 0 auto;
    max-width: 700px;
    font-size: 1em;
    padding: 10px 0;
    color: #1a1a1a;
}
/*card*/
.item-yk {
    margin-bottom: 5px;
    position: relative;
    -webkit-animation: slideRight 600ms ease both;
    -o-animation: slideRight 600ms ease both;
    animation: slideRight 600ms ease both;
    border: solid 1px #ebebeb;
}
@-webkit-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@-moz-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@-o-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
.item-yk-head {
    height: 80px;
}
.item-yk .item-yk-head-category {
    min-height: 25px;
    color: #5e5e5e;
    font-size: 0.875em;
    font-weight: 400;
}
.item-yk .item-yk-head-country a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.item-yk .item-yk-head-category a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.item-yk .item-yk-head-title {
    color: #1a1a1a;
    font-size: 1.25em;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.item-yk .item-yk-head-title a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.item-yk .item-yk-head-specification {
    color: var(--txt-color-light);
    font-size: 1em;
    font-weight: 300;
}
.item-yk .item-yk_rating,
.item-yk_rating {
    color: var(--txt-color);
    display: inline-block;
    vertical-align: top;
    padding: 5px 0px;
    height: 25px;
}
.item-yk .item-yk_rating .rate,
.item-yk_rating .rate {
    line-height: 1.5;
    font-size: 0.875em;
    display: inline-block;
    vertical-align: top;
    color: #808080;
}
.item-yk .item-yk_rating .be-first,
.item-yk_rating .be-first {
    line-height: 1;
    font-size: 0.9em;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    color: #3886c7;
}
.item-yk .item-yk_rating .be-first a,
.item-yk_rating .be-first a {
    color: inherit;
    font-size: inherit;
}
.item-yk .item-yk_rating .icn {
    display: inline-block;
}
.item-yk .item-yk_body {
    background: #fff;
    position: relative;
}
.item-yk.item--sold .item-yk_body .product-img {
    opacity: 0.3;
}
.item-yk .tag--soldout {
    background: #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    color: #f25852;
    font-size: 0.9em;
    font-weight: bold;
    height: 32px;
    left: 50%;
    line-height: 32px;
    padding: 0 20px;
    position: absolute;
    text-transform: uppercase;
    top: 44%;
    transform: translate(-50%);
    z-index: 1;
    white-space: nowrap;
}
.item-yk .item-yk_body .product-img {
    display: block;
    margin: 0;
    padding: 0 0 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
}
/*
.item-yk .item-yk_body .product-img:after{ content: "";
display: block;
height: 100%;
left: 0;
mix-blend-mode: color;
background-blend-mode: hue;
position: absolute;
top: 0;
width: 100%;}
.item-yk .item-yk_body .product-img:after {
background: linear-gradient(135deg, rgba(243, 108, 61, 0.4) 0%, rgba(243, 108, 61, 0) 50%, rgba(243, 108, 61, 0) 100%), linear-gradient(25deg, rgba(96, 192, 240, 0) 0%, rgba(96, 192, 240, 0) 50%, rgba(96, 192, 240, 0.4) 100%), linear-gradient(transparent 5%, rgba(235, 120, 199, 0.1) 100%);
}
.item-yk .item-yk_body .product-img:after {
background: linear-gradient(225deg, rgba(243, 108, 61, 0.4) 0%, rgba(243, 108, 61, 0) 50%, rgba(243, 108, 61, 0) 100%), linear-gradient(45deg, rgba(96, 192, 240, 0) 0%, rgba(96, 192, 240, 0) 50%, rgba(96, 192, 240, 0.4) 100%), linear-gradient(transparent 5%, rgba(235, 120, 199, 0.2) 100%);
}
.item-yk .item-yk_body .product-img:after {
background: linear-gradient(190deg, rgba(243, 108, 61, 0.4) 0%, rgba(243, 108, 61, 0) 50%, rgba(243, 108, 61, 0) 100%), linear-gradient(55deg, rgba(96, 192, 240, 0) 0%, rgba(96, 192, 240, 0) 50%, rgba(96, 192, 240, 0.4) 100%), linear-gradient(transparent 5%, rgba(235, 120, 199, 0.1) 100%);
}
.item-yk .item-yk_body .product-img:after {
background: linear-gradient(165deg, rgba(243, 108, 61, 0.4) 0%, rgba(243, 108, 61, 0) 50%, rgba(243, 108, 61, 0) 100%), linear-gradient(15deg, rgba(96, 192, 240, 0) 0%, rgba(96, 192, 240, 0) 50%, rgba(96, 192, 240, 0.4) 100%), linear-gradient(transparent 5%, rgba(235, 120, 199, 0.2) 100%);
}
*/
.item-yk .item-yk_body .product-img img {
    max-width: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    /*-webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-filter: blur(0px);
    -webkit-animation: fadein linear 1.5s;*/
}
.item-yk:hover .item-yk_body .product-img img {
    /*  -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);*/
}
@-webkit-keyframes fadein {
    0% {
        -webkit-filter: opacity(0%) blur(6px);
    }
    50% {
        -webkit-filter: opacity(100%) blur(3px);
    }
    100% {
        -webkit-filter: opacity(100%) blur(0px);
    }
}
.item-yk .item-yk_body .product-img:before {
    color: #dadada;
    content: "R";
    font-size: 5em;
    height: 50px;
    left: 50%;
    line-height: 46px;
    margin: -25px 0 0 -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}
/**/
.item-yk .item-yk_footer {
    /* padding: 45px 0;*/
    padding: 20px 28px;
    background: #fff;
}
.item-yk .product_price {
    font-size: 1.125em;
    color: #3886c7;
    font-weight: 500;
    margin: 8px 0;
}
.item-yk .product_price.product--price {
    font-size: 1.2em;
}
.item-yk .product_off {
    font-size: 0.7em;
    font-weight: 300;
    color: #f25852;
    display: inline-block;
}
.item-yk .product_price .product_price_sold {
    font-size: 0.875em;
    font-weight: 300;
    color: #808080;
    line-height: 1;
    vertical-align: middle;
}
.strike {
    text-decoration: line-through;
}
.item-yk .item-yk_ft_list li {
    color: var(--txt-color-light);
    font-size: 0.9em;
    font-weight: 300;
    margin: 4px 0;
    position: relative;
    padding: 0 16px;
}
.item-yk .item-yk_ft_list li:before {
    border-radius: 50%;
    width: 9px;
    height: 9px;
    background: #d9d9d9;
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    content: "";
}
/*card end*/
/*like click**/
@-webkit-keyframes heart {
    0%,
    18.51852% {
        height: 0;
        width: 0;
        top: 50%;
        margin-top: 0;
        margin-left: 0;
    }
    44.44444% {
        height: 12.5em;
        width: 12.5em;
        top: 54%;
        margin-top: -6.25em;
        margin-left: -6.25em;
    }
    62.96296% {
        height: 10em;
        width: 10em;
        top: 54%;
        margin-top: -5em;
        margin-left: -5em;
    }
    81.48148% {
        height: 10.25em;
        width: 10.25em;
        top: 54%;
        margin-top: -5.125em;
        margin-left: -5.125em;
    }
    100% {
        height: 10em;
        width: 10em;
        top: 54%;
        margin-top: -5em;
        margin-left: -5em;
    }
}
@keyframes heart {
    0%,
    18.51852% {
        height: 0;
        width: 0;
        top: 50%;
        margin-top: 0;
        margin-left: 0;
    }
    44.44444% {
        height: 12.5em;
        width: 12.5em;
        top: 54%;
        margin-top: -6.25em;
        margin-left: -6.25em;
    }
    62.96296% {
        height: 10em;
        width: 10em;
        top: 54%;
        margin-top: -5em;
        margin-left: -5em;
    }
    81.48148% {
        height: 10.25em;
        width: 10.25em;
        top: 54%;
        margin-top: -5.125em;
        margin-left: -5.125em;
    }
    100% {
        height: 10em;
        width: 10em;
        top: 54%;
        margin-top: -5em;
        margin-left: -5em;
    }
}
@-webkit-keyframes ring {
    0% {
        height: 0;
        width: 0;
        border-width: 0;
        margin-top: 0;
        margin-left: 0;
    }
    3.7037% {
        height: 0;
        width: 0;
        border-width: 1em;
        margin-top: -1em;
        margin-left: -1em;
        border-color: #E2264D;
    }
    7.40741% {
        height: 0;
        width: 0;
        border-width: 7em;
        margin-top: -7em;
        margin-left: -7em;
    }
    11.11111% {
        height: 0;
        width: 0;
        border-width: 8em;
        margin-top: -8em;
        margin-left: -8em;
    }
    14.81481% {
        height: 0;
        width: 0;
        border-width: 8.5em;
        margin-top: -8.5em;
        margin-left: -8.5em;
    }
    18.51852% {
        width: 12em;
        height: 12em;
        border-width: 2.5em;
        border-color: #CC8EF5;
    }
    22.22222% {
        width: 16em;
        height: 16em;
        border-width: 0.5em;
    }
    25.92593%,
    100% {
        width: 17em;
        height: 17em;
        border-width: 0;
        margin-top: -8.5em;
        margin-left: -8.5em;
    }
}
@keyframes ring {
    0% {
        height: 0;
        width: 0;
        border-width: 0;
        margin-top: 0;
        margin-left: 0;
    }
    3.7037% {
        height: 0;
        width: 0;
        border-width: 1em;
        margin-top: -1em;
        margin-left: -1em;
        border-color: #E2264D;
    }
    7.40741% {
        height: 0;
        width: 0;
        border-width: 7em;
        margin-top: -7em;
        margin-left: -7em;
    }
    11.11111% {
        height: 0;
        width: 0;
        border-width: 8em;
        margin-top: -8em;
        margin-left: -8em;
    }
    14.81481% {
        height: 0;
        width: 0;
        border-width: 8.5em;
        margin-top: -8.5em;
        margin-left: -8.5em;
    }
    18.51852% {
        width: 12em;
        height: 12em;
        border-width: 2.5em;
        border-color: #CC8EF5;
    }
    22.22222% {
        width: 16em;
        height: 16em;
        border-width: 0.5em;
    }
    25.92593%,
    100% {
        width: 17em;
        height: 17em;
        border-width: 0;
        margin-top: -8.5em;
        margin-left: -8.5em;
    }
}
@-webkit-keyframes circles {
    0%,
    18.51852% {
        box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4;
    }
    22.22222% {
        box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4;
    }
    51.85185% {
        box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc;
    }
    81.48148%,
    100% {
        box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be;
    }
}
@keyframes circles {
    0%,
    18.51852% {
        box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4;
    }
    22.22222% {
        box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4;
    }
    51.85185% {
        box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc;
    }
    81.48148%,
    100% {
        box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be;
    }
}
.collections-ui {
    font-size: 16px;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
    z-index: 2;
    background: rgba(255, 255, 255, 0.85);
    width: 160px;
    height: 160px;
    opacity: 0;
    visibility: hidden;
}
/**/
.item__actions {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.item__actions li {
    display: inline-block;
    padding: 1px;
    vertical-align: top;
}
.item__actions li a.active {
    background: #f25852;
}
.item__actions li a {
    width: 40px;
    height: 40px;
    display: block;
    background: #fff;
    position: relative;
}
.item__actions li a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.item__actions li .svg-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    overflow: hidden;
}
.item__actions li a.active .svg-icon svg {
    fill: #fff;
}
.item__list {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
}
.item-yk.is-list-active .item__list {
    opacity: 1;
    visibility: visible;
}
.listButton.active:after {
    position: absolute;
    right: 3px;
    top: 24px;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ee2866;
    z-index: 2;
}
.itemBox {
    position: relative;
}
.listcontainer .listtitle {
    display: block;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 15px 0;
    color: #ae1c29;
}
.listcontainer .listtitle a {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
}
.listcontainer .listtitle a:hover {
    color: #000;
    text-decoration: underline;
}
.heightlist {
    max-height: 100px;
    margin: 0 0 10px 0;
    overflow: auto;
}
.section--featured .heightlist {
    max-height: 80px;
}
.listselection {
    margin: 0;
    padding: 0;
}
.listselection li {
    position: relative;
    padding: 0 0 7px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
}
.listselection li a {
    background: url(../images/select_check.png) no-repeat left 4px;
    font-size: 13px;
    color: #666;
    padding: 0 0 2px 25px;
}
.listselection li.listselect a {
    background: url(../images/select_check.png) no-repeat left -54px;
}
.listselection li a:hover {
    color: #000000;
    text-decoration: underline;
}
.createList {
    width: 100%;
}
.createList input[type="text"] {
    width: 70%;
    float: left;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    padding: 0 6px;
    border: 1px solid #cccccc;
    font-size: 12px;
    color: #999;
}
.createList input[type="submit"] {
    width: 28%;
    float: right;
    background: #f25852;
    height: 35px;
    line-height: 28px;
    vertical-align: middle;
    padding: 0 6px;
    border: none;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
}
.createList input[type="submit"]:hover {
    background: #333;
    border: 1px solid #000;
}
/**/
.heart-wrapper {
    font-size: 3px;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    opacity: 1;
    background: #faa51b;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
}
.heart-wrapper.is-active {
    opacity: 1;
    background: #3886c7;
}
.heart-wrapper .svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.heart-wrapper .ring {
    display: block;
    position: absolute;
    border-width: 0;
    border-style: solid;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    z-index: 1;
}
.heart-wrapper .circles {
    display: block;
    position: absolute;
    height: 1.66667em;
    width: 1.66667em;
    top: 50%;
    left: 50%;
    margin-top: -0.83333em;
    margin-left: -0.83333em;
    z-index: 2;
    border-radius: 50%;
}
.heart-wrapper.is-active .ring {
    -webkit-animation-name: ring;
    animation-name: ring;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.heart-wrapper.is-active .circles {
    -webkit-animation-name: circles;
    animation-name: circles;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.heart-wrapper .active .ring {
    -webkit-animation-name: ring;
    animation-name: ring;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.heart-wrapper .active .circles {
    -webkit-animation-name: circles;
    animation-name: circles;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.heart-wrapper .active {
    background: rgba(0, 0, 0, 1);
}
.collection-wrapper {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.item-yk:hover .collections-ui {
    opacity: 1;
    visibility: visible;
}
.item-yk:hover .item-yk_footer {
    box-shadow: 0 4px 0px rgba(0, 0, 0, 0.06);
}
/*ftshops*/
.ftshops {}
.ftshops .ftshops_item {
    margin-bottom: 30px;
}
.ftshops_item .ftshops_item_pics {
    position: relative;
    text-align: center;
    display: table;
    width: 100%;
}
.ftshops_item-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    display: inline-block;
    background: #fff;
}
.ftshops_item-logo img {
    border: solid 1px #fff;
}
.ftshops_product-listing li {
    float: left;
    width: 50%;
}
/*ftshops end*/
.featured-slider {
    margin: 0 -15px;
    position: relative;
}
.featured-slider .item {
    padding: 0 15px;
}
.recent-slider {
    position: relative;
}
.recent-slider .item {
    margin: 0 29px 0 0;
}
.store-banner {
    text-align: center;
}
.store-banner img {
    display: inline-block;
}
.main-tabs {
    border-bottom: solid 4px #ebebeb;
    margin-bottom: 48px;
}
.main-tabs ul {
    display: table;
    width: 100%;
}
.main-tabs li {
    text-align: center;
    display: table-cell;
    color: #1a1a1a;
    font-size: 1em;
}
.main-tabs li a {
    color: inherit;
    display: block;
    padding: 10px;
}
.main-tabs li a.active {
    background: #ebebeb;
}
.tabs-data {
    display: none;
}
.add-banner {
    text-align: center;
}
.add-banner img {
    display: inline-block;
}
/*footer*/
.footer {
    color: #9a9a9a;
}
.ft-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.ft-table-left,
.ft-table-right {
    display: table-cell;
    vertical-align: top;
}
.ft-table-left {
    background: #353535;
    width: 30%;
    padding: 50px 15px 0 15px;
}
.ft-table-right {
    background: #4B4B4B;
    width: 70%;
    padding: 50px 110px;
}
.f-logo {
    margin-bottom: 40px;
}
.widget { 
    margin-bottom: 40px;
}
.widget h3,
.widget h4 {
    color: inherit;
    font-size: 1.125em;
    font-weight: 500;
    margin: 5px 0;
    text-transform: uppercase;
}
.widget p {
    color: inherit;
    font-size: 1.125em;
    font-weight: normal;
    margin: 0;
}
.social-contacts li {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: top;
    max-width: 40px;
}
/*.bottom-footer {
background: #f8a532;
text-align: center;
padding: 10px 0;
color: #945b0b;
margin: 0;
}
.bottom-footer p {
margin: 0;
font-size: 0.875em;
}*/
/*.newsletter {
max-width: 775px;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: solid 1px #383939;
}
.newsletter h4 {
color: #fff;
font-size: 1.5em;
font-weight: 600;
padding: 0;
text-transform: uppercase;
}
.newsletter-form {
position: relative;
margin-top: 10px;
}
.newsletter-form input[type="text"] {
color: #262626;
background: #fff;
border: solid 1px #fff;
height: 40px;
border-radius: 0;
text-align: left;
padding-right: 152px;
}
.newsletter-form input[type="submit"] {
background: #3886c7;
color: #fff;
border: none;
border-radius: 0;
height: 40px;
position: absolute;
font-size: 1.3em;
right: 0;
top: 0;
padding: 0 25px;
text-transform: uppercase;
}
.newsletter-form input[type="submit"]:hover {
background: #faa51b;
}*/
.f-cell h3 {
    color: inherit;
    font-weight: 600;
    font-size: 1.125em;
    padding-bottom: 10px;
    text-transform: uppercase;
    position: relative;
}
.f-cell ul {}
.f-cell ul li {
    color: inherit;
    font-size: 13px;
    padding: 0px;
    margin: 5px 0;
}
.f-cell ul li a {
    position: relative;
    color: inherit;
}
.f-cell ul li a:hover {
    color: #faa51b;
}
/**/
.cl-effect-21 a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.cl-effect-21 a:before,
.cl-effect-21 a:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #faa51b;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.cl-effect-21 a::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.cl-effect-21 a::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
    color: #faa51b;
}
.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
#logo .small-logo {
    display: none;
}
#logo .medium-logo {
    display: block;
}
.link__close {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: url(../images/retina/close_1.svg) no-repeat center center;
    background-size: 100%;
    opacity: 0.7;
}
.link__close_20 {
    height: 30px;
    width: 30px;
}
/**/
.text-danger {
    font-size: 0.8em;
    color: #f25852;
}
/** custom web css **/
::-webkit-input-placeholder {color: #8c8c8c;opacity: 1;}
:-moz-placeholder {color: #8c8c8c;opacity: 1;}
::-moz-placeholder {color: #8c8c8c; opacity: 1;}
:-ms-input-placeholder {color: #8c8c8c;opacity: 1;}
.checkbox-default input, .checkbox-default  .input-helper:before{    width: 17px; height: 17px;}
/*Item Sold oust*/
.grid-sold .grid-label {opacity: 1; background: rgba(255, 255, 255, 0.7);}
.grid-label {cursor: pointer; position: absolute; left: 0;right: 0;top: 0; bottom: 0;z-index: 1; background: rgba(255,255,255,0.3);opacity: 0;}
.grid-sold .grid-label .soldout { position: relative; top: 44%; background: #f15c5c; line-height: 32px;font-size: 14px;font-weight: 600;padding: 5px 15px; color: #fff;text-transform: uppercase;}
.btn{ cursor:pointer;}
.btn.btn-small{ font-size:12px; line-height:30px;padding:0 10px; font-weight:400;border-radius:2px;}
.btn.btn-xsmall{ font-size:14px; font-weight:400;  border-radius:2px;}
.btn.btn-large{ font-size:15px; font-weight:600; border-radius:2px;}
.btn.btn-ext-large{ font-size:27px; font-weight:600; border-radius:2px;}
.btn.btn-yellow{background:#ffd800; color:#000;}
.btn.btn-black{background:#373737; color:#fff;}
.btn.btn-link{display: inline-block;vertical-align: middle; padding: 0;margin-left: 15px;color: #373737;font-weight: 600; 
              font-size: 15px; text-decoration:underline;}
.btn.btn-link-hover{position: relative; text-decoration:underline;}
.sitemapcontainer .blackbullets li a{position: relative;}
.btn-link-hover:before, .sitemapcontainer .blackbullets li a:after {background: #373737; bottom: 0px; content: ""; height: 1px; left: 0; position: absolute;right: 100%;
                                                                    transition-duration: 0.3s;transition-property: right; transition-timing-function: ease-out;}
.btn-link-hover:hover:before, .sitemapcontainer .blackbullets li a:hover:after { right: 0;}
.btn-border{border:1px solid #000; background:transparent; color:#000;}
.row.row-no-space [class*="col-"]:nth-child(5) .grid-wrap,.row.row-no-space  [class*="col-"]:nth-child(6) .grid-wrap,.row.row-no-space  [class*="col-"]:nth-child(7) .grid-wrap, .row.row-no-space  [class*="col-"]:nth-child(8) .grid-wrap {margin-bottom:0;}
/*.row-in [class*="col-"]:first-child,.row-in  [class*="col-"]:nth-child(2){margin-top:15px;}*/
.row.row-in-no-space [class*="col-"]:nth-child(3) .grid , .row.row-in-no-space  [class*="col-"]:nth-child(4) .grid{margin-bottom:0;}
/*three Pin*/
.nav-three-pin{background:#000000;display: block; width:100%; height:3px; margin:auto; position:relative;}
.nav-three-pin:before{background:#000000; content:""; position:absolute; top:-8px; left:0; width:100%; height:3px;}
.nav-three-pin:after{background:#000000; content:""; position:absolute; bottom:-8px; left:0; width:100%; height:3px;}
.navigations > li > a.more-link .nav-three-pin{background:#666;display: block; width:5px; height:5px; margin:0 auto 0; position:relative;border-radius:100%;top:24px;}
.navigations > li > a.more-link .nav-three-pin:before{background:#666; content:""; position:absolute; top:0; left:-9px; width:100%; height:5px;border-radius:100%;}
.navigations > li > a.more-link .nav-three-pin:after{background:#666; content:""; position:absolute; bottom:0; left:auto; right:-9px; width:100%; height:5px;border-radius:100%;}
.section{padding:60px  0;}
.section-title{text-align: center;display: inline-block;margin-bottom:30px;width: 100%;}
.section-title-inline .title{display: inline-block; vertical-align: middle;}
.section-title .title{ font-size:30px; color:#000; font-weight: 400; padding:0;}
.section-title p{font-size:16px; color:#737373; font-weight: 400;}
.header{background:#fff; position: relative; z-index:5;border-bottom:1px solid #e2e2e2;}
.header .header__fixed{max-width:1800px; margin:auto; padding:0 10px;}
svg{width: 100%; height:100%; display: block;}
.close{display: inline-block;vertical-align: top;text-decoration: none;position: absolute;right: 0;top: -15px;text-align: center; color:#fff!important; font-size: 20px; font-weight: 800; }
/*Section top-black*/
.section_top{background:#373737; padding:5px 15px;}
.section_top p{margin:0; }
.action_listing{}
.action_listing li{display: inline-block; vertical-align: middle; margin: 0 8px 0 0; line-height: 0;}
.action_listing li:last-child{border-left:1px solid #7d7d7d; padding-left: 10px;}
.action_listing li .action_loc{color:#fff; font-size:12px; text-transform:uppercase; font-weight: 700;}
.action_listing li .action_loc img{display: inline-block; vertical-align: middle;top:-1px; position:relative;}
.action_listing li .txt-help{color:#fff; font-size:12px; text-transform:uppercase; font-weight: 700;}
.action_listing li .txt-help p{display:inline-block; color:#ffd800; }
.action-click{padding: 0 25px 0 0;position: relative;display: inline-block;}
.action-click .close{top:-5px;}
.action-click p{color:#ffd800; font-size:14px;}
.user-click{float:right; position:relative;}
.user-click  .action-user{color:#fff; font-size:12px; text-transform:uppercase; font-weight: 700;  }
.user-click .list--vertical li a{color:#000; font-size:0.85em;}
@media(min-width:1200px){
    .user-click .list--vertical li:hover a{background:#eeeeee}
    .user-click .action-user:hover{color:#ffd800;}
}
/*Section bottom*/
.toggle--nav.hide-from-home {display: none;}
.toggle--nav { width: 35px; height: 30px;float: left;  margin:11px 10px 0 0; padding: 3px 5px; display: none;}
.toggle--nav span.nav-three-pin {  margin: 12px 0 0; }
.section_bottom{padding: 0 15px;}
#logo{width: 130px;height:60px;padding:10px 0; float: left;position:relative;}
#logo > img{position:absolute;left:0;right:0;bottom:0;top:0; margin:auto;}
.cat-search{position: relative;}
.cat-search .search-frm{width: 100%; height:60px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; display: inline-block; line-height: 55px; float: left}
.cat-search__field{display: block;     height: 100%;overflow: hidden;position: relative;}
.cat-search .cat-search__select {border: medium none; color: #656867;font-size: 13px;height: 100%; position: relative;display: inline-block;vertical-align: top; line-height: 55px; float: left; }
.cat-search .cat-search__select select {-moz-appearance: none;width: 100%;  border: medium none;height: 100%; background: #fff;  color:#8c8c8c;  font-size: 15px;}
.cat-search .cat-search__select:after, .select-arrow:after { border-right: 1px solid #656867; border-top: 1px solid #656867; content: "";position: absolute; right:10px; width: 10px; height: 10px; top: 50%;
                                                             transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; 
                                                             transform:rotate(135deg) translate(0,11px);
                                                             -moz-transform: rotate(135deg) translate(0,11px); -webkit-transform: rotate(135deg) translate(0,11px); pointer-events: none; }
.cat-search .search-frm input[type="text"] { background: #fff;border:0 none;border-left: 1px solid #e2e2e2;  color:#8c8c8c; font-weight: 300; font-size: 15px;  height: 100%; padding: 0 80px 0 20px; vertical-align: top; /*width: calc(100% - 185px);*/ line-height:80px;}
.cat-search  .cat-search__submit{position: absolute;right: 0;top: 0;bottom: 0;width:60px;height:60px;border: none;display: inline-block;}
.cat-search  .cat-search__submit:before{    background: none; border: 2px solid #8c8c8c; border-radius: 100%;  content: ""; height: 16px;  left: 20px; position: absolute; top: 20px; width: 16px; pointer-events: none;}
.cat-search .cat-search__submit:after{pointer-events: none;background: #8c8c8c;content: "";height:2px;left: 30px;position: absolute;top:36px;width: 12px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.cat-search .cat-search__submit input[type="submit"]{font-size: 0;border: none;background: none;width: 100%;height: 100%;cursor: pointer;}
.action-two{float:right; line-height:58px;}
.action-nav-list{display:inline-block;}
.action-nav, .action-count{display: inline-block; vertical-align: middle;}
.action-nav li{float: left;margin: 0 0 0 25px;}
.action-nav li:first-child{margin-left:0;}
.action-nav li a{color:#000; font-size:14px; text-transform:uppercase; font-weight: 700;}
.action-nav li a:hover{text-decoration:underline; }
.action-count{position: relative;}
.action-count li{float: right;margin: 0 0 0 10px;}
.action-count li a{height: 40px;color: inherit;position: relative;text-align: center;line-height: 35px;width: 40px;display: block;}
.action-count li a.toggle--grid-js{display:none;}
.action-count li a .icon{height:25px; width:25px;display: inline-block; vertical-align: middle;}
.action-count li .icon-color{fill:#58595b;}
.action-count .count { background: #58595b;width: 19px; height: 19px; position: absolute;right: 0; top: 0; border-radius: 100%;  color:#fff; text-align: center;line-height: 1.6;display: inline-block; font-size: 0.7em; }
.action-count li a:hover .icon-color{fill:#000;}
.action-count li a:hover .count {background:#000; color:#fff; }	
.action-count li > a:hover {background:#ffd800;}	
/*Action Cart Summary*/
.action-count li .cart-summary a.actions{  width: 34px; height: 34px; line-height: 39px; border-radius: 50%;background: #656565;display: inline-block; margin: 2px auto;text-align: center; padding: 0;
                                           vertical-align: middle;}
.cart-summary a.cart-pic{height: 75px; width: 75px; border: 1px solid; line-height: 80px; border: 1px solid #dddddd;}
.cart-summary a.cart-pic:hover{background:none;}	
.cart-summary a.cart-pic img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.action-count li .cartdetail__footer a{height: auto; width: auto;display: inline-block;}
/*Slider Banner*/
.banner{position:relative; }
.bannerslider{margin:auto; text-align:center; width:100%; position: relative;}
.slide{height: 355px;position: relative;width: 100%;}
.slide-img{position:relative; background-position:center top; background-repeat:no-repeat; background-size:cover;height:100%;}
.slide-content {color: #fff;left: 50%; position: absolute;text-align: center;top: calc(50% - 32px);transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); z-index: 1;}
.slide-content h5{font-size:73px; font-weight:900; text-transform:uppercase; color:#ffd800; line-height: 0.7; text-shadow:0 5px 15px rgba(48, 48, 48, 0.9); -moz-text-shadow:0 5px 15px rgba(48, 48, 48, 0.9); -webkit-text-shadow:0 5px 15px rgba(48, 48, 48, 0.9);}
.slide-content span{display: block; font-size:30px; font-weight:900; text-transform:uppercase; color:#fff; background:rgba(0, 0, 0, 0.5); padding: 5px;}


/* sliders ---------------------- */
.slick-slider{position: relative;display: block;box-sizing: border-box;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;

              -webkit-touch-callout: none;
              -khtml-user-select: none;
              -ms-touch-action: pan-y;
              touch-action: pan-y;
              -webkit-tap-highlight-color: transparent;
}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}



/*Slider Arrow css*/
.slider .slick-arrow {}
.slider .slick-arrow.slick-prev {}
.slider .slick-arrow.slick-prev:before {}
.slider .slick-arrow.slick-next {}
.slider .slick-arrow.slick-next:before {}
.slider .slick-arrow.slick-disabled { opacity: 0.3; pointer-events: none;}
/*navigation*/
.section-nav{padding:0; margin-top: -50px;}
.nav-listWrap{margin-left: -15px; margin-right: -15px;}
.nav-listing{text-align:center; display: table;width: 100%;table-layout: fixed;}
.nav-listing li{display: table-cell;  vertical-align: top; padding: 0 10px; width: 100%;}
.nav-listing li a{background:#fff; width: 100%; box-shadow: 0 5px 9px 0px rgba(0, 0, 0, 0.1);  display: inline-block; padding: 20px 10px; text-align:center;color:#040707;}
.nav-listing li a.active, .nav-listing li.active a{background:#ffd800;box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);}
.nav-listing li .nav-icon{display: block; width:35px; line-height:35px; margin:auto}
.nav-listing li .nav-icon img{margin:auto; display: inline-block; vertical-align: middle;}
.nav-listing li a h5{color:inherit; font-size:14px; font-weight: 400; margin-top: 5px; padding:0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/*Rating*/
.rating-wrap .rating-star{display: inline-block;vertical-align: middle; }
.rating-wrap .rating-star img{}
.rating-wrap .rating-value{display: inline-block; margin-left: 5px; vertical-align: middle;}
.rating-wrap .rating-value .link{ font-size:13px; color:#000000; font-weight:500; text-transform:capitalize; }
/*Common Thumb list*/
.thumb-list {margin: 0;float: right;}
.thumb-list li { display: inline-block; vertical-align: top; margin: 0 -2px; padding: 0 5px;}
.thumb-list li .thumb { width: 110px; display: block;border: 1px solid #eeeeee;padding: 5px; background: #fff;}
.thumb_pic { width: 100%; position: relative; padding: 0 0 100% 0; background: rgba(0,0,0,0.02);margin: 0;}
.thumb_pic img {position: absolute; left: 0;top: 0; bottom: 0; right: 0; margin: auto;}
.thumb-list .more-link { position: absolute; left: 0; top: 0; bottom: 0;right: 0; margin: auto;text-align: center; display: block;font-size: 1.4em;color: inherit; padding: 15px 10px;}
.thumb-list .more-link span { display: block;  font-size: 0.6em; line-height:1;}
/*Listing box csss*/
.list-container {background: #fff; text-align: left; z-index: 50;width: 100%;display: none;}
.list-container .lists-wrap {padding: 15px;}
/*Grid  and Row Section*/
.row.row-center{text-align:center;}
.row.row-center [class*="col-"]{ float:none; display:inline-block; margin:0 -2px; }
.row [class*="col-"]{vertical-align:top;}
.grid-wrap{text-align: center; margin: 0 0 0; vertical-align:top; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;border:none;}
/* .grid-wrap:hover, .card:hover, .col_left .post:hover{box-shadow: 0 15px 20px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 15px 20px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 15px 20px 0 rgba(0,0,0,0.1); } */
.grid{width: 100%;background: #fff;position: relative;}
.grid-lg{padding: 0 0 100%;border:1px solid #e6e6e6;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;overflow:hidden;}
.grid-md{padding: 0 0 85%;}
.grid-sm{padding: 0 0 70%;}
.grid-xsm{width: 50%; float: left; padding: 0 0 50%;}
.tbl-twocell td a{text-decoration:underline;}
@media(min-width:1200px){
    .nav-listing li a:hover,.grid-wrap:hover .grid-lg,.card:hover{box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.06);}
}
/** Grid Tag**/
.lable-tag {background-color: #000; font-weight: normal;  color: #fff; padding: 3px 7px;
            position: absolute;left: 10px; top: 10px; font-size:10px;z-index: 1; text-transform:uppercase;}
/*==Only For Home==*/
.section--grids .grid-wrap{margin: 0 0 30px 0; }
.body-home .row .grid.grid-lg{overflow:hidden;}
/*Product Listing*/
.grid-align{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);
            max-height: 100%;max-width:100%; padding:0;}
.grid .heart{display: inline-block; position: absolute;right: 10px;top: 10px;}
.heart-link{position: relative;width:21px;height: 20px;display: inline-block;border-radius: 100%;text-align: center;}
.heart-link .icon svg{fill:#fff; stroke:#b0b0b0; stroke-width:2px;}
.heart.active  .heart-link .icon svg{fill:#ffd800; stroke:#ffd800; }
/*.heart-link:before { content: "\f442"; font-family: "Ionicons";font-size: 30px;font-weight:bold; color: #b0b0b0;line-height: 1; position: absolute; left: 50%; top: 50%;
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.heart.active .heart-link:before {color: #ffd800; content: "\f443";}*/
.heart-txt {position: absolute; font-size:12px;color: #fff; background: #373737; display: block; white-space:nowrap; padding: 2px 7px 3px;right: 25px; top: 0;visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; z-index:5;}
.heart-txt:before{position: absolute;right: -5px;top: 50%;content: ""; border-bottom: 5px solid transparent; border-top: 5px solid transparent;border-left: 5px solid #373737;margin: -5px 0 0;}
.heart:hover .heart-txt {visibility: visible; right:35px;}
.grid-wrap .grid-detail{text-align: left;padding:15px 0 0; min-height:130px;}
.grid-wrap .grid-detail .title{color:#000000; font-size:16px;  font-weight: 600;     text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.grid-wrap .grid-detail .loc{color:#828282; font-size:13px;  font-weight: 400; display: block;     text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.grid-wrap .grid-price{display: inline-block; width: 100%; padding-top:15px; margin-left:-10px; margin-right:-10px;}
.grid-wrap .grid-price li{float: left; padding: 0 10px; vertical-align:top;}

.grid-wrap .grid-price li .price{display: inline-block; color:#000000; font-size:14px;  font-weight: 700; padding-bottom:0;border-bottom:none;}
.grid-wrap .grid-price li .price-old{display: inline-block; color:#b0b0b0; font-size:12px;  font-weight: 400; text-decoration: line-through; padding: 0;}
.grid-wrap .grid-price li .price-tags span{display:inline-block; font-size:14px;  font-weight: 400;color:#999;}
.grid-link{display: block; background:#000000; color:#ffd800; text-transform:uppercase; font-size:14px;  font-weight: 700;}
.grid-link .grid-align{padding:0;color:#fff;}
.grid-link:hover{background:#ffd800; color:#000; }
/*Hover Grid*/
.grid:hover .grid-hover{height: 100%;}
.grid-hover{background:rgba(255, 216, 0, 0.7); position: absolute;left: 0;top: 0;right: 0;bottom: 0; height:0; transition: all ease .5s; overflow: hidden;opacity:0.9;}
.circle-listing-wrap{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); text-align:center;color:#fff;  }
.circle-listing{direction: rtl;}
.circle-listing li{background:#fff; border-radius:100%; width:50px; height:50px; display:inline-block; margin: -10px; position:relative; box-shadow: 0 3px 9px 0px rgba(48, 48, 48, 0.4); -moz-box-shadow: 0 3px 9px 0px rgba(48, 48, 48, 0.4); -webkit-box-shadow: 0 3px 9px 0px rgba(48, 48, 48, 0.4); }
.circle-listing li img{position:absolute; left:50%; top:50%; border-radius:100%;  transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.circle-list-total{ font-size:14px; font-weight:600; color:inherit; display: block; margin-top:15px;}

.row-in .grid-hover .circle-listing li{width: 30px; height: 30px; margin: -8px;}
.row-in .grid-hover.circle-list-total{font-size: 12px; line-height: 0.5;}
/*Section Advertisement*/
.section-black{background:#2f2f2f url(../images/repeat_pattern.jpg) repeat top center;  }
.row-advertisement{text-align: center;}
.row-advertisement img{margin:auto;}
/*Section Featured Products*/
.body-home .box-item-slider:hover .slick-arrow {opacity:1;}
.section-featured{padding-bottom: 15px;}
.box-item-slider{margin:0 -10px;}
.body-home .box-item-slider .grid-wrap{}
.box-item-slider li.slick-slide{padding:0 10px;}
.box-item-slider .slick-arrow{position: absolute;top:calc(100% - 270px); margin:-20px 0 0!important;width:40px;height:40px;opacity:0;}
.box-item-slider .slick-arrow.slick-next:before{right:12px;}
.box-item-slider .slick-arrow.slick-prev:before{left:20px;}
.box-item-slider .slick-prev {left: 10px;}
.box-item-slider .slick-next{right: 10px;}
/*Section PPC Shops*/
.card{border: 1px solid #e6e6e6; padding: 20px;width: 100%;color: #333; background: #fff; text-align: center;     display: inline-block;width: 100%;
      -webkit-transition: 0.3s all ease-in-out;
      -moz-transition: 0.3s all ease-in-out;
      -o-transition: 0.3s all ease-in-out;
      transition: 0.3s all ease-in-out;     position: relative;}
.card-logo{width: 100px;height: 100px;position: relative;margin:0 auto 10px;display: block;}
.card-logo img{position: absolute;left: 0;top: 0; bottom: 0;right: 0;margin: auto; border-radius: 100%;}
.card h4{color: #000000;font-size: 18px;font-weight: 600;}
.card .subtxt{ color: #828282;font-size: 14px;font-weight: 400;}
.card a{color: inherit;}
.card h6{font-size: 1em;font-weight: 300;color: #666;margin: 0 0 20px 0;}
.card.card--logo{padding: 20px;}
.card .thumb-list{    margin: 20px 0 auto; float: none;}
.card .thumb-list li{margin: 0 -4px; padding: 0;}
.card .thumb-list li .thumb{    width: 85px;}
.card .thumb-list li:last-child .thumb{background: #ffd800; border-color: #ffd800; }
.card .thumb-list .more-link{font-size: 18px; font-weight: 600; padding: 12px;}
/*Css for only Recent Activity -Dashborad*/
.threeCols .card-logo{    width: 50%;     float: left;}
.threeCols .card-logo img{border-radius:0;}
/*Section Featured Shops*/
.grid-wrap .top{ border-bottom: 1px solid #eeeeee;}
.top-container {display: inline-block;padding:10px;width: 100%;}
.avtar{ border-radius:100%; width: 75px; height: 75px;   margin-right: 22px; border: 2px solid  #fff; float: left;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.31);  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.31);  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.31);}
.avtar img{border-radius:100%;}
.avtar-detail{display: inline-block;vertical-align: top; width: calc(100% - 99px); text-align: left;}
.avtar-name{color: #000;font-size: 1.14em;font-weight: 600; display: block;}
.avtar-name a{color:#000000;}
.avtar-name  span {display: block;color: #5a5858; font-size: 0.928em; font-weight: 400;padding-bottom: 8px;}
.avtar-reviewlist .rating{vertical-align:top;}
.avtar-reviewlist p {vertical-align: top;display: inline-block;}
.mid-body{    position: relative;}
.body-home .mid-body .grid{margin:0;}
.caption-name { display: block;color: #000; font-weight: 600; font-size: 16px; min-height: 40px;padding: 0 10px;}
.caption-name a{color: #000;}
.grid-caption .brand-name { color: #727272; font-size: 15px;}
.grid-caption .brand-name a { color: #727272;}
.item-body .price {color: #000;/* font-size: 1.42em; */    font-size: 14px; font-weight: 600;text-align: center; margin: 5px 0 15px 0;}
.bottom{margin:10px 0 0;     display: inline-block;}
.bottom .thumb-list li .thumb{width: 82px; padding: 0;}
.bottom .thumb-list li:last-child .thumb{border-color:#ffd800;}
.bottom .thumb-list li:last-child .thumb_pic{background:#ffd800;}
.bottom-footer{    display: inline-block;
                   width: 100%;}
.bottom-footer .smallthumbs{position:relative;     padding: 10px;
                            margin: 0;}
.smallthumbs li {
    padding: 0 0 20%; position: relative;     height: auto;
}
.smallthumbs li img {
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 95%;
}
/*Section Grey- How Works*/
.section-grey, .box-grey{background:#f4f4f4;}
.steps-listing{text-align:center;}
.steps-listing li{display:inline-block; padding: 0 55px; width: 23%;}
.steps{text-align:center;}
.steps .step-image{display: block;margin: auto; width: 115px; line-height: 115px;}
.steps .step-image img{margin: auto; display: inline-block; vertical-align:middle;}
.steps .title{font-size:16px; font-weight:400; color:#000; text-transform:uppercase; width: 100%; margin: 15px auto 0;  padding: 0; white-space: normal;}
/*Quote Slider*/
.quote-slider {padding:0; position:relative;}
.quote-wrap{width:100%;overflow:hidden;transition:all ease .3s; display: block;}
.quote-image{ display: inline-block; width:400px; vertical-align: middle;}
.quote-image img{ }
.quote-grey{background:#f4f4f4 url("../images/quote-bg.png") no-repeat 80% 90%;min-height: 430px; display: inline-block; vertical-align: middle; width:calc(100% - 402px); padding:20px; margin:20px 0; margin-left: -4px; position:relative; padding-right: 100px; padding-top:30px;}
.quote-grey:before{content:""; position:absolute; border-bottom: 33px solid #f4f4f4;border-top: 10px solid #fff;border-left: 647px solid #fff;border-right: 10px solid #fff; top: -43px;}
.quote-grey:after{content:""; position:absolute; border-top: 310px solid #fff;border-right: 50px solid transparent; border-bottom: 120px solid #fff;border-left: 70px solid #f4f4f4; right: -49px; top: 0;}
.quote-head{}
.quote-head p{background:url("../images/quote-bg-black.png") no-repeat left top; color:#737373; font-size:16px; font-weight: 400; padding-left: 35px;  overflow:auto; max-height:300px;}
.quote-footer{padding-left: 35px;}
.quote-footer .title{ color:#000000; font-size:30px; font-weight: 700;}
.quote-footer .loc{color:#737373; font-size:12px; font-weight: 400; text-transform:uppercase;}
.quote-slider .slick-slide{transition:all ease .3s;}
.quote-slider .slick-current{transition:all ease .3s;}
.quote-btn{position:relative;}
.quote-btn .btn{position: absolute;right: 135px;bottom: 65px;background: #000; font-size:12px;  font-weight: 700;  text-transform:uppercase;}
.quote-slider .slick-arrow:before{position: absolute;top: 50%;width: 30px;height: 30px;border-top: 5px solid #000000;border-left: 5px solid #000000;content: ""; z-index: 1;}
.quote-slider .slick-prev:before{left: -30px;-webkit-transform: rotate(-45deg) translate(35%, -25%);-ms-transform: rotate(-45deg) translate(35%, -25%);transform: rotate(-45deg) translate(35%, -25%);}
.quote-slider .slick-next:before{right: -30px;-webkit-transform: rotate(135deg) translate(-35%, 25%);-ms-transform: rotate(135deg) translate(-35%, 25%);transform: rotate(135deg) translate(-35%, 25%);}
/*Section NewsLetter*/
.newsletter{display: table; width: 85%; margin:auto;}
.newsletter h5{display: table-cell; color:#000; width: 40%; font-size:22px;  font-weight: 600; text-transform:uppercase; vertical-align: top;}
.newsletter h5 span{display:block; font-size:16px;  font-weight: 400; color:#737373; text-transform:none;}
.newsletter-form{display: table-cell; } 
.newsletter-form input[type="text"]{width:calc(100% - 75px); height:65px; vertical-align: top; float: left; border:1px solid #c8c6c6; background-color:#fff; background-image:url("../images/yr-message.svg"); background-repeat:no-repeat; background-size:9% auto;background-position: 96% center; padding-right:70px;}
.newsletter-form input[type="text"]:focus{border-color: #000; }
.newsletter-form input[type="submit"]{background-color:#ffd800; background-image:url("../images/yr-arrow-mark.svg"); background-repeat:no-repeat; background-size:50% auto;background-position: center;  border: 0 none; font-size: 0px; width: 65px; height:65px;}
.newsletter .errorlist{display:block;     margin: 10px 0 0 0;}
/*Section Feature Icon*/
.icon-grid{ display:flex; padding-left: 35px;}
.icon-grid .icon{ width: 45px; height:45px;}
.icon-grid .icon .feature-icon{}
.icon-grid .icon-info{display: table-cell;  font-size:18px;  font-weight: 600; text-transform:uppercase; color:#000; vertical-align: top; padding-left:15px;}
.icon-grid .icon-info span{display:block; font-size:16px;  font-weight: 400; text-transform:none; color:#999;}
/*.icon-grid:hover .icon .feature-icon{fill:#ffd800;}
.icon-grid:hover .icon-info{color:#ffd800;}*/
/*Footer*/
.footer{}
.footer .title{font-size:14px; font-weight:800; color:#fff; text-transform:uppercase; padding-bottom: 17px;}
/*top footer*/
.footer .footerlinks{}
.col-listing .footerlinks li:first-child{margin-top: 0;}
.col-listing .footerlinks li{display:block; margin: 10px 0;}
.col-listing .col-wrap{width:20%;float:left; vertical-align: top;}
.footer .footerlinks li a{font-size:14px; font-weight:400; color:#cccccc; }
.footer .footerlinks li a:hover{ color:#ffd800; }
.inline-listing{display:inline-block;}
.inline-listing .footerlinks li{display:inline-block; margin:5px 0; }
.inline-listing .footerlinks li:first-child a{border-left:0px; padding-left: 0;}
.inline-listing .footerlinks li a{ border-left:2px solid #acacac; padding-right: 5px; padding-left: 10px}
.inline-listing .footerlinks li a.view-link{    color: #ffd800;}
/*Common Social list for home and inner page*/
.col-socialList{text-align: right;}
.col-socialList li{display: inline-block;vertical-align: top;position: relative;margin: 0 3px 0 0;color: #333;}
.col-socialList li a{display: block;padding: 6px; text-align: left; padding: 10px;}
.col-socialList li a span.image{width: 17px;display: inline-block;margin-right: 10px;vertical-align: middle;}
.col-socialList li a span.txt{color: #fff;vertical-align: middle;}
.col-socialList li.link-sh a, .col-socialList li.link-sh .image-color{background:#01bf01;}
.col-socialList li.link-fb a, .col-socialList li.link-fb .image-color{background:#3c589d;}
.col-socialList li.link-li a, .col-socialList li.link-li .image-color{background:#0270ad;}
.col-socialList li.link-tw a, .col-socialList li.link-tw .image-color{background:#01aced;}
.col-socialList li.link-gp a, .col-socialList li.link-gp .image-color{background:#f44a39;}
.col-socialList li.link-pt a, .col-socialList li.link-pt .image-color{background:#9f1121;}
.col-socialList li.link-msg a, .col-socialList li.link-msg .image-color{background:#b7c2c2;}
/*Footer Social list--only for footer*/
.col-socialList li.link-in a{background:#007bb5;}
.col-socialList li.link-yt a{background:#ce1e20;}
.col-socialList li.link-ig a{background:#f6460a;}
/*bootom footer*/ 
.bottom-footer{margin-top:40px; display:inline-block; width:100%;}
.seclection-wrapper{position:relative;}
.seclection-wrapper:after { border-right: 2px solid #000000; border-top: 2px solid #000000; content: "";position: absolute; right: 10px; width: 10px; height: 10px; top: 50%;
                            transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform:rotate(135deg) translate(0,11px);
                            -moz-transform: rotate(135deg) translate(0,11px); -webkit-transform: rotate(135deg) translate(0,11px); pointer-events: none;}
.copyright{font-size:14px; color:#fff; font-weight:400; display: block; width: 100%; text-align: left;}
.copyright .highlight{color:#ffd800; font-weight: 900;}
.payments{background:#fff; display: inline-block; padding:10px; float: right;}
.payments li{display:inline-block; padding:0 5px; vertical-align: top;}
.payments li:first-child{padding-left:0px;}
.payments li:last-child{padding-right:0px;}
/*Login Page Redesign*/
.login-signup { display:inline-block; width:100%;  margin:50px 0;}	
.login-signup .form-block { padding:30px;}	
.login-signup .form-block.full-frm{width:100%; padding:0;}
.login-signup .form-block.fl{width: 35%;float: right; background:#f4f4f4;box-sizing: border-box;}	
.login-signup .form-block.fr{width: 65%;float: left;border:1px solid #ebebeb;box-sizing: border-box;}
.login-signup .form-border{border:0 none; margin:20px 0 0 0;font-size:14px;}
.login-signup .form-border a{text-decoration:underline;color:#000;}
.login-signup .form-block a.fb-color, .login-signup .form-block a.tw-color, .login-signup .form-block a.gp-color{text-decoration:none; min-width: 140px;}
.login-signup .form-block h3{font-size: 17px;}
.login-signup .button_strength{display:inline-block;  float: left; margin-bottom: 10px;}
.login-signup br{display:none;}
.login-signup .form-block.fr .siteForm table td{width:50%;     padding: 0 20px 10px 0;}
.login-signup .form-block.fr .btn{margin-top:20px; display: block; width: 100%; }
.login-signup .form-block.fl .btn, .login-signup .form-block.full-frm .btn{margin-top:10px; display: block; width: 100%; background: #000;color: #fff;} 
.login-signup .form-block.fl .divider, .login-signup .form-block.full-frm .divider{    text-align: center;position: relative;color: #3d403e;display: block; margin: 23px auto;}
.login-signup .form-block.fl .divider span, .login-signup .form-block.full-frm .divider span { background: #f4f4f4; padding: 0 10px; font-size: 18px;font-weight: 700; position: relative; z-index: 1;}	
.login-signup .form-block.fl .divider:after, .login-signup .form-block.full-frm .divider:after { background: #e2e0e0; height: 1px; content: ''; width: 100%; position: absolute; left: 0; top: 13px; z-index: 0;border:0 none;}
.login-signup .form-block.fl .remember-label, .login-signup .form-block.full-frm .remember-label{display: inline-block; margin: 5px 0;    float:left;}
.login-signup .form-block.fl .forget-link, .login-signup .form-block.full-frm .forget-link{line-height:32px;    float: right;     text-decoration: underline;color:#000;}
.login-signup .highlight-note{border-top:1px solid #e2e0e0; display:block; width:100%; margin:40px 0 0 0;padding: 15px 0 0 0;text-align: center;}
.login-signup .siteForm input[type="text"], .login-signup .siteForm input[type="file"], 
.login-signup .siteForm input[type="password"], .login-signup .siteForm select, .login-signup .siteForm textarea{    margin-top: 7px;}
.login-signup .checkbox-default input, .login-signup .checkbox-default .input-helper:before{width:17px; height:17px;     margin-top: 1px;}
.login-signup .input-helper{margin-right:5px;} 
/*Full Popup css*/
.login-popup{margin:10px 0;}
.login-signup .form-block.full-frm .divider span{background:#fff;}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    img[src$=".svg"] {
        width: 100%;
    }
}
/** custom inner pages css **/
/*CReset field*/
.block-reset{display:inline-block;color: #373737; font-size: 14px;margin:10px 0 0;text-decoration:underline;}
/*breadCrumb*/
.section-breadcrumb{padding: 15px 0; margin:0 0 0;}
.breadcrumb-list li{display:inline-block; position:relative; font-size:12px;color:#828282; text-transform:uppercase; font-weight:400; padding:0 15px 0 0;}
.breadcrumb-list li a{color:#828282;}
.breadcrumb-list li span{color:#000;}
.breadcrumb-list li:after {position: absolute;right: 4px; top: 1px; content: "/"; font-size: 12px;}
.breadcrumb-list li:last-child:after { content: " "; }
/*Row head title*/
.row-head{}
.row-head .title h2{ font-size:20px; color:#000000; font-weight:600; text-transform:uppercase; display: inline-block;}
.row-head .title .-txt-count{font-size:20px; color:#000000; display: inline-block;}
.list-inline{}
.list-inline ul{text-align: right;}
.list-inline ul li{display:inline-block;}
/*Left Filter Wrap*/
.filters-block{}
.block{padding:15px; border-bottom: 1px solid #e6e6e6;}
.block-scrollbar{ max-height: 200px; overflow: auto;}
.block-head{margin-bottom:10px}
.block-head h5{color:#000000; font-weight:700; font-size:16px; text-transform:uppercase;}
.list-vertical li{display: block;padding: 0 0 5px 0;position: relative; vertical-align: middle;}
.list-vertical li label{cursor:pointer;}
.list-vertical li:last-child{padding-bottom: 0;}
.list-vertical li .label-txt{font-size:14px; color:#828282; font-weight:400; vertical-align: top;line-height: 15px; }
/*For mobile and tablet fiter */
.list-inline  li .btn .icon-filters {position: absolute;right: 7px;top: 15px;width: 10px;}
.list-inline .btn-filter{font-size: 13px;font-weight: 600; display: none; text-align:left; text-transform:uppercase; background:#fff; color:#333; border: 1px solid #e6e6e6; padding: 11px; font-size: 12px; line-height: 16px;}
/*Sorting Select with Arrow*/
.select-sort { float: right; position: relative; font-size:14px; font-weight:400;}
.select-sort.select-arrow > label {color:#828282;}
.select-sort.select-arrow select {width: auto; color:#000; padding: 0; padding-right: 25px; font-size: 14px; border:0px;     background-image: none;}
.select-sort.select-arrow:after{width: 8px;height: 8px; border-width:2px; right:0; transform: rotate(135deg) translate(0,8px); -moz-transform: rotate(135deg) translate(0,8px); -webkit-transform: rotate(135deg) translate(0,8px);top:18px;}
/*Prod-detail*/
.site-section--details.section{padding:20px 0;}
/*Common this page slider css*/
/* .eagle-gallery .mini-slider .owl-controls{text-align: center; position: absolute; top: 35px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);} */

.eagle-gallery .mini-slider .owl-controls .owl-buttons div.owl-prev{position:absolute;left:10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.eagle-gallery .mini-slider .owl-controls .owl-buttons div.owl-next{position:absolute;right:10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.eagle-gallery .mini-slider .owl-controls .owl-buttons div.owl-prev.disabled,.eagle-gallery .mini-slider .owl-controls .owl-buttons div.owl-next.disabled{ cursor:default;background:#999;}

.eagle-gallery .mini-slider .owl-controls .owl-buttons div{padding: 12px; width: 10px;}
.gallery-thumbs .slick-arrow, .box-item-slider .slick-arrow, .eagle-gallery .mini-slider .owl-controls .owl-buttons div{background:#000;     margin: 5px 0; /*padding:1px 12px;*/ position: relative; z-index: 1;}
.gallery-thumbs .slick-prev:before, .box-item-slider .slick-prev:before, .eagle-gallery .mini-slider .owl-controls .owl-buttons div.owl-prev:before {left: 13px;-webkit-transform: rotate(-45deg) translate(0, -65%); -ms-transform: rotate(-45deg) translate(0, -65%);transform: rotate(-45deg) translate(0, -65%);}
.gallery-thumbs .slick-next:before, .box-item-slider .slick-next:before, .eagle-gallery .mini-slider .owl-controls .owl-buttons div.owl-next:before{right: 5px;-webkit-transform: rotate(135deg) translate(0px, 70%);-ms-transform: rotate(135deg) translate(0px, 70%); transform: rotate(135deg) translate(0px, 70%);}
.gallery-thumbs .slick-arrow:before, .box-item-slider .slick-arrow:before, .eagle-gallery .mini-slider .owl-controls .owl-buttons div:before { position: absolute;  top: 50%; width: 8px; height:8px; border-top: 3px solid #fff; border-left: 3px solid #fff;content: ""; z-index: 1;}
.col-gallery{position: static;}
.gallery{border:1px solid #e2e2e2;}
.gallery-pic, .eagle-medium-wrap {background: #none; position: relative;}

.main-pic { position: relative; width: 100%; padding: 0 0 100% 0;}
.main-pic .main-pic-image {position: absolute; left: 0; right: 0; top: 0;bottom: 0; margin: auto;}
.gallery-thumbs, .mini-slider {  position: relative; width: 100%; margin: 0;    padding-right: 20px;}
.mini-slider {padding:15px;}
.slider-thumbs, .owl-wrapper-outer { padding:0; position: relative; margin-left: -5px;margin-right: -5px;     overflow: hidden;}
.picthumb, .mini-sliderl .owl-item { position: relative; display: block; padding: 5px;}
.picthumb img, .mini-slider .owl-item img{ position: relative;  border: 4px solid transparent; }
.picthumb img, .mini-slider .owl-item.active img{  border: 4px solid #ffd800;}
.gallery .slick-slide{}
.gallery-thumbs .slick-current .picthumb:after {  display: block;}
.picthumb:after, .mini-slider .owl-item:after { position: absolute; left: 5px;right: 5px;top: 5px; bottom: 5px; content: ""; border: 4px solid #ffd800;
                                                pointer-events: none;display: none;}
.gallery-thumbs .slick-prev {top:45px;}
.gallery-thumbs .slick-next{bottom:45px;}
.col-item-detail{float:right;padding-left:30px;}
.col-wrap-detail{}
.col-head{}
.col-title{ font-size:30px; color:#000000; font-weight:600; padding:0;}
.col-desc{ color:#828282; font-size:13px; font-weight:300; padding: 0;}
.col-desc span{color:#000;  font-weight:500; }
.col-head-action-wrap{margin:15px 0; display: inline-block;
                      width: 100%;}
.col-head-action{}
.col-head-action.-left{width:70%; float:left;}
.col-head-action.-right{width:30%; float:right;}
.col-wrap-detail .col-listing{}
.col-wrap-detail .col-listing li:last-child a{border-right:0px;}
.col-wrap-detail .col-listing li{display: inline-block;vertical-align: middle;position: relative;margin: 0; color: #000;padding:0;}
.col-wrap-detail .col-listing li a{display:inline-block;vertical-align: middle;font-size: 13px;color: #000;  border-right:1px solid #bebebe; padding: 0 15px 0 10px;}
.col-wrap-detail .col-listing li a:hover{}
.col-wrap-detail .col-listing li img{display: inline-block;vertical-align:middle;margin: 0 5px 0 0;width:18px;opacity: 0.4;}
.col-wrap-detail .col-listing li .status{background:#ffd800; color:#000000; font-size:13px; font-weight:400; padding: 5px 10px;}
.col-wrap-detail .col-listing li .icon, .col-wrap-detail .heart-link{width:15px; height:15px; display: inline-block;vertical-align: middle;}
.col-wrap-detail .col-listing li .icon{position:relative;top:-2px;}
.col-wrap-detail .col-listing .list-container{position: absolute;right: 0;top: 100%;min-width: 260px;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);} 
.col-wrap-detail .list-container .link-close {top: 0;right: 0;width: 45px; height: 45px; border:0 none; font-size: 25px;color:#000!important; line-height:45px;}
.col-wrap-detail .list-container .list-title { display: block; font-weight: 700; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin: 0 0 15px 0; color: #ff92c2;}
.col-wrap-detail .list-container .list-title a {font-size: 14px;color: #000;text-transform: uppercase;border:0 none; padding: 5px 0}
.col-wrap-detail .list-container .vertical-list {max-height: 135px;margin: 0 0 7px 0;overflow: auto;}
.vertical-list .list-selection {margin: 0;padding: 0;}
.vertical-list .list-selection li { display: block; position: relative; padding: 0 0 7px 0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #666;}
.vertical-list .list-selection li a {background-image: url(../images/select_check.png); background-repeat: no-repeat; background-position: left 2px; font-size: 13px; color: #666;padding: 0 0 0 25px; border:0 none;}
.list-selection li.list-select a {background-image: url(../images/select_check.png);  background-repeat: no-repeat; background-position: left -54px;}
.create-list { width: 100%;}
.create-list input[type="text"] {width: 70%; float: left; height: 36px; line-height: 36px;vertical-align: middle; padding: 0 6px; border-radius: 1px; border: 1px solid #cccccc; font-size: 12px;  color: #999; margin-right: 8px;}
.create-list input[type="submit"] {  float: right;  height: 36px;  vertical-align: middle; cursor: pointer;}
/*Social Listing for Prod detail page*/
.col-wrap-detail .col-socialList li a{padding: 6px;}
.col-wrap-detail .col-socialList li a span.image, .col-wrap-detail .col-socialList li span.image{margin-right:0; display:inline-block;}
/**CSS Conlict Remove from Third Part Css*/
.col-wrap-detail .col-socialList .stButton{margin:0; line-height: 0;  vertical-align: top;}
/*.col-socialList{text-align: right;}
.col-socialList li{display: inline-block;vertical-align: top;position: relative;margin: 0 3px 0 0;color: #333;}
.col-socialList li a{display: block;padding: 6px;}
.col-socialList li a img{width: 17px;}
.col-socialList li.link-sh a{background:#01bf01;}
.col-socialList li.link-fb a{background:#3c589d;}
.col-socialList li.link-tw a{background:#01aced;}
.col-socialList li.link-pt a{background:#c94739;}
.col-socialList li.link-msg a{background:#b7c2c2;}*/
.col-wrap-detail .heart-link.icon{display:inline-block;}
.col-wrap-detail .heart-link.icon svg{stroke: #000; fill:transparent; stroke-width:2px;}
.col-wrap-detail .col-listing li.active .heart-link.icon svg{stroke: #ffd800; fill:#ffd800;}
.col-body{}
.col-body .col-switch-option{}
.switch-listing{margin-left:-10px; margin-right:-10px;}
.switch-listing li{float:left; width:50%; padding:0 10px;}
.switch-listing li a{display:block;background:#fff; border:1px solid #eeeeee; position: relative; text-align: center;}
.switch-listing li a.active, .switch-listing li.active a{background:#eeeeee;}
.switch-listing li a .sticky-title{position:absolute;top:0; left:50%; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); background:#000000; color:#fff; font-size:11px; padding:3px 7px; }
.switch-listing li a .sticky-price{display: block; margin: 40px 0 15px; color:#000000; font-size:26px;font-weight:600; }
.switch-listing li a .sticky-price .sticky-sub-price{ font-size:13px;font-weight:500; text-transform:uppercase; display:block;}
.switch-listing li a.active:before, .switch-listing li.active a:before{background:#000;}
.switch-listing li a.active:after, .switch-listing li.active a:after{display:block;}
.switch-listing li a:before{content:""; position:absolute; background: #eeeeee;width: 20px;height: 20px;border-radius: 100%;left: 10px;top: 10px;}
.switch-listing li a:after{display:none;content:""; position:absolute; border-bottom: 2px solid #fff;border-left: 2px solid #fff; width: 10px;height: 7px; top: 15px;left: 15px; -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.col-body p{ color:#828282; font-size:13px; font-weight:400; margin-top:5px; display:inline-block; width:100%;}
.sticky-title:after{content:""; position:absolute; bottom:-4px; left:50%; width: 0;height: 0; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); 
                    border-style: solid;border-width: 5px 5px 0 5px;border-color: #000 transparent transparent }
.col-detail{}
.col-detail .col-list{}
.col-detail .col-list li{font-size:13px; font-weight:400; padding: 10px 10px 0 0;color: #000;}
.col-detail .col-list li span{color: #828282;}
.col-detail .col-list.list-floated li{float: left;width: 50%;}
.col-boxes{display: inline-block; width:100%; margin: 22px 0 0;}
.col-box{/*background:#f6f6f6;*/ border:1px solid #eeeeee; padding:20px;}
.col-box h4{font-size:13px; color:#000000; font-weight:500;}
.action-box-list{display: inline-block; margin-left: -10px; margin-right: -10px; vertical-align: top;}
.action-box-list li{float: left;padding: 0 10px; width: 50%;}
.action-box{}
.action-box input{width: 100%; border:1px solid #eeeeee; padding: 10px; background-image:url("../images/cal.svg"); 
                  background-color:#fff;  background-repeat:no-repeat; background-position: 95% center; padding-right:30px;}
.col-boxes .qty {display: inline-block; vertical-align: middle;white-space: nowrap; width: 100%;}
.col-boxes .qty .decrease {border-right: none;}
.col-boxes .qty .increase { border-left: none;}
.col-boxes .qty .increase:hover, .qty .decrease:hover{background:#000; border-color:#000;color:#fff;}
.col-boxes .qty .increase, .qty .decrease {border: 1px solid #eeeeee; background:#f6f6f6; height: 42px;width: 40px; float: left;line-height: 2.5;font-size:15px;font-weight: 600;text-align: center; cursor: pointer;vertical-align: middle; color:#000;}
.col-boxes .qty input {width: calc(100% - 80px);height: 42px;text-align: center; display: inline-block;	 vertical-align: middle; margin: 0; float: left; font-size: 15px;}
.col-price-wrap{float: right;}
.col-price{    margin-bottom: 20px; padding: 10px; background: #f6f6f6;border: 1px solid #eee; border-top: 0px;}
.col-price .actual-price{}
.col-price .actual-price .price-value{display: inline-block; color: #000000; font-size:13px; font-weight:500;}
.col-price .actual-price .price-value .add-value{ color:#828282;}
.col-price .total-price{ font-size:20px; color: #000000; font-weight:600;}
.col-price .total-price .total-value{}
.col-price .total-price .price-tag{ font-weight:300;}
/*Css as per old library for Form*/
.col-box .siteForm table td{    padding-right: 0px;}
.col-box  .siteForm .spn_must_field{    margin-bottom: 5px;}
.col-box input[type="checkbox"], .col-box input[type="radio"]{vertical-align:middle;}
.col-box .table-two{border-collapse: separate; border-spacing:10px 0;     margin-left: -10px; margin-right: -10px; width: auto;}
.col-box .table-two tr{background:#f6f6f6; }
.col-box .table-two tr td{border: 1px solid #eeeeee;  }
.col-box .table-two tr:last-child{background:transparent;}
.col-box .table-two tr:last-child td{padding:10px 0;}
.col-box .table-two tr td{padding:10px; vertical-align: top; position: relative; width: 50%;display:table-cell;}
.col-box .table-two tr:last-child td{border:0px;}
.col-box .table-two tr td img{position: absolute; right: 20px; top: 42px;}
.col-box .table-two tr td #cart-button{margin:24px 0 0;}
/*to hide br*/
.col-box tr br{display:none;}
/*Cart button css*/
.col-action .btn, .table-two input[type="submit"]{font-weight: 700; padding: 0 30px;}
.seller-bar{background:#f6f6f6; padding:20px 25px;}
.col-seller-list{}
.col-seller-list li{display:block; vertical-align: top; margin-bottom: 3px; }
.col-seller-list li .col-title{display:inline-block;  font-size:18px; color:#000000; font-weight:600; text-transform:uppercase; vertical-align: middle;}
.col-seller-list li .sub-info{ font-size:14px; color:#828282; font-weight:500; vertical-align: middle; margin-left: 10px;}
.col-seller-list li .sub-info .link{color:#000000; font-weight:600; text-transform:capitalize; text-decoration:underline;}
.rating-wrap .rating-star{display: inline-block;vertical-align: middle; }
.rating-wrap .rating-star img{}
.rating-wrap .rating-value{display: inline-block;}
.rating-wrap .rating-value .link{ font-size:13px; color:#000000; font-weight:500; text-transform:capitalize; }
.col-seller-list li .col-total-item{display:inline-block; font-size:13px; color:#000000; font-weight:500; line-height: 25px;}
.col-seller-list li .col-total-item .item-tag{}
/*Cms Container CSS*/
.container-cms h3, .container-cms h4, .container-cms h5, .container-cms h6{color:#000; font-size:17px; font-weight:600; margin:10px 0;}
.container-cms p{color:#737373; font-size:15px; font-weight:400;}
.tab {margin: 0;  position: relative;}
.tab li {display: inline-block; vertical-align: top; padding: 0 20px 0 0; position: relative; text-transform: uppercase; color: #332e33;font-weight: 600;margin:0;}
.tab li.is-active a {}
.tab li:first-child a {}
.tab li a { color: inherit; padding: 20px 45px;position: relative; display: block;background: #f6f6f6;border: 1px solid #eeeeee; font-size: 15px; font-weight: 700;}
.tab li.is-active a {background:#fff;display: block;}
.tab li a:after {left: 0;  right: 0; bottom: -2px;height: 2px; background: #fff;  content: ""; position: absolute; display: none;}
.tab li.is-active a:after{display:block;}
.tab-datacontainer{border: 1px solid #eeeeee; padding:20px;}
.tab-datacontainer .desc-txt{padding:0;}
/*Slider for prod detail */
.box-item-slider .slick-arrow{position: absolute;}
.section-item-detail .repeat-row{ margin-top: -5px;}
.repeat-row .row-title{ font-size:20px; color:#000000; font-weight:700; text-transform:uppercase; padding-bottom: 20px;}
/*Dashboard Css*/
.dashboard{margin-bottom: 50px;}
.dash-nav{    background: #f4f4f4;     padding: 15px; padding-right:0;}
.dash-nav li a{padding:10px; font-size:13px; position:relative; }
.dash-nav li a:after{content:""; position:absolute; top:0; right:-1px; background:transparent; width:2px; height:100%;}
.dash-nav li.active a:after{ background:#fff; }
.dash-nav li.active a i svg path, .dash-nav li.active a i svg rect, 
.dash-nav li.active a i svg ellipse, .dash-nav li.active a i svg polygon, .dash-nav li.active a i svg circle, 
.dash-nav li a:hover i svg path, .dash-nav li a:hover i svg rect, .dash-nav li a:hover i svg ellipse, 
.dash-nav li a:hover i svg polygon, .dash-nav li a:hover i svg circle, .dash-nav li a.active i svg path, 
.dash-nav li a.active i svg rect, .dash-nav li a.active i svg ellipse, .dash-nav li a.active i svg polygon, 
.dash-nav li a.active i svg circle{fill:#000;}
.dash-nav li a:hover, .dash-nav li.active a{ background: #fff; color:#000; /*border:solid 1px #dedddd; border-right:0px;*/}
.dashboard .left-data{table-layout:fixed; width:auto; border:0px;}
.dash-nav li{margin-bottom:10px;}
.dash-nav li a .count{top: 10px;}
.dashboard .data-side{border:0px;    /* padding-left: 15px;*/ padding:30px 0 30px 30px;}
.tbl-email table, .tbl-listing table{border: 1px solid #dedddd;}
.dashboard .tbl-email, .dashboard .tbl-listing {margin: 0;}
.dashboard .thumb-list li .thumb{width: 80px;}
/*Affiliate Dashboard Css*/
.affiliate-dashboard-info{    margin: 25px 0;}
.affiliate-dashboard-info .title{padding-bottom: 10px;  margin: 0; font-size: 16px; float:left; display:inline-block}
.affiliate-dashboard-info .view-more{ display: inline-block;float: right; vertical-align: middle; padding:0; text-transform: capitalize; background:none; font-size: 13px;}
.affiliate-dashboard-info .tbl-normal{    margin-bottom: 25px;}
.wallet-btn .btn.btn-black.paynow{background:#ffd800;}
/*Affiliate Page Css*/
.affiliate-login{}
.affiliate-login br{display:none;}
.affiliate-login .siteForm table td{width:50%;}
.affiliate-login .forget-link,.advertiser-login .forget-link{ line-height: 32px;float: right;text-decoration: underline;}
.affiliate-login .siteForm input[type="text"], .affiliate-login .siteForm input[type="file"],
.affiliate-login .siteForm input[type="password"], 
.affiliate-login .siteForm select, .affiliate-login .siteForm textarea{ margin-top: 7px;}
/*Dashboard Buyer*/
.tbl-dashboard a.order{color:#000; font-weight:700;}
/*My Orders tab in dashboard*/
.white-form{    background: #fff;margin-bottom: 20px; border-bottom: solid 1px #dcdbdb;}
.white-form.inline-form .siteForm table td{padding-bottom:0;}
.white-form .siteForm input, .white-form .siteForm select{ border: solid 1px #dcdbdb;}
.white-form .siteForm input[type="submit"],.white-form .siteForm .btn{border:none;height:42px; line-height:42px;}
/*Favourite tab in dashboard*/
.collectionbox label{color:#fff;}
.collectionbox .siteForm table td{padding-bottom: 5px;padding-right: 0;}
.collectionbox .siteForm input[type="submit"]:hover{background: #ffd800; color:#000;}
/*Messages and My Wallet in Dashboard*/
.tbl-email, .tbl-listing{margin:0 20px;}
.wallet-cell-left{ margin: 0; display: inline-block;width: 100%;}
.mycredits .wallet-cell-left .crr-blnc{vertical-align: middle; display:block; padding:0;background:none;border:none; height: auto;
                                       line-height: normal;}
.mycredits .wallet-cell-left .crr-blnc strong{display: block;font-size: 20px;}
.wallet-cell-left .btn{margin:30px 0 0 0;}
.wallet-cell-right .enter-amount{margin:0;}
.wallet-cell-right .enter-amount-label, .wallet-cell-right label{display: block; margin-bottom:5px;}
.section-pattern{background:#2f2f2f url(../images/repeat_pattern.jpg) repeat top center; }
.section-pattern .title{color:#fff;display:inline-block;}
.section-pattern .section-title .btn.btn-link{color:#fff;}
.ftshops.ftshops--centered{text-align:center;}
.ftshops.ftshops--centered [class*="col-"]{float:none;display:inline-block;vertical-align:top;margin:0 -2px;}
.section--grids .grid{margin-bottom:18px;}
.section-steps .steps-listing{margin-top:30px;}
.cart-summary td:first-child{width:100px;}
.cart-summary tr:first-child td{padding-top:0;}
.cart-summary tr:last-child{border-bottom:none;}
.section-page.section{padding: 0;}
.page-title{padding:30px 0;border-bottom:1px solid #e6e6e6;text-align:center;}
.shop-list--all{padding:40px 0;}
.shop-list--all .card{margin:0 0 30px 0;}
.advertiser-login .border-box,.affiliate-login .border-box{padding:40px;min-height:400px;}
.advertiser-login .border-box.box-grey{border:none;}
#frm_mbs_id_frmLogin.siteForm table td{width:50%;font-size:14px;}
.container-narrow{padding:30px;border:1px solid #eee;margin:40px 0;}
.seller-txt .title .btn{background:#ffd800;color:#000;line-height:normal;}
.cta .btn.medium{line-height:normal;font-size:14px;background:#ffd800;color:#000;}
.cta .btn.medium:hover{background:#000;color:#fff;}
.percent img{display:block; margin:auto;}
.profile-head .items-list li a{color:#fff;}
.profile-head .items-list li a span{background:#ffd800;color:#fff;}
.profile-head.profile-head-shop{background:#fff; color:#333;}
.profile-head.profile-head-shop .items-list li a{color:#000;}
.space-lft-right .wrapform{background:#fff;border:1px solid #dedddd; margin:0;}
/*Recent Activity*/
.threeCols  .card-bottom{ display:inline-block; width:100%; min-height:90px;   text-align: left;border-top: 1px solid #eeeeee; padding:15px;}
.threeCols  .card-bottom .title{ color: #000000; font-size: 16px; font-weight: 600;text-overflow: ellipsis; overflow: hidden;
                                 white-space: nowrap; display: block;}
.threeCols .grid-wrap.border{border:1px solid #ddd;}
.threeCols .grid-wrap.border .grid-detail{padding:15px;min-height:90px;border-top:1px solid #eee;}
.threeCols .grid-wrap.border:hover{box-shadow:0 10px 10px 5px rgba(0, 0, 0, 0.06);}
.tabz-content .mycredits{background:#f4f4f4;margin:0;padding:20px;width:100%;display:inline-block;}
.wallet-cell-right #frmCreditsWalletForm.siteForm table td{display:block;width:100%;padding-bottom:0;}
.wallet-cell-right #frmCreditsWalletForm.siteForm table td br{display:none;}
.mycredits.space-lft-right.row{padding:20px 10px;}
.link-box{display: inline-block;width: 100%;margin: 0 0;}
.link-box ul{margin: 0 -10px;}
.link-box ul li{padding:10px 12px 10px;display: inline-block;vertical-align: top;width: 20%;margin: 0 -2px;}
.link-box ul li a{text-align: center;display: block;padding:10px; font-size:0.85em; border-radius:3px;border:1px solid #ddd;background: #fff;color: #000;}
.link-box ul li a h5{color: inherit;font-size: 1.4em;}
.link-box ul li a:hover{background: #333;color: #fff;border-color:#333;}
.link-box ul li a span{font-size: 1em;display: block;}
.space-lft-right .alert{margin-top:15px;}
.affiliate-dashboard-info .tbl-normal td{width:50%;}
.text-wrapper {
    background: #fff;
    padding: 50px 10px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.text-wrapper .title {
    font-size: 300px;
    font-weight: 700;
    color: #000;
    line-height: 1;
    position: relative;
}
.text-wrapper .subtitle {
    font-size:24px;
    font-weight: 300;
    color: #000;
    line-height: 1;
    position: relative;
    margin-bottom: 50px;
}
.text-wrapper .subtitle:after, .text-wrapper .title:after {
    content: attr(data-content);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 red;
    top: 0;
    color: white;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    -webkit-animation: noise-anim 2s infinite linear alternate-reverse;
    animation: noise-anim 2s infinite linear alternate-reverse;
}
.text-wrapper .subtitle:before, .text-wrapper .title:before {
    content: attr(data-content);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 blue;
    top: 0;
    color: white;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    -webkit-animation: noise-anim-2 3s infinite linear alternate-reverse;
    animation: noise-anim-2 3s infinite linear alternate-reverse;
}
.text-wrapper .buttonNormal {
    display: inline-block;
    width: auto;
}

.sold-out {
	color : #FF0000;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .text-wrapper .title {
        font-size: 125px;
    }
    .text-wrapper .subtitle {
        font-size: 20px;
    }
}
.tabz-content .arrowTabs + h3{margin:20px 0 0;}
.arrowTabs + .clearfix + .darkgray-form{padding:20px;border:1px solid #ddd;}
.mfp-content .img-container {margin-top:20px;}
.cart-detail .no-product .rel-icon{width:100px; margin:auto;display:block;}
.cart-detail .no-product .no-product-txt span{font-size:18px;}
.table.tbl-responsive {border:1px solid #ddd;font-size:13px;}
.table.tbl-responsive td{border-bottom:1px solid #ddd;padding:10px;}
.table.tbl-responsive th{border-bottom:1px solid #ddd;padding:10px; text-align:left;}
.tabs_content.border_cover h4{font-size:16px;font-weight:600;}
.-container-bordered{border:1px solid #ddd;border-top:none;}
.darkgray-form{background:#f4f4f4;padding:20px;}
.product_tabs .well.well-sm{background:#f4f4f4;}
.product_tabs .well.well-sm > div{padding:10px 15px 0;}
.product_tabs .well.well-sm > div .remove_tag{display:inline-block;vertical-align:top;position:relative;top:5px;}
/* faq page */
.boxflat{position: relative;margin: 0 0 30px;background: #fff;border:1px solid #e6e6e6;
         -webkit-transition:all 250ms ease 0s;
         -o-transition: all 250ms ease 0s;
         transition: all 250ms ease 0s;color:#333;}
.boxflat:first-child{border-top:none;}
.boxflat__head{padding:30px; position: relative;width: 100%;}
.boxflat__head h4{ color: #1a1a1a; padding:0 0 0;font-size:1.6em;font-weight: normal;}
.boxflat__body{position: relative;width: 100%; padding:0 30px 20px;border-radius: 0 0 3px 3px;}
.boxflat__box{border-bottom: 1px solid #f2f2f2; padding: 20px;}
.boxflat__box:last-child{border-bottom:none;}
.boxflat.is-active .boxflat__head{background: none;}
.boxwhite .list--vertical li a {padding:20px 10px;}
.box-container .group{width: 100%; position: relative;border-top: 1px solid rgba(0,0,0,0.08);}
.group .group__head{width: 100%; position: relative; padding:24px 40px 24px 0;cursor: pointer;}
.group .group__head h5{padding: 0;color:inherit;font-size:1em; font-weight:600;}
.group .group__body{padding:0 0 20px 0;}
.group .group__body p{color:inherit;}
.group .group__head:after{width:8px; height: 8px;position: absolute; right:5px; top:30px; content: ""; border-right: 1px solid #333; border-top: 1px solid #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);pointer-events: none;}
.group.is-active .group__head:after{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); top:28px;}
.list--vertical-js li a.is-active{background:#000;color:#fff;}
.map-wrap{height:300px; background: #fff;padding: 10px;}
.boxwhite{background: #f4f4f4;position: relative;overflow: hidden;padding:15px;}
@media(min-width:1200px){
    #left__fixed.stick{position: fixed;width: 275px;}
}
.darkgray-form .tabs-form .tabz-content{padding:15px 10px 10px 15px;background:#fff;border:1px solid #dedddd;}
#frmSearchSellerSubscriptions .btn.btn--secondary{background:#333;}
.discount-code a.btn{font-size:13px;}
.discount-code a.btn.btn-border{line-height:normal;padding:10px 10px;}


.action_listing li .action_loc input[type="text"]{background:none; border:none;width:220px;max-width:220px;height:25px;color:#fff; text-transform:uppercase;padding-right:20px;padding-left:5px;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCNjZDMEI4NDIwRTExRThBRkYwRDM5MkJDRkNFQTYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCNjZDMEI5NDIwRTExRThBRkYwRDM5MkJDRkNFQTYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkI2NkMwQjY0MjBFMTFFOEFGRjBEMzkyQkNGQ0VBNjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkI2NkMwQjc0MjBFMTFFOEFGRjBEMzkyQkNGQ0VBNjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5kMAyEAAAAYklEQVR42mL4////tP/Eg2kMQIIZiDcSoRikhhmkAYS5gfgSHsUgOS6QWpgGEJYB4sdYFD+GyjGgawBhXSD+iqQYxNZDVoOuAYT9gPgPFPuhyzOCdWGCTCBmBOJp6BIAAQYAuWMEPN5T2W4AAAAASUVORK5CYII='); background-position: calc(100% - 3px) 10px; background-repeat: no-repeat;background-size:8px 5px;}
.action_listing li .action_loc{position:relative;}

.pac-container{min-width:300px;box-shadow:0 10px 20px 10px rgba(0, 0, 0, 0.1); margin:0 0 0 -20px;max-height:400px;overflow:auto;}
.pac-container .pac-item{padding:10px 10px 10px 40px; white-space:normal;position:relative;text-overflow:inherit;overflow:auto; line-height:normal;}

.pac-container .pac-item .pac-icon{position:absolute;left:10px;top:5px;}
.pac-container .pac-item .pac-item-query{display:block;}
.pac-container .pac-item:first-child{border-top:none;}

.pac-logo:after{margin:10px 10px 10px 0;}
.action-user-even{margin-right:15px;}
.sticky-old-price{text-decoration: line-through;color: #999;font-weight: 300;}
.dropdown-menu{background: #fff;box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1);padding:15px;position:absolute;z-index:1;min-width:250px;}
.dropdown-menu .dropdown-header{font-weight:600;}
.dropdown-menu a{ text-decoration:none;}
table.optionValue select{margin-bottom:5px;}

#attribute .dropdown-menu, #option .dropdown-menu{ display: none; }

.action_listing li .action_loc input[type="text"]::-webkit-input-placeholder{color: #fff;opacity:1;}
.action_listing li .action_loc input[type="text"]:-moz-placeholder {color: #fff;opacity:1;}
.action_listing li .action_loc input[type="text"]::-moz-placeholder {color:#fff;opacity:1;}
.action_listing li .action_loc input[type="text"]:-ms-input-placeholder {color:#fff;opacity:1;}

.top-footer .inline-listing{margin:40px 0 0;}

.block.radius_block .filter-content,.block.box_price_range .filter-content{margin:0 -10px;}
.block.box_price_range .filter-content > .row{padding:0 10px;}

.bag-item .product-name a,.cart-tbl .product-name a{color:#000;font-weight:600;}

.section-item-detail .xdsoft_date { background-color: #329932 !important; color:#fff !important; opacity: 1 !important; }
.section-item-detail .xdsoft_disabled { background-color: #F5F5F5 !important; color:#666666 !important; opacity:0.2 !important; }
.section-item-detail .xdsoft_disabled.false { background-color: #ff3232 !important; color:#fff !important; opacity: 1 !important; }
.extended-caption {color:red !important; font-weight:bold !important;}



.bannerslider .slick-arrow{width: 60px;height: 60px;position:absolute; top:50%;z-index:1;}
.bannerslider .slick-arrow.slick-disabled{opacity:0.5;}

.bannerslider .slick-arrow.slick-next{right: 0;}
.bannerslider .slick-arrow.slick-prev{left: 0;}
.bannerslider .slick-arrow.slick-next:before{width:30px; height: 30px;border-right:5px solid #000; border-bottom:5px solid #000;z-index: 1;top: 15px;left:28px;content: "";transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);left:4px;top:15px;position: absolute; }

.bannerslider .slick-arrow.slick-next:after{width:30px; height: 30px;border-right:5px solid #fff; border-bottom:5px solid #fff;content: "";left:7px;top:15px;position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}

.bannerslider .slick-arrow.slick-prev:before{width:30px; height: 30px;border-right:5px solid #000; border-bottom:5px solid #000;z-index: 1;content: "";transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg);left:20px;top:15px;position: absolute;}
.bannerslider .slick-arrow.slick-prev:after{width:30px; height: 30px;border-right:5px solid #fff; border-bottom:5px solid #fff;content: "";left:17px;top:15px;position: absolute; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg);}

.tbl-email tr.unread td{background:rgba(0,0,0,0.03); color:#000;}

@media(max-width:1200px){
	.bannerslider .slick-arrow{top:50%; margin-top:-30px;}
}
@media(min-width:1200px){
.bannerslider .slick-arrow.slick-next{right:50%; margin-right:-600px;}
.bannerslider .slick-arrow.slick-prev{left:50%; margin-left:-600px;}
.bannerslider:hover .slick-arrow{opacity:1;}
.bannerslider .slick-arrow.slick-disabled,.bannerslider .slick-arrow{opacity:0;}
.bannerslider:hover .slick-arrow.slick-disabled{opacity:0.5;}
}



.istoolbar_container tr td{padding-right:0!important;}