div.amshopby-column {
    float: left;
    width: 49%;
    overflow: hidden;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px; 
}

.amshopby-link{
    float:left;
    padding-left:5px; 
    padding-top:5px;
}

.amshopby-clearer {
	display:block; 
	clear:both;
	overflow: hidden;
}
div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;}  
div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:26px; background-image:url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-cb1.png); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;}
div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold;  padding-left:25px; background-image:url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-cb2.png); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;}

div.block-layered-nav dd .single-choice a.amshopby-attr,
div.block-layered-nav dd .single-choice a.amshopby-attr:hover
{background-image: url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-rb1.gif);}

div.block-layered-nav dd .single-choice a.amshopby-attr-selected
{background-image: url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-rb2.gif);}

div.block-layered-nav dd li.amshopby-cat-level-2 {/*padding-left:10px;*/ }
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:16px;}
div.block-layered-nav dd li.amshopby-cat-level-4 {padding-left:16px;}



div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav li.amshopby-cat-multi a {
    padding-left:15px;
    background-image:url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav li.amshopby-cat-multiselected a {
    font-weight: bold;
    background-image:url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav dd li span.amshopby-plusminus {/*float:left;*/
display:block; width:20px; height:20px; cursor:pointer;
/*background:transparent url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-plus.gif)  no-repeat;*/ }
div.block-layered-nav dd li span.minus { }
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dl dt {
     cursor:pointer;
     padding-left:0px;
     background:url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt::after {
    border-style: none !important;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://www.tektik.eu/skin/frontend/tektik/default/images/arrow-dwn.png) 241px center no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://www.tektik.eu/skin/frontend/tektik/default/images/arrow-up.png) 241px center no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://www.tektik.eu/skin/frontend/tektik/default/images/arrow-dwn.png) 241px center no-repeat;}

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display {
    display: block!important;
}

div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #000;
    font-size: 12px;
}
.amshopby-slider-price-from {
	float: left;
    
}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range
{
	text-align: center;
	font-size: 12px;
    color: #000;
}

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute; 
	background: #999; 
	height: 6px; 
	top: 6px; 
	z-index: 1;  
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto; 
}

.btn-remove-inline { background-image: url('https://www.tektik.eu/skin/frontend/tektik/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background: url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .6em 6px; }
.amshopby-slider-ui .ui-slider-handle {  box-sizing: border-box; outline: none; }
.amshopby-slider-ui .ui-slider-range { background-color: #4a5456; }

#amshopby-price-from, #amshopby-price-to{
  height: 31px;
  border: solid 1px #d1d1d1;
  border-radius: 20px;
  width: 79px;
}

#amshopby-price-btn{
      padding: 8px 15px;
      margin-bottom: 10px;
}

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:13px; height: 17px; cursor: pointer; -ms-touch-action: none; touch-action: none; border-radius: 15px;   }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; }
.ui-slider-horizontal .ui-slider-range { top: 4px; height: 5px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }

input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{
    width: auto;
}

.amshopby-item-top{
    max-width: 225px;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.amshopby-filters-top .block-content ol{
    max-width: 250px;
}

.amshopby-item-top div.amshopby-column {
    width: auto;
}

.no-display-current, .no-display{
    display: none;
}

.current .no-display-current, dd.current td.no-display{
    display: block;
}

@media only screen and (max-width: 770px) {
    dl#narrow-by-list,
    dl#narrow-by-list2 {
        padding: 0px;
    }
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-collapsed.gif) center left no-repeat;}
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(https://www.tektik.eu/skin/frontend/tektik/default/images/amshopby-expanded.gif) center left no-repeat;}
}



.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}
.mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}
.mCSB_inside>.mCSB_container {
    margin-right: 4px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}
.mCSB_scrollTools {
    position: absolute;
    width: 4px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}
.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(https://www.tektik.eu/skin/frontend/tektik/default/css/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("https://www.tektik.eu/skin/frontend/tektik/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("https://www.tektik.eu/skin/frontend/tektik/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #999999;
   /* background-color: rgba(0, 0, 0, 0.75) */
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ececec;

}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

/**
* Mageplace Callforprice
*
* @category      Mageplace
* @package       Mageplace_Callforprice
* @copyright     Copyright (c) 2011 Mageplace. (http://www.mageplace.com)
* @license       http://www.mageplace.com/disclaimer.html
*/


/****CALL FOR PRICE*****/
.hideprice {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
    background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background-color:#fe1a00;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #d83526;
    display:inline-block;
    color:#ffffff;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #b23e35;
    cursor: pointer;
    padding: 5px;
}
.hideprice:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
    background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
    background-color:#ce0100;
}.hideprice:active {
     position:relative;
     top:1px;
 }
.hideprice a {
    text-decoration: none;
    color: #ffffff;
}

.box-customercredit-share .box-head h2
{
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/cup-gold.png") no-repeat scroll 0 0 transparent;
    padding-top: 0px;
    padding-left: 25px;
}

.customercredit-product-info{
    padding-bottom:2%
}

