/*
Plugin Name: Saoshyant Page Bulider
Author: Saoshyant
var:1.9
*/


/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	IRANSANS Font License.
																		
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	/**
	 
	*
	*	Name:			IRAN Sans-Serif Font
	*	Version:		5.5
	*	Author:			Moslem Ebrahimi 
	*	Copyright:		Commercial/Proprietary Software
	--------------------------------------------------------------------------------------
	فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
	--------------------------------------------------------------------------------------
	IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
	--------------------------------------------------------------------------------------
	This set of fonts are used in this project under the license: (V5V6E3)
	--------------------------------------------------------------------------------------
	*	
	**
	--------------------------------------------------------------------------------------
	IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
	--------------------------------------------------------------------------------------
	This set of fonts are used in this project under the license: (V5V6E3)
	--------------------------------------------------------------------------------------
	*	
**/
/********************************************************************
Columns
*********************************************************************/
body.body-full-width {
    width: 1920px !important;
}

 .sao-parallax-top {
 
	  z-index: 10;
 
	  position:relative;
	  height:100% !important;
   
 }
 /*
.parallax {
    width: 100%;
	position:relative !important;
 
}
.parlx-children{
	    object-fit: cover;
    top: 50%;
    position: relative;
    right: 50%;
	width:100% !important;
	height:130% !important;
	
	
}
	.parlx-children i{ 
      min-width: 100.1%;
    min-height: 100.1%;
    position: absolute;
    float: right;
    height: auto;
    width: auto;
 
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    font-size: 0;
    -ms-transform: translate(50%, -50%);
	  background-repeat: no-repeat;
 
	  background-size: cover;
 
	}*/
	

   .sao-elementor-item{  
	 display:grid;
	grid-template-columns: 100%;
	 vertical-align: top;
	 	z-index:0;
		position:relative;
		

   }
   .sao-elementor-item::before
  {
    content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -';
    width: 100%;
    float: right;
    position: relative;
    font-size: 18px !important;
    height: 0px;
    visibility: hidden;
}

	
	
	
	
.sao-builder-warp {
	direction:rtl;
}

.sao-builder-warp * {
    box-sizing: border-box;
}

.sao-builder-warp *::before {
    box-sizing: border-box;
}

.sao-builder-warp {
    float: right;
    width: 100%;
    position: relative;
}

.sao-wrapper-row {
    width: 100%;
    position: relative;
    float: right
}

.sao-section-item {
    width: 100%;
    float: right;
}

.sao-section-1920 .sao-row-middle {
    width: 100%
}

.sao-section-warp {
    float: right;
    width: 100%;
    padding: 0px 0;
	vertical-align:top;
	
    position: relative
}
.sao-section-boxed{
	display:grid !important;
	margin:auto !important;
	vertical-align:top;
 	
	float:none !important;
}
.sao-section-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0px;
    top: 0px;
    overflow: hidden;
}
.sao-section-cover::before{
	content:"";
	position:absolute;
	width:100% !important;
	height:100% !important;
	left:0px;
	top:0px;
}

.sao-section-middle {
    z-index: 1;
    margin: auto;
    max-width: 1200px;
    text-align: left;
    position: relative
}

.sao-section-item {
    float: right;
    width: 100%;
    display: inline-block;
    position: relative;
	
}
/*
.sao-section-background::before{
	content:"";
	position:absolute;
    padding: 0px !important;
    min-width: 100.1%;
    min-height: 500.1%;
    position: absolute;
    float: right;
    height: auto;
    width: auto;
	background-size: 150% !important;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    font-size: 0;
    -ms-transform: translate(50%, -50%)
}*/
.sao-section-background-top-bottom{
	z-index:1;
	height:100%;
    pointer-events: none;

	position:absolute;
	top:0px;
	width:101%;
	right:0px;
}
.sao-section-background-top{
			position: absolute;
			top: -1px;
			width: 100%;
 			transform: scaleY(-1.0);
		height: 150px;
 
			background-position: bottom;
			background-repeat: no-repeat;
	background-size: 101%;
}
.sao-section-background-bottom{
		position: absolute;
			bottom: -1px;
		width: 100%;
		z-index: 1;
		height: 150px;
 		background-position: bottom;
 			background-repeat: no-repeat;
				background-size: 101%;		
	
}

.sao-section-background-top-50 {
     transform: scale(1,-0.331) !important;
    top: -51px !important;
}

.sao-section-background-top-100 {
     transform: scale(1,-0.661) !important;
    top:-26px !important;
	
}
.sao-section-background-top-200 {
     transform: scale(1,-1.331) !important;
   top: 24px !important;
}
.sao-section-background-top-250 {
     transform: scale(1,-1.661) !important;
   top: 49px !important;
}
.sao-section-background-top-300 {
     transform: scale(1,-2) !important;
   top: 74px !important;
}
 

.sao-section-background-bottom-50 {
     transform: scale(1,0.331) !important;
    bottom: -51px !important;
}

.sao-section-background-bottom-100 {
     transform: scale(1,0.661) !important;
    bottom:-26px !important;
}.sao-section-background-bottom-200 {
     transform: scale(1,1.331) !important;
   bottom: 24px !important;
}
.sao-section-background-bottom-250 {
     transform: scale(1,1.661) !important;
   bottom: 49px !important;
}
.sao-section-background-bottom-300 {
     transform: scale(1,2) !important;
   bottom: 74px !important;
} 
  
.sao-slider-warp {
    float: right;
    width: 100%;
    padding: 15px 0;
    position: relative
}

.sao-slider-middle {
    z-index: 3;
    margin: auto;
    max-width: 100%;
    width: 1200px;
    text-align: right;
    position: relative;
    pointer-events: none
}

