@font-face {
			font-family: 'sor-iransans';
 			font-weight:300;
			src: url('../fonts/sor-iransans-300.woff') format('woff');
		} 	
		@font-face {
			font-family: 'sor-iransans';
			font-weight:normal;
			font-weight:400;
			src: url('../fonts/sor-iransans-400.woff') format('woff');
		}
		@font-face {
			font-family: 'sor-iransans';
			font-weight:bold;
			font-weight:700;
			src: url('../fonts/sor-iransans-700.woff') format('woff');
		} 
	
		@font-face {
			font-family: 'sor-iransans';
			font-weight:medium;
			font-weight:500;
			src: url('../fonts/sor-iransans-500.woff') format('woff');
		} 
	
		@font-face {
			font-family: 'sor-iransans';
 			font-weight:900;
			src: url('../fonts/sor-iransans-900.woff') format('woff');
		} 		 
 
.sor_metabox *{
	box-sizing:border-box;
	transition: color 350ms,background 350ms,border-color 350ms,box-shadow 350ms
}
.sor_metabox{
	font-family:'sor-iransans';
	padding:10px;
}
.sor-mouse-wait {
	cursor: wait !important;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:99999;background: rgba(0, 0, 0, 0.52);
	z-index: 99999999999999999;
	pointer-events: all !important;
}
 
.sor-mouse-wait .sor-errored{
	font-size:50px;
	color:#ffffff !important;
 top:50%;left:50%;
 text-align:center;
 transform:translate(-50%,-50%);position: relative;
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
}
.sor-mouse-wait div.sor-errored{
	display:none !important;
}
.sor-mouse-wait div.sor-errored:first-child{
	display:inline-block !important;
}
.sor-mouse-wait .sor-errored:before{
 	content: "\f153";
	font-family:dashicons;
	font-style:normal;
	color:#FF0004;margin-right: 10px;
	vertical-align:middle;
	
	
}
.sor_module_heading{
	float:right;
	width:100%;
	margin-bottom: 20px;
float: right;
}
.sor_module_shortcode{
	float:right;
	padding-left: 20px;
	margin-top:20px;
}


.sor_module_global_template{
	float:left;
	margin-top:20px;
}

.sor_module_shortcode .sor_options_name{
	width:200px;
}
.sor_module_shortcode .sor_options_setting{
	width:200px;
}
 
#sor_shortcode{
 resize: none;
width: 100%;
height: 50px;
color: rgb(50, 92, 119);
background: rgb(251, 236, 191);
border: none;
 border-radius: 7px;
direction: ltr;
text-align: right;
text-align: center;
vertical-align: middle;
line-height: 44px;
 }
#sor_setting_json,
#sor_slide{
	display:none;
}
.sor_module_button {
    height: 50px;
    margin-left: 20px;
    margin-bottom: 10px;
background-color: #f2f5f8;
    display: inline-block;
    position: relative;
    background-size: 37px;
    background-repeat: no-repeat;
    background-position: right 60px center;
    padding: 0px 20px;
    line-height: 50px;
    font-size: 15px;
    vertical-align: middle;
    font-family: iransans;
    color: rgb(80, 96, 112);
    font-weight: 700;
    border-radius: 7px;
    transition: all 500ms;margin-top: 0px !important;
    cursor: pointer;
}
 .sor_module_button::before{
    content: "";
     width: 25px;
    height: 25px;
    float: right;
    background-size: 25px;
    margin-top: 14px;
    margin-left: 10px;
 }
 
 
.sor_module_button:hover{
	background:rgb(42, 155, 216);
	color:#ffffff !important;
	
}
.sor_module_button img{
	width:30px;
	margin:10px 0px 10px 10px;
	float:right;
}

.sor_module_global_template_save::before{
	background-image:url(../image/library_save.png);
	
}
 
.sor_module_global_template_add::before{
	background-image:url(../image/library_save.png);
	
}
.sor_module_global_template_demo::before{
	background-image:url(../image/demo.png);
	
}
 
/******************** setting**************/
.sor_module_setting{
	position:relative;
	width:100%;
	background:none !important;
	height:auto !important;
}
.sor_module_setting.sor_module_type_single .sor_title_tabs a:nth-child(4),
.sor_module_setting.sor_module_type_single .sor_title_tabs a:nth-child(5),
.sor_module_setting.sor_module_type_single .sor_title_tabs a:nth-child(6),
.sor_module_setting.sor_module_type_single .sor_title_tabs a:nth-child(7),
.sor_module_setting.sor_module_type_glider .sor_title_tabs a:nth-child(4),
.sor_module_setting.sor_module_type_glider .sor_title_tabs a:nth-child(5),
.sor_module_setting.sor_module_type_glider .sor_title_tabs a:nth-child(6),
.sor_module_setting.sor_module_type_glider .sor_title_tabs a:nth-child(7){
	 display:none !important;
 }