.customercredit-product-info label{font-size: 14px !important;margin-bottom: 5px;}

.customercredit-index-list .products-grid .actions{position: relative;}

.customercredit-product-info .customercredit-send-friend{
    float: left;
    clear: both;
    padding-bottom: 10px;
    margin-top: 10px;
}

.customercredit-product-info #customer_name, .customercredit-product-info #recipient_email, .customercredit-product-info #recipient_name {
    width: 100%;
}

.customercredit-product-info #message {
    width: 100%;
    height: 88px;
}

.customercredit-receiver {
    float: left;
    clear: both;
    padding-bottom: 20px;
    width: 100%;
}

.box-customercredit-history .box-head h2
{
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/i_type_list.gif") no-repeat scroll 0 0 transparent;
    padding-top: 0px;
    padding-left: 25px;
    float: left;
}
.box-customercredit-sumary .box-head h2
{
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/point.png") no-repeat scroll 0 0 transparent;
    padding-top: 0px;
    padding-left: 25px;
}
.box-customercredit-history {
    float: left;
    width: 100%;
}
.box-customercredit-history .pager{
    border-top:  none;
    margin-top: 10px;
}
.box-customercredit-sumary div.title-buttons p {
    float: left;
    margin-top: 10px;
    height: auto;
}
.box-customercredit-sumary div.title-buttons button {
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}
.box-customercredit-sumary
{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.box-customercredit-buy .box-head h2
{
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/earn_point.gif") no-repeat scroll 0 0 transparent;
    padding-top: 0px;
    padding-left: 25px;
}
.box-customercredit-redeem .box-head h2
{
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/i_block-currency.gif") no-repeat scroll 0 0 transparent;
    padding-top: 0px;
    padding-left: 25px;
}
.customercredit-product-info .customercredit-amount-desc, .customercredit-product-info #recipient_ship_desc {
    font-size: 0.9em;
    font-style: italic;
    color: #080;
    margin-top: -5px;
}

/* Search Grid Style */
.data-table .customercredit-grid-title th{
    background-image: none;
    border-bottom: 1px solid #C2D3E0;
}

.data-table .customercredit-grid-search th{
    vertical-align: top;
}
.data-table .customercredit-grid-search .customercredit-grid-search-item{
    padding-bottom: 2px;
}
.customercredit-grid-search-item .data-range span {
    float: left;
    width: 100%;
}
.data-table .customercredit-grid-search .customercredit-grid-search-item .search-text{
    width: 97%;
}

.data-table .customercredit-grid-search .customercredit-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .customercredit-grid-search .customercredit-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .customercredit-grid-search .customercredit-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .customercredit-grid-search .customercredit-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .customercredit-grid-search .customercredit-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .customercredit-grid-search .customercredit-grid-search-item select{
    width: 100%;
}

.data-table .customercredit-grid-search .customercredit-grid-search-item .range-container .from-price,
.data-table .customercredit-grid-search .customercredit-grid-search-item .range-container .to-price{
    min-width: 100px;
}
.customercredit-search-button {
    padding-bottom: 5px;
    text-align: right;
    float:right;
    width: 100%;
    margin-top: 10px;
}

#redeem_credit_text{
    float: left;
}
#customercredit-navigation-customercredit_navigator {
    margin: 0;
}
#customercredit-form-content ul {
    float: left;
    width: 100%;
    margin-top: 10px;
}
#customercredit-form-content ul .customer-name {
    //padding: 0;
}
/* End Search */
.customer-account-giftcard .balance{
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dotted black;

}
.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{
    background-color: #F6B26B;
}
.customer-account-giftcard .account-balance{
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dotted black;
}

/*---------------------------------redeem style----------------------------*/
.box-customercredit-redeem{
    float: left;
    margin-bottom: 0;
}

.redeem-credit{
    float: left;
}
.redeem-input-box{
    float: left;
    margin-bottom: 15px;
}
.input-verify-code{
    float: left;
    margin-left: 10px;
}
.input-verify-code input{
    width: 477px;
}

#redeem_credit_text{
	color: #636363 !important;
}

.redeem-form{
    float: left;
    margin-top: 10px;
}
.redeem-form button{
    float: left;
    margin-left: 10px;
}
.redeem-form strong{
    float: left;
    margin-top: 5px;
}

/*---------------------------------------------share credit style*-----------------------------------------------------*/

.customercredit_send_to_friend{
    float: left;
    width: 100%;
}

