/********************************************************************
Slider
*********************************************************************/
.sao-slider{
	
 position: relative;
}

.sao-slider-options {
    display: none
}

.sao-opacity-hide{
	opacity:0;
	display:none;
    -webkit-transition:opacity .30s linear;
    transition: opacity .30s linear
}
.sao-opacity-show{
	opacity:1 !important;
	display:inline-block !important;
	-webkit-transition:opacity .30s linear;
    transition: opacity .30s linear	
}
.sao-slider-list-warp {
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
}
 
.sao-slider .sao-ratio60.sao-post-module-3 .sao-post-container {
    padding-bottom: 60%!important
}

.sao-slider .sao-ratio135.sao-post-module-3 .sao-post-container {
    padding-bottom: 135%!important
}

.lSAction {
    opacity: 0;
}

.lSSlideOuter:hover .lSPager {
    opacity: 1;
}

.sao-pager-top .lSSlideOuter .lSPager.lSpg {
    top: -20px !important;
    -webkit-transition: .30s linear;
    transition: .30s linear
}

.sao-pager-top .lSSlideOuter:hover .lSPager.lSpg {
    top: 20px !important;
    -webkit-transition: .30s linear;
    transition: .30s linear
}

.sao-pager-bottom .lSSlideOuter .lSPager.lSpg {
    bottom: -20px !important;
    -webkit-transition: .30s linear;
    transition: .30s linear
}

.sao-pager-bottom .lSSlideOuter:hover .lSPager.lSpg {
    bottom: 20px !important;
    -webkit-transition: .30s linear;
    transition: .30s linear
}

.lsGrab:hover {
    cursor: move;
}

.lSPager.lSGallery {
    display: inline-block!important
}

.lSGalleryWrapper {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    right: 50%;
    transform: translate(50%, 0);
    margin-right: 0;
    -webkit-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0)
}

.lSGallery {
    float: right;
    z-index: 4;
    margin-right: 0!important;
    margin-bottom: 0!important;
    margin-left: 0!important
}

.lSGallery li {
    float: right;
    list-style: none;
    overflow: hidden;
    padding: 0px
}

.sao_content_slider_thumb_1 .lSGallery li,
.sao_content_slider_thumb_5 .lSGallery li,
.sao_main_slider_thumb_1 .lSGallery li,
.sao_main_slider_thumb_5 .lSGallery li {
    padding: 1px;
    border: none!important
}

.sao-bottom-thumb .lSGallery li .sao-slider-thumb-warp:before {
    -webkit-transition: .30s linear;
    transition: .30s linear;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    z-index: 1;
    width: 100%
}

.lSGallery li a {
    width: 100%;
    z-index: 2;
    float: right;
    font-weight: 400!important;
    position: relative
}

.sao-bottom-thumb .lSGallery .sao-slider-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: right;
}


.sao-vertical-thumb .lSGallery .sao-slider-thumb {
    height: 100%!important;
    padding-bottom: 0!important
}

.sao-bottom-thumb .lSGallery .sao-slider-thumb-warp a {
    width: 100.1%;
    min-height: 100.1%;
    position: absolute!important
}

.sao-bottom-thumb .lSGallery .sao-slider-thumb-warp a img {
    padding: 0px !important;
    width: 100.1%;
    min-height: 100.1%;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    position: absolute!important
}

.sao-bottom-thumb .lSGallery .rd-title {
    float: right;
    position: absolute;
    bottom: 0;
    z-index: 3;
    padding: 8px
}

.sao-bottom-thumb .lSGallery .rd-title a {
    font-size: 13px;
    color: #fff;
    max-height: calc(2em + 16px)
}

@media (max-width: 767px) {
    .sao-bottom-thumb-text.sao-vertical-thumb .lSGallery .rd-title {
        display: none
    }
}

.sao-module-item .lSGallery {
    cursor: pointer
}

.sao-bottom-thumb .lSGallery .sao-slider-thumb-warp {
    position: relative;
    height: 100%;
    width: 100%;
}

.sao-bottom-thumb .lSGallery li:hover .sao-slider-thumb-warp a::before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0)
}

.sao-bottom-thumb .lSGallery li.active .sao-slider-thumb-warp a::before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0)
}

.sao-bottom-thumb-text .lSGallery li {
    border: solid 1px rgba(150, 150, 150, 0.15)!important;
    padding: 7px;
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox
}

.sao-thumb-light .lSSlideOuter {
    background: #fff!important
}