.sao-slider-item {
    float: right;
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden
}

 .parlx-children {
   position: absolute;
    z-index: -1;
     position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
 
}
.parlx-children::before{
	z-index:0;
}
.parlx-children::after{
	z-index:-1;
 	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.parlx-children::before,
 .parlx-children::after
 {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}
 
.sao-background-none .parlx-children{
	background-attachment:local !important;
height: 100%;
width: 100%;
}
.sao-background-parallax .parlx-children::before,
.sao-background-parallax .parlx-children::after{
	background-attachment:fixed !important;
	
}
.sao-background-parallax-top,
.sao-background-parallax-bottom,
.sao-background-parallax-left,
.sao-background-parallax-right{
    width: 100% !important;
	display:flex !important;
	height:100% !important;
	position:absolute !important;
	text-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
 
}
 
.sao-background-parallax-top .parlx-children,
.sao-background-parallax-bottom .parlx-children{
	width:100% !important;
	top:auto !important;
	bottom:auto !important;
	
	
}
.sao-background-parallax-right .parlx-children,
.sao-background-parallax-left .parlx-children{
	right:auto !important;
	left:auto  !important;
		height:100% !important;	
	
} 
.sao-background-position-center::after {
        background-position: center !important;
}
.sao-background-position-right::after {
        background-position: right !important;
}
.sao-background-position-right-top::after {
        background-position: right top !important;
}
.sao-background-position-right-bottom::after {
        background-position: right bottom!important;
}
.sao-background-position-right-center::after {
        background-position: right center !important;
}
.sao-background-position-left::after {
        background-position: left !important;
}
.sao-background-position-left-top::after {
        background-position: left top !important;
}
.sao-background-position-left-bottom::after {
        background-position: left bottom !important;
}
.sao-background-position-left-center::after {
        background-position: left center !important;
}
.sao-background-position-top::after {
        background-position: top !important;
}
.sao-background-position-top::after {
        background-position: top !important;
}
.sao-background-position-top-center::after {
        background-position: top center !important;
   }
.sao-background-position-bottom::after {
        background-position: bottom !important;
   }
.sao-background-position-bottom-center::after {
        background-position: bottom center !important;
}
 .sao-background-no-repeat::after {
        background-repeat:no-repeat !important;
}
 .sao-background-repeat::after {
        background-repeat:repeat !important;
}
 .sao-background-repeat-x::after {
        background-repeat:repeat-x !important;
}
 .sao-background-repeat-y::after {
        background-repeat:repeat-y !important;
}

 .sao-background-size-auto::after{
	 background-size:auto !important;
 }
  .sao-background-size-contain::after{
	 background-size:contain !important;
 }
  .sao-background-size-cover::after{
	 background-size:cover !important;
 }
  .sao-background-size-5::after{
	 background-size:5% !important;
 }
   .sao-background-size-10::after{
	 background-size:10% !important;
 }
   .sao-background-size-15::after{
	 background-size:15% !important;
 }
   .sao-background-size-20::after{
	 background-size:20% !important;
 }
   .sao-background-size-25::after{
	 background-size:25% !important;
 }
   .sao-background-size-30::after{
	 background-size:30% !important;
 }
   .sao-background-size-33::after{
	 background-size:33.33% !important;
 }
   .sao-background-size-35::after{
	 background-size:35% !important;
 }
   .sao-background-size-40::after{
	 background-size:40% !important;
 }
   .sao-background-size-45::after{
	 background-size:45% !important;
 }
   .sao-background-size-50::after{
	 background-size:50% !important;
 }
    .sao-background-size-55::after{
	 background-size:55% !important;
 }
    .sao-background-size-60::after{
	 background-size:60% !important;
 }
	.sao-background-size-65::after{
	 background-size:65% !important;
 }
 	.sao-background-size-66::after{
	 background-size:66% !important;
 }
 	.sao-background-size-70::after{
	 background-size:70% !important;
 }
 	.sao-background-size-75::after{
	 background-size:75% !important;
 }
 .sao-background-size-80::after{
	 background-size:80% !important;
 }
 .sao-background-size-85::after{
	 background-size:85% !important;
 }
  .sao-background-size-90::after{
	 background-size:90% !important;
 }
  .sao-background-size-95::after{
	 background-size:95% !important;
 }
  .sao-background-size-100::after{
	 background-size:95% !important;
 }
 
  .sao-background-before-background-color::after{
	  z-index:0 !important;

	  
  }
   .sao-background-before-background-color::before{
	   	  z-index:-1 !important;

   }
 
  
   
   
.sao-column-item .sao-column-background {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: absolute;
    z-index: -2
}

.sao-column-item .sao-column-background img {
    padding: 0px !important;
    min-width: 100.1%;
    min-height: 100.1%;
    position: absolute;
    float: right;
    height: auto;
    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%);
    font-size: 0;
    -ms-transform: translate(50%, -50%)
}

.sao-section-container {
    float: right;
	display:inline-flex;
	flex-wrap:wrap;
    width: 100%
}

