/* chreos.css */
/*------------------------------------------------------------------
[Table of contents]

	Google font import
	Page Preloader
1.  COMMON STYLES ()
2.  HEADER
3.  CONTENT
4.  FOOTER
5.  PRODUCT
6.  ANIMATION

-------------------------------------------------------------------*/

.g-recaptcha{
  overflow: hidden;
  max-width: 100%;
}
.facebook-widget {
    position: relative
}
.facebook-widget .loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    z-index: 9999;
    background: none
}
.fond {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    margin-left: -22px
}
.contener_general {
    -webkit-animation: animball_two 1s infinite;
    -ms-animation: animball_two 1s infinite;
    animation: animball_two 1s infinite;
    width: 44px;
    height: 44px
}
.contener_mixte {
    width: 44px;
    height: 44px;
    position: absolute
}
.ballcolor {
    width: 20px;
    height: 20px;
    border-radius: 50%
}
.ball_1, .ball_2, .ball_3, .ball_4 {
    position: absolute;
    -webkit-animation: animball_one 1s infinite ease;
    -ms-animation: animball_one 1s infinite ease;
    animation: animball_one 1s infinite ease
}
.ball_1 {
    background-color: #ef1d67;
    top: 0;
    left: 0
}
.ball_2 {
    background-color: #d0d0d0;
    top: 0;
    left: 24px
}
.ball_3 {
    background-color: #e9bfd1;
    top: 24px;
    left: 0
}
.ball_4 {
    background-color: #9c5e79;
    top: 24px;
    left: 24px
}
@-webkit-keyframes animball_one {
0% {
position:absolute
}
50% {
top:12px;
left:12px;
position:absolute;
opacity:0.5
}
100% {
position:absolute
}
}
@-ms-keyframes animball_one {
0% {
position:absolute
}
50% {
top:12px;
left:12px;
position:absolute;
opacity:0.5
}
100% {
position:absolute
}
}
@keyframes animball_one {
0% {
position:absolute
}
50% {
top:12px;
left:12px;
position:absolute;
opacity:0.5
}
100% {
position:absolute
}
}
@-webkit-keyframes animball_two {
0% {
-webkit-transform:rotate(0deg) scale(1)
}
50% {
-webkit-transform:rotate(360deg) scale(1.3)
}
100% {
-webkit-transform:rotate(720deg) scale(1)
}
}
@-ms-keyframes animball_two {
0% {
-ms-transform:rotate(0deg) scale(1)
}
50% {
-ms-transform:rotate(360deg) scale(1.3)
}
100% {
-ms-transform:rotate(720deg) scale(1)
}
}
@keyframes animball_two {
0% {
-webkit-transform:rotate(0deg) scale(1);
transform:rotate(0deg) scale(1)
}
50% {
-webkit-transform:rotate(360deg) scale(1.3);
transform:rotate(360deg) scale(1.3)
}
100% {
-webkit-transform:rotate(720deg) scale(1);
transform:rotate(720deg) scale(1)
}
}
/* -------------------------------------------------------------- */
/* 1. Common Styles
-------------------------------------------------------------- */

html, html a {
    -webkit-font-smoothing: antialiased
}
html {
    -ms-overflow-style: scrollbar;
    overflow-y: scroll;
    overflow-x: hidden;
}
body {
    font-family: "Sintony", sans-serif;
    font-size: 1.4em;
}
p {
    margin: 0 0 1em;
    padding: 0;
    line-height: 1.4em
}
/*headers*/

h1 {
    margin: 0;
    padding: 0 0 0.7em;
    font: 2.46em "Sintony", sans-serif;
    color: #000
}
h2 {
    margin: 0;
    padding: 0 0 .4em;
    font: 1.833em/1em "Sintony", sans-serif;
    color: #000
}
h3 {
    margin: 0;
    padding: 0 0 0.95em;
    font: 1.5em "Sintony", sans-serif;
    color: #000
}
h4 {
    margin: 0;
    padding: 0 0 .8em;
    font: 1.3em "Sintony", sans-serif;
    color: #000
}
h5 {
    margin: 0;
    padding: 0 0 .8em;
    font: 1.384em "Sintony", sans-serif;
    color: #2b2b2b
}
h6 {
    margin: 0;
    padding: 0 0 .8em;
    font: 1.077em "Sintony", sans-serif;
    color: #2b2b2b
}
h1 .sub-header, h2 .sub-header, h3 .sub-header, h4 .sub-header {
    font-size: 12px;
    display: block
}
h1 .sub-header {
    font-size: 16px
}
/*form default*/

.form-control::-webkit-input-placeholder {
    padding:1px 0
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-top: 0
}
input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus {
    outline: none
}
.touch input[type="text"], .touch input[type="email"], .touch input[type="search"], .touch input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none
}
label {
    font-weight: 400;
}
label.light {
    color: #717171
}
.required {
    color: red
}
.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    height: 37px;
    line-height: 1.4em;
    padding: 10px 14px;
    font-size: 1.1em;
}
.product-preview select.form-control {
  padding: 10px 8px;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
/*services styles*/

.upper {
    text-transform: uppercase
}
.inline {
    display: inline
}
.overflow {
    overflow: hidden;
    width: 100%
}
.line-divider {
    border-bottom: 1px dotted #cacaca;
    height: 1px
}
.divider-xxs {
    margin: 0;
    height: 1px;
    line-height: 1px;
    clear: both
}
.divider-xs {
    height: 10px;
    line-height: 10px;
    clear: both
}
.divider-sm {
    height: 20px;
    clear: both
}
.divider-md {
    height: 30px;
    clear: both
}
.divider-lg {
    height: 40px;
    clear: both
}
.divider-xl {
    height: 50px;
    clear: both
}
.full-width {
    width: 100%;
    max-width: none
}
.caret.min {
    border-top: 2px solid #333;
    border-right: 2px solid transparent;
    border-bottom: 0 dotted;
    border-left: 2px solid transparent;
    position: relative;
    top: -1px;
    right: -2px;
    margin-left: 4px
}
.label-cool {
    background: #EC1D25
}
.content {
    padding-bottom: 10px
}

/*simple list*/

.simple-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.simple-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    bottom: -0.8em
}
.simple-list li {
    margin: 0;
    padding: 0 0 12px;
    position: relative
}
.simple-list li input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0
}
.simple-list li span.label {
    display: block;
    text-align: left;
    font-size: 0.917em;
    white-space: normal;
    margin: 0 0 0 16px;
    color: #000
}
.simple-list li.color {
    padding-left: 20px
}
.simple-list li.color:before {
    position: absolute;
    display: block;
    left: 0;
    top: 2px;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    font-family: Flaticon;
    content: " ";
    font-size: 0.9em;
    line-height: 0.7em;
}
.simple-list li.color.black:before {
    background: #000
}
.simple-list li.color.brown:before {
    background: #976943
}
.simple-list li.color.white:before {
    background: #fff
}
.simple-list li.color.gray:before {
    background: #b6b6b6
}
.simple-list li.active:before {
    content: "\e010"
}
/*tree list*/

.tree-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative
}
.tree-list>li>a {
    font-weight: bold;
}
.tree-list li {
    margin: 0;
    padding: 0 0 12px 0;
    position: relative
}
.tree-list ul {
    margin: 5px 0 -5px 4px;
    padding: 0;
    list-style-type: none;
    border-left: 1px dotted #cacaca
}
.tree-list ul li {
    padding: 5px 0 5px 12px
}
.tree-list ul li:before {
    position: absolute;
    display: block;
    left: 1px;
    top: 8px;
    width: 8px;
    height: 1px;
    border-top: 1px dotted #cacaca;
    content: " "
}
.section-divider {
    border-bottom: 1px dotted #cacaca;
    height: 24px
}
/*arrow list*/

.arrow-list {
    padding: 0;
    list-style-type: none;
    display: inline-block;
    margin: 0 auto;
    text-align: left
}
.arrow-list li {
    margin: 0;
    padding: 0 0 7px 15px;
    position: relative;
}
.arrow-list li:before {
    font-family: 'Flaticon';
    content: "\e042";
    display: inline;
    font-size: 0.7em;
    position: absolute;
    left: 0
}
ul.tags {
    padding: 0;
    margin: 5px 0 0 0;
    list-style: none
}
ul.tags li {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px
}
ul.tags li a {
    display: block;
    border: 1px dotted #cacaca;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 0.917em;
    line-height: 2.3em;
    text-decoration: none
}
ul.tags li a:hover {
    border-color: #242424;
    background-color: #242424;
}
/*styled list*/

.styled-list {
    line-height: 18px;
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.styled-list li {
    margin-bottom: 9px;
    padding: 0
}
.styled-list li:before {
    float: left
}
.styled-list .circle li, .styled-list.circle li {
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    text-indent: 0
}
.styled-list .circle li:before, .styled-list.circle li:before {
    content: "\25CF";
    font-size: 12px;
    margin: -1px 10px 0 0
}
.styled-list ul {
    margin-left: 0;
    padding: 9px 0 0
}
.styled-list ul.circle li:before {
    content: "\25CB"
}
ul.sitemap.styled-list.circle ul li:before {
    content: "\25CF"
}
ul.sitemap.styled-list.circle ul ul li:before {
    content: "\25CB"
}
.styled-list.decimal {
	list-style: outside decimal;
	margin-left: 25px
}
.styled-list.decimal li {
    padding-left: 0;
    text-indent: 0
}
.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0
}
.list-group-item:last-child {
    border-bottom: none
}
.list-group-item {
    border-radius: 0;
    position: relative;
    display: block;
    padding: 12px 0;
    border: none;
    margin-bottom: 0;
    border-bottom: 1px dotted #cacaca
}
.list-group-item a {
    font-size: 1.167em
}


/*big icon*/

.big-icon {
    margin-bottom: 25px;
    color: #999999
}
.big-icon [class^="flaticon-"]:before, .big-icon [class*=" flaticon-"]:before, .big-icon [class^="flaticon-"]:after, .big-icon [class*=" flaticon-"]:after {
    font-size: 160px;
    line-height: 1em
}

@media (min-width: 768px) and (max-width: 991px) {
    .big-icon [class^="flaticon-"]:before, .big-icon [class*=" flaticon-"]:before, .big-icon [class^="flaticon-"]:after, .big-icon [class*=" flaticon-"]:after {
        font-size: 100px;
        margin-bottom: 20px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .big-icon [class^="flaticon-"]:before, .big-icon [class*=" flaticon-"]:before, .big-icon [class^="flaticon-"]:after, .big-icon [class*=" flaticon-"]:after {
        font-size: 80px;
        margin-bottom: 20px
    }
}

@media (max-width: 479px) {
    .big-icon [class^="flaticon-"]:before, .big-icon [class*=" flaticon-"]:before, .big-icon [class^="flaticon-"]:after, .big-icon [class*=" flaticon-"]:after {
        font-size: 60px;
        margin-bottom: 20px
    }
}
.extra-big-icon {
    margin-bottom: 45px;
    color: #999999
}
.extra-big-icon [class^="flaticon-"]:before, .extra-big-icon [class*=" flaticon-"]:before, .extra-big-icon [class^="flaticon-"]:after, .extra-big-icon [class*=" flaticon-"]:after {
    font-size: 300px;
    line-height: 1em
}

@media (min-width: 768px) and (max-width: 991px) {
    .extra-big-icon [class^="flaticon-"]:before, .extra-big-icon [class*=" flaticon-"]:before, .extra-big-icon [class^="flaticon-"]:after, .extra-big-icon [class*=" flaticon-"]:after {
        font-size: 250px;
        margin-bottom: 40px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .extra-big-icon [class^="flaticon-"]:before, .extra-big-icon [class*=" flaticon-"]:before, .extra-big-icon [class^="flaticon-"]:after, .extra-big-icon [class*=" flaticon-"]:after {
        font-size: 200px;
        margin-bottom: 30px
    }
}

@media (max-width: 479px) {
    .extra-big-icon [class^="flaticon-"]:before, .extra-big-icon [class*=" flaticon-"]:before, .extra-big-icon [class^="flaticon-"]:after, .extra-big-icon [class*=" flaticon-"]:after {
        font-size: 150px;
        margin-bottom: 30px
    }
}
.noGutter {
    margin: 15px 0
}
.noGutter .col-md-3, .noGutter .col-sm-3 {
    padding: 0 !important;
    margin: -5px 0 0 0 !important
}
.noGutter > div  {
    padding: 0 !important;
}
.noGutter > div button {
    margin-left:-1px;
}
/*icons*/

/*language icons*/

.icon-flag {
    display: inline;
    font-size: 9px !important;
    padding: 0 7px;
    position: relative;
    top: -1px;
    background: url(../images/icons-flags.png) no-repeat 0 0
}
.icon-flag-en {
    background-position: 0 0
}
.icon-flag-de {
    background-position: 0 -22px
}
.icon-flag-fr {
    background-position: 0 -44px
}
.icon-flag-da {
    background-position: 0 -66px
}
.icon-flag-el {
    background-position: 0 -88px
}
.icon-flag-es {
    background-position: 0 -110px
}
.icon-flag-it {
    background-position: 0 -132px
}
.icon-flag-nl {
    background-position: 0 -154px
}
.icon-flag-pl {
    background-position: 0 -176px
}
.icon-flag-pt {
    background-position: 0 -198px
}
.icon-flag-ru {
    background-position: 0 -220px
}
.icon-flag-sv {
    background-position: 0 -242px
}
/*xcart icon*/

.icon-xcart-white {
    position: relative;
    display: block;
    width: 29px;
    height: 33px;
    color: #000;
    text-align: center;
    margin: 12px auto;
    font-size: 1em;
    line-height: 1.3em;
    padding: 14px 0 0;
    font-weight: 700
}
/*social icons*/

.icon-facebook-3 {
    color: #4664b7
}
.icon-twitter-3 {
    color: #00b6e4
}
.icon-linkedin-2 {
    color: #0073a5
}
.icon-youtube-3 {
    color: #a21616
}
.icon-pinterest-2 {
    color: #cb2027
}
.icon-googleplus-2 {
    color: #363636
}
.icon-size, .icon-color {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 5px;
    font-size: .917em;
    font-style: normal;
    line-height: 24px;
    width: 33px;
    border: 1px solid #b7b7b7;
    text-align: center;
    position: relative;
    cursor: pointer
}
.icon-size:before, .icon-color:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    border: 1px solid #fff
}
.icon-size.disable {
    border-color: #f1f1f1
}
.icon-color.disable {
    opacity: .8
}
.icon-color:before {
    content: " ";
    display: inline-block
}
.icon-color-brown {
    background: #7e0506
}
.icon-color-grey {
    background: #444b50
}
.icon-color-blue {
    background: #5ca7db
}
.icon-color-softyellow {
    background: #f9e9cc
}
.icon-color-lightgrey {
    background: #e1e1e1
}
.icon-color-violet {
    background: #724381
}
.icon-color-lightgrayishpink {
    background: #efdcdc
}
.icon-color-green {
    background: #3a7d05
}
.icon-color-magenta {
    background: #7e054a
}
.icon-color-pink {
    background: #e03a7c
}
.icon-color-red {
    background: #e30000
}
.icon-color-white {
    background: #f8f8f8
}
.icon-color-black {
    background: #000
}
.icon-color-beige {
    background: #eedfcf
}
.icon-color-marine {
    background: #4f98aa
}
/* ajax loader */

.ajax-loader {
    margin: 10px auto !important;
    width: 80px !important;
    height: 15px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.ajax-loader .progress-bar {
    width: 100%;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2)
}
/*buttons*/

.btn-group.open .dropdown-toggle, .btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}
.btn:focus {
    outline: none;
    outline-offset: 0
}
.btn-default, .btn-cool, .filters-by-category li a {
    background-color: #fff;
    color: #000;
    height: 37px;
    line-height: 1.4em;
    padding: 10px 10px;
    border: 1px solid #ccc;
    text-decoration: none;
    border-radius: 0
}
.btn-default.invert, .btn-cool.invert, .filters-by-category li a.invert {
    border-color: #242424;
    background-color: #242424;
}
.btn-default.invert:hover, .btn-cool.invert:hover, .products-land .item .invert.btn-cool:hover, .products-land .item .filters-by-category li a.invert:hover, .filters-by-category li .products-land .item a.invert:hover, .products-land .item:hover .invert .invert.btn-cool:hover, .products-land .item:hover .invert .filters-by-category li a.invert:hover, .filters-by-category li .products-land .item:hover .invert a.invert:hover, .products-list .banner:hover .invert.btn-cool:hover, .products-list .banner:hover .filters-by-category li a.invert:hover, .filters-by-category li .products-list .banner:hover a.invert:hover, .filters-by-category li a.invert:hover, .filters-by-category li a.invert.selected {
    background-color: #fff;
    border-color: #ccc;
    color: #000 !important
      
}
.btn-default.invert-color:hover, .btn-cool.invert-color:hover, .filters-by-category li a.invert-color:hover {
    color: #fff !important;
}
.btn-default:hover {
    background-color: #fff;
    text-decoration: none;
}
.btn-cool:hover, .products-land .item .btn-cool:hover, .products-land .item .filters-by-category li a:hover, .filters-by-category li .products-land .item a:hover, .products-list .banner .btn-cool:hover, .products-list .banner .filters-by-category li a:hover, .filters-by-category li .products-list .banner a:hover, .products-land .item:hover .btn-cool:hover, .products-land .item:hover .filters-by-category li a:hover, .filters-by-category li .products-land .item:hover a:hover, .products-land .item:hover .invert .btn-cool:hover, .products-land .item:hover .invert .filters-by-category li a:hover, .filters-by-category li .products-land .item:hover .invert a:hover, .products-list .banner:hover .btn-cool:hover, .products-list .banner:hover .filters-by-category li a:hover, .filters-by-category li .products-list .banner:hover a:hover, .products-list .banner:hover .invert .btn-cool:hover, .products-list .banner:hover .invert .filters-by-category li a:hover, .filters-by-category li .products-list .banner:hover .invert a:hover, .filters-by-category li a:hover, .filters-by-category li a.selected {
    border-color: #242424;
    background-color: #242424;
    text-decoration: none;
    color: #fff !important;
}
.btn-cool .icon:before, .filters-by-category li a .icon:before, .btn-cool .icon:after, .filters-by-category li a .icon:after {
    font-size: 12px;
    margin-right: 5px
}
.btn-cool.btn-md-sm, .filters-by-category li a.btn-md-sm {
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1.1667em;
    line-height: 1.32em;
    height: 40px
}
.btn-cool.btn-md, .filters-by-category li a.btn-md {
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1.333em;
    line-height: 1.438em;
    height: 43px
}
.btn-cool.btn-lg, .filters-by-category li a.btn-lg {
    padding: 15px 18px;
    border-radius: 0;
    font-size: 1.5em;
    line-height: 1.222em;
    height: 53px
}

.category-link {
  margin-bottom: 5px;
  
}
.category-links {
  padding: 15px 0;
  
}

@media (max-width: 480px) {
    .btn-cool.btn-lg, .filters-by-category li a.btn-lg {
        padding: 10px 10px;
        font-size: 1.1em;
        line-height: 1.222em;
        height: auto
    }
}
.btn-space {
    width: 20px;
    display: block
}
/*vertical title*/

.vertical_title_outer {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    height: 35px;
    width: 240px;
    text-align: left;
    margin-left: -240px;
    font-size: 18px;
    line-height: 32px;
    white-space: nowrap;
    padding: 0 10px;
    border: 1px dotted #cacaca;
}
.vertical_title_outer span {
    display: block;
    width: 100%;
    height: 100%
}
.vertical_title_outer.title-md {
    width: 243px;
    margin-left: -243px
}
.vertical_title_outer.title-sm {
    width: 223px;
    margin-left: -223px
}
.pull-left.padding-left {
    padding-left: 40px
}
/*dotted line*/

.dotted-line {
    height: 10px;
    border-top: 1px dotted #cacaca;
    margin-bottom: 5px
}
.dotted-line.right-space {
    margin-right: 0
}
.dotted-line.right-space.no-right-space {
	margin-right: 0
}
/*subtitle*/

.subtitle {
    overflow: hidden;
    margin-bottom: 5px
}
.subtitle.right-space {
	margin-right: 0
}
.subtitle.right-space.no-right-space {
	margin-right: 0
}
.subtitle div {
    text-align: center
}
.subtitle div span {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #000
}
.subtitle div span:before, .subtitle div span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 1px dotted #cacaca;
    top: 10px;
    width: 600px
}
.subtitle div span:before {
    right: 100%;
    margin-right: 15px
}
.subtitle div span:after {
    left: 100%;
    margin-left: 15px
}
/*animated background*/

