/*-------------> BAROUSEL */
.barousel
{
    position:relative; padding:96px 36px;
    margin-bottom:0px;
    background:url(../images/bg_banner.jpg) repeat 0 0;
    width:728px;
    height:139px;
    border-top:3px solid #000; margin:0 auto; background-size:100% 100%;
}
.barousel1
{
    position:relative; padding:96px 36px;
    margin-bottom:0px;
    background:url(../images/direct-slide-bg.png) repeat 0 0;
    width:728px;
    height:139px;
    margin:0 auto; border-top:none !important; background-size:100% 100%;
}


.barousel_image
{
    position:relative;
    z-index:10;
    width:150px;
    height:130px; float:left;
}
.barousel1_image
{
    position:relative;
    z-index:10;
    width:150px;
    height:130px; float:left;
}

.barousel_image img
{
    position:absolute;
    display:none;
}
.barousel1_image img
{
    position:absolute;
    display:none;
}


.barousel_image img.default
{    
    display:block;
}
.barousel1_image img.default
{    
    display:block;
}

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

.barousel_image img.previous
{
    z-index:5;
}
.barousel1_image img.previous
{
    z-index:5;
}


.barousel_content
{
    /*position:absolute;*/
    padding:0px 0px 0 0px;    
    z-index:50;
    
    color:#000000; font:18.05px/32px 'fontin_sans_rgregular';
    width:535px;
    bottom:36px; float:right;
    left:10px;
}
.barousel1_content
{
    /*position:absolute;*/
    padding:0px 0px 0 0px;    
    z-index:50;
    
    color:#9dbf3c !important; font:40px/148px 'fontin_sans_rgregular' !important;
    width:510px;
    bottom:36px; float:right;
    left:10px;
}


.barousel_content div
{
    display:none;    
}
.barousel1_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}
.barousel1_content div.default
{
    display:block;    
}


.barousel_content p
{
    font-size:13px;
    font-weight:normal; 
    line-height:17px;   
}
.barousel1_content p
{
    font-size:13px;
    font-weight:normal; 
    line-height:17px;   
}

.barousel_content p.header
{
    font-size:28px;
    font-weight:normal;
    line-height:28px;
    color:#fff55b;
}
.barousel1_content p.header
{
    font-size:28px;
    font-weight:normal;
    line-height:28px;
    color:#fff55b;
}

.barousel_content a,
.barousel_content a:hover
{
    color:#fff55b;
    background-color:transparent !important;
}
.barousel1_content a,
.barousel1_content a:hover
{
    color:#fff55b;
    background-color:transparent !important;
}

.barousel_nav
{
    position:absolute;
    padding:3px 3px 0px 0;
    height:23px;    
    /*background:#000;*/
    bottom:20px;
    z-index:20;
    width:424px;
}
.barousel1_nav
{
    position:absolute;
    padding:3px 3px 0px 0;
    height:23px;    
    /*background:#000;*/
    bottom:20px;
    z-index:20;
    width:424px;
}

.barousel_nav .counter
{    
    float:right;
    font-size:29.99px;
    color:#324c73;font-family: 'klavika_med_capsmedium_italic';
    margin:3px 5px 0 0;
}
.barousel1_nav .counter
{    
    float:right;
    font-size:29.99px;
    color:#324c73;font-family: 'klavika_med_capsmedium_italic';
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0; 
    margin:0;
}
.barousel1_nav ul
{
    float:right;
    padding:0; 
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}
.barousel1_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:25px;
    height:20px;
    
    font-size:0;
    line-height:0;
    text-decoration:none;
}
.barousel1_nav li a
{
    display:block;
    width:25px;
    height:20px;
    
    font-size:0;
    line-height:0;
    text-decoration:none;
}


.barousel_nav li a:hover
{
    
}
.barousel1_nav li a:hover
{
   
}

.barousel_nav li a.current
{
    background-color:#fff55b;
}
.barousel1_nav li a.current
{
    background-color:#fff55b;
}

.barousel_nav li.prev a
{
    background-image: url(../images/prev-barsl.png);
    background-repeat: no-repeat;
    background-position: 0 14px;
    position: absolute;
    left: 75%;
    padding: 15px 0;
}
.barousel1_nav li.prev a
{
       background-image: url(../images/prev-barsl.png);
    background-repeat: no-repeat;
    background-position: 0 14px;
    position: absolute;
    left: 75%;
    padding: 15px 0;
}


.barousel_nav li.next a
{
     background-image: url(../images/next-barsl.png);
    background-repeat: no-repeat;
    background-position: 10px 13px;
    right: 0;
    padding: 15px 0;
}
.barousel1_nav li.next a
{
       background-image: url(../images/next-barsl.png);
    background-repeat: no-repeat;
    background-position: 10px 13px;
    right: 0;
    padding: 15px 0;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}
.barousel1 img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}
@media only screen and (max-width: 995px) {/*tablet portrait*/
.barousel1{width: 656px !important;}
.barousel1_content{ width:460px !important;font-size:32px !important;}
.barousel1_nav{width: 359px !important;}
.barousel{    width: 688px;    padding: 58px 25px;}
.barousel_nav{    padding: 4px 3px 0px 0;    bottom: 18px;    width: 374px;}

}
@media only screen and (max-width: 767px) {/*mobile portrait*/
.barousel1_nav {width: 206px !important;bottom: 4px;}
.barousel1 {width: 370px !important;padding: 60px 25px; height: 70px;}
.barousel1_image{    width: 70px !important;    height: 72px !important;}
.barousel1_image img{ width:100% !important;}
.barousel1_content { width: 280px !important; font:21.05px/45px 'fontin_sans_rgregular' !important;}
.barousel1_nav .counter{ font-size: 16.99px;}
.barousel {    width: 370px;    padding: 25px 25px;}
.barousel_image{    width: 74px;     margin-top: 34px;   height: 95px;} .barousel_image img{width:100%;} 
.barousel_image{ margin-top: 0px !important;} 
.barousel_content{    width: 285px;    font: 12.05px/23px 'fontin_sans_rgregular' !important;}
.barousel_content span{ font-size:16px !important;}
.barousel_nav .counter{    font-size: 17.99px;}
.barousel_nav {    padding: 4px 3px 0px 0;    bottom: 5px;    width: 206px;}
}
@media only screen and (max-width: 479px) {
.barousel1 {width: 240px !important;padding: 20px 10px !important;height: 70px !important;}
.barousel1_content {width: 185px !important;line-height: 30px !important;font-size: 17px !important;margin-top: 8px;}
.barousel1_nav {width: 154px !important; bottom: 0px;}
.barousel {    width: 82%;    padding: 25px 25px;    height: 205px;}
.barousel_image {    width: 41px;    margin-top: 62px;    height: 95px;}
.barousel_content {    width: 189px;    font: 12.05px/23px 'fontin_sans_rgregular' !important;}
.barousel_nav {padding: 4px 3px 0px 0;bottom: 8px; width: 138px;}
}