/* -----------------------------------------
   Template helpers
----------------------------------------- */

/* Printing */

.only-print {
    display: none;
}
@media print {

    /* - prevent page break inner div block */
    .avoid-break-inside {
        page-break-inside: avoid;
    }

    /* - force break page */
    .always-break-after {
        page-break-after: always !important;
    }

    .hidden-print {
        display: none;
    }

    .only-print {
        display: block;
    }
}


/* Zoom Effect */

.CodeMirror-wrapper.autoheight .CodeMirror {
    height: auto !important;
}

.CodeMirror-wrapper .CodeMirror-label {
    width: 100%;
    padding: 5px 20px;
    font-weight: 700;
    margin: 0;
    background-color: cadetblue;
    color: #fff;
}

.CodeMirror-wrapper .CodeMirror-label.code-php {

}

/* ------------------ Effect --------------------*/

/* Zoom Effect */

.grow {
    transition: all .2s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}

/* Glass Effect */

a.wd-effect:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
    z-index: 2;
}

a.wd-effect img {
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1
}

a.wd-effect:hover:before {
    box-shadow: 0 1px 28px 5px #1e1e1e inset;
    -webkit-box-shadow: 0 1px 28px 5px #1e1e1e inset;
    -moz-box-shadow: 0 1px 28px 5px #1e1e1e inset;
    -o-box-shadow: 0 1px 28px 5px #1e1e1e;
}

a.wd-effect, a.wd-effect-mirror {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
}

a.wd-effect.opacity:before {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

/* Find glass.png in "Dropbox\_webComponent\img_other\glass.png" */
a.wd-effect-mirror:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: url("../../../../images/glass.png") no-repeat scroll -265px 0 transparent;*/
    background: url("../../../../images/glass.png") no-repeat scroll -120% 0 transparent;
    background-size: auto 100%;
    z-index: 1;
}

a.wd-effect-mirror:hover:after {
    background-position: 1200px 0;
    transition: all 3s ease 0s;
    -moz-transition: all 3s ease 0s;
    -webkit-transition: all 3s ease 0s;
}

/* Shadow Effect */

a.wd-effect-shadow {
    display: inline-block;
    width: 100%;
    text-align: center;
}

a.wd-effect-shadow img {
    transition: all 200ms ease-in-out 0s;
    -moz-transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
}