.animate-bg {
    color: #fff;
    background: url(../images/animated-bg.jpg) repeat #4d4d4d;
    margin: 20px 0 15px;
    overflow: hidden;
    position: relative;
    z-index: 101;
    clear: both
}
.animate-bg .subtitle div span {
    color: #fff
}
.animate-bg .subtitle div span:before, .animate-bg .subtitle div span:after {
    border-color: #fff
}
.social-widget .widget-outer {
    margin-bottom: 15px
}
.boxed .content.social-widget {
	padding-left: 10px;
	padding-right: 10px;
}
/*back to top button*/

.back-to-top {
    bottom: 10%;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 15px;
    text-align: center;
    width: 35px;
    z-index: 10000
}
.back-to-top span.arrow-up {
    position: absolute;
    top: -6px;
    -webkit-animation: bounce 0.4s ease-in-out infinite alternate;
    animation: bounce 0.4s ease-in-out infinite alternate
}
.back-to-top span.arrow-up {
    top: -20px\0
}
/* -------------------------------------------------------------- */
/* 2. HEADER
-------------------------------------------------------------- */

.navbar-main-menu, .navbar-main-menu .item {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}


@media (max-width: 991px) {
    .navbar-main-menu .item .btn-main {
        padding: 0 6px;
        font-size: 1.15em
    }
    .navbar-main-menu .item .line:before {
        left: -6px !important
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .navbar-main-menu .item .btn-main {
        padding: 0 6px !important
    }
    .navbar-main-menu .item .line:before {
        left: -6px !important
    }
}


@media (max-width: 991px) {
    .navbar-main-menu .item:first-child {
        margin-left: -6px
    }
}

@media (max-width: 359px) {
    .dropdown-menu {
        min-width: 128px
    }
}
/*welcom block*/

.navbar-welcome {
    padding: 26px 0 0
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-welcome {
        padding: 22px 10px
    }
    
    .blog-widget-small .image {
        width: 65px !important
    }
    

    .products-list-in-row .countdown_box {
        width: 25%
    }
    
   .products-list .product-preview-outer {
        width: 33.3333333333333%
    } 
}

/*logo*/

@media (max-width: 767px) {
    .navbar-logo {
        width: 75%;
        margin: 5px 0 0
    }
    .navbar-logo img {
        max-width: 100%
    }
}
/*top links*/

.top-link {
    text-align: right
}
.top-link .btn-outer {
    display: inline-block;
    margin: 0 5px
}
.top-link .btn-outer:last-child {
    margin-right: 0
}
.top-link .btn-default {
    border: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}
.top-link .btn-default:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.top-link .btn-shopping-cart .icon {
    margin-right: 0
}
.top-link .btn-shopping-cart .btn-default {
    margin: 0;
    padding-left: 12px;
    padding-right: 0
}
.top-link .btn-shopping-cart .btn-default .icon {
    width: auto
}
.top-link .btn-search .btn-xs, .top-link .btn-shopping-cart .btn-xs {
    height: auto
}
.top-link .btn-search .btn-xs {
    margin: 0;
    padding-right: 2px;
    padding-left: 18px
}
.top-link .btn-search .btn-xs .icon {
    margin: -2px 0 0
}
.top-link .btn-shopping-cart .badge {
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
    top: -8px;
    left: -8px;
    min-width: 14px;
    padding: 0;
    text-align: center;
    color: #fff;
    border-radius: 7px;
}
/*secondary menu*/

.navbar-secondary-menu {
    position: relative;
    z-index: 1200;
    padding-top: 5px; 
}


.cart_button {
  text-decoration: none !important;
}

#cart .cart-total-number {
  font-size: 1.2em;
  position: absolute;
  right: -5px;
  top: 8px;
}

#cart .icon {    
  margin-left: 10px;
  padding: 5px 0 5px 15px;
  background: none;
  border: none;
}

#cart .fa-shopping-cart.fa-2x{
    margin-left: 20px;
    padding: 9px 3px;
    background: #313637;
    color: #fff;
}

#cart .fa-shopping-cart.fa-2x:hover {
    color: #ccc;
}

.dropdown-menu {
  border-radius: 0px;
}

@media (max-width: 767px) {
	.navbar-secondary-menu {
			height: auto;
			margin-top: 10px;
			padding-top: 0;
			text-align: left;
	}	
}



.navbar-secondary-menu .drop-title {
    display: none
}


.navbar-secondary-menu .btn-group {
  
}

.open>.dropdown-menu,
.navbar-secondary-menu .service_buttons:hover>.dropdown-menu {
    display: block !important;
    left: auto;
}

#drop-shopcart.dropdown-menu{
    right: 0
}

@media (max-width: 767px) {
.navbar-secondary-menu .service_buttons:nth-child(n+4):hover>.dropdown-menu {
	left: auto;
	right: 0
}
}
.navbar-secondary-menu .dropdown-menu {
    margin-top: 0;
    text-align: left
}
.navbar-secondary-menu .btn-default {
    border: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto
}
.navbar-secondary-menu .btn-default:hover {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.navbar-secondary-menu .btn-xs {
    font-size: 1em;
    line-height: 2.54em;
    padding: 7px;
}
.navbar-secondary-menu .icon {
    font-size: 22px;
    position: relative;
    display: block;
    float: left;
    width: 55%;
    text-align: center;
    margin-right: 14px;
    margin-left: 6px;
}
/*news scrolling text*/

#newsLine {
    position: relative;
    z-index: 9989;
    background: #f5f5f5;
    line-height: 1.455em;
    padding: 7px 0 7px;
    font-size: 0.917em
}
#newsLine .title {
    padding-top: 1px;
    font-size: 1.333em;
    line-height: 1em
}
#newsLine .title .icon {
    margin-right: 10px
}
#newsCarousel {
    height: 16px;
    margin-bottom: 0
}
#newsCarousel .item .date {
    font-weight: bold;
    padding-left: 100px
}
#newsCarousel .marquee {
    white-space: nowrap
}
#newsCarousel .item {
    width: 600px
}

#slideshow0.owl-carousel {
  margin: 0;
	margin-top: 25px;
}
@media (max-width: 480px) {
  #slideshow0 img {
    max-width: 180%;
  }
  
  #slideshow0 .owl-pagination {
    display: none;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
    #newsLine .col-xs-5 {
        width: 70%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #newsLine .col-xs-5.top-link {
        width: 30%
    }
}
#newsLine .navbar-secondary-menu {
    z-index: 1300;
    padding: 0;
    margin-top: -15px
}
/*shoppingcart box*/

.shoppingcart-box {
    width: 320px;
    padding: 0 20px 20px
}
.shoppingcart-box .title {
    background: #f5f5f5;
    font-size: 1.333em;
    padding: 15px 20px;
    margin: 0 -20px;
}
.shoppingcart-box.empty {
    width: 170px;
    padding: 10px 15px
}
.shoppingcart-box .list {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.shoppingcart-box .item {
    padding: 12px 30px 7px 0;
    overflow: hidden;
    position: relative;
    border-bottom: 1px dotted #bdbdbd
}
.shoppingcart-box .buttons {
    position: absolute;
    right: 0;
    top: 10px
}
.shoppingcart-box .image {
    width: 60px;
    display: block;
    float: left
}
.shoppingcart-box .preview-image img {
    width: 100%
}
.shoppingcart-box .description {
    margin-left: 80px
}
.shoppingcart-box .price {
    display: block;
    padding-top: 8px;
    font-size: 1em
}
.shoppingcart-box .total {
    text-align: right;
    padding: 6px 0 12px
}
.shoppingcart-box .empty {
    padding: 10px 0 15px;
    _olga-display: none
}
.shoppingcart-box .view-link {
    padding-top: 11px
}
.shoppingcart-box .view-link:hover {
    text-decoration: underline
}
.shoppingcart-box a:hover {
    text-decoration: none
}
/*search*/

.navbar-search {
    clear: both;
    position: relative;
    z-index: 1100;
    margin: 19px 0 -53px
}
.navbar-search input.form-control {
    font-size: 1em;
    line-height: 1.5em;
    width: 125px;
    float: right;
    padding-top: 8px
}
.navbar-search .form-control {
    padding-right: 32px
}
.navbar-search .form-control:focus {
    width: 230px
}
.navbar-search .button {
    float: right;
    margin-left: -34px;
    background: 0 0;
    font-size: 1.31em;
    position: relative;
    bottom: -1px;
    height: 34px;
    border: none;
    width: 34px;
    outline: 0
}
.navbar-search .button:active {
    line-height: 0.8em
}
.navbar-search .dropdown-search {
    display: none;
    position: absolute;
    right: 0;
    top: 34px;
    width: 100%;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0 1px 3px rgba(5,5,5,0.1);
    box-shadow: 0 1px 3px rgba(5,5,5,0.1);
    border-radius: 4px;
    background: #fff;
    padding: 10px;
    font-size: 1em
}
.navbar-search .dropdown-search ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.navbar-search .dropdown-search li {
    margin-bottom: 5px;
    cursor: pointer
}
.navbar-search .dropdown-search li:hover {
    opacity: 0.6
}
.navbar-search .dropdown-search li a {
    text-decoration: none
}
.navbar-search .dropdown-search li .amount {
    float: right;
    padding-left: 5px
}

@media (min-width: 768px) {
    .navbar-search input.form-control {
        border: 1px solid transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        color: transparent;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
    .navbar-search:hover input.form-control {
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        background-color: #fff;
        color: #000
    }
    .navbar-search .button {
        color: #000
    }
    .navbar-search:hover .button {
        color: #000
    }
    .navbar-search:hover input.form-control, .navbar-search .button {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
}
/*open Search*/

#openSearch {
    height: 38px;
    margin: 5px 0;
    /*overflow: hidden;*/
}
#openSearch .inside {
    padding: 2px 0 6px;
    height: 38px;
    width: 75%;
    float: left;
    border: 1px solid #b6b6b6;
    background: #fff;
}

#openSearch .searchFilter{
    float: left;
    height: 38px;
    background: #fff;
    color: #3d3d3d;
    font-size: 1em;
    width: 24%;
    margin-left: 1px;
    border: 1px solid #b6b6b6;
    /*overflow: hidden;*/
}

#openSearch .input-outer {
    width: 100%
}
#openSearch .button-outer {
    margin-top: -30px
}
#openSearch input.search-input {
    font-size: 1.833em;
    line-height: 1em;
    padding: 5px 0;
    height: 32px;
    color: #3d3d3d;
    border: none;
    background: none;
    outline: none;
    width: 98%;
    margin: 0 2%;
    float: left;
}
#openSearch button, #openSearch button:active {
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 22px;
    line-height: 32px;
    height: 32px;
    margin: 0 2px;
    padding: 0 5px;
    outline: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
#openSearch button.search-close {
    border-left: 1px dotted #b6b6b6
}
#openSearch button.search-close .icon {
    font-style: normal;
    font-size: 30px;
    margin-top: -1px
}
/*main menu*/

.navbar-main-menu {
    z-index: 10;
    padding: 10px 0 6px;
    margin: -20px 0 0 0;
    clear: both;
    list-style-type: none;
    position: relative;
    text-align: center
}
.navbar-main-menu dt {
    font-weight: normal
}
.navbar-main-menu .item a:hover{
}
.headercons {
    text-align: right;
}
.navbar-main-menu .item {
    display: inline-block;
    height: 30px;
    padding: 0;
    margin: 10px 0 -6px 0;
    position: relative;
}
.navbar-main-menu .item .btn-main {
    position: relative;
    border-bottom: 0 solid #000;
    display: block;
    height: 30px;
    padding: 0 15px 20px;
    font-size: 1.25em;
}
.navbar-main-menu .item .btn-main {
    padding: 4px 15px 16px
}
.navbar-main-menu .btn-main:hover {
    text-decoration: none
}
.navbar-main-menu .with-sub .btn-main:hover {
    border-bottom: 5px solid #000
}
.navbar-main-menu .item .btn-main .icon {
    font-size: 1.12em;
    line-height: .3em;
    position: relative;
    bottom: -1px;
    margin-left: 1px
}
.navbar-main-menu .item-content, .navbar-main-menu dd {
    float: right;
    overflow: hidden;
    display: none;
    margin-left: -100%;
    width: 100%;
    margin-top: 38px !important;
    margin-bottom: -6px !important;
    background: #fff;
    position: relative
}
ul.row-list {
    margin: 0;
    padding: 0;
    text-align: center
}
ul.row-list li {
    display: inline;
    margin: 0 12px 0 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal
}
.touch ul.row-list {
    margin-right: 25px
}
.no-touch .megamenuClose {
    opacity: 0
}
.touch .megamenuClose {
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    width: 15px;
    height: 15px;
    z-index: 1000
}
.touch .megamenuClose:before {
    font-family: Flaticon;
    content: "\e01a";
    font-size: 20px;
    cursor: pointer;
}
#menuScrollerWrapper {
    overflow: hidden;
    width: 100%;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}
#menuScrollerWrapper.color {
    background: #f5f5f5
}
#menuScrollerWrapper .dropdown-small {
    background: #f5f5f5;
    line-height: 28px
}
#menuScrollerWrapper .navbar-main-submenu {
    margin: 10px 0
}
#menuScrollerWrapper .container {
    padding: 0
}
#menuScrollerWrapper {
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease
}
#menuScrollerWrapper .navbar-main-submenu .wrapper-border .row .row>div {
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    margin: 0 -5px 0 0
}
.navbar-main-submenu {
    color: #000
}
.navbar-main-submenu .col-divider>div {
    border-left: 1px dotted #cacaca
}
.navbar-main-submenu .col-divider>div:first-child {
    border-left: none
}
.navbar-main-submenu .exclusive {
    padding: .1em .8em;
    margin: 0;
    list-style-type: none;
    overflow: hidden
}
.navbar-main-submenu .exclusive.top {
    padding-bottom: 20px
}
.navbar-main-submenu .exclusive.bottom {
    padding-top: 15px
}
.navbar-main-submenu .exclusive li {
    padding: 0;
    margin: 0 28px 0 0;
    float: left;
}
.navbar-main-submenu .exclusive li a {
    font-size: 1.167em
}
.navbar-main-submenu .exclusive .icon {
    position: relative;
    margin-right: 0.2em
}
.navbar-main-submenu .wrapper-border {
    border: 1px solid #cacaca;
    padding: 15px 0;
    border-left: 0;
    border-right: 0
}
.navbar-main-submenu .wrapper {
    padding: 40px 0 20px
}
/*compact menu*/

.navbar-compact {
    top: -60px;
    position: fixed;
    background: none;
      display: none !important;
}
.navbar-compact .header-left {
    float: none !important;
    width: 100%
}
.navbar-compact .header-left .navbar-logo {
    width: auto !important;
    z-index: 1000;
}
.navbar-compact .compact-hidden, .navbar-compact .compact-hidden.hidden-xs {
    display: none !important
}
.compact-visible {
    display: none !important
}
.navbar-compact .compact-visible {
    display: block !important
}
.navbar-compact .navbar-logo img {
    max-height: 60px
}
.navbar-compact .navbar-secondary-menu .btn-default {
    border-left: 0
}
.navbar-compact .navbar-main-menu {
    clear: none;
    padding-top: 25px;
    padding-left: 225px;
    margin-right: 25px;
    text-align: left
}
.navbar-compact .top-link {
    padding: 25px 0 0
}
.navbar-compact .navbar-main-menu .item .btn-main {
    padding-left: 5px;
    padding-right: 5px;
    height: 32px
}
.navbar-compact .navbar-main-menu-outer {
    margin: -60px 0 0 0;
    border-top: 0;
    border-bottom: 0;
}

.navbar-compact .background {
    padding-top: 5px;
    min-height: 70px;
    background: rgba(255,255,255,0.95);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1)
}

@media (max-width: 767px) {
    .navbar-compact .expand-nav.compact-hidden, .navbar-compact .expand-nav.compact-hidden.hidden-xs {
        display: block !important
    }
    .navbar-compact .clearfix.visible-xs, .navbar-compact .clearfix.visible-xs:after, .navbar-compact .clearfix.visible-xs:before {
        display: none
    }
}
.navbar-main-submenu .img-fullheight {
    position: relative;
    margin: -90px 0 0 0
}
.navbar-main-submenu .img-fullheight img {
    position: absolute
}
/*submenu block*/

.submenu-block .icon {
    position: relative;
    top: -2px;
    font-size: 1.2em;
    display: block;
    float: left;
    width: 2.5em;
    text-align: center
}
.submenu-block .name {
    font-size: 1.167em;
    color: #000;
}
.submenu-block .label {
    margin-left: 1.2em !important;
    padding: .3em;
    font-size: .9em
}
.submenu-block ul {
    padding: 12px 0 18px;
    margin: 0 0 0 3.1em;
    list-style-type: none
}
.submenu-block ul li {
    padding: 0 0 4px;
    margin: 0;
    position: relative;
    font-size: 0.917em;
    color: #000
}
.submenu-block ul li:hover>a {
    text-decoration: underline
}
.submenu-block-other {
    padding-bottom: 25px
}
.submenu-block-other .title {
    padding-top: 25px
}
.submenu-block-other ul {
    margin-left: 0;
    padding-top: 15px
}
.submenu-block-other .img-responsive {
    border-radius: 3px
}
/*custom block */

.custom-block {
    overflow: hidden;
    padding: 24px 0
}
.custom-block .item:hover .icon {
    border-color: #242424;
    background-color: #242424;
}
/*services block*/

.services-block {
    overflow: hidden;
    padding: 5px 0 8px
}
.services-block .item, .custom-block .item {
    display: table;
    width: auto;
    margin: 0 auto
}
.services-block .item:hover, .custom-block .item:hover {
    text-decoration: none
}
.services-block .icon, .custom-block .icon {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0 0 1px;
    width: 3.5em;
    -webkit-transition: all .5s ease;
    transition: all 0.5s ease
}
.services-block .anim-icon .icon {
    padding: 0 8px 0 0;
}
.services-block .title, .custom-block .title {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.167em;
    line-height: 1.4em;
}
/*menu list*/

.menu-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.menu-list li {
    margin: 0;
    display: block;
    border-top: 1px solid #eee
}
.menu-list li:first-child {
    border: none
}
.menu-list li a {
    display: block;
    padding: 15px 20px 14px;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    font-family: "Sintony", sans-serif;
    color: #2b2b2b
}
.menu-list li a:hover {
    background: #f5f5f5
}
/*price*/

.price {
    color: #4a4a4a;
    margin: .4em .2em
}
.price.old {
    text-decoration: line-through;
}
.price.new {
    color: #EC1D25 !important
}
/* off canvas menu */

#outer {
    overflow: hidden
}
#outer-canvas, #off-canvas-menu, #on-canvas-menu {
    width: 100%
}
body.off-canvas-menu-open #outer-canvas {
    margin-left: 0;
    overflow: hidden;
    position: relative
}
body.off-canvas-menu-open.notouch #outer-canvas {
    margin-left: 280px
}
#off-canvas-menu-toggle {
    display: block;
}
#off-canvas-menu {
    background: #242424;
    display: block;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 10001;
    overflow: auto
}
#on-canvas-menu {
    display: block;
    height: 100%;
    width: 100%;
    overflow: auto
}

#off-canvas-menu .expander-list {
    list-style-type: none;
    padding: 42px
}
#on-canvas-menu .expander-list ul,
#off-canvas-menu .expander-list ul {
    margin-left: 8px
}
#on-canvas-menu .expander-list .expander,
#off-canvas-menu .expander-list .expander {
    font-size: 14px;
    margin-top: 3px
}
#off-canvas-menu .expander-list .expander {
    color: #eee;
}
#on-canvas-menu .expander-list .name,
#off-canvas-menu .expander-list .name {
    padding: 5px 0;
    font-size: 1.333em
}
#off-canvas-menu .expander-list .name {
    color: #fff;
}
#on-canvas-menu ul li span.icon,
#off-canvas-menu ul li span.icon {
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px 0 0
}
#on-canvas-menu ul li li li,
#off-canvas-menu ul li li li {
    padding-left: 13px
}
#off-canvas-menu ul li a {
    color: #fff;
}
#off-canvas-menu-close {
    background: #242424;
    display: none;
    right: 15px;
    top: 15px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    z-index: 2;
    color: #fff;
    cursor: pointer
}
#off-canvas-menu-close [class^="icon-"]:before, #off-canvas-menu-close [class*=" icon-"]:before {
    margin: 0;
    width: auto;
    line-height: 53px
}
body.off-canvas-menu-open #off-canvas-menu-close {
    display: block
}
body.off-canvas-menu-open #off-canvas-menu {
    display: block;
    left: 0
}
body.off-canvas-menu-open #outer-overlay {
    background: none repeat scroll 0 0 #000;
    display: block;
    height: 100%;
    left: 0;
    min-height: 100% !important;
    opacity: .5;
    position: absolute !important;
    top: 0;
    width: 100% !important;
    z-index: 10000
}
#outer-overlay {
    opacity: 0;
    z-index: 0
}
/* expander list */