/******************************************************** Slide *************************************/
.sor_module_slide_warp{
 	width: 100%;
display: inline-block;border-top: solid 3px rgb(226, 229, 232);
margin:0px;
padding-top: 20px;
}
.sor_module_slide_list{
		display: inline-block;
vertical-align: top;
margin:0px;margin-bottom: 20px;
width:100%;
}
.sor_module_slide_item{
width: 200px;
margin: 10px;
height: 180px;
background: #e2e5e8;
position: relative;
display: inline-block;
border-radius: 10px;
cursor:move;
overflow: hidden;
box-shadow: 5px 5px 5px 0px #e2e5e8;
 }
 
 .sor_module_slide_top{
	 width:100%;
	background:#506070;
	height:30px;
	position:relative;
}
.sor_module_slide_top a{
	width:25%;
	width: 25%;
	text-align:center;
    background: #30383f;
     position: relative;
    top: 0;
    display: inline-block;
     border-left: 1px solid #40484f;
}
.sor_module_slide_top a:hover{
	background:rgba(59,179,255,1.00);
}
.sor_module_slide_top a:before{
	cursor: pointer;
	
	line-height:30px;
	font-size:15px;
	width:100%;
	text-decoration: none;
	float: right;
	vertical-align: middle;	
	font-style: normal;
	color: #ffffff;
}
.sor_module_slide_options::before{
 
 	font-family: dashicons;
 	content: "\f111";
 
 }
 
 .sor_module_slide_duplicate::before{
 
 	font-family: dashicons;
 	content: "\f105";
 
 }

 .sor_module_slide_template_save::before{
 
 	font-family: FontAwesome;
 	content: "\f0c7";
 
 }
  .sor_module_slide_remove::before{
 
 	font-family: dashicons;
content: "\f182"; 
 }

 .sor_module_slide_bottom{
background: rgb(240, 243, 246);
height: 20px;
bottom: 0;
position: absolute;
width: 100%;
text-align: center;
 }
  .sor_module_slide_title{
line-height: 30px;
text-align: center;
width: 100%;
float: left;
width: 100%;
height: 30px;
background: #f2f5f8;
color: #60686f;

  }
  .sor_module_slide_list .ui-sortable-placeholder{
	  background:rgba(34, 113, 177, 0.1);width: 200px;
	  visibility:visible !important;
 height: 180px;
	border:dashed 1px rgba(34, 113, 177, 0.6);
	  
  }
  
.sor_module_add_warp{
	display: inline-block;
vertical-align: top;
	margin:00px;

}
.sor_module_add_warp a{
	float:right;
}
.sor_module_slide_add::before{
	background-image:url(../image/addslide.png);
	
}
.sor_module_slide_options_show::before {
    background-image: url(../image/slide_setting.png);
}
.sor_module_slide_template_add::before{
	background-image:url(../image/library_add.png);
	
}
.sor_module_all_slide_template_save::before{
	background-image:url(../image/library_save.png);
	
}

.sor_module_add_slide:hover{
	background-color:#102030;
	color:#ffffff;
}
 
.sor_module_add_bottom{
	width: 100%;
 text-align: center;
background: rgb(224, 232, 239);
color: #506070;
position: absolute;
bottom: 0;
line-height: 25px;
font-size: 13px;
 	
}
.sor_module_slide_layer,
.sor_module_slide_option{
	display:none !important;
}

.sor_module_slide_inner {
    height: 150px;
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.sor_module_slide_cover{
	height:120px !important;
	width:100%;
	position:relative;
	float:right;
		background-image: var(--sor-sl-bg-img);
		background-repeat:no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;


}
.sor_module_slide_cover::before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	right:0px;
	top:0px;
	background:var(--sor-sl-bg-cr);
}

 /**************************options/*************************/
 
.sor_panel *{
	box-sizing:border-box;
	font-family:'sor-iransans'  !important;
 box-sizing:border-box;
}
.sor_perview_heading *,
.sor_panel_title *,
.sor_module_layer_warp *,
.sor_options *{
		transition: color 350ms,background 350ms,border-color 350ms,box-shadow 350ms;
}
 

.sor_panel {
	display: none;
	position: fixed;
	pointer-events: all;
	background: rgba(0,0,0,0.70);
	top: 0;
	z-index: 150000;
	cursor: initial;
	height: 100%;
	width: 100%;
	left: 0;
	
	display: table;	font-family:'sor-iransans'  !important;

	vertical-align: middle
}
.sor_panel_middle {
	margin: auto;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	text-align: center;
	overflow:hidden;
 box-shadow: 0 0 50px 0px rgba(0, 0, 0, 1);
	border-radius:7px;
	display: inline-block;
	position: absolute;
	padding: 0 0;
 	right: 20px;
	top:20px;
  }
 