.customercredit_send_form{
    float: left;
}
.box-customercredit-share{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#customercredit_show_loading2{

    margin-top: 10px;
}
#customercredit_show_success2{
    margin-top: 10px; color: #008000;
}
#advice-your-email2{
    /*display: none;*/
}
#customercredit_show_alert2{
}
#customercredit_show_alert2 p{
    color: red;margin: 8px 0px 0px 2px;
}
#customercredit_show_alert2 input{float: left;margin-top: 2px;}
#customercredit_show_alert2 label{ float: none !important;font-size: 12px;font-style: italic; font-weight:normal !important; color: #080;margin-left: 5px;}
.customercredit_message{float: left;}
#customercredit_show_loading_p{
    width: 100px;
    float: left;
}
#customercredit_show_loading_p img {
    float: left;
    margin-top: 3px;
}
#customercredit_show_success{margin-top: 10px; color: #008000;}
#customercredit_show_success img {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}
/*By Crystal*/
.customercredit-index-share input[type="text"],
.customercredit-index-validatecustomer input[type="text"],
.checkout-cart-credit-amount input[type="text"],
.customercredit-grid-search-item input[type="text"],
#customercredit-payment-form #checkout_cc_input_alert input[type="text"]{
    width: 100%;
}
.button-checkout-credit {
    margin-top: 10px;
}
.customercredit-index-share .customercredit_message {
    width: 100%;
    float: left;
}
.customercredit-index-share .customercredit_message textarea{
    height: 125px;
    border-radius: 2px;
}
.customercredit-index-share .customercredit_send_to_friend .cc_email {
    margin-bottom: 0;
}
/*End Crystal*/
/*--------------------------checkout/cart-----------------------------------------------------*/
.checkout-cart-credit-amount p{
    margin: 0 !important;
}
.customercredit{
    margin-bottom: 10px;
}
.checkout_cc_input_alert .valiCredit Code Listdation-advice{
    max-width: 120px;
}
#customercredit_container label{padding-left: 0 !important;}
#customercredit_container .checkout-credit-use strong{margin-left: 0 !important;}
#checkout-cc-input{margin-left: 7px;}
#customercredit_show_alert label{float: none !important;font-size: 12px;font-style: italic;font-weight:normal !important; color: #080;margin-left: 5px;}
/*My Credit**/
.title-credit{	
	margin-bottom: 11px;
	position: relative;
	padding: 10px 0 14px;
}
.title-credit h2.title-credit-label {
    background: #fff !important;
    color: #000;
	font-family: "Cantarell",sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
	text-rendering: optimizespeed;
	text-transform: capitalize;	
}
.title-credit h2.title-history {
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/images-icon.png") no-repeat 5px -183px;
    background-color: #1e4075;
}
.title-your-balance .title-credit-balance {
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/images-icon.png") no-repeat -13px -120px;
    background-color: transparent;
    padding: 9px 10px 9px 25px;
    font-size: 14px;
    text-transform: none;
    font-weight: bold;
    margin-top: 10px;
}
.table-bordered > thead > tr > th.numeric {
	border-width: 0 0 1px;
	color: #000;
	font-weight: 600;
	padding: 10px 5px;
	text-align: left;
}
.customerreward-money{color: #636363 !important;}
#transactions-history-new {width: 100%;	border: none;}
#transactions-history-new > tbody > tr:nth-child(2n+1){background-color: #fff;}
.div-navigantion-credit{width: 20.1587% !important;}
.div-navigantion-credit .title-credit{border-bottom: 1px solid #000;margin-bottom: 11px;position: relative;padding: 10px 0 14px;}
.div-navigantion-credit .title-credit h2.title-credit-label {background: #fff !important;color: #000;font-family: "Cantarell",sans-serif;font-size: 20px;font-style: normal;font-weight: 700;line-height: 1.4;margin: 0;text-rendering: optimizespeed;text-transform: uppercase;}


.div-navigantion-credit .block-content {
    margin-top: 0;
}
#no-more-tables {
    float: left;
    width: 100%;
}
ul#customercredit-navigation-customercredit_navigator li {
    margin: 9px 0;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;   
}
ul#customercredit-navigation-customercredit_navigator li:before {
    font-size: 12px;
	color: #000;
	content: "\e926";
	position: absolute;
	top: 1px;
	font-family: "myicons";
	left: 0;
}
ul#customercredit-navigation-customercredit_navigator li a {    
    color: #636363;
	text-decoration: none;
}
ul#customercredit-navigation-customercredit_navigator li a:hover{
    color: #ff9000;
}

/*Code list*/
#no-more-tables .result {
    padding-left: 5px;
    border-bottom: none;
    font-style: italic;
    font-size: 13px;
}
#customercredit_grid {
    float: left;
    width: 100%;
}
.customercredit-search-button .button-img {
    display: none;
}
#customercredit_grid tbody tr td.last{
    min-height: 32px;
}
#customercredit_grid td#td-id-credit {
    white-space: nowrap;
}
.title-credit h2.credit-code-list {
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/images-icon.png") no-repeat 5px -184px;
    background-color: #1e4075;
}
.customercredit-grid-search-item #customercredit_grid-transaction_time-from,
.customercredit-grid-search-item #customercredit_grid-transaction_time-to{
    min-width: 70px;
    float: left;
    width: 88%;
}
.customercredit-grid-search-item #calendar-transaction_time-from,
.customercredit-grid-search-item #calendar-transaction_time-to,
#calendars-transaction_time-from,
#calendars-transaction_time-to{
    margin-top: 8px;
    float: right;
}
.customercredit-grid-search #date-to {
    min-width: 130px;
}
#customercredit_grid tr td#td-price {
}
#customercredit_grid tr.active #date-to .data-range span.label{
    float: left;
    width: 100%;
}
#customercredit_send_to_friend .buttons-set{
    float: right;
    width: 100%;
    border-top: 0;
}
.customercredit-grid-search-item .data-range input[type="text"] {
    float: left;
}
#no-more-tables tr.customercredit-grid-search.active {
    // display: block;
}