.expander-list, .expander-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.expander-list li {
    margin: 0
}
.expander-list .expander {
    float: right;
    cursor: pointer;
    padding: 0 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.expander-list .name {
    display: block;
    border-bottom: 1px dotted #eee;
    padding: 7px 0 6px
}
.expander-list ul .name {
    padding-left: 21px
}
.expander-list ul ul .name {
    padding-left: 42px
}
/*.expand-nav {
    left: 10px;
    position: absolute;
    top: 25px;
    z-index: 111111;
}*/
.expand-nav a {
    text-decoration: none
}
.expand-nav .nav-item>a {
    display: block;
    float: left;
    height: 53px;
    left: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 47px;
    z-index: 2
}
.expand-nav .nav-item>a .icon {
    color: #3b3b3b;
    font-size: 24px;
    line-height: 50px;
    margin-top: 5px;
    position: relative
}


/* -------------------------------------------------------------- */
/* 3. CONTENT
-------------------------------------------------------------- */


/* blog widget */

.blog-widget {
    background: url(../images/blog-back.jpg) no-repeat 50% 0 #f0f0f0;
    overflow: hidden;
    padding: 15px 0 30px;
    margin: 0 0 15px
}
.touch .blog-widget {
    background-position: 50% 50%
}
.no-touch .blog-widget {
    -webkit-backface-visibility: visible
}

@media (max-width: 767px) {
    .blog-widget {
        padding: 0
    }
}
.blog-widget .subtitle span {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}
.blog-widget .subtitle div span:before, .blog-widget .subtitle div span:after {
    top: 13px
}

@media (max-width: 767px) {
    .blog-widget .subtitle span {
        font-size: 24px
    }
}
.blog-widget .content {
    overflow: hidden
}
.blog-widget h3 {
    text-decoration: none;
    color: #fff
}
.blog-widget a {
    color: #000;
    text-decoration: none
}
.blog-widget a:hover {
    text-decoration: none
}
.blog-widget .posts {
    width: 100%;
    padding: 0 5%;
    position: relative
}

@media (max-width: 767px) {
    .blog-widget .posts {
        padding: 0 10%
    }
}
.blog-widget .slides div.carousel-item {
    background: none repeat scroll 0 0 #f5f5f5;
    color: #333;
    font-size: 14px;
    line-height: 15px;
    margin: 0;
    padding: 10px 10px 5px;
    text-align: left;
    text-decoration: none;
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    width: auto
}

@media (min-width: 480px) and (max-width: 767px) {
    .blog-widget .slides div.carousel-item {
        font-size: 12px
    }
}
.blog-widget .slides div.carousel-item .date {
    font-size: 11px;
    display: block
}
.blog-widget .slides div.carousel-item img {
    width: 100%;
    margin-bottom: 5px
}
.blog-widget .slides div.carousel-item {
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg)
}
.blog-widget .slides div.carousel-item:nth-child(even) {
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg)
}
.blog-widget .slides div.carousel-item:nth-child(3n) {
    -webkit-transform: none;
    -moz-transform: none;
    position: relative;
    top: -5px
}
.blog-widget .slides div.carousel-item:nth-child(5n) {
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    right: 5px
}
.blog-widget .slides div.carousel-item:nth-child(8n) {
    position: relative;
    top: 8px;
    right: 5px
}
.blog-widget .slides div.carousel-item:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    position: relative;
    z-index: 5
}
.blog-widget .slides div.carousel-item {
    -webkit-transition: -webkit-transform 0.2s linear 0s;
    transition: transform 0.2s linear 0s;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
    box-shadow: 0 3px 6px rgba(0,0,0,0.25)
}
.blog-widget .slides div.carousel-item:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.5);
    box-shadow: 0 3px 6px rgba(0,0,0,0.5)
}
.blog-widget .slick-list {
    overflow: visible !important;
    margin: -15px;
    padding: 15px 15px 30px
}
.blog-widget .slick-slide {
    opacity: 0 !important;
    -webkit-transition: opacity .5s ease;
    transition: opacity 0.5s ease
}
.blog-widget .slick-slide.slick-active {
    opacity: 1 !important
}
.blog-widget-small {
    max-height: 360px
}
.blog-widget-small .slides {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.blog-widget-small .slides .carousel-item {
    margin: 0;
    padding: 0;
    height: 112px !important;
    overflow: hidden;
    float: none !important
}
.blog-widget-small .post {
    padding: 0 0 15px 0
}
.blog-widget-small .image {
    display: block;
    float: left;
    margin-right: 17px;
    width: 90px !important;
    overflow: hidden
}

.blog-widget-small .image img {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.blog-widget-small .image:hover img {
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}
.blog-widget-small .text {
    overflow: hidden
}
.blog-widget-small .post span a {
    text-decoration: underline
}
.blog-widget-small .post span a:hover {
    text-decoration: none
}
/* social buttons */

.social-buttons {
    margin-bottom: 5px;
    overflow: hidden;
    line-height: 36px
}
.socials {
    margin: 0;
    padding: 5px 0 0;
    list-style-type: none;
    overflow: hidden;
    display: inline
}
.socials li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px
}
.socials a {
    display: block;
    width: 34px;
    line-height: 32px;
    text-align: center;
}
.socials a:hover, .socials a.active {
    text-decoration: none;
    background: #242424;
}
.socials .icon:after, .socials .icon:before {
    margin: 0
}
.socials.socials-lg {
    padding: 0 0 0 1px
}
.socials.socials-lg li {
    float: left;
    margin: 0 0 -1px -1px
}
.socials.socials-lg.space li {
    margin-bottom: 5px;
    float: none;
    display: inline-block;
    margin: 0 5px 6px 0
}
.socials.socials-lg a {
    width: 110px;
    line-height: 37px
}
.socials.socials-xl a {
    width: 54px;
    line-height: 48px
}
.socials.socials-xl {
    padding: 0 0 0 1px
}
.socials.socials-xl li {
    float: left;
    margin: 0 0 -1px -1px
}
/* sign button */

.sign-btn {
    display: inline-block;
    position: relative;
    min-width: 112px;
    height: 32px;
    padding: 8px 10px 8px 42px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    color: #fff;
    font-size: 1.1em;
    line-height: 1.2em;
    text-decoration: none;
    overflow: hidden;
}
.sign-btn .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 32px;
    line-height: 22px;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    border-right: 1px solid rgba(0,0,0,0.15)
}
.sign-btn.sign-btn-facebook {
    background: #4660a9;
}
.sign-btn.sign-btn-twitter {
    background: #28aae1;
}
.sign-btn:hover {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .content.nopad-xs {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .input-control input.form-control {
        width: 100%
    }
}

@media (max-width: 767px) {
    .tab-content {
        padding: 20px 20px 15px;
        border: none;
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .module {
        margin-bottom: 35px
    }
    .slider-products.module {
        margin-bottom: 0
    }
}
/*circle banner*/

.banner-circle {
    position: relative;
    cursor: pointer
}
.banner-circle .image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #fff)
}
.banner-circle .image img {
    max-width: 100%
}
.banner-circle .title {
    position: absolute;
    display: table;
    vertical-align: middle;
    top: 70%;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    background: #f5f5f5;
    background: rgba(255,255,255,0.9);
    color: #000;
    margin-top: -40px;
    line-height: 40px;
    height: 80px;
    font-size: 1.5em;
}
.banner-circle .title span {
    display: table-cell;
    vertical-align: middle
}
.circle_banners .slick-prev, .circle_banners .slick-next {
  top: auto;
  bottom: -35px;
  right: 15px;
}
.circle_banners .slick-prev {
  right: 49px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .banner-circle .title {
        line-height: 35px;
        font-size: 1.5em;
        height: 60px;
        margin-top: -30px
    }
}

@media (max-width: 767px) {
    .banner-circle .title {
        line-height: 20px;
        font-size: 1.5em;
        height: 40px;
        margin-top: -20px
    }
}


/*product accordion*/

@media (min-width: 768px) and (max-width: 991px) {
    .accord-panel {
        margin-bottom: 50px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .accord-panel {
        margin-bottom: 50px
    }
}
#mobileAccord .carousel-item.slick-slide {
    width: auto !important
}

@media (max-width: 480px) {
    #mobileAccord {
        height: 256px;
        overflow: hidden
    }
    #mobileAccord .accord-panel {
        padding: 0;
        margin-left: -1px
    }
    #mobileAccord .accord-panel:first-child {
        margin: 0
    }
    #mobileAccord .accord-panel.closed {
        width: 35px;
        overflow: hidden
    }
    #mobileAccord .accord-panel.open {
        width: auto
    }
    #mobileAccord .vertical_title_outer {
        cursor: pointer
    }
    #mobileAccord .carousel_outer {
        min-width: 320px !important;
        padding-left: 40px
    }
    #mobileAccord .blog-widget-small .image {
        width: 60px !important;
        margin-right: 5px
    }
}

@media (max-width: 320px) {
    #mobileAccord .carousel_outer {
        min-width: 220px !important
    }
}
.panel-body .carousel-item.slick-slide {
    width: auto !important
}
/*small photos*/

.small-photos {
    margin-bottom: 15px;
    overflow: hidden;
    max-height: 280px;
}
.small-photos img {
    display: inline-block;
    overflow: hidden
}
.small-photos a {
    display: block;
    float: left;
    margin: 0 0 4px 4px;
    width: 66px;
    height: 66px;
    overflow: hidden
}
.small-photos img {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.small-photos a:hover img {
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}
/*testimonials widget*/

.testimonials-widget .slick-list {
    min-height: 250px
}
.testimonials-widget .text {
    padding: 10px 7px;
    color: #efefef;
    border: 1px solid #616161;
    background: #3a3a3a;
    position: relative
}
.testimonials-widget .carousel-item {
    overflow: hidden;
    padding: 0 0 15px
}
.testimonials-widget .arrow {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid #3a3a3a;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}
.testimonials-widget .author {
    color: #fff;
    margin-top: 10px
}
.video-link {
    width: 25%;
    float: right;
    margin: 25px 0 0 0
}
.video-link a {
    position: relative;
    text-decoration: none
}
.video-link .img-outer {
    position: relative;
    text-align: center
}
.video-link .img-outer:after {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    font-family: Flaticon;
    content: "\e043";
    color: #fff;
    font-size: 3em
}
.video-link img {
    width: 100%
}

#wp_frame {
  max-width: 100% !important;  
}

/*product slider*/
#slider {
  margin-top: 25px;  
}

.slider-nav-outer .video-link {
    margin: 0
}
.slider-nav-simple {
    width: 100%;
    margin: 5px 0 45px;
    float: left
}
.slider-nav-simple .slick-slide img {
    cursor: pointer;
    max-width: 100%;
}
.slider-nav-outer {
    width: 33.3%
}

.product-view .slider-nav-simple .slick-slide img {
  width: 210px;
}

.slider-products .horizontal_title_outer{
    width: 100%;
    text-align: center;
    white-space: nowrap;
    line-height: 0.1em;
		background-image: url(/image/horizontal-line.jpg);
}


.slider-products .horizontal_title_outer span{
    background: #fff;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 18px;
}

@media (max-width: 480px) {
    .slider-nav-outer {
        width: 100%
    }
}
.slider-nav {
    width: 75%;
    float: left;
    background: #c3c6c3
}
.slider-nav .slick-slide img {
    opacity: 1;
    cursor: pointer
}
.slider-nav .slick-slide.slick-center img, .slider-nav .slick-slide.slick-slide-current img {
    opacity: 1
}
#hover-left, #hover-right {
    position: absolute;
    height: 100%;
    left: 0;
    background: rgba(217,216,213,0.7);
    z-index: 1000
}
#hover-right {
    left: auto;
    right: 0
}
/*accordion*/

.accordion-simple {
    text-align: left
}
.accordion-simple .panel-heading {
    padding: 0
}
.accordion-simple .panel-heading a {
    display: block;
    position: relative;
    font-size: 1.167em;
    line-height: 1em;
    font-weight: bold;
    padding: 22px 18px 20px 0;
    /*border-top: 1px dotted #cacaca*/
}
.accordion-simple .panel-heading a:hover {
    text-decoration: none
}
.accordion-simple .panel+.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    margin: 0
}
.accordion-simple .panel:first-child .panel-heading a {
    border-top: none
}
.accordion-simple .arrow-down, .accordion-simple .arrow-up {
    display: block;
    position: absolute;
    font-size: 1.54em;
    top: 50%;
    right: 0;
    margin-top: -0.35em
}
.accordion-simple .arrow-down, .accordion-simple .collapsed .arrow-up {
    display: none
}
.accordion-simple .collapsed .arrow-down {
    display: inline
}
.accordion-simple .panel-body {
    border-top: 0 !important;
    padding: 0 0 10px
}
/*accordion faq*/

.accordion-faq {
    text-align: left;
    position: relative
}
.accordion-faq .panel {
    border-radius: 0;
    margin-left: 73px;
    box-shadow: none;
    -webkit-box-shadow: none;
    overflow: visible
}
.accordion-faq .panel .panel-heading {
    padding: 0;
    color: #fff;
    border-radius: 0 !important;
    display: table;
    width: 100%
}
.accordion-faq .panel-heading a {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
    background: #f0f0f0;
    font-size: 0.9167em;
    padding: 10px 5px 12px 15px;
    border-radius: 0;
    height: 61px;
    min-height: 61px;
    border: 1px dotted #cacaca
}
.accordion-faq .panel-heading a:hover {
    text-decoration: none
}
.accordion-faq .panel:last-child {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none
}
.accordion-faq .arrow-down, .accordion-faq .arrow-up {
    position: absolute;
    display: block;
    width: 63px;
    height: 61px;
    font-size: 2em;
    line-height: 59px;
    text-align: center;
    top: 0;
    left: -73px;
    background: #f0f0f0;
    border: 1px dotted #cacaca
}
.accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up {
    display: none
}
.accordion-faq .collapsed .arrow-down {
    display: block
}
.accordion-faq .panel-body {
    border-top: 0 !important;
    padding: 15px;
    background: #fff;
    border: 1px dotted #cacaca;
    border-top: none
}
.accordion-faq.panel-group .panel+.panel {
    margin-top: 3px
}
/*checkOut page*/

#checkOut .panel-default {
    border: none;
    border-radius: 0
}
#checkOut .panel-default .panel-title {
    padding: 0;
    font-size: 1.5em
}
#checkOut .panel-default>.panel-heading {
    background-color: #fff;
    border: 1px dotted #cacaca;
    border-radius: 0;
    padding: 0;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease
}
#checkOut .panel-default>.panel-heading.active, #checkOut .panel-default>.panel-heading:hover {
    background-color: #3b3b3b;
    border: 1px solid #3b3b3b;
    color: #fff
}
#checkOut .panel-default>.panel-heading:hover {
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease
}
#checkOut .panel-default>.panel-heading a {
    padding: 15px 15px;
    display: block;
    color: #000;
    text-decoration: none;
    outline: none
}
#checkOut .panel-default>.panel-heading.active a, #checkOut .panel-default>.panel-heading:hover a {
    color: #fff
}
#checkOut .panel-default>.panel-heading a span {
    padding-right: 25px
}
#checkOut .panel-body {
    padding: 30px 50px;
    border: 1px dotted #cacaca;
    border-top: 0
}
#checkOut .panel-body ul {
    padding: 0;
    margin: 0 0 10px
}
#checkOut .panel-body li {
    padding-bottom: 5px;
    list-style: disc;
    list-style-position: inside
}

.panel .btn{
	    height: 37px;
			line-height: 1em;
}

.checkout-checkout #payfire-voucher-panel {
    margin-bottom: 15px;
}

/*content center*/

.content-center {
    float: right;
    margin-bottom: -25px;
    border-left: 1px dotted #ccc
}

.content.related{
    width: 1170px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .content-center {
        float: none
    }
}
@media (max-width: 767px) {
    .content-aside {
        float: none
    }
}


.content-aside section h3 {
    font-weight: bold;
    font-size: 1.167em
}
/*filter panel @ pagination*/

.filters-panel a {
    text-decoration: none
}
.filters-panel .divider {
    height: 10px
}
.filters-panel .divider:after {
    content: " ";
    display: block;
    height: 10px;
    border-bottom: 1px solid #e9e9e9
}
.filters-panel .sort-select .dropdown-menu {
    min-width: 98px
}
.filters-panel .sort-select .value {
    min-width: 60px
}
.filters-panel .sort-select-arrow.up .down {
    display: none
}
.filters-panel .sort-select-arrow.down .down, .filters-panel .sort-select-arrow.up .up {
    display: inline
}
.filters-panel .sort-select-arrow.down .up {
    display: none
}
.filters-panel .perpage-select .dropdown-menu {
    min-width: 53px
}
.filters-panel .perpage-select .value {
    min-width: 15px
}
.filters-panel .view-mode {
    text-align: left;
    overflow: hidden;
    margin-bottom: 10px
}
.filters-panel .view-mode a, .pagination a {
    display: block;
    float: left;
    margin-right: 11px;
    border: 1px solid #ccc;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center
}
.filters-panel a.sort-icon {
    display: block;
    float: left;
    width: 23px;
    line-height: 34px;
    text-align: center
}
.filters-panel .view-mode a:hover, .filters-panel .view-mode a.active {
    text-decoration: none;
    border-color: #999
}
.filters-panel .view-mode a:last-child, .pagination a:last-child {
    margin-right: 0
}
.pagination {
    margin: 0
}
.pagination a {
    font-size: .9em;
    margin-left: 0;
    margin-right: 11px
}
.pagination a.icon:before {
    font-size: 12px;
}
.pagination a.icon.pagination-prev {
    padding-right: 2px;
}

@media (max-width: 1199px) {
    .pagination a {
        margin-right: 3px;
        width: 36px
    }
    .filters-panel .view-mode a {
        margin-right: 5px
    }
    
    .responsive .videoWrapperFull {
        min-height: 350px
    }
    

    
    .navbar-main-menu .item:first-child {
        margin-left: -6px
    }
    
    .navbar-secondary-menu{
      padding-top: 0px;
    }
}
.pagination a:hover {
    text-decoration: none;
    border-color: #999
}
.panel {
    -webkit-box-shadow: none;
    box-shadow: none
}
/*filter category*/

.filters-by-category {
    margin: 30px 0 40px
}
.filters-by-category ul {
    padding: 0;
    margin: 0
}
.filters-by-category li {
    margin: 0 6px 6px;
    height: 37px;
    display: inline-block
}
.filters-by-category li a {
    display: block
}
/*sort icon*/

a.sort-icon.sort-icon-down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
a.sort-icon.sort-icon-up {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
a.sort-icon:hover {
    color: #000
}
a.sort-icon:before {
    font-size: 12px;
}
/*custom block*/

.custom-block {
    padding: 1.5em 0 2em;
    margin-bottom: 20px
}
.custom-block .text {
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
    padding-left: 20px
}
.custom-block .item {
    margin: 5px 0;
    padding: 0;
    min-height: 59px
}
.custom-block .icon {
    border: 1px solid #d0d0d0;
    width: 59px;
    height: 59px;
    text-align: center;
    padding: 3px 0 0
}
.custom-block .icon:after, .custom-block .icon:before {
    font-size: 30px
}
@media (max-width: 991px) {
    .custom-block .item {
        float: left;
        width: 50%;
    }
}
.google-map {
    width: 100%;
    height: 270px;
    margin: 0;
    border: 0;
    overflow: hidden
}
#pluginIdTFPU_2, #pluginIdTFPU {
    display: none
}
/*countdown*/