.sao-row-container {
    width: 100%;
    float: right;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.sao-row-main .sao-row-container {
    padding-bottom: 20px;
    padding-bottom: 20px
}

.single .sao-row-main .sao-row-container {
    padding-bottom: 0
}

.sao-column {
    float: right;
    position: relative;
    direction: rtl
}

.sao-column-flex {
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
	flex-wrap:wrap;
    width: 100%;
    float: right
}

.sao-column-container {
    width: 100%;
    float: right;
    padding: 0;
}

.sao-column-container::beofre {
    width: 100%;
    float: right;
    padding: 0;
}
.sao-column-cover::before{
	content:"";
	position:absolute;
	width:100% !important;
	height:100% !important;
	left:0px;
	top:0px;
}
.sao-section-item:not(.sao-section-sticky) .sao-column-container {
    position: relative;
}

.sao-column-container {}

.sao-column-item {
    float: right;
    text-align: right;
    position: relative;
}

.sao-column-item,
.sao-column-flex {
	
	}

.sao-column-warp {
    width: 100%;
    float: right;
 
    position: relative;
    height: 100%
}

.sao-column-cover {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    right: 0px;
    top: 0px;
    overflow: hidden;
}

.sao-element-item {
    float: right;
    width: 100%
}

@media (max-width: 1199px) {
    body .sao-column-container {
        padding: 0px !important;
    }
}

.sao-form-none {
    display: none !important;
}
/********************************************************************
Button
*********************************************************************/
.sao-button-warp {
    direction: rtl  !important;
    float: right;
    width: 100%
}

.sao-button {
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    padding: 0.5em 1em;
    position: relative;
    vertical-align: top;
    z-index: 1;
}

.sao-button .sao-button-background {
    z-index: 0;
    overflow: hidden;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

.sao-button .sao-button-background::before {
    visibility: hidden;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

.sao-hover-button:hover .sao-button-background::before {
    visibility: visible
}

.wp-admin .sao-button:before {
    opacity: 1 !important;
}

.wp-admin .sao-button {
    opacity: 1 !important;
    transform: none !important;
}

body .sao-button span {
    margin: 0px !important;
    z-index: 1;
    position: relative;
	display:inline-block;
}

body .sao-button i {
    position: relative;
    z-index: 1;
}
 

.sao-button span,
.sao-button i:before {
    line-height: 1em;
    float: right;
}

.sao-button.sao-style-2 .sao-button-background {
    box-shadow: 0 3px 0px 0px rgba(0, 0, 0, 0.2) inset
}

.sao-button.sao-style-3 .sao-button-background {
    box-shadow: 0 -3px 0px 0px rgba(0, 0, 0, 0.2) inset
}

.sao-button.sao-style-4 .sao-button-background {
    box-shadow: -3px 0px 0px 0px rgba(0, 0, 0, 0.2) inset
}

.sao-button.sao-style-5 .sao-button-background {
    box-shadow: 3px 0px 0px 0px rgba(0, 0, 0, 0.2) inset
}

.sao-button.sao-style-7 .sao-button-background {
    display: none !important;
}

.sao-button.sao-style-7 .sao-button-background {
    display: none !important;
}
.sao-button.sao-style-7 span{
    line-height: 1.2em;
  
}


body .sao-element-item .sao-button.sao-style-7,
body .sao-element-item .sao-button.sao-style-7 span,
body .sao-element-item .sao-button.sao-style-7 i {
    padding: 0px !important;
}

body .sao-element-item .sao-button.sao-style-1 span,
body .sao-element-item .sao-button.sao-style-2 span,
body .sao-element-item .sao-button.sao-style-3 span,
body .sao-element-item .sao-button.sao-style-4 span,
body .sao-element-item .sao-button.sao-style-5 span,
body .sao-element-item .sao-button.sao-style-1 i,
body .sao-element-item .sao-button.sao-style-2 i,
body .sao-element-item .sao-button.sao-style-3 i,
body .sao-element-item .sao-button.sao-style-4 i,
body .sao-element-item .sao-button.sao-style-5 i,
body .sao-element-item .sao-button.sao-style-6 {
    padding: 0px !important;
}

.sao-button.sao-style-6 span {
    float: right;
    line-height: 1.3em;
	
}

.sao-button.sao-style-6 i:before {
    width: 1.3em;
    float: right;
    position: relative;
}

body .sao-button.sao-style-6 i {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.sao-button i {
    font-family: 'FontAwesome';
    float: right;
    margin-left: 0.5em;
    font-style: normal;
    float: right;
}

.sao_icon_left .sao-button i {
    float: left;
    margin-right: 0.5em;
    margin-left: 0px;
}
@media (max-width: 400px) {
body .sao-builder-warp .sao-button-warp .sao-button{
	margin-right:0px !important;
	margin-top:20px !important;
}
}
/********************************************************************
Post 
*********************************************************************/
.sao_alignment_right {
    text-align: right
}

.sao_alignment_left {
    text-align: left
}

.sao_alignment_center {
    text-align: center
}

.sao-title-line-bottom {
    width: 100%;
    margin-top: 8px;
    display: inline-flex;
    float: right;
    border-radius: 50px;
}

.sao-title-line-bottom::before {
    border-radius: 50px;
    content: "";
    margin: auto;
    vertical-align: top;
    display: inline-block;
}

.sao_alignment_right .sao-title-line-bottom::before {
    float: right;
    margin: 0px;
}

.sao_alignment_left .sao-title-line-bottom::before {
    float: left;
    margin: 0px;
}

.sao_alignment_left .sao-title-line-bottom {
    float: left;
}
 .sao-multi-icon-text  .sao-post-group-flex .sao-multi-post-item .sao-post-container::before{
	position:absolute;
 	content:"";
	width:100%;	right:0px;
 
	height:1px;
	border-left:0px !important;
	border-bottom:0px !important;
	border-right:0px !important;
 
}
.sao-multi-icon-text  .sao-post-group-flex .sao-multi-post-item .sao-post-container::after{
	position:absolute;
 	content:""; 
	height:100%;
	width:1px;
	border-left:0px !important;
	border-bottom:0px !important;
 	top:0px;
	border-top:0px !important;
 
}
.sao_text_block p:first-child {
    margin-top: 0px !important;
}

.sao_text_block p:last-child {
    margin-bottom: 0px !important;
}

body .sao-builder-warp .sao_text_block p {
    color: inherit !important;
}

.sao_text_block strong {
    font-weight: 700;
}

.sao-icon {
    vertical-align: top;
    display: inline-block;
    position: relative;
}

.sao_element_icon .sao-icon-warp {
    width: 100%;
}

.sao-icon i {
    font-size: 1em;
    width: 1.3em;
    overflow: hidden;
    position: relative;
    display: inline-grid;
    font-family: 'FontAwesome';
    font-style: normal;
    vertical-align: top;
}

.sao-icon i:before {
    transition: 0.3s linear;
    text-align: center;
    display: inline-block;
    -moz-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
}

.sao-icon-boxed i {
    width: auto;
}

.sao-icon-boxed i:before {
    width: 1.3em !important;
    line-height: 1.3em !important;
    height: 1.3em !important;
}

.sao-icon .sao-icon-background {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    right: 0px;
    top: 0px;
}

body .sao-icon.sao-icon-boxed .sao-icon-background-hover {
    position: absolute;
    right: 0px;
    height: 100%;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    top: 0;
    visibility: hidden;
}

body .sao-icon.sao-icon-boxed .sao-icon-background canvas {
    width: 100%;
    height: 93.5%;
}

.sao-icon-warp {
    display: inline-block;
}

.sao-icon.sao-icon-boxed-rounded {
    border-radius: 50%;
}

body .sao-icon-boxed-square .sao-icon-background,
body .sao-icon-boxed-diamond .sao-icon-background {
    overflow: hidden;
}

body .sao-icon-boxed-square .sao-icon-background-hover,
body .sao-icon-boxed-diamond .sao-icon-background-hover {
    border-radius: 0px !important
}

.sao-icon.sao-icon-boxed-diamond .sao-icon-background {
    transform: rotate(45deg) scale(0.7);
    -webkit-transform: rotate(45deg) scale(0.7);
    -moz-transform: rotate(45deg) scale(0.7);
    -o-transform: rotate(45deg) scale(0.7);
    -ms-transform: rotate(45deg) scale(0.7);
}

.sao-icon.sao-icon-boxed-big-hexagon i {
    padding: 60px;
    border-radius: 50%;
}

body .sao-icon.sao-icon-boxed-hexagon .sao-icon-background canvas {
    right: 50% !important;
    top: 50% !important;
    margin-top: -1px;
    transform: translate(50%, -50%) !important;
    -webkit-transform: translate(50%, -50%)!important;
    -moz-transform: translate(50%, -50%) !important;
    -o-transform: translate(50%, -50%) !important;
    -ms-transform: translate(50%, -50%) !important;
    position: relative;
    width: 100%;
    height: 100% !important;
}

body .sao-icon.sao-icon-boxed-hexagon .sao-icon-background {
    right: 50% !important;
    top: 50% !important;
    width: 113%;
    height: 100%;
    transform: translate(50%, -50%) rotate(90deg) !important;
    -webkit-transform: translate(50%, -50%) rotate(90deg) !important;
    -moz-transform: translate(50%, -50%) rotate(90deg) !important;
    -o-transform: translate(50%, -50%) rotate(90deg) !important;
    -ms-transform: translate(50%, -50%) rotate(90deg) !important;
    background: none !important;
    overflow: inherit !important;
    border: none !important;
}

.sao-hover-icon:hover .sao-icon-background,
body .sao-hover-icon:hover .sao-icon.sao-icon-boxed-hexagon .sao-icon-background {
    border: none !important;
}

body .sao-icon.sao-icon-boxed-hexagon {
    overflow: hidden;
}

.sao-hover-icon:hover .sao-icon-background .sao-icon-background-hover {
    visibility: visible;
}

body .sao-icon.sao-icon-boxed-hexagon i {
    margin: 6.5% 0;
}

body .sao-element-item .sao-icon-boxed.sao-icon.sao-icon-boxed-hexagon .sao-icon-background,
body .sao-element-item .sao-icon-boxed.sao-icon.sao-icon-boxed-hexagon .sao-icon-background-hover {
    background: none !important;
    border: none !important;
}

.sao-element-item .sao-details-warp {
    float: right;
    z-index: 1;
    position: relative;
}

.sao-element-item .sao-details {
    float: right;
}

.sao-element-item .sao-title {
    margin: 0px !important;
    float: right;
    width: 100%;
    line-height: 1.55em;
    line-height: calc(1em + 12px)
}

.sao-element-item .sao-title a {
    width: 100%;
    color: inherit !important;
    font-weight: 700;
    display: inline-block;
    float: right;
    overflow: hidden;
    line-height: 1.55em;
    line-height: calc(1em + 12px)
}

.sao-element-item .sao-title a:hover {
    opacity: .7;
}

.sao-element-item .sao-excerpt {
    margin-top: 8px;
    font-weight: 400;
    width: 100%;
    float: right;
    overflow: hidden;
    line-height: 2em
}

.sao-element-item .sao-post .sao-button {
    margin-top: 15px;
}

.sao-post-item {
    float: right;
}

.sao-row {
    float: right
}

.sao-line .sao-border-top::before {
    content: "";
    overflow: hidden;
    position: absolute;
    width: 100%
}

div.sao-line:last-child .sao-border-top::before {
    content: "";
    overflow: hidden;
    border-top: none;
    position: absolute;
    width: 100%
}

.sao-border-top {
    position: relative;
    float: right;
    width: 100%
}

.sao-box-background {
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
    transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
}

.sao_style_boxed {
    position: relative;
}

.sao_style_boxed:hover .sao-box-background {
    transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
}

@media (max-width: 1199px) {
    body .sao-builder-warp .sao-element-item .sao-title {
        line-height: 1.55em !important;
        line-height: calc(1em + 12px) !important;
    }
    body .sao-builder-warp .sao-element-item .sao-excerpt {
        line-height: 1.55em !important;
    }
}
/********************************************************************
Icon Text
*********************************************************************/
.sao-icon i {
    line-height: 1em
}

.sao-icon-text {
    position: relative;
    display: inline-block;
    width: 100%;
}
.sao-multi-icon-text{
 
	float:right;
	width:100%;
}
.sao-multi-icon-text.sao-style-none .sao-post-list-warp,
.sao-multi-icon-text.sao_style_boxed .sao-post-list-warp{
	overflow:hidden;
}
.sao-post-container.sao_style_boxed::after,
.sao-post-container.sao_style_boxed::before {
	display:none !important;
	content:inherit !important;
	 
	 
 }
.sao-post-list-warp{
	float:left;
	width:100%;
}
.sao-post-container{
	float:left;
	position:relative;
	height:100%;
	width:100%;
}

.sao-icon-text .sao-post-warp {
    display: inline-grid;
    grid-template-columns: auto auto;
    float: right;
	width:100%;
}
.sao-post-warp{
	
	    float: right;
	width:100%;
}
.sao-icon-text .sao-details {
    width: 100%
}

.sao-icon i::before::before {
    position: relative;
    z-index: 1;
}

.sao-notification-box .sao-excerpt {
    margin-top: 0px !important;
}

.sao-notification-box .sao-icon i {
    width: auto;
}

.sao-icon-text .sao-icon i::before {
    line-height: 1em
}

.sao-icon-text .sao-icon {
    line-height: 1em
}

.sao-element-item .sao_icon_right .sao-details {
    padding-left: 0px !important;
}

.sao_icon_right {
    float: right;
    direction: rtl;
}

.sao_icon_left {
    float: left;
    direction: ltr;
}

.sao_icon_left .sao-post-warp {
    float: left;
}

.sao_icon_left .sao-post-warp {
    direction: ltr;
}

.sao_icon_right .sao-post-warp {
    direction: rtl;
}

.sao-element-item .sao-post-warp * {
    direction: rtl;
}
body .sao-icon-text .sao-icon i::before {
	text-align:center !important;
}
.sao_alignment_right .sao-icon i::before{
	text-align:right !important;	
	
}
.sao_alignment_left .sao-icon i::before{
	text-align:left !important;	
	
}
body .sao-icon-boxed.sao-icon i::before {
	text-align:center !important;
	
}
.sao_alignment_right.sao_icon_left .sao-post-warp,
.sao_alignment_left.sao_icon_right .sao-post-warp {
    width: 100%;
}
 
 
.sao_icon_right .sao-icon-warp {
    text-align: right;
    float: right;
}

.sao_icon_left .sao-icon-warp {
    text-align: left;
    float: left;
}

.sao_icon_left .sao-box-background {
    right: 0px;
    left: auto;
}

.sao-icon-vertical-middle .sao-icon-warp {
    display: inline-block;
    height: 100%;
    z-index: 1;
    position: relative;
	grid-template-columns: 100%;
display:grid;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.sao-icon-vertical-middle .sao-icon {
 	width:100%;
    position: relative;
}

.sao-details-vertical-middle .sao-details {
	width:100%;
    position: relative;
}

.sao-details-vertical-middle .sao-details-warp {
    height: 100%;
    position: relative;
	grid-template-columns: 100%;
display:grid;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.sao-details-vertical-middle .sao-details::before {
content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -';
width: 100%;
float: right;
position: relative;
font-size: 18px !important;
height: 0px;
visibility:hidden;
} 

/********************************************************************
Icon Text 2
*********************************************************************/
.sao_element_text .sao-details {
    margin-top: 0px !important;
}

.sao-icon-text-2 {
    width: 100%;
    float: right;
    width: 100%;
}

.sao-icon-text-2 .sao-icon {
    width: auto;
    position: relative;
    vertical-align: top;
}

.sao-icon-text-2 .sao-details {
    position: relative;
    width: 100%;
    margin-top: 10px
}

.sao-icon-text-2 .sao-details-warp {
    width: 100%;
}

.sao-icon-text-2 .sao-style-boxed-2 .sao-box-background {
    top: auto;
    bottom: 0px
}

.sao-icon-text-2 .sao-style-boxed-4 .sao-box-background {
    top: auto;
    bottom: 0px
}

.sao-icon-text-2 .sao-icon i {
    line-height: 1em
}

.sao-icon-text-2 .sao-icon i::before {
    line-height: 1em;
}
/********************************************************************
Icon Text-3
*********************************************************************/
.sao-icon-text-3 {
    position: relative;
    display: inline-block;
}

.sao-icon-text-3 .sao-icon-title {
    vertical-align: top;
    position: relative;
    display: inline-grid;
    grid-template-columns: auto auto;
}

.sao-icon-text-3 .sao-icon i {
    width: auto;
}

.sao-icon-text-3 .sao-icon i {
    font-size: 2em;
    width: auto
}

.sao-icon-text-3 .sao-icon-boxed i::before {
    font-size: 1.25em !important;
}

.sao_icon_left .sao-icon {
    float: left;
}

body .sao-icon-text-3 .sao-title.sao-padding-left {
    padding-right: 0px;
    padding-left: 15px;
}

.sao-title::before {
content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -';
width: 100%;
float: right;
position: relative;
font-size: 18px !important;
height: 0px;
visibility:hidden;
 
}
.sao-excerpt::before {
content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -';
width: 100%;
float: right;
position: relative;
font-size: 18px !important;
height: 0px;
visibility:hidden;
}
 
.sao-title-vertical-middle .sao-title {
	width:100%;
    position: relative;
}

.sao-title-vertical-middle .sao-title-warp {
    height: 100%;
    width: 100%;
    position: relative;
	    height: 100%;
    position: relative;
	grid-template-columns: 100%;
display:grid;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.sao-icon-text-3 .sao-details {
    width: 100%
}

body .sao-icon-text-3 .sao-title {
    float: right;
    padding-right: 15px;
}

.sao-icon-text-3  .sao_alignment_right .sao_icon_left {
    float: right;
    width: 100%;
	direction:ltr;
}
 

.sao_alignment_left .sao_icon_right {
    float: right;
    width: 100%;
}

@media (max-width: 1199px) {
    body .sao-element-item.sao_element_icon_text_3 .sao-icon-text-3 .sao-icon-title i {
        font-size: 1.25em !important;
    }
    body .sao-element-item.sao_element_icon_text_3 .sao-icon-text-3 .sao-icon-title .sao-icon-boxed i::before {
        font-size: 1em !important;
    }
    body .sao-element-item.sao_element_icon_text_3 .sao-icon-text-3 .sao-icon-title .sao-icon-boxed i {
        padding: 10px !important;
    }
}


/********************************************************************
Icon List
*********************************************************************/
.sao-text-list {
    margin: 0!important;
    list-style: none
}

.sao_element_text_list .sao-excerpt {
    margin-top: 0px;
}
.sao_element_text_list .sao-post-warp{
display: grid;
grid-template-columns: auto auto;
width:100%;
 
}
.sao_element_text_list .sao-has-icon .sao-details {
    padding-right: 10px;
}

.sao-element-item.sao_element_text_list .sao_icon_right .sao-details {
    padding-left: 0px !important;
}

.sao_element_text_list .sao_icon_right .sao-icon-warp {
    text-align: right;
}

.sao_element_text_list .sao_icon_left .sao-icon-warp {
    text-align: left;
}

body .sao-element-item .sao-has-icon.sao_icon_left .sao-details {
    padding-right: 0px;
    padding-left: 10px;
}

body .sao-element-item .sao-text-list .sao-not-icon .sao-details {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sao-text-list li {
    list-style: none;
    margin-bottom: 15px;
	width:100% !important;
    position: relative;
}

.sao-text-list .sao-icon i {
    font-size: 1.5em;
    line-height: inherit !important;
}

.sao-text-list .sao-icon-boxed .sao-icon i {
    font-size: 1em;
}

.sao-text-list i {
    font-family: 'FontAwesome';
    float: right;
    margin-left: 0px;
    font-style: normal
}

@media (max-width: 1199px) {
    body .sao-element-item .sao-text-list li {
        margin-bottom: 15px !important;
    }
    body .sao-element-item.sao_element_text_list .sao-text-list .sao-icon i {
        font-size: 1.5em !important;
    }
    body .sao-element-item.sao_element_text_list .sao-text-list .sao-icon-boxed.sao-icon i {
        font-size: 1em !important;
        padding: 10px !important;
    }
    body .sao-element-item.sao_element_text_list .sao-text-list .sao-icon {
        line-height: 1.5em !important;
    }
}
/********************************************************************
Accordion
*********************************************************************/
.sao-accordion-item {
    float: right;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px
}

.sao-accordion-warp.sao-icon-right h3 i {
    float: right;
}

.sao-accordion-warp.sao-icon-left h3 i {
    float: left;
}

body .sao-accordion-item:last-child {
    margin-bottom: 0px !important;
}

.sao-accordion-content {
    width: 100%;
    border-style: solid;
    display: none;
    padding: 1em;
    float: right;
    border-radius: initial;
    border: inherit !important;
}

.sao-accordion-item h3 {
    border-style: solid;
    overflow: hidden;
    float: right;
    width: 100%;
    cursor: pointer!important;
    line-height: 0 !important;
    height: 100%;
    margin: 0!important;
    border-radius: inherit !important
}

.sao-accordion-item h3 i {
    position: relative;
    float: left;
    height: 100%;
    font-weight: 400;
    line-height: 1.5em !important;
    padding: 0.75em !important;
    display: inline-grid;
}

.sao-accordion-item .sao-title-text {
    line-height: 1.5em !important;
    padding: .75em 1em;
    float: right;
}

.sao-accordion-active h3 {
    font-weight: 700
}
.sao-accordion-active h3 div{
	color:inherit !important;
}

.sao-accordion-deactive h3:hover .sao-title-text{
	color:inherit !important
}
.sao-accordion-item h3 i::before {
    font-family: dashicons;
    font-style: normal;
    color: inherit !important;
    float: left;
    font-size: 1.5em;
    position: relative;
    left: 0px;
    top: 0.0em;
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 1em;
    line-height: 1em;
}

.sao-accordion-warp.sao-icon-right.sao-style-1 .sao-accordion-item h3 .sao-title-text,
.sao-accordion-warp.sao-icon-right.sao-style-3 .sao-accordion-item h3 .sao-title-text,
.sao-accordion-warp.sao-icon-right.sao-style-5 .sao-accordion-item h3 .sao-title-text,
.sao-accordion-warp.sao-icon-right.sao-style-7 .sao-accordion-item h3 .sao-title-text {
    padding: .75em 0em .75em 1em;
}

.sao-accordion-warp.sao-style-2 .sao-accordion-item h3 i,
.sao-accordion-warp.sao-style-4 .sao-accordion-item h3 i,
.sao-accordion-warp.sao-style-6 .sao-accordion-item h3 i,
.sao-accordion-warp.sao-style-8 .sao-accordion-item h3 i {
    border-right: inherit !important;
}

.sao-accordion-warp.sao-style-2.sao-icon-right .sao-accordion-item h3 i,
.sao-accordion-warp.sao-style-4.sao-icon-right .sao-accordion-item h3 i,
.sao-accordion-warp.sao-style-6.sao-icon-right .sao-accordion-item h3 i,
.sao-accordion-warp.sao-style-8.sao-icon-right .sao-accordion-item h3 i {
    border-left: inherit !important;
    border-right: none !important;
}

.sao-accordion-deactive h3 {
    font-weight: 400
}

.sao-accordion-active h3 i::before {
    content: "\f460";
    font-family: dashicons;
    font-style: normal;
    float: left;
    font-size: 1.5em;
    left: 0px;
    top: 0.0em;
}

.sao-accordion-deactive h3 i::before {
    content: "\f132";
    font-family: dashicons;
    font-style: normal;
    float: left;
    font-size: 1.5em;
    left: 0px;
    top: 0.1em;
}

.sao-accordion-warp.sao-style-3 .sao-accordion-active h3 i::before,
.sao-accordion-warp.sao-style-4 .sao-accordion-active h3 i::before {
    content: "\f343";
}

.sao-accordion-warp.sao-style-3 .sao-accordion-deactive h3 i::before,
.sao-accordion-warp.sao-style-4 .sao-accordion-deactive h3 i::before {
    content: "\f347";
}

.sao-accordion-warp.sao-style-5 .sao-accordion-active h3 i::before,
.sao-accordion-warp.sao-style-6 .sao-accordion-active h3 i::before {
    content: "\f139";
    font-family: 'FontAwesome';
}

.sao-accordion-warp.sao-style-5 .sao-accordion-deactive h3 i::before,
.sao-accordion-warp.sao-style-6 .sao-accordion-deactive h3 i::before {
    content: "\f13a";
    font-family: 'FontAwesome';
}

.sao-accordion-warp.sao-style-7 .sao-accordion-active h3 i::before,
.sao-accordion-warp.sao-style-8 .sao-accordion-active h3 i::before {
    content: "\f056";
    font-family: 'FontAwesome';
}

.sao-accordion-warp.sao-style-7 .sao-accordion-deactive h3 i::before,
.sao-accordion-warp.sao-style-8 .sao-accordion-deactive h3 i::before {
    content: "\f055";
    font-family: 'FontAwesome';
}
/********************************************************************
Tabs
*********************************************************************/
.sao-tabs-heading {
    float: right;
    width: 100%
}

.sao-tabs-heading h3 {
    float: right;
    padding: .5em 1em!important;
    display: inline-block;
    margin: 0!important;
    line-height: 0em!important;
    border-top: solid 1px rgba(150, 150, 150, 0.2);
    border-left: solid 1px rgba(150, 150, 150, 0.2);
    border-right: solid 1px rgba(150, 150, 150, 0.2)
}

.sao-tabs-heading h3 div {
    line-height: 1em;
}

.sao-tabs-deactive {
    cursor: pointer
}

.sao-tabs-deactive div {
    font-weight: normal !important;
}

.sao-tabs-active span {
    font-weight: bold !important;
}

.sao-tabs-active {
    position: relative
}

.sao-tabs-content-warp {
    border: solid 1px rgba(150, 150, 150, 0.2);
    float: right;
    width: 100%;
    margin-top: -1px
}

.sao-tabs-content-warp .sao-tabs-content {
    width: 100%;
    padding: 1.5em!important;
    float: right;
    display: none
}

.sao-tabs-content-active {
    display: inline-block !important;
}

.sao-tabs-warp {
    float: right;
	width: 100%;
}
/********************************************************************
Single Image item
*********************************************************************/
body .sao-image .sao-image-warp .sao-image-container .sao-image-full-width {
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    min-height: inherit !important;
    min-width: inherit !important;
    max-height: inherit !important;
}

body .sao-element-item .sao-class-full-width {
    position: fixed !important;
    width: 1920px !important;
    max-width: none !important;
}

.sao-crop.sao-has-height .sao-ratio-horizontal img,
.sao-crop.sao-ratio60 .sao-ratio-horizontal img,
.sao-crop.sao-ratio75 .sao-ratio-horizontal img,
.sao-crop.sao-ratio100 .sao-ratio-horizontal img,
.sao-crop.sao-ratio135 .sao-ratio-horizontal img {
    right: 50% !important;
    top: 50% !important;
    transform: translate(50%, -50%) !important;
    -webkit-transform: translate(50%, -50%) !important;
    -moz-transform: translate(50%, -50%)!important;
    -o-transform: translate(50%, -50%)!important;
    -ms-transform: translate(50%, -50%)!important;
    width: 100% !important;
    min-width: inherit !important;
    height: auto !important;
    max-width: none !important;
    position: absolute !important;
    min-height: 100.1% !important;
}

.sao-crop.sao-has-height .sao-ratio-vertical img,
.sao-crop.sao-ratio60 .sao-ratio-vertical img,
.sao-crop.sao-ratio75 .sao-ratio-vertical img,
.sao-crop.sao-ratio100 .sao-ratio-vertical img,
.sao-crop.sao-ratio135 .sao-ratio-vertical img {
    right: 50% !important;
    top: 50% !important;
    transform: translate(50%, -50%) !important;
    -webkit-transform: translate(50%, -50%) !important;
    -moz-transform: translate(50%, -50%)!important;
    -o-transform: translate(50%, -50%)!important;
    -ms-transform: translate(50%, -50%)!important;
    width: auto !important;
    position: absolute !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: inherit !important;
}

.sao-ratio60 .sao-image-container,
.sao-ratio75 .sao-image-container,
.sao-ratio100 .sao-image-container,
.sao-ratio135 .sao-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

body .sao-class-full-width img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: inherit !important;
}

.sao_alignment_center .sao-image {
    display: inline-block;
    margin: auto;
    vertical-align: top;
    float: none;
}

.sao_alignment_left .sao-image {
    float: left;
}

.sao_alignment_right .sao-image {
    float: right;
}

.sao-image-item {
    max-width: 100%;
    width: 100%;
    float: right;
}

.sao-image {
    overflow: hidden;
}

.sao-image img {
    vertical-align: top;
    max-width: 100%;
    position: relative;
    height: auto;
    transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
}

.sao-image .sao-image-warp {
    width: auto;
    overflow: hidden;
    height: auto;
    float: right;
    margin: 0px;
    position: relative;
}

.sao-has-width .sao-image-warp,
.sao-has-width .sao-image-warp img {
    width: 100%;
}

.sao-has-height .sao-image-warp,
.sao-has-height .sao-image-warp img {
    height: 100%;
}

.sao-has-height.sao-not-width .sao-image-warp img {
    height: 100%;
    width: auto;
}

.sao-has-width.sao-not-height .sao-image-warp img {
    width: 100%;
    width: auto;
}

.sao-crop .sao-image {
    width: 100%;
}

.sao-crop .sao-image img {
    right: 50% !important;
    top: 50% !important;
    position: relative;
    transform: translate(50%, -50%) !important;
    -webkit-transform: translate(50%, -50%)!important;
    -moz-transform: translate(50%, -50%)!important;
    -o-transform: translate(50%, -50%)!important;
    -ms-transform: translate(50%, -50%)!important;
}

.sao-crop.sao-has-height.sao-has-width .sao-image-container {
    height: 100%;
    width: 100%;
    position: absolute;
}

.sao-has-height.sao-has-width .sao-image.sao-has-padding-bottom {
    height: auto !important;
    max-width: 100% !important;
}

.sao-has-height.sao-has-width .sao-image-warp {
    height: 0px !important;
}
/********************************************************************
Image Gallery 
*********************************************************************/
.sao-image {
    float: right;
    position: relative
}

.sao-image.sao_alignment_right img,
.sao-image.sao_alignment_right a,
.sao-image-gallery.sao_alignment_right .sao-image-item {
    float: right
}

.sao-image.sao_alignment_left img,
.sao-image.sao_alignment_left a,
.sao-image-gallery.sao_alignment_left .sao-image-item {
    float: left
}

.sao-image-gallery.sao_alignment_center .sao-image-item {
    display: inline-block;
    float: none;
}

.sao-image-gallery img {
    float: right
}

.sao-image-gallery .sao-image {
    width: auto
}

.sao-image-gallery .sao-image-item {
    float: right;
    margin: 0px;
    position: relative
}

.sao-slider-options {
    display: none
}

.sao-image-gallery .sao-image-item:hover {
    opacity: 7;
}

.sao-image-gallery .sao-thumb {
    float: left;
    position: relative;
    height: 100%;
    float: left;
    position: absolute;
    height: 100%;
    width: 100%
}

.sao-image-gallery .sao-image-item {
    vertical-align: top;
    float: right;
    width: 100%;
    margin: 0;
    display: inline-block;
    position: relative;
}

.sao-image-gallery-slider .sao-title,
.sao-image-gallery .sao-title {
    display: none
}

.sao-image-gallery-slider {
    float: right;
    width: 100%
}

.sao-image-gallery-slider .sao-image {
    width: 100%;
    float: right;
    height: 100%;
}

.sao-image-gallery-slider .sao-image-warp {
    height: 0px !important;
}

.sao-image-gallery-slider .sao-image-warp img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.sao-image-gallery-slider li.active .sao-slider-thumb-warp::before,
.sao-image-gallery li:hover .sao-slider-thumb-warp::before {
    background: none!important;
    -webkit-transition: .30s linear;
    transition: .30s linear;
}

.sao-image-gallery .sao-slider-list {
    float: right;
    width: 100%;
    height: auto !important;
}

.sao-image-gallery .lSSlideOuter {
    padding: 0;
    width: 100%
}
/********************************************************************
Slider
*********************************************************************/
.sao-slider{
	
 position: relative;
}
.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 .sao-title {
    float: right;
    position: absolute;
    bottom: 0;
    z-index: 3;
    padding: 8px
}

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

@media (max-width: 767px) {
    .sao-bottom-thumb-text.sao-vertical-thumb .lSGallery .sao-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 .sao-title {
    float: right;
    padding-right: 10px!important
}

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

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

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

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

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

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

.sao-main .sao-bottom-thumb-text .vertical .lSGallery li .sao-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 .sao-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 .sao-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 .sao-title {
    width: 100%;
    float: right;
    padding-right: 0!important
}

.sao-inner-bottom-text .lSGallery li .sao-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 .sao-title a {
    font-size: 12px
}

.sao-inner-bottom-text .lSGallery li.active .sao-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: '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;
}
  
 
/********************************************************************
Image Gallery Slider
*********************************************************************/


.sao-vertical-thumb.sao-image-gallery-slider .sao-image-warp {
    padding-bottom: 0px !important;
    height: 100% !important;
    width: 100% !important;
}

.sao-timer {
    z-index: 10;
    position: absolute;
    top: 0;
    height: 5px;
    background: rgba(255, 255, 255, 0.25)!important
}

.sao-image-gallery {
    float: right;
    width: 100%
}

.sao-image-gallery .sao-image-item {
    padding: 0px;
    width: auto;
}

.sao-image-gallery-slider .sao-image-item {
    width: 100%;
}

.sao-image-gallery-carousel .sao-image-item {
    height: auto !important;
}

fad.sao-image-warp {
    padding-bottom: 100%;
    width: 100%;
    float: right;
    overflow: hidden;
    position: relative
}

.sao-image-gallery .sao-image-content {
    padding: 0;
    float: right;
    width: 100%
}

.sao-ratio-auto .sao-image,
.sao-ratio60 .sao-image,
.sao-ratio75 .sao-image,
.sao-ratio100 .sao-image,
.sao-ratio135 .sao-image {
    width: 100% !important
}

.sao-ratio60 .sao-image-warp,
.sao-thumb-ratio60 .sao-slider-thumb-warp {
    position: relative;
    padding-bottom: 60%;
    height: 0px !important;
    width: 100% !important;
}

.sao-ratio75 .sao-image-warp,
.sao-thumb-ratio75 .sao-slider-thumb-warp {
    position: relative;
    padding-bottom: 75%;
    height: 0px !important;
    width: 100% !important;
}

.sao-ratio100 .sao-image-warp,
.sao-thumb-ratio100 .sao-slider-thumb-warp {
    position: relative;
    padding-bottom: 100%;
    height: 0px !important;
    width: 100% !important;
}

.sao-ratio135 .sao-image-warp,
.sao-thumb-ratio135 .sao-slider-thumb-warp {
    position: relative;
    padding-bottom: 135%;
    height: 0px !important;
    width: 100% !important;
}

.sao-ratio60 .sao-image .sao-image-warp img,
.sao-ratio75 .sao-image .sao-image-warp img,
.sao-ratio100 .sao-image .sao-image-warp img,
.sao-ratio135 .sao-image .sao-image-warp img,
.sao-thumb-ratio60 .sao-slider-thumb .sao-slider-thumb-warp img,
.sao-thumb-ratio75 .sao-slider-thumb .sao-slider-thumb-warp img,
.sao-thumb-ratio100 .sao-slider-thumb .sao-slider-thumb-warp img,
.sao-thumb-ratio135 .sao-slider-thumb .sao-slider-thumb-warp img {
    right: 0;
    top: 0;
    width: 100%;
    position: absolute;
    height: 100%;
}
/********************************************************************
5. Thumb
*********************************************************************/ 
img,
 
embed {
    max-width: 100%;
    height: auto;
}
 
iframe  {
    max-width: 100%;
 
 
}

.sao-thumb {
    float: right;
    position: relative
}

.sao-thumb img,
.sao-slider-thumb img {
    max-width: inherit !important;
    padding: 0px !important;
}

.sao-thumb .sao-post-thumbnail::before {
    right: 0;
    content: "";
    z-index: 1;
    height: 100%;
    width: 100%;
    position: absolute
}

.sao-post-thumbnail img {
    width: 100.1%;
    position: absolute;
    top: 50%;
    right: 50%;
    min-height: 100.1%;
    max-height: inherit !important;
    max-width: inherit !important;
    height: auto;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    display: block;
    margin-right: auto;
    margin-left: auto
}

.sao-ratio135 .sao-post-thumbnail img,
.sao-ratio100 .sao-post-thumbnail img {
    width: auto;
    min-height: auto;
    height: 100.1%;
    min-width: 100.1%
}

.sao-thumb:hover {
    opacity: 1
}

.sao-image-gallery.sao-carousel.sao-ratio60 .sao-image-warp,
.sao-ratio60.sao-post-list-warp .sao-post-module-1 .sao-post-thumbnail,
.sao-ratio60.sao-post-grid-warp .sao-post-module-2 .sao-post-thumbnail {
    padding-bottom: 60%
}

.sao-image-gallery.sao-carousel.sao-ratio75 .sao-image-warp,
.sao-ratio75.sao-post-list-warp .sao-post-module-1 .sao-post-thumbnail,
.sao-ratio75.sao-post-grid-warp .sao-post-module-2 .sao-post-thumbnail {
    padding-bottom: 75%
}

.sao-image-gallery.sao-carousel.sao-ratio100 .sao-image-warp,
.sao-ratio100.sao-post-list-warp .sao-post-module-1 .sao-post-thumbnail,
.sao-ratio100.sao-post-grid-warp .sao-post-module-2 .sao-post-thumbnail {
    padding-bottom: 100%
}

.sao-image-gallery.sao-carousel.sao-ratio135 .sao-image-warp,
.sao-ratio135.sao-post-list-warp .sao-post-module-1 .sao-post-thumbnail,
.sao-ratio135.sao-post-grid-warp .sao-post-module-2 .sao-post-thumbnail {
    padding-bottom: 135%
}
 
/********************************************************************
6. Meta Posts
*********************************************************************/
.sao-meta {
    width: 100%;
    float: right;
    overflow: hidden
}

.sao-text-center .sao-meta i {
    display: inline-block;
    float: none;
    vertical-align: top
}

.sao-meta {
    font-size: 0;
    margin: 8px 0 0!important
}

.sao-meta li {
    float: right;
    margin: 0 7px 0 0 !important;
    font-size: 12px;
    overflow: hidden;
    list-style: none;
    vertical-align: middle;
    line-height: 1.7em;
    max-height: 1.7em
}

.sao-meta li,
.sao-meta li a,
sao-meta i {
    line-height: 1.7em;
    color: #aaa;
    font-size: 12px
}

.sao-meta li::after {
    content: "-";
    margin-right: 7px
}

.sao-meta li:last-child {
    margin: 0!important
}

.sao-meta li:last-child::after {
    content: "";
    margin-right: 0
}

.sao-meta .sao-author::before {
    content: inherit!important
}
/********************************************************************
2. Title Box
*********************************************************************/
.sao-title-box {
    float: right;
    width: 100%;
}

.sao-title-box h4 {
    width: 100%;
    float: right;
    margin: 0px;
    border-bottom: solid 1px rgba(118, 128, 138, 0.2);
}

.sao-title-box span {
    line-height: 1.5em;
    float: right;
}
/********************************************************************
image Text
*********************************************************************/
.sao-image-text {

    width: 100%;
    float: right;
}
.sao-image-text .sao-post-warp{
    display: inline-grid !important;
    display: -webkit-inline-grid !important;
    display: -ms-inline-grid !important;
    grid-template-columns: auto auto !important;
	float:right;
	width:100%;	
}
.sao-image-text .sao-details {
    width: 100%
}

.sao-image-text .sao-image img {
    padding: 0px !important;
}

.sao-element-item .sao_image_right .sao-details {
    padding-left: 0px !important;
}

.sao_image_right .sao-icon-warp {
    text-align: right;
}

.sao_image_left .sao-icon-warp {
    text-align: left;
}

.sao_image_left {
    direction: ltr;
}

.sao_image_left * {
    direction: rtl;
}

.sao-image-vertical-middle .sao-image-item {
    display: inline-block;
    height: 100%;
    z-index: 1;
    position: relative;
		grid-template-columns: 100%;
display:grid;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.sao-image-vertical-middle .sao-image {
	float:right;
    position: relative;
}

@media (max-width: 1199px) {
    .sao-image-text .sao-150-item .sao-excerpt,
    .sao-image-text .sao-200-item .sao-excerpt,
    .sao-image-text .sao-250-item .sao-excerpt {
        display: none !important;
    }
} 

/********************************************************************
image Text 2
*********************************************************************/
.sao-image-text-2 {
    width: 100%;
    float: right;
}

.sao-image-text-2 .sao-image {
    width: 100%;
    padding: 0px !important;
}

.sao-image-text-2 .sao-image img {
    padding: 0px !important;
    vertical-align: top;
}

.sao-image-text-2 .sao-details {
    width: 100%;
    margin-top: 10px
}
  
 
/********************************************************************
Space
*********************************************************************/
.sao-space {
    float: right;
    width: 100%
}

.sao-divider.sao_alignment_right,
.sao-divider.sao_element_divider_vertical {
    float: right;
}

.sao-divider.sao_alignment_left,
.sao-divider.sao_element_divider_vertical {
    float: left;
}

.sao-element-item.sao_element_divider .sao-divider {
    width: 0px;
    border-left: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
}

.sao-element-item.sao_element_divider_vertical .sao-divider-vertical {
    width: 0px;
    border-left: 0px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
}


/********
andi
***/

.aos-init {
    opacity: 0;
}

.aos-animate {
    opacity: 1;
}
/********************************************************************
5.9. LightBox Style
*********************************************************************/ 
.sao-lightbox {
    top: 0;
    z-index: 9999999;
    position: fixed;
    background-color: rgba(0, 0, 0, .75);
    margin: 0!important;
    text-align: center;
    width: 100%;
    height: 100%;
    display: none;
    color: #fff
}

.sao-lightbox-middle {
    display: table;
    height: 100%;
    width: 100%;
    vertical-align: middle
}

.sao-lightbox-img {
    margin: auto;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    display: table-cell
}

.sao-lightbox-targetimg {
    max-width: 900px;
    max-height: 500px;
    height: auto;
    display: block;
    line-height: 0
}

@media (max-width: 1240px) {
    .sao-lightbox-targetimg {
        max-width: 70%;
        max-height: 70%;
        display: block;
        line-height: 0
    }
}

.sao-lightbox-counter {
    font-size: 30px
}

.sao-lightbox i:hover {
    cursor: pointer;
    color: #2aabd2
}

.sao-lightbox-bottom {
    position: fixed;
    bottom: 20px;
    text-align: center;
    width: 100%;
    z-index: 111111111111;
    right: 0;
    left: 0;
    height: auto
}

.sao-lightbox-nextbig {
    cursor: pointer;
    top: 47.5%;
    top: calc(50% - 25px);
    right: auto;
    z-index: 999999999999;
    position: fixed;
    opacity: .75;
    font-size: 50px;
    left: 2%!important;
    left: 20px!important
}

.sao-lightbox-prevbig {
    cursor: pointer;
    z-index: 999999999999;
    top: 47.5%;
    top: calc(50% - 25px);
    left: auto;
    position: fixed;
    opacity: .75;
    font-size: 50px;
    right: 2%!important;
    right: 20px!important
}

.sao-lightbox-nextbig:hover,
.sao-lightbox-prevbig:hover {
    opacity: 1
}

.sao-lightbox-targetimg {
    z-index: 9999999;
    cursor: pointer;
    position: relative
}

.sao-lightbox-close::before {
    font-family: dashicons;
    font-weight: 400;
    position: absolute;
    top: 20px;
    font-style: normal;
    left: 20px;
    font-size: 50px;
    cursor: pointer;
    content: "\f335"
}

.sao-lightbox-prevbig::before {
    content: "\f340";
    font-family: dashicons;
    font-weight: 400
}

.sao-lightbox-nextbig::before {
    content: "\f344";
    font-family: dashicons;
    font-weight: 400
}

.sao-lightbox-loading {
    background: url(images/loading.gif) center no-repeat transparent;
    color: #2aabd2;
    z-index: 99999999999;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 48%;
    right: calc(50% - 22px)
}

.sao-lightbox-loading::before {
    margin: 25% 0;
    color: #2aabd2
}

.sao-lightbox-title {
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1.4em;
    line-height: calc(1em + 6px)
}

.sao-lightbox-outer {
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%
}

.sao-zoom-image .sao-image {
    position: relative;
    overflow: hidden;
    transition: all 150ms linear;
    display: flex;
    align-items: center;
    justify-content: center
}

.sao-zoom-image .sao-image .zoo-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease-out
}
/********************************************************************
5.9. Progress BAR
*********************************************************************/ 
.sao-progress-bar-title-box {
    float: right;
    width: 100%;
    margin-bottom: 5px;
}

.sao-progress-bar-title {
    float: right;
    line-height: 1em;
}

.sao-progress-bar-percent {
    float: left;
    line-height: 1em;
}

.pro-bar {
    overflow: hidden;
    position: relative;
}

.pro-bar-container {
    position: relative;
}
.sao-progress-bar-style-1 .sao-progress-bar-title-box,
.sao-progress-bar-style-1 .sao-progress-bar-percent {
	
	  line-height: 1em !important;
}


.sao-progress-bar-style-2 .sao-progress-bar-title-box,
.sao-progress-bar-style-3 .sao-progress-bar-title-box,
.sao-progress-bar-style-4 .sao-progress-bar-title-box {
    position: absolute;
    line-height: inherit !important;
    top: 0;
    margin-bottom: 0px !important;
    width: 100%;
    padding: 0 15px;
}

.sao-progress-bar-style-3 .sao-progress-bar-percent {
    display: none !important;
}

.sao-progress-bar-style-4 .sao-progress-bar-title::before {
    content: ":";
    float: left;
}

.sao-progress-bar-style-2 .sao-progress-bar-title,
.sao-progress-bar-style-3 .sao-progress-bar-title,
.sao-progress-bar-style-4 .sao-progress-bar-title,
.sao-progress-bar-style-2 .sao-progress-bar-percent,
.sao-progress-bar-style-3 .sao-progress-bar-percent,
.sao-progress-bar-style-4 .sao-progress-bar-percent {
    line-height: 30px;
}

.sao-progress-bar-item {
    margin-bottom: 15px;
}

.sao-progress-bar-style-4 .sao-progress-bar-percent {
    float: right;
    margin-right: 5px;
}

.pro-bar-container {
    width: 100%;
    background: #f2f2f2;
    overflow: hidden;
}

.pro-bar {
    height: 30px;
    width: 0%;
    background: #444;
}

@-webkit-keyframes progressStripertl {
    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes progressStripertl {
    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes progressStripertl {
    to {
        background-position: 30px 0;
    }
}

@-o-keyframes progressStripertl {
    to {
        background-position: 30px 0;
    }
}

@keyframes progressStripertl {
    to {
        background-position: 30px 0;
    }
}

.pro-bar-candy {
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-repeat: repeat;
    background-size: 30px 30px;
}

.pro-bar-candy.candy-rtl {
    -webkit-animation: progressStripertl .6s linear infinite;
    -moz-animation: progressStripertl .6s linear infinite;
    -ms-animation: progressStripertl .6s linear infinite;
    -o-animation: progressStripertl .6s linear infinite;
    animation: progressStripertl .6s linear infinite;
}

.sao-chart-background {
    position: relative;
}

.sao-chart-background.sao-circle canvas {
    vertical-align: top;
    position: relative;
}

.sao-chart-percent {
    position: absolute;
    right: 50%;
    top: 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%);
    font-size: 1.5em;
    font-style: normal;
    vertical-align: top;
    line-height: 3em;
    display: inline-block;
    font-size: 1.5em;
    font-style: normal;
    vertical-align: top;
    display: inline-block;
}

.sao-chart {
    vertical-align: top;
    width: auto;
    display: inline-block;
    position: relative;
}

.sao-chart .sao-chart-background {
    border-radius: 50% !important;
}

.sao-chart canvas {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.sao-chart .sao-chart-background::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
}

body .sao-count-number {
    font-size: 2em;
    line-height: 1em;
}

@media (max-width: 1199px) {
    body .sao-builder-warp .sao_element_count_to .sao-count-number {
        font-size: 2em !important;
    }
}

.sao-video-width-100 .sao-video {
    width: 100% !important;
}

.sao-video-width-90 .sao-video {
    width: 90% !important;
}

.sao-video-width-80 .sao-video {
    width: 80% !important;
}

.sao-video-width-70 .sao-video {
    width: 70% !important;
}

.sao-video-width-60 .sao-video {
    width: 60% !important;
}

.sao-video-width-50 .sao-video {
    width: 50% !important;
}

.sao-video-width-40 .sao-video {
    width: 40% !important;
}

.sao-video-width-30 .sao-video {
    width: 30% !important;
}

.sao-video-width-20 .sao-video {
    width: 20% !important;
}

.sao-video-width-10 .sao-video {
    width: 10% !important;
}

.sao-ratio60 .sao-video-warp {
    position: relative;
    padding-bottom: 60%;
    height: 0px !important;
    width: 100% !important;
}

.sao-ratio75 .sao-video-warp {
    position: relative;
    padding-bottom: 75%;
    height: 0px !important;
    width: 100% !important;
}

.sao-video video,
.sao-video iframe {
    width: 100%;
    height: 100%;
    background: #000000;
}

.sao-ratio60 .sao-video-container,
.sao-ratio75 .sao-video-container {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
}

.sao_alignment_center .sao-video {
    margin: auto;
    vertical-align: top;
    display: inline-block;
    float: none;
}

.sao_alignment_right .sao-video {
    float: right;
}

.sao_alignment_left .sao-video {
    float: left;
}

@media (max-width: 990px) {
    .sao-video-item .sao-video {
        width: 100% !important;
    }
}
.rd-title-box h4 span span,
.rd-title-box h4 span span:after,
.rd-title-box h4 span span:before,
.rd-title-box h4 a span:after,
.rd-title-box h4 a span:before,
 .rd-title-box h4 a span{
float: none !important;
display: inline-block !important;
color: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
font-size: inherit !important;
background: none !important;
border: none !important;
padding: 0px !important;
opacity: 1 !important;
height: auto !important;
vertical-align: bottom;
margin: 0px !important;
}