/*Redeem Credit*/
.content-customercredit-redeem {
    padding: 0 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
/*Vertify Code*/
.customercredit_show_verify_code {
    float: left;
    width: 100%;
    margin-top: 10px;
}
button.submit-code {
    float: left;
    margin-left: 12px;
}
.customercredit-search-button .button-search {
    margin: 0px 2px 0 0;        
}

/*Checkout credit*/   
.checkout-credit-use {
    line-height: 15px;
    margin-top: 5px;    
/*    float: left;*/
    width: 100%;
    margin-bottom: 10px;
}
#checkout-cc-img {
    float: left;
    margin-left: 5px;
}
#checkout-cc-button {
    float: left;
    margin-top: 7px;
    margin-bottom: 10px;
    clear: both;
}
#checkout-cc-button-cancel {
    margin-top: 7px;
    margin-bottom: 10px;
    margin-left: 10px;
}
#customercredit_cc_success_img {
    margin-left: 8px;
    float: left;
    margin-top: 18px;
}
#customercredit_cc_show_loading {
    float: left;
    width: 90px;
    text-align: left;
    margin-left: 4px;
    margin-top: 6px;
}
#customercredit_cc_show_loading img {
    float: left;
    margin-right: 4px;
}
/*Product review*/
.customercredit-product-info p {
    float: left;
    width: 100%;
}
.customercredit-product-info p.type1{
    width: auto;
    margin-bottom:0px;
}
.customercredit-product-info .validation-advice {
    float: left;
    clear: both;
}
/*Top link*/
.links li a.link-account {
    background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/images-icon.png") no-repeat 8px -122px;
}
.col-main .main-customer {padding-right: 0;}
.col-main .main-customer .pager{width: 100%;}

@media only screen and (max-width: 980px) { 
    .customercredit-grid-search-item #customercredit_grid-transaction_time-from,
    .customercredit-grid-search-item #customercredit_grid-transaction_time-to{
        width: 80%;
    }

}
@media only screen and (max-width: 767px) {
    .col-main .main-customer {
        padding: 0;
    }
    .calendar {
        top: 100%;
        z-index: 9999;
    }
    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
        position: relative;
    }

    .data-table-div{
        float:left;
        width: 100%;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ececec; }

    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
        width: auto !important;
        min-height: 32px;
    }

    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
    #no-more-tables tr.customercredit-grid-search {
        position: relative; 
        top: -40px;
        left: 0;
        z-index: 9999;
        background: #fff;
        width: 100%;
        box-shadow: 0px 3px 15px 0px;
        padding: 0 10px;
    }

    /*Code list*/
    .customercredit-search-button {
        float: left;
        width: 100%;
        padding: 7px 15px;
        text-align: left;
        background-color: #1E4075;
    }
    .customercredit-search-button .button-img {
        display: block;
        float: right;
        background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/images-icon.png") no-repeat -11px -302px;
        border: none;
        padding: 12px;
        background-color: #3662a6;
        margin-top: 2px;
        border-radius: 3px;
    }   
    .customercredit-search-button .button-img:hover{
        opacity: 0.85;
        background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/images-icon.png") no-repeat -11px -302px;
        background-color: #3662a6;
    }
    .title-credit h2.credit-code-list {
        font-size: 16px;
        text-transform: none;
        font-weight: bold;
        background: url("https://www.tektik.eu/skin/frontend/tektik/default/images/customercredit/images-icon.png") no-repeat -11px -342px;
        color: #636363 !important;
        padding: 8px 10px 8px 30px;
        background-color: #fff !important;
    }   
    #customercredit_grid tr.active #customercredit_grid-transaction_time-from,
    tr.active #customercredit_grid-transaction_time-to{
        min-width: 70px;
        width: 88%;
    }
    #customercredit_grid tr.active #calendar-transaction_time-from,
    #customercredit_grid tr.active #calendar-transaction_time-to{
        margin-top: 8px;
        float: right;
    }
    #customercredit_grid tr td#date-to {
        min-width: 100px;
        min-height: 120px;        
    }    
    #customercredit-grid-search td.last {
        display: none;
    }    
    .box-customercredit-history .pager
    {
        float: left;
        width: 100%;

    }

    .customercredit-search-button button.button-search span{
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
    }   
    .customercredit-grid-search-item .data-range input[type="text"]{
        float: none;
    }
    #no-more-tables .customercredit-grid-search td{
        //float: left;
        //width: 100%;
    }
    .customercredit-search-button .button-search  {
        padding: 0;   
    }   
}
@media only screen and (max-width: 675px){
    #checkout-cc-button{
        margin-left: 0;
        clear: both;        
    }
	.div-navigantion-credit {
	  width: 100% !important;
	}
}
@media only screen and (max-width: 560px) and (min-width: 480px){
    .input-verify-code {
        width: 139px;
    }
}
@media only screen and (max-width: 530px) {
    .redeem-box-input{
        width:100%;
    }
}