.countdown-holding span {
    color: #888
}
.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center
}
.countdown-show1 .countdown-section {
    width: 98%
}
.countdown-show2 .countdown-section {
    width: 48%
}
.countdown-show3 .countdown-section {
    width: 31.5%
}
.countdown-show4 .countdown-section {
    width: 22.5%
}
.countdown-show5 .countdown-section {
    width: 19.5%
}
.countdown-show6 .countdown-section {
    width: 16.25%
}
.countdown-show7 .countdown-section {
    width: 14%
}
.countdown-period {
    display: block
}
.countdown-descr {
    display: block;
    width: 100%
}
.countdown_box {
    color: #272727;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
    z-index: 999
}
.countdown_inner {
    overflow: hidden;
    border: 1px dotted #cfcfcf;
    margin: 0;
    padding: 5px 5px 10px;
    background: rgba(255,255,255,0.9);
    text-align: center
}
.countdown_inner .title {
    margin: 0 0 5px;
    font-size: 9px;
    color: #000;
}
.countdown-section {
    display: inline-block;
    text-align: center;
    border: 1px dotted #dedede;
    background: #fbfbfb;
    margin: 0 1px 0 0;
    font-size: 7px;
    line-height: 10px;
}
.countdown-amount {
    color: #000;
    font-size:14px;
    line-height:14px
}
.product-preview:hover .countdown_box {
    display: none
}
@media (max-width: 480px) {
    .category-banners .col-xs-6 {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
}
/*tabs*/

.nav-tabs {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    border-bottom: none;
    margin-bottom: -1px
}
.nav-tabs>li {
    display: inline-block;
    float: none;
    margin-bottom: 0
}
.nav-tabs>li>a {
    border: 1px solid #d0d0d0;
    border-bottom: none;
    border-radius: 0;
    font: 1em;
    line-height: 1.25em;
    margin-right: 2px;
    padding: 13px 15px;
}

@media (max-width: 479px) {
    .nav-tabs>li {
        display: block;
        float: none;
        margin-bottom: 0
    }
    .nav-tabs>li>a {
        padding: 10px 10px;
        margin-right: 0;
    }
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #3a3a3a;
    border-color: #3a3a3a;
    color: #fff;
    cursor: default;
    border-bottom: none
}

#producttab{
  padding: 0 3%;
}


.tab-content {
    border: 1px solid #d0d0d0 !important;
    margin-bottom: 20px;
    padding: 20px 20px 15px
}

.tab-content #tab-description {
  max-width: 1000px;
  padding: 20px 2%;
  font-size: 1.2em;
  min-height: 100px;
}


.label.label-sale, .label.label-hot, .label.label-newl, .label.label-new, .label.label-sale-percent, .label.label-rrp  {
    position: absolute;
    border-radius: 0;
    padding: 0 5px;
    min-width: 37px;
    height: 31px;
    font-size: 1em;
    text-align: center;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    font-family: Arial, Helvetica, sans-serif
}

 .label.label-rrp {
    line-height: 28px;
}

.label.label-sale small, .label.label-hot small, .label.label-newl small, .label.label-new small, .label.label-sale-percent small, .label.label-rrp small {
   font-weight: normal;
   font-size: .6em;
}

.label.label-rrp small {
   line-height: 0;
   margin-top: -3px;
   float: right;
}

.label.label-sale sup, .label.label-hot sup, .label.label-newl sup, .label.label-new sup, .label.label-sale-percent sup, .label.label-rrp sup {
   font-weight: normal;
   margin-left: 5px;
    position: relative;
    font-size: 75%;
    top: -.1em;
    line-height: 0;
    vertical-align: baseline;
    
}

.label.label-sale:after, .label.label-hot:after, .label.label-newl:after, .label.label-new:after, .label.label-sale-percent:after, .label.label-rrp:after {
    content: '    '; 
    display: block;
    position: absolute;
    bottom: -2px;
    margin-left: -2px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}
.label.label-sale, .label.label-hot, .label.label-newl {
    top: -3px;
    left: 0;
    background: #EC1D25;
    color: #fff;
    z-index: 3
}

.label.label-rrp {
    top: -3px;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    color: #000;
    z-index: 1;
}
.label.label-sale:after, .label.label-hot:after, .label.label-newl:after {
    border-top-color: #EC1D25
}
.label.label-new {
    top: 0;
    right: 0;
    background: #8e8e8e;
    color: #fff;
    z-index: 1
}
.label.label-new:after {
    border-top-color: #8e8e8e
}
.label.label-sale-percent {
    top: 23px;
    left: 0;
    background: #fff;
    color: #575757;
    z-index: 3
}
.label.label-sale-percent:after, .label.label-rrp:after {
    border-top-color: #fff
}
.label.label-hot, .label.label-newl {
    right: -5px;
    left: auto;
    top: -12px;
    padding: 2px 3px;
    line-height: 12px;
    min-width: 27px;
    height: 16px;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif
}
.label.label-newl {
    background: #8e8e8e
}
.label.label-newl:after, .label.label-hot:after {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0
}
.label.label-newl:after {
    border-top-color: #8e8e8e
}
.slider-range .max {
    padding-top: 23px;
    float: right
}
.slider-range .min {
    padding-top: 23px;
    float: left
}
.slider-range .max {
    padding-top: 23px;
    float: right
}
.slider-range .min {
    padding-top: 23px;
    float: left
}
/*live chat*/

.live-chat {
    position: fixed;
    bottom: -308px;
    right: 0;
    z-index: 5000;
    cursor: pointer;
    width: 306px;
    height: 340px;
    color: #2b2b2b;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25);
    box-shadow: 0 2px 4px rgba(0,0,0,0.25)
}
.live-chat.active {
    bottom: -3px
}
.live-chat .head {
    height: 32px;
    background: #EC1D25;
    font-size: 1.23em;
    line-height: 2.2em;
    color: #fff;
}
.live-chat .head span.icon-left {
    display: block;
    float: left;
    height: 32px;
    line-height: 2em;
    text-align: center;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#848484), to(#656565));
    background: -webkit-linear-gradient(#848484, #656565);
    background: linear-gradient(#848484, #656565);
    width: 32px;
    margin-right: 11px;
    padding: 2px 2px 0 0
}
.live-chat .head span.caret {
    display: block;
    float: right;
    color: #fff;
    margin: 12px 5px 0 0;
    border: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90));
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90))";
    zoom: 1
}
.live-chat .head span.caret:before {
    font-family: flaticon;
    content: "\e02d"
}
.live-chat.active span.caret {
    margin: 20px 35px 0 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90), M12=-sin(-90), M21=sin(-90), M22=cos(-90));
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90), M12=-sin(-90), M21=sin(-90), M22=cos(-90))";
    zoom: 1
}
.live-chat .tab-content {
    background: #fff;
    height: 308px;
    padding: 20px
}
.live-chat .tab-content .form-group {
    margin: 0 0 8px
}
.live-chat .tab-content .form-group textarea {
    height: 95px
}
.live-chat .tab-content .form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #494949 !important;
    display: block;
    font-size: 1em;
    height: 25px;
    padding: 5px 6px;
    margin-bottom: 10px;
    border-radius: 0
}
.live-chat .tab-content .btn-cool, .live-chat .tab-content .filters-by-category li a, .filters-by-category li .live-chat .tab-content a {
    height: 36px;
    width: 100%;
    margin-top: 7px
}
.live-chat {
    -webkit-transition: all .5s ease;
    transition: all 0.5s ease
}


.subscribe .button {
    margin-left: -25px
}

@media (max-width: 991px) {
    .subscribe {
        border-top: 1px dotted #cacaca;
        margin-top: -15px
    }
    .subscribe .button {
        margin-left: 0
    }
    .subscribe .form-inline {
        padding-bottom: 10px
    }
    .subscribe h3 {
        text-align: left
    }
    
    .rect-nohover{padding: 10px !important;}
}

@media (min-width: 992px) {
    .subscribe {
/*        border: 1px dotted #cacaca;*/
        padding: 15px 0 0;
        background: url(../images/contacts-back.png) no-repeat 30px -30px
    }
    .subscribe h3 {
        line-height: 2em;
        padding: 0;
        text-align: right
    }
}
#popup-box-outer {
    display: none
}
#popup-box {
    position: relative;
    width: 830px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/newsletter-bg.jpg) no-repeat right 0;
    padding: 40px 30px 10px
}
#popup-box h1,#popup-box h2,#popup-box h3 {
    font-size: 3em;
    margin-bottom: 30px
}
#popup-box .input-control input.form-control {
    width: 340px
}
#popup-box .inline {
    vertical-align: text-top;
    line-height: 1em;
    display: inline-block
}
#popup-box .mfp-close {
    color: #000
}

@media (min-width: 768px) and (max-width: 991px) {
    .responsive #popup-box {
        width: 500px
    }
    .responsive #popup-box .input-control input.form-control {
        width: 300px
    }
}

@media (max-width: 767px) {
    .responsive #popup-box {
        width: 300px;
        padding: 20px 10px
    }
    .responsive #popup-box .input-control input.form-control {
        width: 200px
    }
}
/*tables*/

.table-striped>tbody>tr:nth-child(2n+1)>td, .table-row>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th, .table-row>tbody>tr:nth-child(2n+1)>th {
    background-color: #f9f9f9
}
.table-row>tbody>tr:nth-child(2n+1)>td, .table-row>tbody>tr:nth-child(2n+1)>th {
    background-color: transparent
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {
    border-top: 1px dotted #cacaca
}
.table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px dotted #cacaca;
    border-bottom: 1px dotted #cacaca
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 1px dotted #cacaca
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    /*border: 1px dotted #cacaca*/
}

.table-shop {
    width: 100%;
    margin-bottom: 25px;
    margin-top: 15px;
}

.table-compact {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
}

.table-shop .product-name,
.table-compact .product-name {
    width: 40%
}
.table-shop img,
.table-compact img {
  text-align: center;
  width: 30px;
}
.table-shop th.product-image,
.table-compact th.product-image {
  width: 1px;
}
.table-shop>thead>tr>th {
    border: none;
    padding: 10px 10px;
    font-weight: normal;
    text-transform: uppercase;
}

.table-compact>thead>tr>th  {
    border: none;
    padding: 2px 5px;
    font-weight: bold;
    font-size: .8em;
}
.table-shop>tbody>tr{
  border: 1px solid #3f3f3f;
}
.table-compact>tbody>tr {
  border: none;
}
.table-shop>tbody>tr>td {
    border: 1px solid #cacaca;
    border-top: 2px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    padding: 3px 5px 0;
}
.table-compact>tbody>tr>td {
    border: none;
    padding: 1px 5px 0;
}
.table-shop .input-quantity,
.table-compact .input-quantity {
    width: 80%;
    display: inline;
    text-align: center;
    height: 30px;
    line-height: 1.4em;
    padding: 4px 5px;
    margin: 0 0 3px;
}

.table-shop .price,
.table-compact .price {
    font-size: 14px !important;
}



@media (max-width: 767px) {
    .table-shop>thead,
    .table-compact>thead {
        display: none
    }
    .table-shop, .table-shop tbody, .table-shop td, .table-shop tr,
    .table-compact, .table-compact tbody, .table-compact td, .table-compact tr {
        display: block;
        border: 0;
        width: 100%;
    }
    .table-shop td,
    .table-compact td {
        padding: 5px !important;
        position: relative;        
        padding-left: 30% !important;
        border: none !important; 
          /*1px solid #cacaca !important;*/
    }
    .table-shop td.notitle,
    .table-compact td.notitle {
        padding: 20px !important;
        text-align: center !important
    }
    .table-shop td.text-center,
    .table-compact td.text-center {
        text-align: left
    }
    .table-shop td.no_title,
    .table-compact td.no_title {
        padding-left: 0 !important;
        text-align: center
    }
    .table-shop td div.th_title,
    .table-compact td div.th_title {
        position: absolute;
        top: 5px;
        left: 0;
        width: 25%;
        text-align: right
    }
    .table-shop td div.th_title.input-label,
    .table-compact td div.th_title.input-label {
        line-height: 3em
    }
    
    
    .table-shop td.product_image,
    .table-compact td.product_image {
      padding: 5px !important;      
      text-align: center;
    }
    
    .table-shop img,
    .table-compact img {
      width: 100px;
      margin: 0 auto;
    }
    
    
}
table.table-total {
    border: none;
    text-align: left;
    border-bottom: 2px solid #e9e9e9;
    margin-bottom: 20px
}
table.table-total tr>th, table.table-total tr>td {
    border: none;
    padding: 5px 0 0 0;
    width: 47%
}
table.table-total tr>th.td-divider, table.table-total tr>td.td-divider {
    width: 6%
}
table.table-total h2 {
    font-size: 1.6em;
    font-weight: bold
}
.images-gallery {
    overflow: hidden;
    margin-bottom: 45px
}
.images-gallery .images-nospace .image-thumbnail {
    float: left
}
.images-gallery.three-columns .images-nospace .image-thumbnail {
    width: 33.3333333333%
}