.sao-thumb-light .lSGallery li a {
    color: #111!important
}

.sao-thumb-dark .lSSlideOuter {
    background: #111!important
}

.sao-thumb-dark .lSGallery li a {
    color: #fff!important
}

.sao-bottom-thumb-text .lSGallery li .sao-slider-thumb-warp {
    overflow: hidden
}

.sao_wide_slider_thumb_2.sao-bottom-thumb-text .lSGallery li .sao-slider-thumb-warp,
.sao_content_slider_thumb_2.sao-bottom-thumb-text .lSGallery li .sao-slider-thumb-warp,
.sao_main_slider_thumb_2.sao-bottom-thumb-text .lSGallery li .sao-slider-thumb-warp {
    width: 65px!important;
    float: right;
    height: 65px!important
}

.sao-bottom-thumb-text .vertical .lSGallery li .sao-slider-thumb-warp {
    height: 100%
}

.sao-bottom-thumb-text .vertical .lSGallery li {
    padding: 10px
}

.sao-bottom-thumb-text .lSGallery li .sao-slider-thumb-warp a {
    float: right;
    width: 100%;
    height: 100%
}

.sao-bottom-thumb-text .lSGallery li .sao-slider-thumb-warp img {
    min-width: 100%;
    width: auto;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    position: absolute;
    height: 100%;
    max-height: auto
}

.sao-bottom-thumb-text .lSGallery li .rd-title {
    float: right;
    padding-right: 10px!important
}

.sao-bottom-thumb-text .lSGallery li .rd-title a {
    font-size: 13px;
    max-height: calc(3em + 24px);
    overflow: hidden;
    float: right;
    text-align: right
}

.sao-main .sao-bottom-thumb .lSGallery .rd-title a {
    font-size: 12px!important
}

.sao-main .sao-bottom-thumb-text .lSGallery li .rd-title a {
    font-size: 12px!important
}

.sao-bottom-thumb-text .vertical .lSGallery li .rd-title a {
    font-size: 14px;
    max-height: calc(3em + 24px);
    margin-top: -3px!important
}

.sao-main .sao-bottom-thumb-text .vertical .lSGallery li .rd-title a {
    font-size: 12px
}

.sao-bottom-thumb-text .vertical .lSGallery li .rd-title {
    padding-right: 17px!important
}

.sao-main .sao-bottom-thumb-text .vertical .lSGallery li .rd-title {
    padding-right: 10px!important
}

.sao-bottom-text .lSGallery li {
    border: solid 1px rgba(150, 150, 150, 0.15)!important;
    padding: 10px
}

.sao-bottom-text .lSGallery li a {
    font-size: 13px;
    line-height: 1.45em;
    height: 4.35em
}

.sao-main .sao-bottom-text .lSGallery li a {
    font-size: 12px;
    line-height: 1.45em;
    height: 4.35em
}

.sao-bottom-text .lSGallery li.active a {
    color: #fff!important
}

.sao-bottom-text .lSGallery li .rd-title {
    width: 100%;
    float: right;
    padding-right: 0!important;
    text-align: center;
    text-align: right
}

.sao-bottom-text .vertical .lSGallery li {
    padding: 15px
}

.sao-bottom-text .vertical .lSGallery li .rd-title a {
    font-size: 12px;
    max-height: calc(1em + 8px);
    overflow: hidden;
    float: right
}

.sao-inner-bottom-text .sao-page-list {
    width: 100%;
    bottom: 0;
    position: absolute;
    z-index: 10
}

body .sao-inner-bottom-text .lSGallery,
body .sao-inner-bottom-text .lSGallery:hover {
    display: inline-flex!important;
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important
}

.sao-inner-bottom-text .lSGallery li {
    border: solid 1px rgba(150, 150, 150, 0.20)!important;
    padding: 10px
}

.sao-thumb-light.sao-inner-bottom-text .lSGallery li {
    background: rgba(255, 255, 255, 0.10)
}

.sao-thumb-light.sao-inner-bottom-text .lSGallery li a {
    color: #fff!important
}

.sao-thumb-dark.sao-inner-bottom-text .lSGallery li {
    background: rgba(0, 0, 0, 0.50)
}

.sao-thumb-dark.sao-inner-bottom-text .lSGallery li a {
    color: #fff!important
}

.sao-inner-bottom-text .lSGallery li .rd-title {
    width: 100%;
    float: right;
    padding-right: 0!important
}