@media only screen and (max-width: 500px) and (min-width: 401px) {
    #no-more-tables table {
        font-size: 13px;
    }   
}
@media only screen and (max-width: 479px) {
    .box-customercredit-sumary .title-buttons .button {
        margin-top:3%;
        width: 100%;
        position: static;
        margin-bottom: 15px;
    }  
    .input-verify-code{
        margin-top: 5px;
        margin-left: 0;
        width: 100%;
    }
    .redeem-credit .redeem-input-box .button-set .button{
        width: 100%;
        margin: 10px 0 0 0;
    }
    .redeem-input-box .button-set,
    #verify-code-form div.input-box{
        width: 100%;
    }
    button.submit-code {
        width: 100%;
        margin-left: 0;
    }  
    /*Product detail*/
    .customercredit-product-info .product-review {
        
    }
}
@media only screen and (max-width: 400px) {
    #no-more-tables table {
        font-size: 12px;
    }
}
#back-to-send-form a{
    color: #3399cc;
}
#back-to-send-form a img{
    float: left;
    width: 20px;
    margin-right: 3px;
}
button.button span{
    height: auto;
}
.message-notice{
    width: 61%;
}
/**
 * Magestore
 * 
 * NOTICE OF LICENSE
 * 
 * This source file is subject to the Magestore.com license that is
 * available through the world-wide-web at this URL:
 * http://www.magestore.com/license-agreement.html
 * 
 * DISCLAIMER
 * 
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 * 
 * @category    Magestore
 * @package     Magestore_RewardPoints
 * @copyright   Copyright (c) 2012 Magestore (http://www.magestore.com/)
 * @license     http://www.magestore.com/license-agreement.html
 */

/* ============ Reward Points Stylesheets ============ */

/* Cart Sidebar - MiniCart */
.rewardpoints-cart-sidebar {min-height: 22px; text-align: left; clear: both; margin-top: 5px;}
.rewardpoints-cart-sidebar img {margin-right: 3px;}


/* ============ Reward Points Slider ============ */
.rewardpoints-slider-input{clear:both} 
#rewardpoints-slider-container {}
#rewardpoints-slider { position: relative; z-index: 9; height: 18px; margin: 12px auto 18px; padding: 0 24px; cursor: pointer; width: 209px; float: left;}
#rewardpoints-slider-zoom-out { position: absolute; left: 1px; top: 0px;}
#rewardpoints-track { position: relative; height: 18px; background: url('https://www.tektik.eu/skin/frontend/base/default/css/magestore/rewardpoints/images/rewardpoints/reward_rule.gif') -1px 0px repeat-x;}
#rewardpoints-handle { position: absolute; top: -1px; width: 9px; height: 22px; background: url('https://www.tektik.eu/skin/frontend/base/default/css/magestore/rewardpoints/images/rewardpoints/magnifier_handle.gif') 0 0 no-repeat;}
#rewardpoints-slider-zoom-in { position: absolute; right: 1px; top: 0px;}
.rewardpoints-slider-label { margin: 5px 0 0 5px; float: left;}

#rewardpoints-login-msg, #rewardpoints-needmore-msg { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px;line-height:13px; background:url('https://www.tektik.eu/skin/frontend/base/default/css/magestore/rewardpoints/images/rewardpoints/validation_advice_bg.gif') 2px 0 no-repeat; color:#eb340a;}

#rewardpoints-needmore-points { font-size: 13px; font-weight: bold;}

/* ============ Cart Page ============ */
.onestepcheckout-payment-methods .rewards-sales-rules {padding-left: 0 !important}
.rewards-sales-rules dt {margin-top: 7px;}
.rewards-sales-rules dt label {font-weight: bold; color: #666;}
.rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px;}
.onestepcheckout-payment-methods .rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px; margin-left: -16px}
.rewards-sales-rules #reward_sales_rule {width: 157px; margin-left: 3px;}
.onestepcheckout-payment-methods .rewards-sales-rules #reward_sales_rule {width: 140px !important; margin-left: 3px;}
.rewardpoints-slider-input .input-point {/* text-align: center; */ display: inline-block; width: 300px;}
.rewardpoints-slider-input .input-max {margin-top: 5px;}
.rewardpoints-slider-input .input-max input {float: left; margin-right: 3px; margin-top: 2px;}
#reward_sales_point {width: 49px !important;}
#reward_ajax_loading {margin: 10px; text-align: center; font-style: italic;float:right;}