@media (max-width: 479px) {
    .images-gallery.three-columns .images-nospace .image-thumbnail {
        width: 50%
    }
    
    .table-shop td div.th_title {
        width: 45%;
    }
    .table-shop td {
        padding-left: 50% !important;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    .images-gallery.three-columns .images-nospace .image-thumbnail {
        width: 33.3333333333%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .images-gallery.three-columns .images-nospace .image-thumbnail {
        width: 33.3333333333%
    }
}
.images-gallery.five-columns .images-nospace .image-thumbnail {
    width: 20%
}

@media (max-width: 479px) {
    .images-gallery.five-columns .images-nospace .image-thumbnail {
        width: 33.3333333333%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .images-gallery.five-columns .images-nospace .image-thumbnail {
        width: 33.3333333333%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .images-gallery.five-columns .images-nospace .image-thumbnail {
        width: 20%
    }
}
.images-gallery.four-columns .images-nospace .image-thumbnail {
    width: 25%
}

@media (max-width: 479px) {
    .images-gallery.four-columns .images-nospace .image-thumbnail {
        width: 50%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .images-gallery.four-columns .images-nospace .image-thumbnail {
        width: 25%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .images-gallery.four-columns .images-nospace .image-thumbnail {
        width: 25%
    }
}
.images-gallery.two-columns .images-nospace .image-thumbnail {
    width: 50%
}

@media (max-width: 479px) {
    .images-gallery.two-columns .images-nospace .image-thumbnail {
        width: 50%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .images-gallery.two-columns .images-nospace .image-thumbnail {
        width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .images-gallery.two-columns .images-nospace .image-thumbnail {
        width: 50%
    }
}
.images-gallery .images-nospace .image-thumbnail img {
    width: 100%
}
.images-nospace .image-thumbnail {
    position: relative;
    border: none;
    padding: 0
}
.images-nospace .image-thumbnail .hover {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(30,30,30,0.7);
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    width: 100%;
    height: 100%
}
.images-nospace .image-thumbnail:hover .hover {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}
.images-nospace .image-thumbnail .hover:after {
    content: " ";
    position: absolute;
    width: 100px;
    height: 1px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    border-top: 1px solid #fff
}
.images-nospace .image-thumbnail .hover:before {
    content: " ";
    position: absolute;
    height: 100px;
    width: 1px;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    border-left: 1px solid #fff
}
.images-nospace.team-gallery .image-thumbnail .hover:after {
    display: none
}
.images-nospace.team-gallery .image-thumbnail .hover:before {
    display: none
}
.images-nospace.team-gallery h4 {
    font-size: 2em;
    line-height: 1.2em;
    color: #fff;
    padding-bottom: 0
}
.images-nospace.team-gallery h5 {
    font-size: 1em;
    line-height: 1.2em;
    color: #fff
}
.images-nospace.team-gallery .hover .inside {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 10%;
    color: #fff;
    text-align: center
}
.images-nospace.team-gallery .socials {
    margin: 10px 0 0 0;
    padding: 5px 0 0;
    display: block
}
.images-nospace.team-gallery .socials li {
    margin-bottom: 5px;
    float: none;
    display: inline-block
}
.images-nospace.team-gallery .socials.socials-lg li {
    margin: 0 0 6px 5px
}
.images-nospace.team-gallery .socials a {
	border-color: 1px solid #fff;
	color: #fff
}
.images-nospace.team-gallery .socials a:hover, .socials a.active {
    text-decoration: none;
    background: #242424;
}
.mark {
    background: none repeat scroll 0 0 #d9d9d9;
    padding: 2px 2px 0
}
.color_mark {
    color: #fff;
    padding: 2px 2px 0
}
.underline {
    text-decoration: underline
}
.underline:hover {
    text-decoration: none
}
.blockquote, .testimonials, .infobox {
    position: relative;
    padding-left: 50px;
    margin-bottom: 45px;
    overflow: hidden
}
.blockquote .inside, .testimonials .inside, .infobox .inside {
    padding-right: 20px
}
.blockquote .inside p:last-child, .testimonials .inside p:last-child, .infobox .inside p:last-child {
    margin-bottom: 0
}
.blockquote:before, .testimonials:before, .infobox:before {
    position: absolute;
    left: 0;
    top: -10px;
    content: '"';
    font-style: italic;
    font-size: 100px;
    line-height: 1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.blockquote:after, .testimonials:after, .infobox:after {
    position: absolute;
    left: 32px;
    top: 0;
    margin-top: 37px;
    content: '';
    width: 1px;
    height: 100%;
    border-left: 1px solid #dbdbdb
}
.testimonials:before {
    left: 1px;
    top: 2px;
    font-family: "Flaticon";
    content: "\e03a";
    font-size: 40px;
    font-style: normal
}
.testimonials:after {
    margin-top: 50px
}
.infobox:before {
    left: 6px;
    top: 2px;
    font-family: "Flaticon";
    content: "\e065";
    font-size: 38px;
    font-style: normal
}
.infobox:after {
    margin-top: 50px
}
.dropcap {
    display: block;
    float: left;
    font-size: 3.1em;
    line-height: 1em;
    margin: -6px 5px 0 0;
    padding: 0 10px
}
/*rectangle box*/

.rect-equal-height {
    position: relative;
    padding-top: 40px !important;
    padding-bottom: 100px !important;
}
.rect-equal-height .btn-bottom {
    position: absolute;
    bottom: 45px;
}

@media (max-width: 767px) {
    .rect-equal-height {
        height: auto !important
    }
}
.rect, .rect-nohover {
    border: 1px dotted #cacaca;
    margin-bottom: 10px;
    padding: 25px 2% 10px;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease
}
.rect:hover, .rect-nohover:hover, .rect.active, .active.rect-nohover {
    background: #f0f0f0
}
.rect.active:hover, .active.rect-nohover:hover {
    background: transparent
}
.rect div.icon-outer .icon, .rect-nohover div.icon-outer .icon {
    display: block;
    margin-bottom: 15px;
}
.rect div.icon-outer [class^="flaticon-"].icon:before, .rect-nohover div.icon-outer [class^="flaticon-"].icon:before, .rect div.icon-outer [class*=" flaticon-"].icon:before, .rect-nohover div.icon-outer [class*=" flaticon-"].icon:before, .rect div.icon-outer [class^="flaticon-"].icon:after, .rect-nohover div.icon-outer [class^="flaticon-"].icon:after, .rect div.icon-outer [class*=" flaticon-"].icon:after, .rect-nohover div.icon-outer [class*=" flaticon-"].icon:after {
    font-size: 60px;
    line-height: 90px
}
.rect div.icon-outer [class^="flaticon-"].icon.icon-lg:before, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-lg:before, .rect div.icon-outer [class*=" flaticon-"].icon.icon-lg:before, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-lg:before, .rect div.icon-outer [class^="flaticon-"].icon.icon-lg:after, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-lg:after, .rect div.icon-outer [class*=" flaticon-"].icon.icon-lg:after, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-lg:after {
    font-size: 65px
}
.rect div.icon-outer [class^="flaticon-"].icon.icon-xl:before, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-xl:before, .rect div.icon-outer [class*=" flaticon-"].icon.icon-xl:before, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-xl:before, .rect div.icon-outer [class^="flaticon-"].icon.icon-xl:after, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-xl:after, .rect div.icon-outer [class*=" flaticon-"].icon.icon-xl:after, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-xl:after {
    font-size: 75px
}
.rect div.icon-outer [class^="flaticon-"].icon.icon-xxl:before, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-xxl:before, .rect div.icon-outer [class*=" flaticon-"].icon.icon-xxl:before, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-xxl:before, .rect div.icon-outer [class^="flaticon-"].icon.icon-xxl:after, .rect-nohover div.icon-outer [class^="flaticon-"].icon.icon-xxl:after, .rect div.icon-outer [class*=" flaticon-"].icon.icon-xxl:after, .rect-nohover div.icon-outer [class*=" flaticon-"].icon.icon-xxl:after {
    font-size: 90px
}
.rect-sm {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px dotted #cacaca;
    float: left;
    width: 81px;
    height: 81px;
    margin: 0 20px 20px 0;
    padding: 0;
    text-align: center
}
.rect-sm:hover, .rect-sm.active {
    background: #f0f0f0
}
.rect-sm.active:hover {
    background: transparent
}
.rect-sm div.icon-outer .icon {
    display: block;
    margin-bottom: 15px;
}
.rect-sm div.icon-outer [class^="flaticon-"]:before, .rect-sm div.icon-outer [class*=" flaticon-"]:before, .rect-sm div.icon-outer [class^="flaticon-"]:after, .rect-sm div.icon-outer [class*=" flaticon-"]:after {
    font-size: 30px;
    line-height: 81px !important
}
.rect-sm div.icon-outer [class^="flaticon-"].icon-lg:before, .rect-sm div.icon-outer [class*=" flaticon-"].icon-lg:before, .rect-sm div.icon-outer [class^="flaticon-"].icon-lg:after, .rect-sm div.icon-outer [class*=" flaticon-"].icon-lg:after {
    font-size: 40px
}
.rect-sm div.icon-outer [class^="flaticon-"].icon-xl:before, .rect-sm div.icon-outer [class*=" flaticon-"].icon-xl:before, .rect-sm div.icon-outer [class^="flaticon-"].icon-xl:after, .rect-sm div.icon-outer [class*=" flaticon-"].icon-xl:after {
    font-size: 50px
}
.rect-sm div.icon-outer [class^="flaticon-"].icon-xxl:before, .rect-sm div.icon-outer [class*=" flaticon-"].icon-xxl:before, .rect-sm div.icon-outer [class^="flaticon-"].icon-xxl:after, .rect-sm div.icon-outer [class*=" flaticon-"].icon-xxl:after {
    font-size: 60px
}
.icons-set {
    color: #000;
    line-height: 2em;
    margin: 10px 0
}
.icons-set span span {
    font-size: 1.231em;
    width: 30px;
    display: inline-block
}
.grey-container {
    background: #f0f0f0;
    padding-top: 35px;
    padding-bottom: 35px
}
.rect-nohover {
    background: none !important;
    padding: 20px 35px 30px
}
.rect-nohover .btn-cool, .rect-nohover .filters-by-category li a, .filters-by-category li .rect-nohover a {
    margin-bottom: 5px
}
.rect-noborder {
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: none;
    padding: 5px 2% 10px
}
.rect-noborder:hover, .rect-noborder.active {
    background: #f0f0f0
}
.rect-noborder.active:hover {
    background: transparent
}
.rect-noborder div.icon-outer .icon {
    display: inline;
    margin-bottom: 15px;
}
.rect-noborder .number {
    font-size: 3em;
    margin-bottom: 10px;
}
.rect-noborder div.icon-outer [class^="flaticon-"]:before, .rect-noborder div.icon-outer [class*=" flaticon-"]:before, .rect-noborder div.icon-outer [class^="flaticon-"]:after, .rect-noborder div.icon-outer [class*=" flaticon-"]:after {
    font-size: 30px;
    line-height: 81px
}
.rect-noborder div.icon-outer [class^="flaticon-"].icon-lg:before, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-lg:before, .rect-noborder div.icon-outer [class^="flaticon-"].icon-lg:after, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-lg:after {
    font-size: 38px
}
.rect-noborder div.icon-outer [class^="flaticon-"].icon-xl:before, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-xl:before, .rect-noborder div.icon-outer [class^="flaticon-"].icon-xl:after, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-xl:after {
    font-size: 48px
}
.rect-noborder div.icon-outer [class^="flaticon-"].icon-xxl:before, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-xxl:before, .rect-noborder div.icon-outer [class^="flaticon-"].icon-xxl:after, .rect-noborder div.icon-outer [class*=" flaticon-"].icon-xxl:after {
    font-size: 55px
}
/*chart*/

.chart-outer {
    float: left;
    width: 93px;
    height: 93px;
    margin: 0 20px 20px 0;
    padding: 0
}

@media (max-width: 991px) {
    .chart-outer {
        margin: 0 10px 20px 0
    }
}
.chart {
    position: relative;
    display: inline-block;
    width: 93px;
    height: 93px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.833em;
    line-height: 93px;
    text-align: center
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0
}
/*video block*/

.videoWrapperFull {
    position: relative;
    max-height: 575px;
    min-height: 500px;
    height: auto;
    overflow: hidden;
    background: url(../images/full-video.jpg)
}
.touch .videoWrapperFull {
    min-height: 500px
}
.videoWrapperFull video {
    margin-bottom: -10px;
    width: 100%;
    height: auto;
    max-width: 100%
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 35px
}
.videoWrapper iframe, .videoWrapperFull iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.video-hover-color {
    background: #000;
    opacity: .01;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%
}
.video-hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%
}
.video-text {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 102;
    width: 100%;
    height: 100%
}
.video-text.top20 {
    top: 20%
}
.video-text .title {
    font-size: 3em;
    margin-bottom: 25px;
    padding: 0;
    color: #fff
}
.video-text .title1 {
    margin-top: 15px;
    font-size: 5.5em;
    line-height: 1em;
    margin-bottom: 25px
}
.video-text .title2 {
    font-size: 1.85em;
    line-height: 1em;
    margin-bottom: 15px
}


@media (max-width: 767px) {
    .responsive .videoWrapperFull {
        min-height: 230px
    }
    .responsive .video-text {
        top: 30%;
        width: 90%;
        left: 5%
    }
    .responsive .video-text .title {
        font-size: 26px;
        line-height: 1em;
        margin-bottom: 25px
    }
}

@media (max-width: 479px) {
    .responsive .videoWrapperFull {
        min-height: 180px
    }
    .responsive .video-text {
        top: 20%;
        width: 90%;
        left: 5%
    }
    .responsive .video-text .title {
        font-size: 20px;
        line-height: 1em;
        margin-bottom: 25px
    }
}

@media (max-width: 359px) {
    .responsive .video-text {
        top: 10%;
        width: 90%;
        left: 5%
    }
    .responsive .video-text .title {
        font-size: 20px;
        line-height: 1em;
        margin-bottom: 15px
    }
}
/*price table*/

.price-table {
    margin-bottom: 30px;
    border: 1px dotted #cacaca;
    text-align: center;
    color: #000
}
.price-table.active {
    margin-top: -22px;
    padding: 20px 0;
}
.price-table-title {
    text-align: center;
    font: 22px/22px Mavenpro-bold, Arial, Helvetica, sans-serif;
    padding: 25px 0
}
.price-table.active .price-table-title {
    padding: 15px 0 35px
}
.price-table-price {
    background: #f7f7f7;
    font-size: 18px;
    padding: 17px 0
}
.price-table.active .price-table-price {
    color: #fff
}
.price-table ul {
    margin: 0;
    padding: 0
}
.price-table-info li {
    padding: 10px;
    line-height: 18px;
    list-style: none
}
.price-table-info li:hover {
    background: #f9fbfc
}
.price-table-info li, .price-table-price, .price-table-title {
    border-bottom: 1px dotted #cacaca
}
.price-table.active .price-table-price, .price-table.active .price-table-title {
    border-color: #9d7c56
}
.price-table button {
    margin: 18px 0
}
/*post navigation*/

.post-navigation {
    width: 100%;
    margin: 30px 0 35px;
    overflow: hidden
}
/*contact form*/

.contact-form .form-control {
    margin-bottom: 12px;
}
.contact-form textarea {
    height: 136px;
}
/*comment block*/

.comment {
    position: relative;
    color: #000
}
.comment .inside {
    padding: 30px 15px 30px 100px;
    border-top: 1px solid #eaeaea;
    position: relative
}
.comment>.inside:before {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    color: #e1e1e1;
    background: #f5f5f5;
    text-align: center;
    content: '\e00c';
    font-family: 'Flaticon';
    font-size: 57px;
    line-height: 67px;
    width: 81px;
    height: 77px
}
.comment p {
    margin-bottom: 0.7em
}
.comments .comment {
    padding-left: 10%
}
.comments>.comment:first-child {
    padding-left: 0
}
.comments>.comment:first-child .inside {
    border: none
}
.comment-form .form-group {
    margin-bottom: 8px
}
.comment-form input[type=text], .comment-form textarea {
    border-left: 0;
    border-top: 0;
    border-right: 0;
    padding: 5px 0;
    margin-bottom: 0;
    height: 38px
}
.comment-form textarea {
    padding: 12px 0;
    overflow: hidden
}
/*container widget*/

.container-widget {
    border-bottom: 1px dotted #eaeaea;
    margin: 10px 0;
    padding: 10px 0;
}
.container-widget h3 {
    padding-bottom: 0.9em
}
/*twitter widget*/

.twitter-widget ul {
    margin: 0;
    padding: 0 0 0 26px;
    list-style-type: none;
    line-height: 1.35em
}
.twitter-widget ul li {
    margin: 0 0 8px;
    padding: 7px;
    color: #efefef;
    border: 1px solid #616161;
    background: #3a3a3a;
    position: relative
}
.twitter-widget ul li:before {
    content: "\e053";
    display: inline;
    font: 1.167em flaticon;
    position: absolute;
    top: 0;
    left: -26px;
    color: #fff
}
.twitter-widget ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}
.twitter-widget a {
    text-decoration: underline
}
.twitter-widget .time {
    color: #858585;
    font-size: .833em;
    display: block;
    padding-top: 7px
}
.twitter-widget .arrow {
    display: block;
    position: absolute;
    top: 3px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #3a3a3a
}
.twitter-widget-aside ul {
    margin: 0;
    padding: 0 0 0 35px;
    list-style-type: none;
    line-height: 1.35em
}
.twitter-widget-aside ul li {
    margin: 0 0 12px;
    padding: 0 0 12px;
    border-bottom: 1px solid #f4f4f4;
    position: relative
}
.twitter-widget-aside ul li:before {
    content: "\e053";
    display: inline;
    font: 1.23em 'Flaticon';
    position: absolute;
    top: 0;
    left: -35px;
}
.twitter-widget-aside ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}
.twitter-widget-aside .link {
    display: block;
    padding-top: 2px
}
.twitter-widget-aside a {
    text-decoration: underline
}
.twitter-widget-aside .time {
    font-size: 0.917em;
    display: block;
    padding-top: 7px
}
/*blog post*/

.blog-left {
    border-right: 1px dotted #cacaca
}
.blog-posts div.blog-post {
    background: none repeat scroll 0 0 #f5f5f5;
    color: #333;
    font-size: 14px;
    line-height: 15px;
    margin: 0;
    padding: 10px 10px 5px;
    text-align: left;
    text-decoration: none;
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    width: 21%;
    margin: 2%;
    float: left
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-posts div.blog-post {
        width: 27%;
        margin: 3%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .blog-posts div.blog-post {
        width: 40%;
        margin: 5%
    }
}

@media (max-width: 479px) {
    .blog-posts div.blog-post {
        width: 80%;
        margin: 5% 10%
    }
}
.blog-posts div.blog-post a {
    text-decoration: none
}
.blog-posts div.blog-post .date {
    font-size: 11px;
    display: block
}
.blog-posts div.blog-post img {
    width: 100%;
    margin-bottom: 5px
}
.blog-posts div.blog-post {
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg)
}
.blog-posts div.blog-post:nth-child(even) {
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg)
}
.blog-posts div.blog-post:nth-child(3n) {
    -webkit-transform: none;
    -moz-transform: none;
    position: relative;
    top: -5px
}
.blog-posts div.blog-post:nth-child(5n) {
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    right: 5px
}
.blog-posts div.blog-post:nth-child(8n) {
    position: relative;
    top: 8px;
    right: 5px
}
.blog-posts div.blog-post:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    position: relative;
    z-index: 5
}
.blog-posts div.blog-post {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
    box-shadow: 0 3px 6px rgba(0,0,0,0.25)
}
.blog-posts:hover div.blog-post {
    -webkit-transition: -webkit-transform 0.2s linear 0s;
    transition: transform 0.2s linear 0s
}
.blog-posts div.blog-post:hover {
    -webkit-transition: -webkit-transform 0.2s linear 0s;
    transition: transform 0.2s linear 0s;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.5);
    box-shadow: 0 3px 6px rgba(0,0,0,0.5)
}
/*brands carousel*/

.brands-carousel {
    min-height: 70px
}
.brands-carousel img {
    position: relative;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.brands-carousel a .after {
    position: relative;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.brands-carousel a:hover .after {
    width: 90%
}
.brands-carousel .slick-list:hover img {
    opacity: 0.8;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.brands-carousel .slick-list:hover a:hover img {
    opacity: 1;
    border-right: 0 solid transparent;
    border-left: 0 solid transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
/*compare block*/

#compare-items {
    min-width: 260px;
}
#compare-items .description {
    display: table-cell;
    vertical-align: middle;
    width: 155px
}
#compare-items .item {
    padding: 5px 7px;
    display: table;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #cacaca;
}
#compare-items .item.last {
    border: none;
}
#compare-items {
    border: 0;
    padding: 5px
}
#compare-items .delete {
    display: table-cell;
    width: 20px;
    vertical-align: middle;
    margin: 30px 0 0 10px;
}
#compare-items .preview-image {
    display: table-cell;
    vertical-align: middle;
    width: 75px;
    padding-right: 15px;
}
#compare-items .preview-image img {
    width: 100%;
}
/* -------------------------------------------------------------- */
/* 4. FOOTER
-------------------------------------------------------------- */


@media (max-width: 991px) {
    footer {
        margin-top: 0;
    }
}


footer .footer-bottom {
    padding: 8px 0;
    line-height: 1.833em;
}
footer .payment-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}
footer .payment-list li {
    margin: 0;
    padding: 0 5px 0 0;
    float: left
}
footer .tab-content {
    padding: 20px 20px 15px;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    footer .footer-navbar {
        background-color: #f6f6f6;
        border-top: 1px dotted #cacaca;
        border-bottom: 1px dotted #cacaca;
        padding: 15px 2%;
    }
    footer .footer-navbar .container {
        position: relative
    }
    footer .footer-navbar .arrow {
        position: absolute;
        left: 0;
        top: 4px;
        cursor: pointer
    }
    footer .open .footer-navbar .arrow {
        top: 7px;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    footer .footer-navbar .arrow .icon:after, .footer-navbar .arrow .icon:before {
        font-size: .7em
    }
    footer .footer-navbar .menu.menu-icon .icon, .menu.menu-icon .icon {
        display: inline-block;
        width: 14px;
        margin-right: 8px;
        text-align: center;
    }
    footer .footer-navbar .menu, .menu.menu-icon {
        margin: 0;
        padding: 0;
        list-style-type: none
    }
    footer .footer-navbar .menu li, .menu.menu-icon li {
        margin: 0;
        padding: 0 0 10px;
    }
    footer .footer-navbar .menu.menu-icon li, .menu.menu-icon li {
        margin: 0 0 0 22px
    }
    footer #footer-collapsed {
        position: relative;
        overflow: hidden;
        width: 100%
    }
    footer #footer-collapsed .socials {
        /* display: inherit; */
        width: 60px;
        height: 120px;
        overflow: hidden
    }
    footer #footer-collapsed.open .socials {
        width: auto
    }
    footer .collapsed-block {
        display: inline-block;
        vertical-align: top;
        margin: 15px 0;
    }
    footer .collapsed-block .inside {
        padding-left: 20px;
        float: left
    }
    footer .collapsed-block h3 {
        font-size: 1.333em;
        margin-bottom: .65em;
        white-space: nowrap;
        cursor: pointer
    }
}

@media (max-width: 991px) {
    footer .footer-navbar {
        background: 0 0;
        color: #2b2b2b;
        border: none
    }
    .footer-navbar .menu {
        margin: 0;
        padding: 0;
        list-style-type: none
    }
    .footer-navbar .menu li {
        margin: 0;
        padding: 0 0 10px
    }
    .collapsed-block {
        border-bottom: 1px dotted #e1e1e1;
        padding-top: 15px;
        margin: 0
    }
    .collapsed-block h3 {
        position: relative;
        font-size: 1.333em;
        line-height: 1.6em;
        padding-bottom: .8em;
    }
    .collapsed-block h3 a {
        text-decoration: none
    }
    .collapsed-block .tabBlock {
        display: none;
        padding-left: 48px;
        overflow: hidden
    }
    .collapsed-block .text-right {
        text-align: left !important
    }
    .collapsed-block .col-sm-12 {
        padding: 0 !important
    }
    .collapsed-block .expander {
      /* border: 1px dotted #e1e1e1; */
      /* background: #fafafa; */
      /* position: absolute; */
      float: left;
      /* top: -6px; */
      /* left: 0; */
      display: block;
      cursor: pointer;
      font-size: 24px;
      line-height: 18px;
      width: 25px;
      height: 25px;
      text-align: center;
      font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-decoration: none;
    }
    
    
    .footer-bottom {
        text-align: center;
        padding: 25px 0
    }
    footer .payment-list.pull-right {
        float: none !important;
        text-align: center;
        padding: 5px 0
    }
    footer .payment-list li {
        display: inline;
        float: none
    }
}
footer #footer-collapsed.no-popup .footer-navbar .arrow {
    display: none !important
}
/* -------------------------------------------------------------- */
/* 5. PRODUCT
-------------------------------------------------------------- */

.product-preview {
    text-align: right;
    position: relative;
    max-width: 350px;
    /*height: 340px;*/
    overflow: hidden;
    padding: 6px;
    border: 1px solid transparent;
        padding-bottom: 35px;
}



