/*
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 : Jan 31, 2018, 1:07:26 PM
    Author     : admin
*/
#custom-slider.about-journey .slide{
    margin: 0 !important; 
}
.silder-navigation li{
    overflow: unset !important;
}
.silder-navigation li.current a.slider-button.rounted .inner {
   /* width: 40px;
    height: 40px;*/
	width: 30px;
    height: 30px;
    background-color: #f7ab14;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
}
.silder-navigation li.current a.slider-button.rounted .inner:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    /* background: red; */
    border-left: 10px solid transparent;
    border-top: 10px solid #f7ab14;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -30px;
    /*left: 10px;*/
	left: 5px;
}
.jwg_slider_module{
    margin-top: 50px;
}
.slides{
    margin-top: 50px;
}
.jwg_slider_module .arrow_navigation > div.left {
    /* padding-right: 20px; */
    /* border-radius: 0 50px 50px 0; */
    /* width: 50px; */
    /* height: 50px; */
    /* background: red; */
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent;
    border-left: 80px solid transparent;
    border-right: 80px solid #413320;
    border-radius: 0px !important;
    width: 0;
    height: 0;
    background-color: transparent;
    padding: 0;
    left: -125px;
    top: 50%;
}
.jwg_slider_module .arrow_navigation > div.right {
    /* padding-right: 20px; */
    /* border-radius: 0 50px 50px 0; */
    /* width: 50px; */
    /* height: 50px; */
    /* background: red; */
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent;
    border-left: 80px solid #413320;
    border-right: 80px solid transparent;
    border-radius: 0px !important;
    width: 0;
    height: 0;
    background-color: transparent;
    padding: 0;
    left: 25px;
    top: 50%;
}
.jwg_slider_module .arrow_navigation {
    /* width: 100%; */
    /* margin: 0 auto; */
    /* height: 100%; */
    /*    position: absolute;
         z-index: auto; 
        top: 50%;
        transform: translateY(-50%);*/
}
.silder-navigation li {
    width: 92px !important;
}
/*RESPONSIVE STYLE*/
@media only screen and (max-width: 991px) {}
@media screen and (max-width:1280px) and (min-width:992px){
    .jwg_slider_module .arrow_navigation > div.left {
        border-top: 55px solid transparent;
        border-bottom: 55px solid transparent;
        border-left: 55px solid transparent;
        border-right: 55px solid #413320;
        top: 67%;
    }
    .jwg_slider_module .arrow_navigation > div.right {
        border-top: 55px solid transparent;
        border-bottom: 55px solid transparent;
        border-left: 55px solid #413320;
        border-right: 55px solid transparent;
        top: 67%;
    }
}
@media screen and (max-width:991px) and (min-width:768px){
    .jwg_slider_module .arrow_navigation > div.left {
        border-top: 55px solid transparent;
        border-bottom: 55px solid transparent;
        border-left: 55px solid transparent;
        border-right: 55px solid #413320;
        top: 60%;
    }
    .jwg_slider_module .arrow_navigation > div.right {
        border-top: 55px solid transparent;
        border-bottom: 55px solid transparent;
        border-left: 55px solid #413320;
        border-right: 55px solid transparent;
        top: 60%;
        /*left: -3%;*/
		left: 0%;
    }
    .silder-navigation li.current a.slider-button.rounted .inner {
        width: 30px;
        height: 30px;
        top: 5px;
        left: 5px;
    }
    .silder-navigation li.current a.slider-button.rounted .inner:after {
        bottom: -27px;
        left: 5px;
    }
}
@media screen and (max-width:767px) and (min-width:481px){
    #custom-slider.journey .content {
        margin-left: 22px !important;
        padding: 0 80px 50px 0;
    }
    #custom-slider.journey .list:before {
        width: 13px !important;
        left: -22px !important;
    }
    .silder-navigation li {
        width: 52px !important;
    }
    #custom-slider.about-journey.pb-180 {
        padding-bottom: 50px !important;
        padding-left: 20px !important;
    }
    .jwg_slider_module .arrow_navigation > div.left {
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 35px solid transparent;
        border-right: 35px solid #413320;
        top: 194px;
        left: -60px;
    }
    .jwg_slider_module .arrow_navigation > div.right {
        border-top: 35px solid transparent;
        border-bottom: 35px solid transparent;
        border-left: 35px solid #413320;
        border-right: 35px solid transparent;
        top: 194px;
        left: 35px;
    }
    .silder-navigation li.current a.slider-button.rounted .inner {
        width: 30px;
        height: 30px;
        top: 5px;
        left: 5px;
    }
    .silder-navigation li.current a.slider-button.rounted .inner:after {
        bottom: -27px;
        left: 5px;
    }
}
@media screen and (max-width:480px) and (min-width:320px){
    #custom-slider.journey .content {
        margin-left: 22px !important;
       /* padding: 0 80px 50px 0;*/
	    padding: 0 0px 50px 0;
    }
    #custom-slider.journey .list:before {
        width: 13px !important;
        left: -22px !important;
    }
    .silder-navigation li {
        width: 52px !important;
    }
    #custom-slider.about-journey.pb-180 {
        padding-bottom: 50px !important;
        padding-left: 0px !important;
    }
    .jwg_slider_module .arrow_navigation > div.left {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid transparent;
        border-right: 20px solid #413320;
        top: 194px;
        left: -30px;
    }
    .jwg_slider_module .arrow_navigation > div.right {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #413320;
        border-right: 20px solid transparent;
        top: 194px;
        left: 25px;
    }
    .silder-navigation li.current a.slider-button.rounted .inner {
        width: 30px;
        height: 30px;
        top: 5px;
        left: 5px;
    }
    .silder-navigation li.current a.slider-button.rounted .inner:after {
        bottom: -27px;
        left: 5px;
    }
}
@media only screen and (max-width: 480px) {}


.hidden2{
    opacity:0;
}