.rule_refreshing_label {color: #666; font-style: italic;}

/* ============ Checkout Page ============ */
.sp-methods #cart-rewards-form {width: 280px;}
.onestepcheckout-payment-methods .sp-methods #cart-rewards-form {width: 260px !important;}
.sp-methods #cart-rewards-form .rewards-sales-rules label {float: none;}
.sp-methods .rewards-sales-rules dd label {font-weight: normal; color: #000;}

/* ============ One Step Checkout Page ============ */
#cart-rewards-form dd.rewards-slider {margin-left: 17px;}


/* ============ Rewards Points Summary ============ */
.rewardpoints-money {color: #3182be; font-size: 13px;}
.product-view .add-to-cart .qty-wrapper img{margin-bottom: 2px;}
.dashboard .box-rewardpoints-summary, .box-rewardpoints-summary{ 
    color:#333; 
    font-size: 13px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 15px;
}
.dashboard .box-rewardpoints-summary, .box-rewardpoints-summary .info-summary{
    padding-top:5px;
}
.dashboard .box-rewardpoints-summary .box-head h2, .box-rewardpoints-summary .box-head h2 {
        background: url("https://www.tektik.eu/skin/frontend/base/default/css/magestore/rewardpoints/images/rewardpoints/rewards.png") no-repeat scroll 0 0 transparent; 
        padding:5px 0 5px 25px;
        font-size: 15px;
}

.box-rewardpoints-history .box-head h2 {
    background: url("https://www.tektik.eu/skin/frontend/base/default/css/magestore/rewardpoints/images/rewardpoints/transactions.png") no-repeat scroll 0 center transparent; 
    padding:5px 0 5px 25px;
    font-size: 15px;
}
.rewardpoints-name-img img{display:inline;}
img.rewardpoint-img{display: inline;}
#rewardpoints-referfriends-popup-body .referfriends-body-left-product{margin-top:20px}


/* ============ Header Link - Fix for IE ============ */
.links span.rewardpoints-name {position: relative\9; padding-right: 18px\9;}
.links span.rewardpoints-name img {/*position: absolute\9;margin-bottom: 8px;*/ margin: 0 !important;vertical-align: middle;}

.discount .discount-form .rewards-sales-rules .input-max{
     margin-top: 15px
}
.discount .discount-form .rewards-sales-rules .input-max #reward_max_points_used{
    margin: 4px;
}
#behavior-ajax-loader {

}
.share-login #behavior-ajax-loader a img {vertical-align:top !important}
.rewardpoints-product-view-earning{margin-bottom:20px; clear:both}
.rewardpointsbehavior-checkout-action a img, 
#rewardpoints-navigation-rewardpoints.navigation a img, 
a.rewardpoints-name-img img {
	margin-bottom:-2px;
} 
.rewardpoints-title{font-size: 15px; color: #3182be;}
.rewardpoints-title-link{text-decoration: none; color: #3182be; font-weight: bold;}
.rewardpoints-title-rate{margin-top: 5px;}
.rewardpoints-dashboard-list{margin-bottom: 10px;}
.rewardpoints-dashboard-ul {list-style: circle !important; margin: 0 0 0 2em !important; }
.rewardpointsrule-rule-name-policy {color: #3182be;font-style: italic;}

strong.rewardpoints-title{ text-transform: uppercase;}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2014, 2:49:32 PM
    Author     : Thu Thao
*/

@import url(//fonts.googleapis.com/css?family=Raleway:400,700,300);
/************edit shopping cart*************/
.cart-forms .discount h2{ font-size:12px;font-weight:bold;}
.discount-form .rewards-sales-rules dt label{font-size: 14px;font-weight: normal;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif;}
.discount-form label{font-size: 14px;font-weight: normal;}


/********************Checkout Success**********************/
.col-main .referfriends-body{height:450px !important;}
.col-main .referfriends-body-left-description{float:left;}
.col-main  .referfriends-body-left{width: 49% !important;text-align: left;}
.col-main  .referfriends-body-right{float:right; width:250px;}
.col-main  .referfriends-body-right-ul li.referfriends-sharelink{text-align:left; float:left; width:100%;height:70px;}
.col-main  .referfriends-body-right-ul li.referfriends-sharefacebook{float:left; width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-sharegoogleplus{float:left;width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-sharetwitter{float:left; width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-shareemail {float:left; width:100%; text-align:left;}
.col-main #rewardpoints-referfriends-popup{margin-left: auto;display: block;margin-right: auto;}
@media (max-width:900px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; float:none !important; width:auto!important; left:auto !important;margin-left: auto;display: block;margin-right: auto;}
.col-main  .referfriends-body-left-earn{float:left !important;}
}
@media (max-width:720px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;}
.col-main .referfriends-body-right{display:block !important; }
}
@media (max-width:690px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;}
.col-main .referfriends-body-right{display:block !important; width:100% !important; text-align: left;float:left !important;}
.col-main .referfriends-body-left{width: 100% !important;text-align: left;}
.col-main .referfriends-body-left-description{width: 100% !important;text-align: left;}
.col-main  .referfriends-body-left-earn{padding-bottom:20px;}
}
/***********Edit Page Details*************/
.referfriends-body-right-1{display:none;}
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom{background:none !important;}
.dialog_e{background:none !important;}
.dialog_content{background:none; width:auto !important;}
.referfriends-title h2{padding-top:20px !important; font-weight:500; border-bottom: 1px solid #CCC; padding-bottom:10px !important;}
.referfriends-title a{top:5px !important; right:10px !important;}
.referfriends-body-left-earn{height:55px !important;}
#rewardpoints-referfriends-popup{border:1px solid #CCC; border-radius:5px;}


@media(max-width:900px){
.dialog_e{display:none;}
.dialog{position: absolute; left: 50% !important; top:32px !important; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;}
#rewardpoints-referfriends-popup{position: absolute;left: 50%; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 35px !important;}
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left-earn{height:58px !important;}
.referfriends-body-left{width:300px !important;}
.dialog{top:31px !important;}
}
@media(max-width:720px){
.dialog{position: absolute !important; left: 50% !important; margin-left: -270px !important; width: 540px !important; float:left !important; height: auto !important;}
 #rewardpoints-referfriends-popup{position: absolute;margin-left: -270px;left: 50%; width: 540px !important;float:left !important; height: auto !important;} 
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
/* .referfriends-body-right-ul  li.referfriends-sharelink{background-size: 30px !important;}*/
.referfriends-body-right-ul li.referfriends-sharefacebook {height: 50px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus{height: 50px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter {height: 50px !important;}
.referfriends-body-right-ul li.referfriends-shareemail {height: 50px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:14px;}
.referfriends-body-left {width:500px !important; float:left;}
.referfriends-body-left-earn{height:65px !important;}
.referfriends-body-right {display:none;}
.referfriends-body-right-1{display:block;position: absolute;top: 145px;left: 300px;}
.referfriends-body-right-1  .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
.referfriends-body-right-1  .referfriends-body-right-ul li a{font-size:16px;}
.share-link-url {width:149px !important;}
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}
.referfriends-body-left-product-title h3{width:240px;}

}
@media(max-width:620px){
.dialog{position: absolute !important; left: 50% !important; margin-left: -180px !important; width: 360px !important;float:left !important; height: auto !important;}
#rewardpoints-referfriends-popup{position: absolute; margin-left: -180px;left: 50%; width: 360px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left {width:300px !important; float:left;}
.referfriends-body-right-1{display:block; position:static; }
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}
}
@media(max-width:460px){
#rewardpoints-referfriends-popup{position: absolute;margin-left: -150px;left: 50%; width: 300px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left {width:260px !important; float:left;}
.referfriends-body-right-1{display:block; position:static; }
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}

}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2014, 2:49:21 PM
    Author     : Crystal
*/
/*
*/
.data-table#recent-transactions-history td .label-cell { display: none;}
.data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;}
#rewardpoints-settings li.control label{background-color: #fff;}
@media all {
 .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0px;}    
.sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff}
}
@media only screen and (max-width: 890px){

	/* Force table to not be like tables anymore */
	.data-table#recent-transactions-history thead{display: none;}
        .data-table#recent-transactions-history tbody tr{margin: 0; border-bottom: 1px solid silver;border-top: 1px solid silver;}
	.data-table#recent-transactions-history td.a-right.first{display: none;}
        .data-table#recent-transactions-history td .label-cell {margin:0; text-transform:uppercase; display:block; text-align: left;float: left; font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
    font-size: 13px;}
        .data-table#recent-transactions-history td {display: block; text-align: right; border: none;}
        .data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;text-align: left; margin-left: 280px;}
        
        .rewardpointsreferfriends-dashboard-right {float: left !important; width: 100% !important; display: block}
}
@media only screen and (max-width: 979px){    
     .rewardpointsreferfriends-dashboard-right {float: left !important; width: 100% !important; display: block}
     .rewardpointsreferfriends-dashboard-left {width: 100% !important; float: right; clear: both}     
     .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0px;}    
     .sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff} 
}
@media only screen and (max-width: 760px){
    .data-table#recent-transactions-history td h2{margin-left: 335px;}
}
@media only screen and (max-width: 700px){
    .data-table#recent-transactions-history td h2{margin-left: 300px;}
    
}
@media only screen and (max-width: 650px){
    .data-table#recent-transactions-history td h2{margin-left: 250px;}
    
}
@media only screen and (max-width: 550px){
    .data-table#recent-transactions-history td h2{margin-left: 230px;}
    
}
@media only screen and (max-width: 450px){
    .data-table#recent-transactions-history td h2{margin-left: 200px;}
    
}
@media only screen and (max-width: 770px){
    .rewardpointsreferfriends-dashboard-left {width: 100% !important;}
}