.product-preview .icon-size, .product-preview .icon-color {
    line-height: 15px;
    width: 19px;
    margin: 2px 1px 1px
}
.product-preview .product-options {
    padding-bottom: 5px
}
.product-preview .product-options-row {
    padding-bottom: 8px
}
.product-preview:hover {
    border-color: #337ab7;
}
.header-product-carousel .product-preview {
    border: none
}
.product-preview .preview {
    position: relative;
    display: inline-block;
}
.product-preview .preview .img-responsive {
    width: 100%;
    opacity: 1;
    position: relative;
}
.product-preview .preview .img-default {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    z-index: 2;
}
.product-preview .preview .img-second {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.product-preview:hover .preview .img-second {
    opacity: 1;
}
.product-preview:hover .preview .img-default {
    opacity: 0;
}
.touch .product-preview:hover .preview .img-default {
    opacity: 1 !important;
}
.product-preview h3.title {
    color: #333333;
    font: inherit;
    padding: 5px 0 1px;
    font-size: 18px;
    line-height: 22px;
}
.products-list-in-row .product-preview h3.title {
    padding: 5px 0 20px;
    font-size: 1.5em
}

.product_table {
   display: none;
}

.product-default-layout {
   display: block;
}

.products-list-in-table .product_table {
   display: table;
   margin: 20px 5px;
   width: 100%;
}

.products-list-in-table .product-default-layout {
   display: none;
}

span.instock {
   color: #3D9970;
}

.product-preview .panel {
  margin-bottom: 10px;
  clear: both;
}

.products-list-in-row .product-preview .panel {
  margin-bottom: 8px;
}

.product-preview .quick-view {
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 0;
    z-index: 1000;
    width: 110%;
    color: #000;
    background: #fff;
    background: rgba(255,255,255,0.7);
    text-align: center;
    font-size: 0.917em;
    padding: 9px 0 0 !important;
    height: 33px;
    margin: -16px 0 0 -5px;
    border-top: 1px dotted #cacaca;
    border-bottom: 1px dotted #cacaca;
    text-decoration: none
}
.product-preview:hover .quick-view {
    opacity: 1
}
.product-preview .product-labels {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style-type: none
}
.product-preview .product-labels li {
    margin: 0;
    padding: 0;
    min-width: 3.956em
}
.product-preview .product-labels .label {
    min-height: 2.14em;
    display: block;
    width: 4.6em;
    padding: .7em 0 .6em;
    font-size: .86em;
    color: #000;
    background: #fff
}
.product-preview .product-labels .label-sale {
    background: #ee3b27;
    color: #fff
}
.product-preview .product-labels .label-new {
    background: #939393;
    color: #fff
}
.product-preview .product-labels a:hover {
    text-decoration: none
}

.product-preview .preview-image-outer {
  position: relative;
}

.product-preview .product-controls-list, .product-preview .product-controls-list-row {
    /*margin: -30px 0 7px;*/
    padding: 0;
    opacity: 0;
    list-style-type: none;
    height: 30px;
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 50%;
    width: 100px;
    text-align: center;
    margin-left: -50px;
}
.product-preview .product-controls-list-row {
    margin: 12px 0 0 0;
    opacity: 1
}
.touch .product-controls-list, .touch .product-preview:hover .product-controls-list {
    margin: 12px 0 0 0;
    opacity: 1
}
.product-preview:hover .product-controls-list {
/*    margin: 12px 0 5px;*/
    opacity: 1
}
.no-touch .product-preview .product-controls-list li {
    -moz-perspective: 50px;
    -ms-perspective: 50px;
    -o-perspective: 50px;
    -webkit-perspective: 50px;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}
.product-preview .product-controls-list li, .product-preview .product-controls-list-row li {
    display: inline-block
}
.no-touch .product-controls-list li a, .no-touch .product-controls-list li a.hidden-xs, .no-touch .product-controls-list li button, .no-touch .product-controls-list li button.hidden-xs {
	transform-origin: center bottom 0px;
	-moz-transform-origin: center bottom 0px;
	-webkit-transform-origin: center bottom 0px;
	-o-transform-origin: center bottom 0px;
	-ms-transform-origin: center bottom 0px;
	-ms-transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transition: none 0 none;
	transition: none 0 none;
	opacity: 0
}
.no-touch .product-preview:hover .product-controls-list li a, .no-touch .product-preview:hover .product-controls-list li button {
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 1
}
.product-preview .price {
    border-top: 1px solid #DAA520;
    display: inline;
    padding: 1px;
    line-height: 30px;
}
.product-preview .price.old {
    font-size: 14px
}
.product-preview .stock_text {
   white-space: nowrap;
}

.product-preview 
.product-view-compact {
    padding-bottom: 45px;
    padding-top: 40px
}
.product-view .product-info {
	border-top: 1px dotted #cacaca;
	border-bottom: 1px dotted #cacaca;
	margin: 25px 0 30px;
	padding: 18px 0
}
.product-view .close-view {
    float: right;
    position: relative;
    z-index: 1;
    top: -10px
}
.product-view .close-view:hover {
    text-decoration: none;
    color: #242424
}
.product-view .price {
    display: inline-block;
    font-size: 1.6em;
    padding-bottom: 15px
}
.product-view .price.old {
    font-size: 1.8em;
    color: #000
}
.product-view .price.new {
    font-size: 1.6em
}
.product-view .price-tax {
    font-size: 1.6em;
    padding-bottom: 15px;
}
.product-view .rating {
    padding-bottom: 5px
}

.product-view .price_breakdown {
    font-size: .9em;
		margin-bottom: 5px;
}
/*.products-list-in-row .rating {
    padding-bottom: 10px;
    padding-top: 15px
}*/
.product-view-ajax {
    display: none;
    position: relative;
    min-height: 0
}
.product-view-ajax .layar {
    position: absolute;
    z-index: 4;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.8)
}
.product-view-ajax-container {
    width: 100%
}
.product-options-outer {
    padding: 0 0 4px
}
.product-options {
    padding-bottom: 12px
}
.product-view .form-inputs {
    margin: 0
}
.product-view .form-inputs input.input-quantity {
    width: 70%;
    padding: 5px 3px;
    margin: 0 15px 0 8px;
    height: 28px;
    display: inline-block;
    text-align: center
}
.product-view .form-inputs label {
    display: inline-block
}
.products-widget {
    
}
.panel-body .products-widget {
    padding-bottom: 40px
}
.products-widget .slides {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.products-widget .slides .carousel-item {
    margin: 0;
    padding: 0;
    height: 135px !important;
    overflow: hidden;
    float: none !important
}
.products-widget .product {
    padding: 0 0 15px 0
}
.products-widget .product .preview-image-outer {
    display: block;
    float: left;
    margin-right: 17px;
    width: 125px !important;
    overflow: hidden;
    border: 1px dotted transparent;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.products-widget .product:hover .preview-image-outer {
    border-color: #cacaca
}

@media (max-width: 767px) {
    .products-widget .product>a {
        margin-right: 5px;
        width: 60px !important
    }
}
.products-widget .rating {
    display: block;
    color: #d9d9d9;
    height: 1.8em;
    margin-top: -3px
}
.products-widget .name {
    color: #000;
    overflow: hidden;
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 2px;
}
.products-widget .price {
    font-size: 1.333em;
    line-height: 1.2em;
    margin: 2px 0 0
}
.products-widget .price.old {
    font-size: 1.167em
}
.products-widget .rating {
    margin: 2px 0 0
}

/*.carousel_outer {
    width: 100%;
    padding-left: 50px;
}*/
.carousel_outer .vertical .slides {
    overflow: hidden;
    padding-bottom: 30px;
    
}

@media (max-width: 1125px) {
    .slick-vertical .preview-image-outer {
        display: none !important;
    }
    
    .slick-vertical .carousel-item {
        border-top: 1px dotted #e1e1e1;
        margin: 5px;
    }
    
    
   
}
@media (max-width: 767px) {
    .slick-vertical .preview-image-outer {
        display: block !important;
    }
}


.product-carousel {
    margin: 0 0 0 -15px
}
.product-carousel .carousel-item {
    margin: 0 5px 0 25px;
    display: inline-block;
}
.products-list {
    margin-left: -15px;
}
.products-list .product-preview-outer {
    display: inline-block;
    width: 33.3333333333333%;
    padding-left: 15px;
    vertical-align: top;
    margin-bottom: 15px;    
    margin-left: -3px;
		    border-left: 1px solid #DDDDDD;
}

.products-list .product-preview-outer:nth-child(3n+1) {
    border-left: 1px solid #fff;
}

@media (max-width: 479px) {
    .products-list .product-preview-outer {
        width: 100%;
					border: none !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .products-list .product-preview-outer {
        width: 33.3333333333333%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-list .product-preview-outer {
        width: 33.3333333333333%
    }
    
}

.products-list-in-row .product-preview-outer {
    width: 100%
}
.products-list-in-row .product-preview {
    max-width: 100%;
    border: 1px solid #D8D8D8;
    height: auto;
    padding-bottom: 5px;
}
.products-list-in-row .product-preview:hover {
    border: 1px solid #337ab7;
}

.products-list-in-row .product-preview .input-group {
  right: 5px;
  top: 5px;
  left: auto !important;
  width: 160px;

}

.products-list-in-row .preview {
    /*width: 15%;*/
    margin-right: 2%;
    float: left
}
.products-list-in-row .countdown_box {
    width: 20%;
    margin-left: 20px;
}

@media (max-width: 479px) {

    .products-list-in-row .countdown_box {
        width: 50%
    }
    
  .products-list-in-row .product-preview .input-group {
      position: relative !important;
  }
    .products-list-in-row .product-preview .input-group-btn-row .btn {
        display: inline-block;
    }
}

@media (min-width: 480px) and (max-width: 767px) {

    .products-list-in-row .countdown_box {
        width: 33.3333333333333%
    }
    
      .products-list-in-row .product-preview .input-group {
      top: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

    .products-list-in-row .countdown_box {
        width: 33.3333333333333%
    }
    

  .products-list-in-row .product-preview .input-group {
      top: 50px;
  }
}

.products-list-in-row .product-preview {
    text-align: left
}
.product-preview .info, .product-preview .product-controls-list-row, .product-preview .product-options-row, .product-preview .input-group-btn-row .btn {
    display: none
}
.products-list-in-row .product-preview .product-controls-list, .products-list-in-row .product-preview .quick-view, .products-list-in-row .product-preview .product-options {
    display: none !important
}
.products-list-in-row .product-preview .info, .products-list-in-row .product-preview .product-controls-list-row, .products-list-in-row .product-preview .product-options-row {
    display: block
}
.products-list-in-row .product-preview .input-group-btn-row .btn:first-child {
  margin-left: 20px
}
/*.products-list-in-row .product-preview .input-group-btn-row .btn {
    display: inline-block;
}*/
.products-list-in-row .product-preview .info {
    padding: 10px 0 15px
}
.products-list .banner {
    width: 100%;
    overflow: hidden;
    font-size: 1em
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-list .banner {
        font-size: 0.8em
    }
}

@media (min-width: 1281px) {
    .products-list .banner {
        font-size: 1.2em
    }
}
.products-list .products-isotope .banner {
    width: 40%
}
.products-nospace-outer.products-list {
    margin-left: 0;
    margin-bottom: 30px;
    overflow: hidden
}
.products-list .products-nospace .listing-row {
    clear: both;
    overflow: hidden;
    background: #ccc
}
.products-list .products-nospace .listing-row .product-preview {
    max-width: none
}
.content-center .products-list .products-nospace .product-preview {
    float: left;
    width: 25%
}

@media (max-width: 479px) {
    .content-center .products-list .products-nospace .product-preview {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .content-center .products-list .products-nospace .product-preview {
        width: 25%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .content-center .products-list .products-nospace .product-preview {
        width: 100%
    }
}
.content-center .products-list .products-nospace .banner {
    width: 50%;
    float: left
}

@media (max-width: 479px) {
    .content-center .products-list .products-nospace .banner {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .content-center .products-list .products-nospace .banner {
        width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .content-center .products-list .products-nospace .banner {
        width: 100%
    }
}
.products-list .products-nospace .product-preview {
    float: left;
    width: 20%
}

@media (max-width: 479px) {
    .products-list .products-nospace .product-preview {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .products-list .products-nospace .product-preview {
        width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-list .products-nospace .product-preview {
        width: 50%
    }
}
.products-list .products-nospace .banner {
    width: 40%;
    float: left
}

@media (max-width: 479px) {
    .products-list .products-nospace .banner {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .products-list .products-nospace .banner {
        width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-list .products-nospace .banner {
        width: 50%
    }
}
.products-list.products-list-widescreen .products-nospace .product-preview {
    float: left;
    width: 16.66666666%
}

@media (max-width: 479px) {
    .products-list.products-list-widescreen .products-nospace .product-preview {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .products-list.products-list-widescreen .products-nospace .product-preview {
        width: 33.333333333%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-list.products-list-widescreen .products-nospace .product-preview {
        width: 16.66666666%
    }
}
.products-list.products-list-widescreen .products-nospace .banner {
    width: 33.333333333%;
    float: left
}

@media (max-width: 479px) {
    .products-list.products-list-widescreen .products-nospace .banner {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .products-list.products-list-widescreen .products-nospace .banner {
        width: 66.6666666666%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-list.products-list-widescreen .products-nospace .banner {
        width: 33.333333333%
    }
}
.products-list .banner img, .products-list .product-preview img {
    width: 100%
}
.gallery .products-nospace .product-preview {
    float: left;
    width: 20%;
    max-width: none
}

@media (max-width: 479px) {
    .gallery .products-nospace .product-preview {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .gallery .products-nospace .product-preview {
        width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .gallery .products-nospace .product-preview {
        width: 50%
    }
}
.gallery .products-nospace .product-preview.double-width {
    width: 40%
}

@media (max-width: 479px) {
    .gallery .products-nospace .product-preview.double-width {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .gallery .products-nospace .product-preview.double-width {
        width: 50%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .gallery .products-nospace .product-preview.double-width {
        width: 50%
    }
}
.gallery .products-nospace .product-preview img {
    width: 100%
}
.products-nospace .product-preview {
    position: relative;
    border: none;
    padding: 0;
/*    max-width: 140px;
    max-height: 140px;*/
    overflow: hidden !important;
}
.products-nospace .product-preview:hover {
    overflow: visible
}
.products-nospace .product-preview .hover {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(30,30,30,0.7);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    height: 100%
}
.touch .products-nospace .product-preview .hover {
    opacity: 1;
    top: auto;
    height: 28%;
    padding: 10px 0 15px;
    background: none
}
.no-touch .products-nospace .product-preview:hover .hover, .touch .products-nospace .product-preview.hover_effect .hover {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}
.products-nospace .product-preview .hover .inside {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 5%;
    color: #fff;
    text-align: center
}
.touch .products-nospace .product-preview .hover .inside {
    padding: 5% 0 5%;
    bottom: 0;
    background: rgba(30,30,30,0.5)
}
.products-nospace .product-preview h3.title {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: -200px;
    position: relative;
    padding: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.touch .products-nospace .product-preview h3.title {
    top: 0;
    opacity: 1
}
.no-touch .products-nospace .product-preview:hover h3.title, .touch .products-nospace .product-preview.hover_effect h3.title {
    top: 0;
    opacity: 1
}
.products-nospace .product-preview h3.title a {
    color: #fff
}
.products-nospace .product-preview .product-controls-list li a, .products-nospace .product-preview .product-controls-list li button  {
	background: #242424;
	width: 30px;
	line-height: 25px;
	border: 1px solid #242424;
	text-decoration: none;
	text-align: center;
	outline: none;
}
.products-nospace .product-preview .product-controls-list li a:hover {
    text-decoration: none
}
.products-nospace .product-preview .product-controls-list li .icon {
    color: #fff
}
.products-nospace .product-preview .rating, .products-nospace .product-preview:hover .rating {
    height: 15px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.touch .products-nospace .product-preview .rating, .touch .products-nospace .product-preview .product-controls-list {
    display: none !important
}
.no-touch .products-nospace .product-preview:hover .rating, .touch .products-nospace .product-preview.hover_effect .rating {
    opacity: 1
}
.products-nospace .product-preview .price {
    font-size: 1.4em;
    margin: 15px 0 5px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.touch .products-nospace .product-preview .price {
    opacity: 1
}
.no-touch .products-nospace .product-preview:hover .price, .touch .products-nospace .product-preview.hover_effect .price {
    opacity: 1
}
.products-nospace .product-preview .price.old {
    font-size: 1.667em;
    color: #fff
}
.products-nospace .product-preview .price.new {
    font-size: 1.667em
}
.products-nospace .product-preview .quick-view {
    background: none;
    border: none;
    color: #fff;
    font-size: inherit;
    height: auto;
    margin: 0;
    opacity: 1;
    padding: 0 !important;
    position: inherit;
    text-align: center;
    text-decoration: none;
    top: auto;
    width: auto
}
.products-nospace .product-preview .quick-view:hover {
    text-decoration: underline
}
.touch .product-preview .quick-view {
    display: none
}

@media (max-width: 767px) {
    .products-nospace .product-preview .hover .inside {
        color: #fff;
        text-align: center;
        margin-top: 10%;
        font-size: 0.8em
    }
}
.product-view {
    position: relative;
    margin-top: -15px
}
.product-view.row {
    margin-top: 0px
}
.product-images-cell {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}
.product-info-cell {
    position: relative;
    z-index: 101;
    width: 40%;
    float: right;
    margin-top: 25px;
    background: #fff;
    z-index: 1001;
    padding: 35px;
    margin-right: 35px;
    -webkit-box-shadow: 0 1px 3px rgba(5,5,5,0.1);
    box-shadow: 0 1px 3px rgba(5,5,5,0.1)
}

@media (min-width: 768px) and (max-width: 1199px) {
    .product-info-cell {
        width: 60%
    }
    
    .navbar-secondary-menu .btn-shopping-cart {
      margin-right: 20px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .product-info-cell {
        width: 65%;
        margin-right: 5px;
        padding: 15px
    }
}

@media (max-width: 480px) {
    .product-images-cell {
        position: relative;
        width: 100%
    }
    .product-info-cell {
        width: 98%;
        margin: 160px auto 0;
        float: none;
        padding: 15px
    }
    #hover-left, #hover-right {
        display: none
    }
}

@media (max-width: 400px) {
    .product-info-cell {
        margin-top: 140px
    }
}

@media (max-width: 360px) {
    .product-info-cell {
        margin-top: 120px
    }
}

@media (max-width: 320px) {
    .product-info-cell {
        margin-top: 100px
    }
}
.products-nospace-outer {
    overflow: visible;
    position: relative
}
.products-nospace-outer.row1 {
    bottom: -1px
}
.products-nospace .slick-list {
    overflow: visible !important
}
.products-nospace .slick-slide img {
    opacity: 1;
    cursor: pointer
}
.boxed .products-nospace-outer {
    overflow: hidden
}
.boxed .products-nospace .slick-list {
    overflow: hidden !important
}
.boxed .products-nospace {
    margin-left: 0 !important
}
.single-product-wrapper img {
    width:100%;
}
.single-product-carousel {
    width: 133.3%;
    margin-bottom: 20px
}
.single-carousel-outer {
    overflow: visible;
    background: #c3c6c3;
    position: relative
}

@media (max-width: 480px) {
    .single-product-carousel {
        width: 100%
    }
    .single-carousel-outer {
        overflow: hidden;
        background: none
    }
}
.single-product-carousel .slick-list {
    overflow: visible !important
}
.single-product-carousel .slick-track {
    background: #c3c6c3
}
.single-product-carousel .slick-slide img {
    opacity: 1;
    cursor: pointer
}
.single-product-carousel .slick-active:first-child img, .single-product-carousel :not(.slick-active)+.slick-active img {
    opacity: 1
}
.brand-row {
    border-top: 1px dotted #cacaca;
    padding: 20px 0 0 0
}
.product-prev-next {
    line-height: 42px;
    margin-bottom: 25px
}

@media (max-width: 479px) {
    .product-prev-next {
        line-height: 32px;
        font-size: 9px
    }
}
.product-prev-next .line-divider {
    width: 100%;
    height: 24px
}
.product-prev-next .text-left .icon {
    margin-right: 20px
}

@media (max-width: 479px) {
    .product-prev-next .text-left .icon {
        margin-right: 3px
    }
}
.product-prev-next .text-right .icon {
    margin-left: 20px
}

@media (max-width: 479px) {
    .product-prev-next .text-right .icon {
        margin-left: 3px
    }
}
.product-prev-next .icon {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #d0d0d0;
    text-decoration: none;
    width: 42px;
    height: 42px;
    text-align: center
}

@media (max-width: 479px) {
    .product-prev-next .icon {
        width: 32px;
        height: 32px
    }
}
.product-prev-next .icon:after, .product-prev-next .icon:before {
    font-size: 16px
}
.products-land {
    overflow: hidden;
    font-size: 1em;
}

@media (min-width: 768px) and (max-width: 991px) {
    .products-land {
        font-size: 0.8em
    }
}

@media (min-width: 1281px) {
    .products-land {
        font-size: 1.2em
    }
}
.products-land .item .hover, .products-list .banner .hover {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(114,110,105,0.5);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    height: 100%
}
.no-touch .products-land .item:hover .hover, .touch .products-land .item.hover_effect .hover, .no-touch .products-list .banner:hover .hover, .touch .products-list .banner.hover_effect .hover {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}
.products-land .item, .products-list .banner {
    float: left;
    position: relative;
    width: 33.33333333333333%;
    max-width: none
}

@media (max-width: 767px) {
    .products-land .item, .products-list .banner {
        width: 100%
    }
}
.products-land .item.double-width, .products-list .double-width.banner {
    width: 66.66666666666666%

    .products-land .item.double-width, .products-list .double-width.banner {
        width: 100%
    }
}
.products-land .item img, .products-list .banner img {
    width: 100%
}
.products-land .item .info, .products-list .banner .info, .collection-banner .info {
	position: absolute;
	z-index: 2;
}
.products-land .item .info.middle-left, .products-list .banner .info.middle-left, .collection-banner .info.middle-left  {
	width: 58%;
	height: 50%;
	top: 22%;
	left: 5%
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .info.middle-left, .products-list .banner .info.middle-left, .collection-banner .info.middle-left {
	top: 10%;
	width: 90%
}
}
.products-land .item .info.middle-right, .products-list .banner .info.middle-right, .collection-banner .info.middle-right {
	width: 58%;
	height: 50%;
	top: 25%;
	right: 5%
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .info.middle-right, .products-list .banner .info.middle-right, .collection-banner .info.middle-right {
	top: 10%;
	width: 90%
}
}
.products-land .item .info.middle-center, .products-list .banner .info.middle-center, .collection-banner .info.middle-center {
	height: 50%;
	top: 25%;
	left: 15%;
	right: 15%
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .info.middle-center, .products-list .banner .info.middle-center, .collection-banner .info.middle-center {
	top: 10%;
	width: 90%
}
}
.products-land .item .info.top-left, .products-list .banner .info.top-left, .collection-banner .info.top-left {
	width: 58%;
	top: 12%;
	left: 5%
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .info.top-left, .products-list .banner .info.top-left, .collection-banner .info.top-left {
	width: 90%
}
}
.products-land .item .info.top-right, .products-list .banner .info.top-right, .collection-banner .info.top-right {
	width: 58%;
	top: 12%;
	right: 5%
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .info.top-right, .products-list .banner .info.top-right, .collection-banner .info.top-right {
	width: 90%
}
}
.products-land .item .info.top-center, .products-list .banner .info.top-center, .collection-banner .info.top-center {
	top: 12%;
	left: 15%;
	right: 15%
}
.products-land .item .info.bottom-center, .products-list .banner .info.bottom-center, .collection-banner .info.bottom-center {
	bottom: 7%;
	left: 15%;
	right: 15%
}
.products-land .item .info.bottom-right, .products-list .banner .info.bottom-right, .collection-banner .info.bottom-right {
	width: 58%;
	bottom: 7%;
	right: 5%
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .info.bottom-right, .products-list .banner .info.bottom-right, .collection-banner .info.bottom-right {
	width: 90%
}
}
.products-land .item .info.bottom-left, .products-list .banner .info.bottom-left, .collection-banner .info.bottom-left {
	width: 58%;
	bottom: 7%;
	left: 5%
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .info.bottom-left, .products-list .banner .info.bottom-left, .collection-banner .info.bottom-left {
	width: 90%
}
}
.products-land .item .info.invert h2, .products-land .item .info.invert h4, .products-land .item .info.invert h6, .products-list .banner .info.invert h2, .products-list .banner .info.invert h4, .products-list .banner .info.invert h6, .collection-banner .info.invert h2, .collection-banner .info.invert h4, .collection-banner .info.invert h6 {
	color: #fff;
	border-color: #fff
}
.products-land .item .info.invert .btn-cool, .products-list .banner .info.invert .btn-cool, .collection-banner .info.invert .btn-cool {
	background: #4d4d4d;
	color: #fff
}

@media (max-width: 767px) {
    .products-land .item.double-width .info, .products-list .double-width.banner .info {
        width: 90%
    }
}
.products-land .item.double-width .info.middle-left, .products-list .double-width.banner .info.middle-left {
    left: 2%
}

@media (max-width: 767px) {
    .products-land .item.double-width .info.middle-left, .products-list .double-width.banner .info.middle-left {
        left: 5%
    }
}
.products-land .item.double-width .info.middle-right, .products-list .double-width.banner .info.middle-right {
    right: 2%
}

@media (max-width: 767px) {
    .products-land .item.double-width .info.middle-right, .products-list .double-width.banner .info.middle-right {
        left: 5%
    }
}
.products-land .item.double-width .info.top-center, .products-list .double-width.banner .info.top-center {
    left: 15%;
    right: 15%
}
.products-land .item.double-width .info.bottom-center, .products-list .double-width.banner .info.bottom-center {
    left: 15%;
    right: 15%
}
.products-land .item.double-width .info.middle-right>.inside, .products-land .item.double-width .info.middle-left>.inside, .products-land .item.double-width .info.middle-center>.inside, .products-list .double-width.banner .info.middle-right>.inside, .products-list .double-width.banner .info.middle-left>.inside, .products-list .double-width.banner .info.middle-center>.inside {
    /* position: absolute; */
    height: 90%;
    top: 5%
}
.products-land .item .text-white, .products-list .banner .text-white {
    color: #fff
}
.products-land .item .fsize18, .products-list .banner .fsize18, .collection-banner  .banner .fsize18 {
	font-size: 1.25em;
	line-height: 1em
}
.products-land .item .fsize21, .products-list .banner .fsize21, .collection-banner .fsize21 {
	font-size: 1.528em;
	line-height: 1em
}
.products-land .item .fsize28, .products-list .banner .fsize28, .collection-banner .fsize28 { 
	font-size: 1.944em;
	line-height: 1em
}
.products-land .item .fsize30, .products-list .banner .fsize30, .collection-banner .fsize30 {
	margin-bottom: 0.6em;
	font-size: 2.0833em;
	line-height: 1em
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .fsize30, .products-list .banner .fsize30, .collection-banner .fsize30 {
	margin-bottom: 0
}
}
.products-land .item .fsize50, .products-list .banner .fsize50, .collection-banner .fsize50 {
	margin-bottom: 0.6em;
	font-size: 3.4725em;
	line-height: 1em
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .fsize50, .products-list .banner .fsize50, .collection-banner .fsize50 {
	margin-bottom: 0
}
}
.products-land .item .fsize24, .products-list .banner .fsize24, .collection-banner .fsize24 {
	font-size: 2em;
	line-height: 1em
}
.products-land .item .fsize22, .products-list .banner .fsize22, .collection-banner .fsize22 {
	margin-bottom: 0.6em;
	font-size: 1.5275em;
	line-height: 1em
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .fsize22, .products-list .banner .fsize22, .collection-banner .fsize22 {
	margin-bottom: 0
}
}
.products-land .item .fsize40, .products-list .banner .fsize40, .collection-banner .fsize40 {
	margin-bottom: 0.6em;
	font-size: 2.665em;
	line-height: 1em
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .fsize40, .products-list .banner .fsize40, .collection-banner .fsize40 {
	margin-bottom: 0
}
}
.products-land .item .fsize16, .products-list .banner .fsize16, .collection-banner .fsize16 {
	margin-bottom: 0.6em;
	font-size: 1.1108em;
	line-height: 1em
}
.products-land .item .fsize10, .products-list .banner .fsize10, .collection-banner .fsize10 {
	margin-bottom: 0.6em;
	font-size: 0.6941em;
	line-height: 1em
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .fsize10, .products-list .banner .fsize10, .collection-banner .fsize10 {
	margin-bottom: 0
}
}
.products-land .item .line, .products-list .banner .line, .collection-banner .line {
	height: 10px;
	margin-bottom: 10px;
}

@media (min-width: 480px) and (max-width: 767px) {
.products-land .item .line, .products-list .banner .line, .collection-banner .line {
	height: 5px;
	margin-bottom: 5px
}
}
.products-land .item h6, .products-list .banner h6, .collection-banner h6 {
	font-size: 0.9167em
}
.products-land .item h2, .products-list .banner h2, .collection-banner h2 {
	font-size: 1.5em;
	padding: 0.44em;
	margin-bottom: 0.5em
}
.products-land .item h2.border, .products-list .banner h2.border, .collection-banner h2.border {
	border: 1px solid #000
}
.products-land .item h2.quote:before, .products-list .banner h2.quote:before, .collection-banner h2.quote:before {
	display: inline-block;
	position: absolute;
	font-family: 'flaticon';
	font-size: 1.2em;
	content: '\e038';
	margin: -0.6em 0 0 -1.2em
}
.products-land .item h2.underline, .products-list .banner h2.underline, .collection-banner h2.underline {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em
}
.products-land .item h4, .products-list .banner h4, .collection-banner h4 {
	font-size: 1.0833em;
	line-height: 1.25em;
	margin-bottom: 0.7em
}
.products-land .item .btn-cool, .products-list .banner .btn-cool {
	display: inline-block;
	background: #f0f0f0;
	border: none;
	padding: 1.2em 1.8em;
	line-height: 1em;
	height: auto
}
.products-land .item .btn-cool.btn-white,  .products-list .banner .btn-cool.btn-white {
	background: #fff
}
.products-land .item .btn-cool.btn-transparent, .products-list .banner .btn-cool.btn-transparent {
	background: transparent;
	border: 1px solid #fff
}
.products-land .item .btn-cool.btn-light,  .products-list .banner .btn-cool.btn-light {
	background: #f9f9f9
}
.products-land .item .btn-cool.btn-dark, .products-list .banner .btn-cool.btn-dark {
	background: #4d4d4d;
	color: #fff
}
.products-land .item .btn-cool.btn-small, .products-list .banner .btn-cool.btn-small {
	padding: 1em 1.6em;
	font-size: 0.77em
}
.products-land .item .stamp, .products-list .banner .stamp, .collection-banner .stamp {
	background: url("../images/sale-stamp.png") no-repeat 0 0;
	width: 101px;
	height: 101px;
	display: inline-block;
	z-index: 3
}
.products-land .item .stamp.top-left, .products-list .banner .stamp.top-left {
    position: absolute;
    top: 5%;
    left: 5%
}
.products-land .item .stamp.top-right, .products-list .banner .stamp.top-right {
    position: absolute;
    top: 5%;
    right: 5%
}
.products-land .item .stamp.bottom-right, .products-list .banner .stamp.bottom-right {
    position: absolute;
    bottom: 5%;
    right: 5%
}
.products-land .item .stamp.bottom-left, .products-list .banner .stamp.bottom-left {
    position: absolute;
    bottom: 5%;
    left: 5%
}
.products-land .item .stamp .inside, .products-list .banner .stamp .inside, .collection-banner .stamp .inside {
	text-align: center;
	font-size: 9px;
	line-height: 1em;
	padding: 28px 0;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25)
}
.products-land .item .stamp .inside span, .products-list .banner .stamp .inside span, .collection-banner .stamp .inside span {
	display: block;
	font-size: 28px;
	font-weight: bold;
	line-height: 1em
}
.products-land .item:hover .btn-cool, .products-land .item:hover .invert .btn-cool, .products-list .banner:hover .btn-cool, .products-list .banner:hover .invert .btn-cool {
	color: #fff;
	border-color: transparent
}
.products-land-row {
    width: 100%;
    clear: both;
    position: relative
}
.products-land.row {
    position: relative
}
.products-land.row:after {
    content: " ";
    display: block;
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    height: 5px;
    border-bottom: 5px solid #fff;
    margin-top: -5px
}
.products-land.row:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    width: 100%;
    height: 5px;
    border-top: 5px solid #fff
}
.products-land .item, .products-land .col {
    float: left;
    overflow: hidden;
    z-index: 2
}
.products-land .item.video-item, .products-land .col.video-item {
    z-index: 0
}

@media (max-width: 479px) {
    .products-land .item, .products-land .col {
        width: 100% !important
    }
}
.products-land .item.col1, .products-land .col.col1 {
    width: 25%
}
.products-land .item.col10, .products-land .col.col10 {
    width: 20%
}
.products-land .item.col2, .products-land .col.col2 {
    width: 30%
}
.products-land .item.col3, .products-land .col.col3 {
    width: 40%
}
.products-land .item.col4, .products-land .col.col4 {
    width: 30%
}
.products-land .item.col5, .products-land .col.col5 {
    width: 50%
}
.products-land .item.col6, .products-land .col.col6 {
    width: 15%
}
.products-land .item.col7, .products-land .col.col7 {
    width: 25%
}
.products-land .item.col8, .products-land .col.col8 {
    width: 35%;
    z-index: 3
}
.products-land .item.col9, .products-land .col.col9 {
    width: 25%
}
.products-land .item.col9 .item, .products-land .col.col9 .item {
    width: 100%
}
.products-land .item.pull-top-1, .products-land .col.pull-top-1 {
    margin-top: -27.5%;
    z-index: 1
}
.products-land .item.pull-top-2, .products-land .col.pull-top-2 {
    margin-top: -27.4%
}
.products-land .item.pull-top-3, .products-land .col.pull-top-3 {
    margin-top: -27.4%
}
.collection-banner {
	margin-bottom: 35px;
}
.collection-banner .image-bg {
	position:relative;
	padding: 4%;
	margin-bottom: 15px;
}
.collection-banner .image {
	margin-bottom: 15px;
	position:relative;
}
.collection-banner .image-bg .image {
	margin-bottom: 0;
}
.collection-banner .image img {
	margin: 0 auto;
}
.collection-banner .title, .collection-banner p  {
	margin: 0;
	padding-bottom: 6px;
}
.collection-banner .btn-cool  {
	display: inline-block;
}
.collection-banner .stamp.top-left {
	position: absolute;
	top: 5%;
	left: 15%
}
.collection-banner .stamp.top-right {
	position: absolute;
	top: 5%;
	right: 15%
}
.collection-banner .stamp.bottom-right {
	position: absolute;
	bottom: 5%;
	right: 5%
}
.collection-banner .stamp.bottom-left {
	position: absolute;
	bottom: 5%;
	left: 5%
}
.collection-banner .stamp .inside {
	text-align: center;
	font-size: 9px;
	line-height: 1em;
	padding: 28px 0;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25)
}
.hover-squared {
	position: relative
}
.hover-squared .caption::after, .hover-squared .caption::before {
	pointer-events: none;
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s
}
.image-bg .hover-squared .caption::after, .image-bg .hover-squared .caption::before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.hover-squared .caption::before {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1)
}
.hover-squared .caption::after {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0)
}
.hover-squared:hover .caption::after, .hover-squared:hover .caption::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.product-video {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.product-video video {
    display: block;
    width: 102%;
    height: 102%;
    margin: -1%
}
.video-poster {
    display: none
}
.ios .product-video {
    display: none
}
.ios .video-poster {
    display: block
}
/* -------------------------------------------------------------- */
/* 6. ANIMATION
-------------------------------------------------------------- */


.animate, .animate-delay {
    opacity: 0
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.scale {
    -webkit-animation: scale 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation: scale 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 1
}
@-webkit-keyframes scale {
0% {
-webkit-transform:scale(0.3);
opacity:0.1
}
100% {
-webkit-transform:scale(1);
opacity:1
}
}
@keyframes scale {
0% {
-webkit-transform:scale(0.3);
transform:scale(0.3);
opacity:0.1
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -oanimation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    opacity: 1
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -oanimation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    opacity: 1
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -oanimation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    opacity: 1
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -oanimation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    opacity: 1
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(300px);
transform:translateX(300px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(300px);
-ms-transform:translateX(300px);
transform:translateX(300px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -oanimation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    opacity: 1
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes bounce {
0% {
top:-18px
}
100% {
top:-24px
}
}
@keyframes bounce {
0% {
top:-18px
}
100% {
top:-24px
}
}
.btn-cool, .filters-by-category li a, .filters-by-category li a, .filters-by-category li a.selected, .tags li a, .socials li a {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.navbar-search input.form-control {
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease
}
.navbar-main-menu .item .btn-main, .sf-menu>li {
    -webkit-transition: border 0.1s ease;
    transition: border 0.1s ease
}
.navbar-switcher {
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease
}
.find-us .icon {
    -webkit-transition: -webkit-transform 1s ease;
    transition: transform 1s ease
}
#off-canvas-menu, #outer-canvas, .mobile-nav .nav-item .tab-content, .mobile-nav .nav-item a {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}
#menuScrollerWrapper .dropdown {
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}
#menuScrollerWrapper .dropdown.active {
    opacity: 1
}
.animate-scale {
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}
.animate-scale:hover {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

/* end chreos.css */

a:hover,#openSearch a, #openSearch a:active,#openSearch a:hover,
.navbar-main-menu .item,
.navbar-main-menu .item .btn-main, .sf-menu>li,
#menuScrollerWrapper .dropdown a,
.services-block .item, .custom-block .item,
.product-preview a,
.socials a,
.dropdown-menu> form > li>a,.dropdown-menu>li>a,.dropdown-menu> form > .li_sub >a,
.product-view .close-view,
.product-preview:hover .quick-view,
footer .footer-navbar a,.copyright a,#newsCarousel a,.simple_blog_category a,.blog-widget-small .post .name a,
.products-widget .name a,.accordion-simple .panel-heading a,.simple-list a,
.category h4 a,#box-filter a.list-group-item,
#compare-total, .brand-row a,.rating a,.nav-tabs>li>a,.panel-title a,
.collapsed-block .expander:hover,
.form-group a,.tree-list a,.shoppingcart-box .description a,.shoppingcart-box .buttons a,.shoppingcart-box .buttons a:hover,
.list-group.block-account a,#collapse-checkout-confirm a,.shopping_cart a,
.menu.menu-icon a,.accordion-faq .panel-heading a,.socials.socials-lg a:hover,
a.btn:hover,.simple_blog_category .simple-list a.list-group-item:hover, .list-unstyled a:hover{
    text-decoration:none
}
.btn-default, .btn-cool, .filters-by-category li a{box-shadow:none}
.simple_blog-article-view .content_top .widget_title,
.simple_blog-article .content_top .widget_title,
.products-list.products-list-in-row .product-preview > .countdown_box,
.products-list .product-preview .preview .countdown_box,.big-icon,
.services-block h3.widget_title,#slider h2,
.header-left .cart,.checkout-cart .extra-big-icon,.content_top .widget_title{
    display:none
}
.cloudzoom-blank > div:last-child,.cloudzoom-caption{
    display:none !important
}

address.site_address,.blog-posts div.blog-post .date{display:inline}

.panel-group #box-filter .panel-footer,.filter_clear_button{display:inline-block}

.display_block,
.products-list.products-list-in-row .product-preview .preview .countdown_box,
.checkout-cart .big-icon,.video-link .img-outer:after,#response1 a{
    display:block
}
.panel-group .panel-footer,.button-non-styled,#clear-filter,
.product-info .product_right .panel,.str_wrap.str_active,.contact_us_content .panel,
#input-sort.btn-default:hover, #input-sort.btn:hover,
.limit .btn-default:hover,.limit #input-sort.btn:hover,.pagination > li > a:hover,
.simple_blog_category .simple-list a.list-group-item:hover{
    background:none
}
.button-non-styled,legend,header .cart > .btn,header .cart.open > .btn,
.list-group.block-account a,
.simple_blog-article-view .content-aside#column-right,
.services-block .container-widget,
.navbar-main-submenu .col-divider>div.border_none,#clear-filter,
.common-home.boxed .container-widget,.container-widget,
.accordion-simple .panel:first-child .panel-heading.panel-heading-category a,
.simple_blog_category .simple-list a.list-group-item{
    border:none
}
.pagination>li:last-child>a, .pagination>li:last-child>span,.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius:0}

header.service_buttons_type1 .navbar .navbar-secondary-menu .btn-group > .btn{text-align:center}

.comment-form textarea{height:auto}
.subscribe h3.mailchimp_error{text-align:center;color:red}
.overflow_auto{overflow:auto}
.overflow_hidden{overflow:hidden}

.clear_both{clear:both}
.content_top .widget_title,#clear-filter,.services-block .container-widget,.common-home.boxed .container-widget,
.prp-colorswatch-listpage-icons{
    padding:0
}
.table-shop td .price,.content_top .widget_title,.services-block .container-widget,.common-home.boxed .container-widget{margin:0}

.clear_both{clear:both}
#box-filter a.list-group-item{cursor:text}
.width_auto{width:auto}
header .cart > .btn{font-size:inherit}
.required{color:inherit}
#content.min_height_null{min-height:40px}
#box-filter label.checkbox a{text-transform:capitalize}


.navbar-compact .background{padding-top:0}
.simple_blog_category .simple-list a.list-group-item{padding-bottom:0}
.simple_blog_category .simple-list a.list-group-item{padding-top:12px}
.panel-group .panel-footer,.list-group.block-account a,#footer-collapsed ul.menu.menu-icon,.prp-colorswatch-productpage-icons{padding-left:0}

.boxed .category-page{padding-top:15px}
/*.panel-group .panel-footer,
.product-special #content,.account-account #content,.bottom_custom_block{
    padding-top:25px
}*/
.navbar-compact .top-link{padding-top:30px}
.services-block .icon{padding-top:3px}
.prp-colorswatch-productpage-icons{padding-bottom:15px}
.pull-left.padding-left.flickr{padding-left:37px}

.products-nospace-outer.row1{bottom:0}

.product-view,#box-filter label.checkbox,.blog-page .subtitle h1{margin-top:0}
#content.content-center,#box-filter label.checkbox{margin-bottom:0}
.product-view-compact .price,.submenu-block ul.no_margin_left,.product-view .price.price-regular{margin-left:0}
.search-page .checkbox-inline input[type="checkbox"]{margin-top:9px}
.navbar-welcome a{margin-right:5px}
.btn-cool .icon:before{margin-right:2px}
.products-widget .product .preview-image-outer{margin-right:10px}

.btn-shopping-cart .btn-default.open-cart{margin-right:-3px}

.account-wishlist .table-shop .btn.btn-primary,.account-wishlist .table-shop .btn.btn-danger,.search-page #button-search{margin-bottom:3px}
.margin_bottom1{margin-bottom:-40px}

.products-list-in-row .product-preview h3.title{line-height:1em}
.form-horizontal .buttons{overflow:hidden;line-height:40px}

.top-link .btn-shopping-cart .badge{left:-10px}

.dropdown-menu>form>.active>a,
.dropdown-menu>form>.active>a:focus,
.dropdown-menu>form>.active>a:hover,
.hover .price.regular,
.success_ev a,.success_ev a:hover,.preloader a,.preloader a:active,.preloader a:focus,.preloader a:hover,.preloader a:visited{
    color:#fff;
}
.product-view .price.price-regular{
    color:#000
}
.product-view-compact .price.regular,.rating .icon.empty-star{
    color:#4a4a4a;
}
.pagination > li > a:hover{border-color:#999}
#input-sort.btn-default:hover, #input-sort.btn:hover,
.limit .btn-default:hover,.limit #input-sort.btn:hover{
    border:1px solid #adadad;
    color: inherit !important;
}
.subscribe .form-inline .form-control{width:100%;text-transform:none}
#response,#response1{color:red}

.pagination [class^="flaticon-"]:before,.pagination [class*=" flaticon-"]:before{font-size:12px}
.accordion-simple .panel:first-child .panel-heading a{border-top:1px dotted #cacaca}
.product-view h1.product_title {
  margin: 5px 0 2px;
  padding: 0;
    font: 1.833em/1em "Sintony", sans-serif;
}

.dropdown-menu> form > .li_sub >a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>form>.li_sub>a:focus,
.dropdown-menu>form>.li_sub>a:hover {
    color:#262626;
    text-decoration:none;
    background-color:#f5f5f5
}
.dropdown-menu>form>.active>a,
.dropdown-menu>form>.active>a:focus,
.dropdown-menu>form>.active>a:hover {
    text-decoration:none;
    background-color:#428bca;
    outline:0
}
.dropdown-menu> form > li>a>img{margin-top:-2px}


#openSearch a, #openSearch a:active {
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 22px;
    height: 32px;
    margin: 0 2px;
    padding: 0 5px;
    outline: none;
    overflow: hidden;
    display:block
}

#openSearch a.search-close {
    border-left: 1px dotted #b6b6b6;
}

#openSearch a.search-close .icon {
    font-style: normal;
    font-size: 30px;
    margin-top:-1px;
}
.navbar-compact .header-left .navbar-logo{z-index:11}

.preloader{position:fixed;width:100%;z-index:100000;top:40%}

.success_ev{font-size: 1.2em; background-color:rgba(0,0,0,0.8);border:medium none;border-radius:6px;color:#fff;left:20%;right:20%;position:absolute;text-align:center;width:auto;padding:20px}

.subtitle h1{
    text-align: center;
    padding:0;
    line-height:inherit;
    margin-bottom:0;
    margin-top:34px
}
.subtitle h1 span {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #000;
}
.subtitle h1 span:before, .subtitle h1 span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 1px dotted #cacaca;
    top: 10px;
    width: 600px;
}
.subtitle h1 span:before {
    right: 100%;
    margin-right: 15px;
}
.subtitle h1 span:after {
    left: 100%;
    margin-left: 15px;
}
.margin-0{margin-bottom:0}

#review-title{clear:both}


.products-list,.cart .product-controls,.minimum {
/*    margin-left: 40px;*/
		float: left;
    min-width: 100%;
    margin: 10px 0;
    line-height: 18px;
}
.text-center.flickr{margin-top:15px}

.submenu-block {
  min-height: 30px;
}

.submenu-block:hover {
  background-color: #f5f5f5;
}

.submenu-block h4 {
  font-size: 1em;
}


.submenu-block ul li {
    line-height: 1.5em;
}
.simple-list ul.subcategory{
    margin-left:10px;
}


/* ajax search */
#openSearch .input-outer{position:relative;}

#openSearch.open {
    overflow: visible !important
}


#search {
  color: #333333;
}

#search a {
  color: #333333;
}

#search .dropdown-menu {padding:0; width: 100%; z-index: 9999 !important; }
#search .dropdown-menu a{height:auto;}

#search .ajaxadvance .content{padding: 0}
#search .ajaxadvance .name {
    font-size: 18px;
    padding:0
}
#search .dropdown-menu a {
    padding:0;
}


#search .dropdown-menu li a .highlight{
    color:#EC1D25
}

#search .ajaxadvance {
    box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1);
}


.label.label-newl {
    background: #8e8e8e;
}

#search .dropdown-menu li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #e4eef7;
    border: 1px solid #fff;
}
#search .ajaxadvance{padding:4px}
#search .dropdown-menu li:nth-child(2n){border:none}

#search .dropdown-menu li:nth-child(2n+1),#search .dropdown-menu li:nth-child(2n){padding:0}

#search .ajaxadvance .content > div.price {
    font-size: 16px;
    line-height:15px;
    margin:0
}
#search .ajaxadvance .content > div{font-size:12px; margin:0; padding: 0;}
#search .ajaxadvance .content > div.price .price-old,
#search .ajaxadvance .content > div.price .price-new,
#search .ajaxadvance .content > div.price .price-regular{
    font-size:18px
}
#search .ajaxadvance .content > div.stock_status,
#search .ajaxadvance .content > div.descr{
    font:12px/14px "Sintony",sans-serif;
}
/* end ajax search */
.flickr_badge_image {margin:0px;display:inline;}
.flickr_badge_image img {border: 0px solid #666666 !important; padding:4px; margin:0px;}
#flickr_badge_wrapper {width:auto;text-align:left}

.pagination>li {
    display: inline-block;
    margin-right: 11px;
}

.pagination>li>a, .pagination>li>span{
    border: 1px solid #ccc;
    width: 36px;
    line-height: 34px;
    text-align: center;
    padding:0
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover,
.pagination > li > a:focus,.pagination > li > span:focus, .pagination > li > span:hover{
    border:1px solid #999;
    background:none;
    color:#000
}

/*product options*/
.product-description .product-options .icon-color, .product-preview .product-options .icon-color {
    top: 4px;
    border: 1px solid #d1d1d1;
    font-style: normal;
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
    line-height: 15px;
    padding: 0 9px;
    border-radius: 0;
}

.image_option_type .radio input[type=radio].image_radio {
    display: none;
}

.product-description .product-options img.icon-color {
    width:33px;
    padding: 0;
    margin:0;
    top:0
}

.image_option_type .radio label{
    border:1px solid #b7b7b7;
}


.product-description .product-options .icon {
    cursor: pointer;
}

.image_option_type .radio {
    padding-left: 0;
    display: inline;
}
.image_option_type .radio label{padding-left:0}

.icon-size, .icon-color{
    border-radius:0;
    padding:1px;
    height:24px;
    margin-right:4px
}
.image_option_type  .product-options .icon.selected {
    border-color: #EE3B27;
}

.quantity-control .input-group-addon {
    padding: 6px 7px;
    border: 0;
    background: #e1e1e1;
    cursor: pointer;
    border-radius: 0;
    height: auto;
}
.quantity-control_container {
  padding: 0;
  margin: 0;
  line-height: 36px;
}


.product-description .option.quantity {
    display: inline-block;
}
.product-view .form-inputs input.input-quantity{margin:0;z-index:0}

.product-description .option.quantity{
    display: inline-block;
    padding:20px 15px 0px 0;
}

.product-view .form-inputs label,.product-view .form-inputs .input-group.quantity-control{
    float:left;
}
.product-description .option.quantity{overflow:hidden;}
.product-view .form-inputs label{line-height:24px;margin-right:10px}

.cart .product-controls{display:inline-block;overflow:hidden;}
.cart .product-controls a{
    display: block;
    background-color: #fff;
    width: 30px;
    line-height: 25px;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    float:left;
    margin-left:10px

}

.rating .fa-star,.rating .fa-star-o,.rating .fa-star + .fa-star-o{
    font-size:9px
}

.fa-stack-1x, .fa-stack-2x{width:auto}
.rating .fa-stack{width:1.3em}

#newsCarousel .item .news_date {
    font-weight: bold;
    padding-left: 100px;
    color: #FF4136;
}

.manufacturer_image{
    float:none;
    margin:0 auto
}

.table-shop>thead>tr>th.product-column-price{padding-left:7px;padding-right:7px}


h4.panel-title{
    font-size:inherit;
    padding:0
}


.input-group-btn, .input-group-btn-row{font-size:inherit}

.modal{top:22%}

#cboxLoadedContent .dropdown-menu.shoppingcart-box{position:static;top:0;display:block;border:none !important;box-shadow:none}

#drop-shopcart.dropdown-menu>li>a.btn{clear:none;display:inline-block;padding:10px 10px}
#drop-shopcart #empty_cart{display:none;width:auto;text-align:center;padding-bottom:25px}
.shoppingcart-box .totals{padding-top:10px}

#drop-shopcart.tab-content{padding-left:30px}


#drop-shopcart .img-thumbnail{ border-radius: 0; padding: 1px; background-color: transparent;}

#cboxLoadedContent {overflow:auto !important}


label.checkbox{padding-left:20px}

.content-aside#column-right{border-right:none;border-left:1px dotted #ccc}

.boxed .content.social-widget {
    padding-right: 10px;
    padding-left: 10px;
}
.subtitle .div_subtitle{
    text-align: center;
}
.subtitle .div_subtitle span {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    color: #000;
}
.subtitle .div_subtitle span:before, .subtitle .div_subtitle span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-top: 1px dotted #cacaca;
    top: 10px;
    width: 600px;
}
.subtitle .div_subtitle span:before {
    right: 100%;
    margin-right: 15px;
}
.subtitle .div_subtitle span:after {
    left: 100%;
    margin-left: 15px;
}

.contact-form.form-inline .form-control{width:100%}

#openSearch .input-outer{padding-right:0}
#search{margin-bottom:0; margin-top: 6px}

/* changes for layouts, options */
.service_buttons_type2 .navbar-secondary-menu .drop-title {
    clear: both;
    display: block;
    font-size: 0.8333em;
    line-height: 1em;
    text-align: center;
}

.service_buttons_type2 .navbar-secondary-menu .btn-group {
    width: auto !important;
}
.service_buttons_type2 .navbar-secondary-menu .icon {
    margin: 0 auto !important;
}
.service_buttons_type1 .navbar-secondary-menu .drop-title{display:none !important}

#button-search {
  margin: 5px 0;
}

#header_type1 .navbar-welcome {
    float:left;
    text-align:left;
      
}

#header_type2 .navbar-welcome {
    float: right;
    text-align: center;
}

#header_type2 .navbar-logo {
    text-align:left !important;
}


#newsLine{padding:0}

#newsLine > .container {
    padding-bottom:7px;
    padding-top:7px
}


.container_columns .col-md-9 .container{
    width:auto !important;
/*    padding:0 !important;
    margin:0 !important;*/
    float:none !important;
}

.blog-page .content-aside section h3{
    margin: 0;
    padding: 0 0 0.95em;
    font: 1.5em "Sintony", sans-serif;
}


.search-page label.checkbox-inline{line-height:30px}
.account-wishlist .table-shop td .price,.product-compare .table .price{font-size:18px}


.table-shop tfoot>tr>th{
    border: 1px solid #cacaca;
    border-top: 2px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    padding: 10px;
    vertical-align: top;
}

.service_buttons_type2 .btn-group-vertical > .btn{text-align:center !important}
.product_page_type3 .video-link .img-outer:after{top:50%}
.product_page_type3 .video-link .img-outer{display:block}

/* styles for ios */
.ios .blog-widget .slides div.carousel-item:hover {
    -webkit-transform:none;
    -moz-transform:none;
}
.ios .collapsed-block .expander{height:37px;padding:0;line-height:30px}


/* responsive web developer styles */
    .products-list-in-row .countdown_box {
        width:100%;
        margin:0
    }

    .product_right{
      margin-top: 50px;
    }
    
    
  .product_right p{
    text-indent: -58px;
    padding-left: 58px;
  }
    
@media (min-width: 992px) {
    footer #footer-collapsed .socials{overflow:visible}
}
@media (max-width: 991px) {
    .subscribe .button {
        margin-left:-25px
    }
}
@media(min-width:767px) and (max-width:980px){
    .container-widget{border:none}
    .products-list-in-row .countdown_box{margin:0;width:100%}
}


    
.subscribe_wrapper{margin-top: 40px;}


@media (max-width:767px) and (min-width:480px) {
    .product-description .option.quantity{padding-top:0}

    .products-list-in-row .countdown_box{margin:0;width:100%}
    .container-widget{border:none}
    .slick-prev,.slick-next{margin-right:10px; top: 100%;}
    .subscribe_wrapper{padding-bottom:0;  margin-top: 30px;}
    .subscribe .button{margin-left:0}
}

@media (max-width:479px) {
    .product-description .option.quantity{padding-top:0}

    .buttons .pull-right,.buttons .pull-left{float:none !important;margin-bottom:35px}

    .slick-prev,.slick-next{margin-right:10px; top: 100%;}
    .subscribe_wrapper{padding-bottom:0;  margin-top: 20px;}
    .subscribe .button{margin-left:0}
}



/* layout panel */
#layout-panel {
    background: #3a3a3a;
    color: #fff;
    position: fixed;
    width: 320px;
    height: 100%;
    right: -320px;
    top: 0;
    z-index:99997;
}
#layout-panel .demo-outer {
    width: 320px;
    overflow:hidden;
    height: 100%;
}
#layout-panel .demos {
    width:343px;
    overflow-y:scroll;
}
#layout-panel .btn-toggle {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: -70px;
    background: rgba(0,0,0,.5);
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 5px 0 0 5px;
    text-decoration: none;
    padding-top: 48px;
}
#layout-panel .btn-toggle .icon {
    color: #fff;
    position: absolute;
    top: 18px;
    left: 20px;
}
#layout-panel .btn-toggle .icon:before {
    font-size: 35px;
}
#layout-panel ul {
    margin: 2px 0 0 2px;
    padding: 0;
}
#layout-panel ul li {
    display: block;
    vertical-align: middle;
    width:160px;
    height:160px;
    float: left;
    position: relative;
    margin: 0 2px 2px 0;
}
#layout-panel ul li img {
    width: 100%;
}
#layout-panel ul li .hover {
    display: block;
    width: 157px;
    height: 157px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 15px;
    color: #fff;
}
#layout-panel ul li:hover .hover {
    opacity: 1;
}
#layout-panel ul li .hover h3 {
    font-size: 18px;
    color: #fff;
    padding-top: 30%;
}
@keyframes blink {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.0;
}
 100% {
opacity: 1.0;
}
}
@-webkit-keyframes blink {
 0% {
opacity: 1.0;
}
 50% {
opacity: 0.0;
}
 100% {
opacity: 1.0;
}
}
.blink {
    animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
}
.ajax-index-options #layout-panel{display: none}
#layout-panel ul li a{display:block}