.sor_panel_title {
	padding: 00px;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	position:absolute;
	background: #f5f8fb;
	box-sizing: border-box;
	float: left;
	width: 100%;
	z-index: 1;
	height:50px;
	top: 0;
 }
.sor_panel_title h3{
	margin:0px !important;
	float: right;
	line-height:1 !important;
	padding:15px !important;
}
 
.sor_panel_cancel {
	cursor: pointer;
	height:50px;
	line-height:50px;
	padding:0 20px;
	background: rgb(240, 71, 71);
 	color:#ffffff;
	float:left;
 } 
 .sor_panel_cancel:hover{
	 background: rgb(185, 25, 25);
 }
.sor_panel_save,
.sor_panel_add{
    cursor: pointer;
    background: rgb(6, 208, 142);
    color: rgb(255, 255, 255);
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    float: left;
    padding: 0 20px;
}
.sor_panel_save:hover,
.sor_panel_add:hover{
	    background: rgb(0, 142, 96);
}
.sor_panel_save:before,
.sor_panel_cancel:before {
width: 25px;
content:"";
background-size:25px;
height: 25px;
margin-left: 10px;
margin-top: 12px;
float: right;
}
.sor_panel_save:before{
	
	background-image:url(../image/panel_save.png);
}
.sor_panel_cancel:before{
	background-image:url(../image/panel_cancel.png)
}
.sor_panel_add:before{
	background-image:url(../image/panel_add.png);
}
 
.sor_panel_scroll {
	overflow-y: auto;
	float: left;
	background: #fff;
	padding: 0;
	margin: 0;
	width: 100%;
	top:50px;
	position:relative;
	padding:20px;
	height:calc(100% - 50px);
}
.sor_panel_content{
	width:100%;
 
}











.sor_slide_json{
	display:none;
}
 

.sor_id_tablet_background_start .sor_options_span::after{
	
width: 25px;
content: "";
background-size: 25px;
height: 25px;
margin-left: 10px;
margin-top: 7.5px;
float: right;
background-image:url(../image/tablet-grey.png);
}
.sor_id_tablet_background_start .sor_options_span:hover::after{
	background-image:url(../image/tablet.png) !important;
}
.sor_id_mobile_background_start .sor_options_span::after{
	
	width: 25px;
content:"";
background-size:25px;
height: 25px;
margin-left: 10px;
margin-top: 7.5px;
float: right;
background-image:url(../image/mobile-grey.png);
}
.sor_id_mobile_background_start .sor_options_span:hover::after{
	background-image:url(../image/mobile.png) !important;
}

.sor_title_tabs {
	float: left;
	padding: 0px 00px 0px;
border-bottom: 3px solid #e2e5e8;
	width: 100%;
	text-align: right;
 }
.sor_title_tabs a {
    padding: 10px 20px;
    float: right;
    background: #60686f;
    border-color: #fff;
    font-size: 15px;
    color: #e2e5e8;
    margin-bottom: -3px;
    border-style: solid;
    border-width: 3px 3px 0px 3px;
    cursor: pointer;
    border-radius: 7px 7px 0px 0px;
    font-weight: 700;
}
 
.sor_title_tabs a:hover{
	background: rgb(255, 255, 255) !important;
	color:#222528  !important;
	  	border-right: solid 3px #e2e5e8 !important;
 	border-top: solid 3px #e2e5e8 !important;
 	border-left: solid 3px #e2e5e8 !important;
 	border-bottom: solid 3px #fff !important;
}
body .sor_layout_active {
	background: rgb(255, 255, 255) !important;
	border-bottom: none !important;
	color:#222528;
  	border-right: solid 3px #e2e5e8 !important;
 	border-top: solid 3px #e2e5e8 !important;
 	border-left: solid 3px #e2e5e8 !important;
 	border-bottom: solid 3px #fff !important;
}

 
 
.sor_options_heading.sor_responsive_options_tablet  span::before{
 width: 25px;
content:"";
background-size:25px;
height: 25px;
margin-left: 10px;
margin-top: 7.5px;
float: right;
background-image:url(../image/tablet-grey.png);
}
.sor_options_heading.sor_responsive_options_mobile  span::before{
 width: 25px;
content:"";
background-size:25px;
height: 25px;
margin-left: 10px;
margin-top: 7.5px;
float: right;
background-image:url(../image/mobile-grey.png);
}
 
 .sor_live_slide_background_image input{
	 width:500px;
	 margin-right:10px;
 }
 .sor_module_slide_options_show{
	 float:right;
 }
 .sor_module_slide_options_show.sor_module_slide_options_active{
	 background:rgb(42, 155, 216) !important;
	 color:#ffffff !important;
	 
 }#sor_module_slide_options.sor_module_side_options_active{
		width:400px;
 	display:inline-block;
  }