/**
 * Copyright 2016 The Valdecode Cookie Law Compliance Authors. All rights reserved.
 * Use of this source code is governed by a MIT-style
 * license that can be found in the LICENSE.txt file.
 */
#v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; }
#v-cookielaw .v-message { padding: 5px 10px; text-align: left; }
#v-cookielaw .v-actions { }
#v-cookielaw .v-button { color: #fff; display: inline-block;  padding: 4px 10px; text-decoration: none;  border-radius:0px;  }
#v-cookielaw .v-button.v-accept:before { content: "\2714"; }
#v-cookielaw .v-button:hover,
#v-cookielaw .v-button:focus { color: #000;  border-color: #fff; }
#v-cookielaw .v-button:active {  border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); }

#v-cookielaw.v-bar { display: table; width: 100%; padding: 5px 0; }
#v-cookielaw.v-bar .v-message { display: table-cell; }
#v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 277px; padding-right: 10px; text-align: right; }
#v-cookielaw.v-bar.v-top { position: relative; border-bottom: 1px solid #000; }
#v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; border-top: 1px solid #000; }

#v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; }
#v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; }
#v-cookielaw.v-box.v-top-left { top: 0; left: 0; }
#v-cookielaw.v-box.v-top-right { top: 0; right: 0; }
#v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; }
#v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; }