a.wd-effect-shadow:hover img {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

a.wd-effect-shadow {
    margin: 5px 0;
}

a.wd-effect-shadow:hover {
    margin: 0 0 10px 0
}

/* ------------------ Sizes --------------------*/
.s8 {
    font-size: 8px !important;
}

.s10 {
    font-size: 10px !important;
}

.s12 {
    font-size: 12px !important;
}

.s14 {
    font-size: 14px !important;
}

.s16 {
    font-size: 16px !important;
}

.s20 {
    font-size: 20px !important;
}

.s24 {
    font-size: 24px !important;
}

.s32 {
    font-size: 32px !important;
}

.s64 {
    font-size: 64px !important;
}

/* ------------------ Vertical align --------------------*/
.vat {
    vertical-align: top !important;
}

.vam {
    vertical-align: middle !important;
}

.vab {
    vertical-align: bottom !important;
}

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ------------------ Margins --------------------*/
.row.no-padding {
    margin-left: 0;
    margin-right: 0;
}

.row.no-padding [class^="col-"] {
    padding: 0;
}

.m0 {
    margin: 0 !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

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

.mt25 {
    margin-top: 25px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

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

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

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

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

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

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

/* Minus margins */
.mlm5 {
    margin-left: -5px !important;
}

.mlm10 {
    margin-left: -10px !important;
}

.mlm15 {
    margin-left: -15px !important;
}

.mlm20 {
    margin-left: -20px !important;
}

.mlm25 {
    margin-left: -25px !important;
}

.mtm5 {
    margin-top: -5px !important;
}

.mtm10 {
    margin-top: -10px !important;
}

.mtm15 {
    margin-top: -15px !important;
}

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

.mtm25 {
    margin-top: -25px !important;
}

.mrm5 {
    margin-right: -5px !important;
}

.mrm10 {
    margin-right: -10px !important;
}

.mrm15 {
    margin-right: -15px !important;
}

.mrm20 {
    margin-right: -20px !important;
}

.mrm25 {
    margin-right: -25px !important;
}

.mbm5 {
    margin-bottom: -5px !important;
}

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

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

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

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

/* ------------------ Paddings --------------------*/
.p0 {
    padding: 0 !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl50 {
    padding-left: 50px !important;
}

/* ------------------ Percent widths --------------------*/
.per5 {
    width: 5% !important;
}

.per10 {
    width: 10% !important;
}

.per15 {
    width: 15% !important;
}

.per20 {
    width: 20% !important;
}

.per25 {
    width: 25% !important;
}

.per30 {
    width: 30% !important;
}

.per35 {
    width: 35% !important;
}

.per40 {
    width: 40% !important;
}

.per45 {
    width: 45% !important;
}

.per50 {
    width: 50% !important;
}

.per55 {
    width: 55% !important;
}

.per60 {
    width: 60% !important;
}

.per65 {
    width: 65% !important;
}

.per70 {
    width: 70% !important;
}

.per75 {
    width: 75% !important;
}

.per80 {
    width: 80% !important;
}

.per85 {
    width: 85% !important;
}

.per90 {
    width: 90% !important;
}

.per95 {
    width: 95% !important;
}

.per100 {
    width: 100% !important;
}

/* ------------------ Borders --------------------*/
.b {
    border: 1px solid #e3e3e3 !important;
}

.bt {
    border-top: 1px solid #e3e3e3 !important;
}

.br {
    border-right: 1px solid #e3e3e3 !important;
}

.bb {
    border-bottom: 1px solid #e3e3e3 !important;
}

.bl {
    border-left: 1px solid #e3e3e3 !important;
}

.btlr {
    border-top-left-radius: 3px !important;
}

.btrr {
    border-top-right-radius: 3px !important;
}

.bblr {
    border-bottom-left-radius: 3px !important;
}

.bbrr {
    border-bottom-right-radius: 3px !important;
}

.brall {
    border-radius: 3px !important;
}

.bn {
    border: none !important;
}

.bnt {
    border-top: none !important;
}

.bnb {
    border-bottom: none !important;
}

.bnl {
    border-left: none !important;
}

.bnr {
    border-right: none !important;
}

.brad0 {
    border-radius: 0 !important;
}

.btlr0 {
    border-top-left-radius: 0 !important;
}

.btrr0 {
    border-top-right-radius: 0 !important;
}

.bblr0 {
    border-bottom-left-radius: 0 !important;
}

.bbrr0 {
    border-bottom-right-radius: 0 !important;
}

.brad {
    border-radius: 3px !important;
}

.bbdashed {
    border-bottom: 1px dashed #e3e3e3 !important;
}

.bbr20 {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.btr20 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/* ------------------ Colors --------------------*/
.color-red {
    color: #db5565 !important;
}

.color-red-light {
    color: #df6a78 !important;
}

.color-red-dark {
    color: #c04b59 !important;
}

.color-blue {
    color: #0bacd3 !important;
}

.color-blue-light {
    color: #29b6d8 !important;
}

.color-blue-dark {
    color: #0a97b9 !important;
}

.color-green {
    color: #51bf87 !important;
}

.color-green-light {
    color: #66c796 !important;
}

.color-green-dark {
    color: #47a877 !important;
}

.color-yellow {
    color: #f4ad49 !important;
}

.color-yellow-light {
    color: #f5b75f !important;
}

.color-yellow-dark {
    color: #d69840 !important;
}

.color-white {
    color: #ffffff !important;
}

.color-dark {
    color: #262d37 !important;
}

.color-dark-light {
    color: #303946 !important;
}

.color-dark-dark {
    color: #1c2128 !important;
}

.color-gray {
    color: #555555 !important;
}

.color-gray-light {
    color: #777777 !important;
}

.color-gray-dark {
    color: #333333 !important;
}

/* ------------------ Backgrounds --------------------*/
.white-bg {
    color: #333333 !important;
    background-color: #ffffff !important;
}

.red-bg {
    color: #ffffff !important;
    background-color: #db5565 !important;
}

.red-light-bg {
    color: #ffffff !important;
    background-color: #df6a78 !important;
}

.red-dark-bg {
    color: #ffffff !important;
    background-color: #c04b59 !important;
}

.blue-bg {
    color: #ffffff !important;
    background-color: #0bacd3 !important;
}

.blue-light-bg {
    color: #ffffff !important;
    background-color: #29b6d8 !important;
}

.blue-dark-bg {
    color: #ffffff !important;
    background-color: #0a97b9 !important;
}

.green-bg {
    color: #ffffff !important;
    background-color: #51bf87 !important;
}

.green-light-bg {
    color: #ffffff !important;
    background-color: #66c796 !important;
}

.green-dark-bg {
    color: #ffffff !important;
    background-color: #47a877 !important;
}

.yellow-bg {
    color: #ffffff !important;
    background-color: #f4ad49 !important;
}

.yellow-light-bg {
    color: #ffffff !important;
    background-color: #f5b75f !important;
}

.yellow-dark-bg {
    color: #ffffff !important;
    background-color: #d69840 !important;
}

.gray-bg {
    color: #333333 !important;
    background-color: #555555 !important;
}

.gray-light-bg {
    color: #333333 !important;
    background-color: #777777 !important;
}

.gray-lighter-bg {
    color: #333333 !important;
    background-color: #eeeeee !important;
}

.gray-dark-bg {
    color: #333333 !important;
    background-color: #333333 !important;
}

.gray-darker-bg {
    color: #333333 !important;
    background-color: #222222 !important;
}

.dark-bg {
    color: #ffffff !important;
    background-color: #262d37 !important;
}

.dark-light-bg {
    color: #ffffff !important;
    background-color: #303946 !important;
}

.dark-dark-bg {
    color: #ffffff !important;
    background-color: #1c2128 !important;
}

/* ------------------ Opacity --------------------*/
.opacity {
    opacity: 1 !important;
}

.opacity0 {
    opacity: 0 !important;
}

/* ------------------ Typo --------------------*/
.strong {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.normal {
    font-weight: normal;
}

.text-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ------------------ Contextual colors --------------------*/
.text-muted {
    color: #777777;
}

.text-primary {
    color: #0bacd3;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0884a3;
}

.text-success {
    color: #51bf87;
}

a.text-success:hover,
a.text-success:focus {
    color: #3ba26e;
}

.text-info {
    color: #29b6d8;
}

a.text-info:hover,
a.text-info:focus {
    color: #2093ae;
}

.text-warning {
    color: #f4ad49;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #f19719;
}

.text-danger {
    color: #db5565;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #d12c40;
}

.text-yellow {
    color: #f4ad49;
}

a.text-yellow:hover,
a.text-yellow:focus {
    color: #f19719;
}

.text-dark {
    color: #262d37;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #111419;
}

/* ------------------ Positions --------------------*/
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

/* ------------------ Rotate helpers --------------------*/
.rotate0 {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.rotate15 {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.rotate30 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.rotate45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rotate60 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.rotate75 {
    -webkit-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    transform: rotate(75deg);
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate105 {
    -webkit-transform: rotate(105deg);
    -ms-transform: rotate(105deg);
    transform: rotate(105deg);
}

.rotate120 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.rotate135 {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rotate150 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.rotate165 {
    -webkit-transform: rotate(165deg);
    -ms-transform: rotate(165deg);
    transform: rotate(165deg);
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotateM15 {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.rotateM30 {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.rotateM45 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rotateM60 {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.rotateM75 {
    -webkit-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

.rotateM90 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.rotateM105 {
    -webkit-transform: rotate(-105deg);
    -ms-transform: rotate(-105deg);
    transform: rotate(-105deg);
}

.rotateM120 {
    -webkit-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    transform: rotate(-120deg);
}

.rotateM135 {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.rotateM150 {
    -webkit-transform: rotate(-150deg);
    -ms-transform: rotate(-150deg);
    transform: rotate(-150deg);
}

.rotateM165 {
    -webkit-transform: rotate(-165deg);
    -ms-transform: rotate(-165deg);
    transform: rotate(-165deg);
}

.rotateM180 {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* ------------------ Other --------------------*/
.bshadowNone {
    box-shadow: none !important;
}

.di {
    display: inline !important;
}

.dib {
    display: inline-block !important;
}

.db {
    display: block !important;
}

/* ------------------ Bestz --------------------*/

.no_highlight *::selection {
    background: rgba(0, 0, 0, 0); /* WebKit/Blink Browsers */
}

.no_highlight *::-moz-selection {
    background: rgba(0, 0, 0, 0); /* Gecko Browsers */
}

body:not(.no_highlight) *::selection {
    background: #000; /* WebKit/Blink Browsers */
    color: #fff;
}

body:not(.no_highlight) *::-moz-selection {
    background: #000; /* Gecko Browsers */
    color: #fff;
}

body.mce-content-body {
    background: #fff !important;
}

/* prevent drag & select content */
.no_drag * {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

ins {
    max-width: 100% !important;
    margin: 20px 0;
}

.upload_preview,
table,
img {
    max-width: 100% !important;
}

dt, b, strong {
    font-weight: bold !important;
}

.content p, .content ul, .content ol, .content dl, .content blockquote, .content address {
    margin-bottom: .5em !important;
}

.gm-style img,
.sc_googlemap img {
    max-width: unset !important;
}

iframe, video, embed {
    min-height: 0 !important;
}

button, input, a, a:hover, a:focus, a:active, a:visited {
    /*box-sizing: content-box !important;*/
    text-decoration: none !important;
    outline: none
}

textarea {
    resize: vertical !important;
}

.bt_row {
    margin-left: -15px;
    margin-right: -15px;
    float: none;
    width: auto;
    display: block;
}

/*.clearfix:after {*/
    /*visibility: hidden;*/
    /*display: block;*/
    /*font-size: 0;*/
    /*content: " ";*/
    /*clear: both;*/
    /*height: 0;*/
/*}*/

/*.clearfix {*/
    /*display: inline-block;*/
/*}*/

/*/!* start commented backslash hack \*!/*/
/** html .clearfix {*/
    /*height: 1%;*/
/*}*/

/*.clearfix {*/
    /*display: block;*/
/*}*/

/* close commented backslash hack */

.clear-both {
    clear: both;
}

.clear-left,
.first {
    clear: left
}

.clear-right,
.last {
    clear: right
}

.colored-line {
    height: 1px;
    width: 30%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.colored-line-md {
    height: 1px;
    width: 60%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.text-online {
    color: lightgreen
}

.text-offline {
    color: lightgray
}

.text-line-md {
    text-decoration: line-through;
}

.text-top {
    vertical-align: top;
}

.text-middle {
    vertical-align: middle;
}

.text-bottom {
    vertical-align: bottom;
}

.text-justify {
    text-align: justify;
}

.hpet,
.hidden {
    display: none;
}

.wordwrap {
    word-wrap: break-word;
    white-space: normal;
}

.nowrap {
    word-wrap: break-word;
    white-space: nowrap;
}

.btn-group.nowrap > .btn {
    float: none !important;
    display: inline-block !important;
}

.text-full-width {
    text-transform: full-width;
}

.text-upper-first {
    text-transform: capitalize;
}

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

.text-lower {
    text-transform: lowercase;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.block-center {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.block-inline {
    float: none !important;
    display: inline-block !important;
}

.clickable {
    cursor: pointer;
}

.sort_handle,
.dragable {
    cursor: all-scroll;
}

/* -----------------------------------------
   Input sizes
----------------------------------------- */
.input-mini {
    width: 60px !important;
}

.input-small {
    width: 90px !important;
}

.input-medium {
    width: 150px !important;
}

.input-large {
    width: 210px !important;
}

.input-xlarge {
    width: 270px !important;
}

.input-block {
    width: 100%;
    display: block;
}

.input-inline {
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    padding: 0 5px;
    display: inline-block !important;
}

.display-block {
    display: block;
}

.display-inline {
    display: inline-block !important;
}

.addon-clean {
    background: #fff;
    color: #666
}

.addon-clean.addon-left {
    border-right: none;
}

.addon-clean.addon-left + * {
    border-left: none;
}

.addon-clean.addon-right {
    border-left: none;
}

.addon-clean.addon-right ~ * {
    border-right: none;
}

.widget_cart_thumb {
    width: 50px;
    height: 50px;
    float: left;
    margin: 5px 10px 0 0;
    background-size: contain !important;
}

.sales-tag {
    color: #fff;
    background-color: #ffb20e;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 10%;
    right: 10%;
}

.sales-tag-lg {
    line-height: 70px;
    height: 70px;
    width: 70px;
    font-size: 25px;

}

.sales-tag-sm {
    line-height: 40px;
    height: 40px;
    width: 40px;
    font-size: 15px;
}

.sales-tag-xs {
    line-height: 30px;
    height: 30px;
    width: 30px;
    font-size: 10px;
}

@media (max-width: 800px) and (min-width: 320px) {

    .sales-tag-lg {
        line-height: 40px;
        height: 40px;
        width: 40px;
        font-size: 15px;
    }
}

.r0 {
    border-radius: 0 !important;
}

.r10 {
    border-radius: 10px !important;
}

.r20 {
    border-radius: 20px !important;
}

.r50p {
    border-radius: 50% !important;
}

.cover-title {
    top: 0;
    font-size: 10px;
    position: absolute;
    width: 100%;
    margin: 0;
    font-weight: bold;
}

.cover-title-txt {
    display: inline-block;
    padding: 10px;
    line-height: 120%;
}

.cover-top {
    top: 0;
    bottom: unset;
}

.cover-middle {
    top: 50%;
    bottom: unset;
    margin-top: -20%;
}

.cover-bottom {
    top: unset;
    bottom: 0;
}

/* Socials icons
-------------------------------------------------------------- */

.sc_socials.sc_socials_style_1 {
    overflow: hidden;
    display: inline-block;
    line-height: 1em;
    margin-right: -1.25em;
}

.sc_socials.sc_socials_style_1 .sc_socials_item {
    display: inline-block;
    margin: 0 1.25em 1.25em 0;
    outline: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.sc_socials.sc_socials_style_1 a {
    display: inline-block;
    outline: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.sc_socials.sc_socials_style_1 a,
.sc_socials.sc_socials_style_1 a .sc_socials_hover {
    overflow: hidden;
    width: 4em;
    height: 4em;
    text-indent: 999px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 6px; /* Hack for Chrome - show sharp corners while animation */
    background-repeat: no-repeat;
    background-position: 0 -4em;
    -webkit-background-size: 4em 8em;
    -moz-background-size: 4em 8em;
    -o-background-size: 4em 8em;
    background-size: 4em 8em;
}

.sc_socials.sc_socials_style_1.sc_socials_size_tiny,
.sc_socials.sc_socials_style_1.sc_socials_size_small {
    margin-right: -0.625em;
}

.sc_socials.sc_socials_style_1.sc_socials_size_tiny .sc_socials_item,
.sc_socials.sc_socials_style_1.sc_socials_size_small .sc_socials_item {
    margin-right: 0.625em;
}

.sc_socials.sc_socials_style_1.sc_socials_size_tiny a,
.sc_socials.sc_socials_style_1.sc_socials_size_small a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sc_socials.sc_socials_style_1.sc_socials_size_tiny a .sc_socials_hover,
.sc_socials.sc_socials_style_1.sc_socials_size_small a .sc_socials_hover {
    -webkit-border-radius: 4px; /* Hack for Chrome - show sharp corners while animation */
}

.sc_socials.sc_socials_style_1.sc_socials_size_tiny a,
.sc_socials.sc_socials_style_1.sc_socials_size_tiny a .sc_socials_hover {
    width: 2em;
    height: 2em;
    background-position: 0 -2em;
    -webkit-background-size: 2em 4em;
    -moz-background-size: 2em 4em;
    -o-background-size: 2em 4em;
    background-size: 2em 4em;
}

.sc_socials.sc_socials_style_1.sc_socials_size_small a,
.sc_socials.sc_socials_style_1.sc_socials_size_small a .sc_socials_hover {
    width: 2.5em;
    height: 2.5em;
    background-position: 0 -2.5em;
    -webkit-background-size: 2.5em 5em;
    -moz-background-size: 2.5em 5em;
    -o-background-size: 2.5em 5em;
    background-size: 2.5em 5em;
}

.sc_socials.sc_socials_style_1 a .sc_socials_hover,
.sc_socials.sc_socials_style_1.sc_socials_size_tiny a .sc_socials_hover,
.sc_socials.sc_socials_style_1.sc_socials_size_small a .sc_socials_hover {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-position: 0 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.sc_socials.sc_socials_style_1 a:hover .sc_socials_hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

/* Share buttons */
.sc_socials.sc_socials_style_1.sc_socials_share .sc_socials_item {
    vertical-align: top;
}

.sc_socials.sc_socials_style_1.sc_socials_share .share_caption {
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.6667em;
    color: #222222;
    margin-right: 0.6em;
}

.sc_socials.sc_socials_style_1.sc_socials_share.sc_socials_dir_vertical {
    position: fixed;
    left: 0px;
    top: 16%;
    z-index: 9998;
}

.sc_socials.sc_socials_style_1.sc_socials_share.sc_socials_dir_vertical .sc_socials_item {
    display: block;
    margin-top: 6px;
    line-height: 1em;
}

.sc_socials.sc_socials_style_1.sc_socials_share.sc_socials_dir_vertical .share_caption {
    display: none;
}

.sc_socials.sc_socials_style_1.sc_socials_share .share_counter {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
    position: relative;
    background: #fff;
    color: #666;
    padding: 0 8px;
    line-height: 62px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sc_socials.sc_socials_style_1.sc_socials_share .share_counter:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: -4px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.sc_socials.sc_socials_style_1.sc_socials_size_tiny.sc_socials_share .share_counter {
    line-height: 30px;
}

.sc_socials.sc_socials_style_1.sc_socials_size_small.sc_socials_share .share_counter {
    line-height: 38px;
}

/* Socials widget */
.sc_socials.sc_socials_style_1 .social_facebook {
    background-image: url(../../../../images/socials/facebook.png);
}

.sc_socials.sc_socials_style_1 .social_pinterest {
    background-image: url(../../../../images/socials/pinterest.png);
}

.sc_socials.sc_socials_style_1 .social_twitter {
    background-image: url(../../../../images/socials/twitter.png);
}

.sc_socials.sc_socials_style_1 .social_line {
    background-image: url(../../../../images/socials/line.png);
}

.sc_socials.sc_socials_style_1 .social_google-plus,
.sc_socials.sc_socials_style_1 .social_googleplus,
.sc_socials.sc_socials_style_1 .social_gplus {
    background-image: url(../../../../images/socials/gplus.png);
}

.sc_socials.sc_socials_style_1 .social_rss {
    background-image: url(../../../../images/socials/rss.png);
}

.sc_socials.sc_socials_style_1 .social_dribbble {
    background-image: url(../../../../images/socials/dribbble.png);
}

.sc_socials.sc_socials_style_2 {
    display: inline;
    float: left;
    width: 100%;
}

.sc_socials.sc_socials_style_2 a {
    color: #fff;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 0 !important;
}

.social_facebook_box {
    border: 2px solid #436fc9
}

.sc_socials.sc_socials_style_2 .social_facebook {
    background-color: #436fc9
}

.sc_socials.sc_socials_style_2 .social_facebook i {
    background-color: #3967c6;
    display: block;
    float: left;
    font-size: 16px;
    height: 32px;
    line-height: 33px;
    margin-right: 10px;
    padding-top: 0;
    text-align: center;
    width: 32px
}

.social_twitter_box {
    border: 2px solid #40bef4
}

.sc_socials.sc_socials_style_2 .social_twitter {
    background-color: #40bef4
}

.sc_socials.sc_socials_style_2 .social_twitter i {
    background-color: #26b5f2;
    display: block;
    float: left;
    font-size: 16px;
    height: 32px;
    line-height: 33px;
    margin-right: 10px;
    padding-top: 0;
    text-align: center;
    width: 32px
}

.social_google-plus_box,
.social_gplus_box,
.social_googleplus_box {
    border: 2px solid #ec5f4a
}

.sc_socials.sc_socials_style_2 .social_google-plus,
.sc_socials.sc_socials_style_2 .social_gplus,
.sc_socials.sc_socials_style_2 .social_googleplus {
    background-color: #ec5f4a
}

.sc_socials.sc_socials_style_2 .social_google-plus i,
.sc_socials.sc_socials_style_2 .social_gplus i,
.sc_socials.sc_socials_style_2 .social_googleplus i {
    background-color: #e94d36;
    display: block;
    float: left;
    font-size: 16px;
    height: 32px;
    line-height: 33px;
    margin-right: 10px;
    padding-top: 0;
    text-align: center;
    width: 32px
}

.social_linkedin_box {
    border: 2px solid #007BB5
}

.sc_socials.sc_socials_style_2 .social_linkedin {
    background-color: #007BB5
}

.sc_socials.sc_socials_style_2 .social_linkedin i {
    background-color: #346DA6
}

.social_stumbleupon_box {
    border: 2px solid #EF4E23
}

.sc_socials.sc_socials_style_2 .social_stumbleupon {
    background-color: #EF4E23
}

.sc_socials.sc_socials_style_2 .social_stumbleupon i {
    background-color: #CA4638
}

.social_pinterest_box {
    border: 2px solid #CA2127
}

.sc_socials.sc_socials_style_2 .social_pinterest {
    background-color: #CA2127
}

.sc_socials.sc_socials_style_2 .social_pinterest i {
    background-color: #A53829
}

.sc_socials.sc_socials_style_2 .social_linkedin i,
.sc_socials.sc_socials_style_2 .social_stumbleupon i,
.sc_socials.sc_socials_style_2 .social_pinterest i {
    display: block;
    float: left;
    font-size: 16px;
    height: 32px;
    line-height: 33px;
    margin-right: 10px;
    padding-top: 0;
    text-align: center;
    width: 32px
}

/* ShareThisJs */
.st-logo {
    display: none;
}

.st-btns {
    overflow: auto !important;
}

/* PriceZa Tracking */
#priceza_cframe_th {
    min-height: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute;
    z-index: -1;
}


.vh5{
    height: 5vh;
}
.vh10{
    height: 10vh;
}
.vh15{
    height: 15vh;
}
.vh20{
    height: 20vh;
}
.vh25{
    height: 25vh;
}
.vh30{
    height: 30vh;
}
.vh35{
    height: 35vh;
}
.vh40{
    height: 40vh;
}
.vh45{
    height: 45vh;
}
.vh50{
    height: 50vh;
}
.vh55{
    height: 55vh;
}
.vh60{
    height: 60vh;
}
.vh65{
    height: 65vh;
}
.vh70{
    height: 70vh;
}
.vh75{
    height: 75vh;
}
.vh80{
    height: 80vh;
}
.vh85{
    height: 85vh;
}
.vh90{
    height: 90vh;
}
.vh95{
    height: 95vh;
}
.vh100,
.fullheight{
    height: 100vh;
}
.vh110{
    height: 110vh;
}
.vh120{
    height: 120vh;
}
.vh130{
    height: 130vh;
}




/* Select2Js */
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.select2-search {
    z-index: 10 !important;
}

.select2-hide-group-label .select2-results__group {
    display: none;
}

._ribbon {
    background-image: url(../../../../images/ribbon.svg);
    width: 100px;
    height: 100px;

    position: fixed;
    z-index: 9999999;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

._ribbon.top-left {
    top: 0;
    left: 0;
}

._ribbon.top-right {
    top: 0;
    right: 0;
}

._ribbon.bottom-left {
    bottom: 0;
    left: 0;
}

._ribbon.bottom-right {
    bottom: 0;
    right: 0;
}

.row-block.border_style ~ .row-block,
.row-block.border_style + .row-block,
.row-block.border_style {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.row-block.border_style:before,
.row-block.border_style:after {
    content: " ";
    display: inline-block;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.row-block.border_style_tl1:before {
    border-left: 100vw solid transparent;
    border-top: 50px solid transparent !important;
    /*top: -50px;*/
    bottom: 100%;
}

.row-block.border_style_tr1:before {
    border-right: 100vw solid transparent;
    border-top: 50px solid transparent !important;
    /*top: -50px;*/
    bottom: 100%;
}

.row-block.border_style_rd1:before {
    border-top: 50px solid transparent;
    /*top: -50px;*/
    bottom: 100%;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
}

ul.list_style_none {
    list-style: none;
}

ul.list_style_none > li:before {
    content: " ";
}