.chreos-simple, .chreos-default, .chreos-art, .chreos-baby, .chreos-bio, .chreos-boxed, .chreos-boxedland, .chreos-gallery, .chreos-land, .chreos-lingerie, .chreos-marina, .chreos-tools{
    background: url(../images/demo.png) no-repeat;
}

.chreos-simple{
    background-position: 0 0;
    width: 160px;
    height: 160px;
}

.chreos-default{
    background-position: -160px 0;
    width: 160px;
    height: 160px;
}

.chreos-art{
    background-position: -320px 0;
    width: 160px;
    height: 160px;
}

.chreos-baby{
    background-position: -480px 0;
    width: 160px;
    height: 160px;
}

.chreos-bio{
    background-position: 0 -160px ;
    width: 160px;
    height: 160px;
}

.chreos-boxed{
    background-position: 0 -320px ;
    width: 160px;
    height: 160px;
}

.chreos-boxedland{
    background-position: -160px -160px ;
    width: 160px;
    height: 160px;
}

.chreos-gallery{
    background-position: -320px -160px ;
    width: 160px;
    height: 160px;
}

.chreos-land{
    background-position: -480px -160px ;
    width: 160px;
    height: 160px;
}

.chreos-lingerie{
    background-position: -160px -320px ;
    width: 160px;
    height: 160px;
}