/* RWD */
@media (max-width: 480px) {
    #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; }
    #v-cookielaw.v-box .v-message { display: table-cell; }
    #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; }

    #v-cookielaw .v-message { float: left; }
    #v-cookielaw .v-actions { float: left; margin: 5px 10px; }
    #v-cookielaw.v-bar .v-actions { width: auto; }
}

/* Skin - Yellow Alert */
#v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; }

/* Skin - Dark Clean */
#v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; }
#v-cookielaw.v-dark-clean .v-button {
color: #fff;   background-color: #ff9000;

}
#v-cookielaw.v-dark-clean .v-button:hover,
#v-cookielaw.v-dark-clean .v-button:focus { background-color: #fff; color: #000;   }

/* Skin - Minimalist */
#v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; }
#v-cookielaw.v-bar.v-minimalist { padding: 2px 0; }
#v-cookielaw.v-box.v-minimalist { width: 260px; }
#v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; }
#v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; }
#v-cookielaw.v-minimalist .v-button { padding: 3px 6px; }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    position: relative;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}

.discounted-price {
  background: #5eab46;
  border-radius: 50%;
  color: #f1f1f1;
  display: inline-block;
  font-size: 12px;
  left: 0;
  padding: 12px;
  position: absolute;
  text-align: center;
  top: 0;
}
.discounted-price span {
  font-weight: bold;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
@media screen and (max-width: 768px) {
.slick-slider .slick-track, .slick-slider .slick-list{padding:0 !important;}
.slick-slider img{max-width:100%; margin:5px 0 0 0;}
.slick-prev{left:0;}
.slick-next{right:0;}

}
/*.new-slider .item.slick-slide , .spl-slider .item.slick-slide{
    height: 500px !important;
    width: 300px !important;
    }

.new-slider .slick-track , .spl-slider .slick-track
{
    width:6000px !important;

}*/



@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('https://www.tektik.eu/skin/frontend/tektik/default/css/slick/ajax-loader.gif') center center no-repeat;
}



/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 38%;

    display: block;

    width: 42px;
    height: 42px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
 /*   background: transparent; */
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
   /* opacity: 1; */
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -4px;
    background: rgba(0, 0, 0, 0) url("https://www.tektik.eu/skin/frontend/tektik/default/images/icon_sprite.png") no-repeat scroll 0 -677px;
}
[dir='rtl'] .slick-prev
{
    right: -4px;
    left: auto;
    background: rgba(0, 0, 0, 0) url("https://www.tektik.eu/skin/frontend/tektik/default/images/icon_sprite.png") no-repeat scroll 0 -677px;
}
.slick-prev:before
{
    background: rgba(0, 0, 0, 0) url("https://www.tektik.eu/skin/frontend/tektik/default/images/icon_sprite.png") no-repeat scroll 0 -677px;
}
[dir='rtl'] .slick-prev:before
{

    background: rgba(0, 0, 0, 0) url("https://www.tektik.eu/skin/frontend/tektik/default/images/icon_sprite.png") no-repeat scroll 0 -677px;
}

.slick-next
{
    right: -4px;
     background: rgba(0, 0, 0, 0) url("https://www.tektik.eu/skin/frontend/tektik/default/images/icon_sprite.png") no-repeat scroll -42px -677px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{

}
[dir='rtl'] .slick-next:before
{

}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 0px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;
    margin: 0 0;
    padding: 0 0px;
    background: #fff;
    cursor: pointer;
}
.slick-dots li:first-child{ padding: 0 0 0 10px;}
.slick-dots li:last-child{ padding: 0 10px 0 0px;}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 42px;
    height: 42px;
    padding: 0px;
    margin:0 3px;
    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background: rgba(0, 0, 0, 0) url("https://www.tektik.eu/skin/frontend/tektik/default/images/icon_sprite.png") no-repeat scroll 0 -677px;
}
.slick-dots li.slick-active button {
background: rgba(0, 0, 0, 0) url("https://www.tektik.eu/skin/frontend/tektik/default/images/icon_sprite.png") no-repeat scroll 0px -677px;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
/*.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;

}
.product-space{
  padding:0 12px;
}

@media screen and (max-width: 767px) {
.slick-dots{ bottom: -20px;}

  }