/* -- -- -- Settings - Here -- -- -- */
.main-slider
{
    /* SET HEIGHT HERE!!! */
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.main-slider .barousel {
    /* SET HEIGHT HERE!!! */
    height: 300px;
}

.main-slider .barousel_image {
    /* SET HEIGHT HERE!!! */
    height: 300px;
}


.main-slider.with-border
{
	border-bottom:9px solid #009bd7;
	background-position:center;
	background-size:cover;
}

.slider-overlay
{
	width:100%;
	height:100%;
	/*text-align:center;*/
	position:absolute;
	/*background:rgba(0,0,0,0.22);*/
	z-index:20;
	pointer-events:none;
}
/* -- -- -- Settings - Here -- -- -- */


.slider-overlay img
{
	position: absolute;
	left: 50%;
	margin: -117px 0px 0px -450px;
	top: 50%;
	width:900px;
}
.barousel_content
{
	height:400px;
}
.barousel
{
	width:1600px;
	height:400px;
    z-index:1;
    overflow:hidden;
	position: absolute;
	top:0;
	left:50%;
	margin-left:-800px;
}

div#barousel_itemnav2 {
   display:none;
}

#carusel .barousel {
    min-height: initial;
}

.barousel.inside
{
    position:relative;
	margin-top:0px;
    width:690px;
	z-index:20;
	overflow:hidden;
	border-radius:6px;
}

.barousel_image
{
    /* position:absolute; */
    z-index:10;
    width:100%;
    overflow: hidden;
}






.barousel.inside .barousel_image
{
    width:100%;
}
.barousel_image img
{
    position:absolute;
    display:none;
	
    width: 100%;
}

#carusel .barousel_image img {
    min-width: initial;
    height: initial;
    width: initial;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

#barousel_itemnav2 .barousel_image img {
    display: none!important;
}

.barousel_image img.previous
{
    z-index:5;
}
.barousel.inside .barousel_content
{
    display:none;
}
.default
{
    display:none; 
	padding:0px 0px;   
}

.barousel_content div.default
{    
}
.main-slider .barousel_nav
{
   position: absolute;
	padding: 0px;
	height: 54px;
	bottom: 0px;
	z-index: 50;
	width: 1000px;
	left: 50%;
	text-align: left;
	margin-left: -485px;
}
.main-slider .barousel_nav a
{
	display:block;
	width:54px;
	height:54px;
}
.main-slider .barousel_nav li
{
	opacity:1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.main-slider .barousel_nav li:hover
{
	opacity:0.7;
}
.main-slider .barousel_nav ul{float:left;}
.main-slider .barousel_nav ul li:first-child {
    background: url(../images/arrows.png) left top no-repeat transparent;
}

.main-slider .barousel_nav ul li:last-child {
    background: url(../images/arrows.png) right top no-repeat transparent;
	margin-left:1px;
}

#carusel .barousel_nav li {
    margin: 0px 3px 0 0;
}

.barousel_nav .counter
{    
    display: none;
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

#slier .barousel_nav .counter {
    display: none;
}

.barousel_nav ul
{
    padding:0;
    margin:0;
}

#carusel .barousel_content ul {
    list-style-type: none;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#carusel .barousel_content ul li {
    float: left;
    margin: 0px 6px 6px 0;
}

#carusel .barousel_content ul li a {
}

#carusel.barousel_nav ul {}

.barousel_nav li
{
    display:inline-block;
    font-size:0;
    line-height:0;
    list-style:none;
    padding: 0px;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}

/* Specific implementation */
#barousel_thslide
{
    height:446px;
}

#barousel_thslide .barousel_content
{
    bottom:81px;
}

#thslide_barousel_nav
{
    position:absolute;
    bottom:0;
}
#carusel .barousel_image {position: relative;}
#carusel .barousel_content {position: relative;clear: both;}
#carusel .barousel_nav {clear: both;float: right;margin-right: 10px;}

#carusel .barousel_nav ul li a {
    width: 9px;
    height: 9px;
    background-color: #c9c9c9;
}

#carusel .barousel_nav ul li a.current {
    background-color: #115304;
}

.barousel_nav li {
    float: left;
}
/*--------------------------------------------------=> MASTER LAYOUT */
.page
{
    width:530px;    
    background-color:#ccc;
    margin:0 3px 3px 0;
}

#nav
{
	position:fixed;
	top:3px;
	left:537px;
	width:250px;
}

#nav li
{	
	font-size:0.88em;
	font-weight:bold;
}

#nav li a
{
	display:block;	
	text-decoration:none;
	padding:7px 10px;
}

#nav li a:hover
{
	background-color:#000;
	color:#fff;
}

#nav_barousel
{
	background-color:#fff55b;
}
    
#nav_thslide
{
    background-color:#6ec1dd;
}

#nav_barouselthslide
{
    background-color:#8ae04e;
}