.chreos-marina{
    background-position: -320px -320px ;
    width: 160px;
    height: 160px;
}

.chreos-tools{
    background-position: -480px -320px ;
    width: 160px;
    height: 160px;
}


/* layout panel */

.products-list .panel-body {
  padding: 0 10px 10px;
}
.products-list .form-group {
  margin: 0;
}
.products-list .checkbox {
  margin-bottom: 5px;
}


/* MISC */
#paste_scroller {
  border: 1px solid #DFE2DB;
  height: 250px;
  width: 100%;
  overflow-y: auto;
}

#paste_editor {
  border: none;
  width: 100%;
  min-height: 248px;
  font-size: 1.2em;
}

#paste_editor span.placeholder {
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  color: #808080;
}


#clipboard_area {
  border: 1px solid #1a1a1a;
  height: 244px;
  width: 100%;
  font-size: 1.2em;
  resize: none;
}


#paste_editor table tr td {
  padding: 1px 4px;
}

span[data-toggle="tooltip"]:after, label.control-label span:after {
   font-family: FontAwesome;
   color: #1a1a1a;
   content: "\f129";
   margin-left: 4px;
}

span.head[data-toggle="tooltip"]:after, label.control-label span:after {
   font-family: FontAwesome;
   color: #1E91CF;
   content: "\f05a";
   margin-left: 8px;
}

span.warn[data-toggle="tooltip"]:after, label.control-label span:after {
   font-family: FontAwesome;
   color: #FF4136;
   content: "\f059";
   margin-left: 4px;
}

/* Styled checkbox toggle switch */

.onoffswitch {
    position: relative; width: 95px;
    margin: auto;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #999999; border-radius: 5px;
    margin: 0;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 27px;
    font-size: 12px; color: white;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Cancel Line";
    padding-left: 5px;    
    background-color: #616161; color: #F5F5F5;
    text-align: left;
}
.onoffswitch-inner:after {
    content: "Backorder";
    padding-right: 5px;    
    background-color: #E6E6E6; color: #737373;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 15%; margin: 0.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 85%;
    border: 1px solid #999999; border-radius: 5px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.your_order {
  margin-top: 40px;
}


/* Alternative category menu CSS */

#box-category .dropdown-toggle {
  width: 100%;
  text-align: left; 
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

#box-category .dropdown-menu {
  max-height: 200px; 
  overflow: auto; 
  padding: 2px; 
  min-width: 100%;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 5px;
    clear: both;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

#box-category .dropdown-item:focus, .dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9;
}

.flat-list h3 { 
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5em;
  color: #AAAAAA;

}


.brands-slider .slick-track {
  height: 100px;
}



/*Box Filter*/
#box-filter {
  padding: 0;
  border-collapse: collapse;
  position: relative;
}
#box-filter .panel {
  margin: 2px 0;
  border: 1px solid #ccc;
}
#box-filter .panel-collapse {
  padding: 2px;
  
}
#box-filter .panel-body {
  padding: 0 0 2px;
  
}
#box-filter .panel-footer {
    width: 100%;
    padding: 2px 5px;
    border-collapse: collapse;
    font-size: .8em;
}

#box-filter .panel-heading {
  cursor: pointer;
  /*background: #eaeaea;*/
  font-size: 10px;
  padding: 2px 5px 2px 0;
}

#box-filter .panel-heading a {
  padding: 6px 18px 6px 5px;
  border-top: none;
  color: #111111;
}
#box-filter .arrow-down, 
#box-filter .arrow-up {
  font-size: 1em;
}

#box-filter ul li {
  padding: 3px 5px;
}

#box-filter .simple-list {
  max-height: 130px;
  overflow-y: auto;  
}


#box-filter .simple-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#box-filter .simple-list::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#box-filter .simple-list::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        
}

#box-filter-overlay {
  background: rgba(255,255,255,0.5);
  position: absolute; 
  padding-top: 50%;
  top: 0; bottom: 0; left: 0; right: 0; 
  text-align: center;
}
/*eof Box Filter*/




/* AFTER PAY STYLES */
/**
 * Checkout elements.
 */

#afterpay-checkout-instalment-info-container .instalment-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
}
#afterpay-checkout-instalment-info-container .header-text {
			margin: 10px 0 20px;
}
#afterpay-checkout-instalment-info-container .header-text hr {
			margin: 5px 0;
			border-top: 1px solid #CCC;
}

#afterpay-checkout-instalment-info-container .instalment-wrapper .instalment {
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
    padding: 0 1.5%;
		text-align: center;
}

#afterpay-checkout-instalment-info-container .instalment-wrapper .instalment p.instalment-header-text {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #379dd6; /* Blue */
    margin-bottom: 0px;
}

#afterpay-checkout-instalment-info-container .instalment-wrapper .instalment .img-wrapper img {
    float: none;
    clear: both;
    display: inline;
    margin: 0px;
}

#afterpay-checkout-instalment-info-container .instalment-wrapper .instalment p.instalment-footer-text {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6; /* Light Grey */
}

.what-is-afterpay-container a{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #A1A4A6; /* Light Grey */
}


/* ------------------------------------------------------------------------------------
                                    Modal Window
------------------------------------------------------------------------------------*/ 

a[href="#afterpay-what-is-modal"] img {
    display: inline;
}



/* OXIPAY PAY STYLES */
/**
 * Checkout elements.
 */

#oxipay-checkout-instalment-info-container .instalment-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
}
#oxipay-checkout-instalment-info-container .header-text {
			margin: 10px 0 20px;
}
#oxipay-checkout-instalment-info-container .header-text hr {
			margin: 5px 0;
			border-top: 1px solid #CCC;
}

#oxipay-checkout-instalment-info-container .instalment-wrapper .instalment {
    -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0;
            flex: 1 0 0;
    padding: 0 1.5%;
		text-align: center;
}

#oxipay-checkout-instalment-info-container .instalment-wrapper .instalment p.instalment-header-text {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #379dd6; /* Blue */
    margin-bottom: 0px;
}

#oxipay-checkout-instalment-info-container .instalment-wrapper .instalment .img-wrapper img {
    float: none;
    clear: both;
    display: inline;
    margin: 0px;
}

#oxipay-checkout-instalment-info-container .instalment-wrapper .instalment p.instalment-footer-text {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6; /* Light Grey */
}

.what-is-oxipay-container a{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #A1A4A6; /* Light Grey */
}


/* ------------------------------------------------------------------------------------
                                    Modal Window
------------------------------------------------------------------------------------*/ 

a[href="#oxipay-what-is-modal"] img {
    display: inline;
}