.sao-inner-bottom-text .lSGallery li .rd-title a {
    font-size: 13px;
    height: 4.35em;
    line-height: 1.45em;
    color: #fff!important;
    bottom: 0;
    float: right
}

.sao-main .sao-inner-bottom-text .lSGallery li .rd-title a {
    font-size: 12px
}

.sao-inner-bottom-text .lSGallery li.active .rd-title a {
    color: #fff!important
}

.sao-element-item .vertical .sao-page-list {
    position: absolute;
    left: 0;
    z-index: 9999;
    top: 0
}

.sao-module-item .lSSlideOuter .sao-post-list {
    padding: 0
}

.lSSlideWrapper .lSPager {
    z-index: 1;
    display: inline-block !important;
    opacity: 0 !important;
    -webkit-transition: .30s linear;
    transition: .30s linear
}

.lSSlideWrapper:hover .lSPager {
    opacity: 1 !important;
    -webkit-transition: .30s linear;
    transition: .30s linear
}

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    position: relative;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:before,
.lightSlider:after {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0;
    float: right;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper > .lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade > * {
    position: absolute!important;
    top: 0;
    right: 0;
    z-index: 9;
    margin-left: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade > .active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade > .active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    padding: 0;
    opacity: 0.0;
    text-align: center;
    position: absolute;
    top: 20px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
	height: 10px;
    margin-bottom: 0
}

.lSSlideOuter:hover .lSPager.lSpg {
    opacity: 1
}

.sao-pager-top .lSSlideOuter .lSPager.lSpg {
    top: 20px;
    bottom: auto;
}

.sao-pager-bottom .lSSlideOuter .lSPager.lSpg {
    top: auto;
    bottom: 20px;
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg > li a {
    vertical-align: top;
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    text-indent: -999em;
    width: 10px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0;
    transition: all .5s linear 0
}

.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}
 
.lSSlideOuter:hover .lSAction > a {
    -webkit-transition: margin .30s linear;
    transition: margin .30s linear
}
/**************************** ARROW************/
 
 
.lSSlideOuter .lSAction{
	display:none !important;
}
 .sao-lSAction {
	opacity: 0;
	position: absolute;
	top: 0;
	height:100%;
	right: 0;
    -webkit-transition: height .30s linear;
    transition: height .30s linear;
	width: 100%;
	pointer-events: none;
} 
.sao-vertical-thumb  .sao-lSAction{
	height:100% !important;
	right:0px !important;
}
.sao-lSAction > a {
    z-index: 999999;
    pointer-events: all;
    cursor: pointer;
	position:absolute;
}
 
.sao-lSAction > a::before {
    right: 0px;
    top: 0px;
	color:#ffffff;
}
 .sao-lSAction > a:after {
    background: inherit;
    position: absolute;
    color: inherit;
    content: "";
    width: 100%;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    height: 100%;
    right: 0;
    top: 0;
	    background: rgba(0, 0, 0, 0.7);

    z-index: -1;
    box-sizing: border-box;
}

 .sao-lSAction > a::before {
    font-family: "Font Awesome 5 Brands","Font Awesome 5 Free",'FontAwesome';
    position: absolute;
    text-align: center;
}

  .sao-lSAction > a.lSPrev::before {
    content: "\f105" !important;
}

 .sao-lSAction > a.lSNext::before {
    content: "\f104" !important;
}

.sao-vertical-thumb  .sao-lSAction > a.lSPrev::before {
    content: "\f106" !important;
}

.sao-vertical-thumb   .sao-lSAction > a.lSNext::before {
    content: "\f107" !important;
}


.sao-lSAction  .lSPrev{
	right:0px;
	top:50%;
	left:auto;
}

.sao-lSAction  .lSNext{
	left:0px;
	top:50%;
	right:auto;
}
 .sao-vertical-thumb  .sao-lSAction  .lSPrev{
	right:50%;
	top:0px;
	left:auto;
 	bottom:auto;
 }

 .sao-vertical-thumb  .sao-lSAction  .lSNext{
	right:50%;
	top:auto;
	bottom:0px;
	left:auto;

}
  
 
/************* ARROW Loction horizontal********/
.sao-arrow-slider-1 .sao-lSAction > a.lSPrev {
    transform: translateX(00px) !important;
}

 .sao-arrow-slider-1 .sao-lSAction > a.lSNext {
    transform: translateX(00px) !important;
}

 .sao-arrow-slider-2 .sao-lSAction > a.lSPrev {
    transform: translateX(-20px) !important;
}

 .sao-arrow-slider-2 .sao-lSAction > a.lSNext {
    transform: translateX(20px) !important;
}

 .sao-arrow-slider-3.sao-arrow-small .sao-lSAction > a.lSPrev {
    transform: translateX(15px) !important;
}

 .sao-arrow-slider-3.sao-arrow-small .sao-lSAction > a.lSNext {
    transform: translateX(-15px) !important;
}

 .sao-arrow-slider-3.sao-arrow-medium .sao-lSAction > a.lSPrev {
    transform: translateX(22.25px) !important;
}

 .sao-arrow-slider-3.sao-arrow-medium .sao-lSAction > a.lSNext {
    transform: translateX(-22.5px) !important;
}

 .sao-arrow-slider-3.sao-arrow-large .sao-lSAction > a.lSPrev {
    transform: translateX(30px) !important;
}

 .sao-arrow-slider-3.sao-arrow-large .sao-lSAction > a.lSNext {
    transform: translateX(-30px) !important;
}
 
/************* ARROW Loction vertical ********/
 .sao-vertical-thumb.sao-arrow-slider-1 .sao-lSAction > a.lSPrev {
    transform: translateX(00px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-1 .sao-lSAction > a.lSNext {
    transform: translateX(00px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-2 .sao-lSAction > a.lSPrev {
    transform: translateY(20px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-2 .sao-lSAction > a.lSNext {
    transform: translateY(-20px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-3.sao-arrow-small .sao-lSAction > a.lSPrev {
    transform: translateY(-15px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-3.sao-arrow-small .sao-lSAction > a.lSNext {
    transform: translateY(15px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-3.sao-arrow-medium .sao-lSAction > a.lSPrev {
    transform: translateY(-22.25px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-3.sao-arrow-medium .sao-lSAction > a.lSNext {
    transform: translateY(22.5px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-3.sao-arrow-large .sao-lSAction > a.lSPrev {
    transform: translateY(-30px) !important;
}

 .sao-vertical-thumb.sao-arrow-slider-3.sao-arrow-large .sao-lSAction > a.lSNext {
    transform: translateY(30px) !important;
}
/******************** arrow size **********/

.sao-arrow-small .sao-lSAction > a {
    background: none !important;
    margin-top: -15px !important;
    width: 30px !important;
    opacity: 1 !important;
    height: 30px !important;
    display: inline-block !important;
}
.sao-arrow-small .sao-lSAction > a::before {
    width: 30px !important;
    opacity: 1 !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 20px !important;
}
 .sao-vertical-thumb .sao-lSAction > a{
	 margin-top:0px !important;
	 margin-right:-30px !important;
 }
.sao-arrow-medium .sao-lSAction > a {
    background: none !important;
    margin-top: -22.5px !important;
	width: 45px !important;
    opacity: 1 !important;
    height: 45px !important;
    display: inline-block !important;
} 
 .sao-vertical-thumb .sao-lSAction > a{
	 margin-top:0px !important;
	 margin-right:-22.5px !important;
 }
.sao-arrow-medium .sao-lSAction > a:before {
    width: 45px !important;
    opacity: 1 !important;
    height: 45px !important;
    line-height: 45px !important;
    font-size: 30px !important;
}

.sao-arrow-large .sao-lSAction > a {
    background: none !important;
    margin-top: -30px !important;
    width: 60px !important;
    opacity: 1 !important;
    height: 60px !important;
    display: inline-block !important;
}
 .sao-vertical-thumb .sao-lSAction > a{
	 margin-top:0px !important;
	 margin-right:-30px !important;
 }

.sao-arrow-large .sao-lSAction > a:before {
    width: 60px !important;
    opacity: 1 !important;
    height: 60px !important;
    line-height: 60px !important;
    font-size: 40px !important;
}

/******************** arrow layout **********/
.sao-arrow-hover .sao-slider-list-warp .sao-lSAction > a {
    opacity: 0!important;
    -webkit-transition: all .30s linear;
    transition: all .30s linear;
}
.sao-arrow-hover .sao-slider-list-warp:hover .sao-lSAction {
    visibility: visible;
    opacity: 1;
}

.sao-arrow-hover .sao-slider-list-warp:hover .sao-lSAction > a {
    opacity: 1 !important;
}
  
.sao-arrow-fixed .sao-lSAction {
    opacity: 1 !important;
    visibility: visible;
}