/*

== malihu jquery custom scrollbar plugin ==

Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller

*/







/*

CONTENTS: 

	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 

	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 

	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.

	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 

	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 

	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 

		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.

*/







/* 

------------------------------------------------------------------------------------------------------------------------

1. BASIC STYLE  

------------------------------------------------------------------------------------------------------------------------

*/



	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }

	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

	

	.mCustomScrollBox{ /* contains plugin's markup */

		position: relative;

		overflow: hidden;

		height: 100%;

		max-width: 100%;

		outline: none;

		direction: ltr;

	}



	.mCustomScrollBox::before, .mCustomScrollBox::after {

		content: "";

		background: #fff;

		width: 100%;

		height: 32px;

		position: absolute;

		left: 0px;

		z-index: 1;

		display: none;

	}



	.mCustomScrollBox::before {

		top: 0px;

	}



	.mCustomScrollBox::after {

		bottom: 0px;

	}



	.mCSB_container{ /* contains the original content */

		/*overflow: hidden;*/

		width: auto;

		height: auto;

	}







/* 

------------------------------------------------------------------------------------------------------------------------

2. VERTICAL SCROLLBAR 

y-axis

------------------------------------------------------------------------------------------------------------------------

*/



	/*.mCSB_inside > .mCSB_container{ margin-right: 30px; }*/



	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */



	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */

		margin-right: 0;

		margin-left: 30px;

	}

	

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */



	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */

		position: absolute;

		width: 16px;

		height: auto;

		left: 50%;

		top: 0;

		right: 50%;

		bottom: 0;

		margin: auto;

		z-index: 10;
		/*display: none !important;*/
	}



	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

	

	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */

		right: auto;

		left: 0;

	}

	

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */



	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */

		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{ /* the draggable element */

		cursor: pointer;

		width: 100%;

		height: 30px; /* minimum dragger height */

		z-index: 1;

	}



	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */

		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; /* auto-expanded scrollbar */ }

	

	.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; /* auto-expanded scrollbar */ }



	.mCSB_scrollTools .mCSB_buttonUp,

	.mCSB_scrollTools .mCSB_buttonDown{

		display: block;

		position: absolute;

		left: -5px;

		/*height: 20px;

		width: 100%;*/

		/*overflow: hidden;*/

		margin: 0 auto;

		cursor: pointer;

		display: none !important;

	}



	.mCSB_scrollTools .mCSB_buttonUp {

		top: 2px !important;

	}



	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }





.mCSB_buttonDown,.mCSB_buttonUp {

    width: 25px !important;

    height: 16px !important;

    left: -9px !important;

    right: 0 !important;

    margin: auto !important; 

}



.gallerySlider {

    margin-bottom: 27px !important;

}	



.galleryDescription {

    padding: 0px 20px 34px 25px !important;

}



.mCSB_buttonUp {

    background: url('../iconimages/hotSlidePrev89d2eed3c055df5b497deb2e13f880ab.png') no-repeat 0 0 / cover !important;

}



.mCSB_buttonDown {

    background: url('../iconimages/hotSlideNext1991bef395a9bd04111a784b7aea670c.png') no-repeat 0 0 / cover !important;

}

/*

.slick-list {

    width: 101% !important;

}*/