/*
Theme Name: WebinarPlus
Text Domain: WebinarPlus
Version: 1.0
Requires at least: 4.7
Requires PHP: 7.0.0
Author: MahdaWeb
Author URI: https://mahdaweb.ir/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face{font-display:swap;
  font-family: "IranYekan";
  src: url("/assets/f8b29c9a13d2a3ada70615f7.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
}

ul {
	margin-bottom: 0!important;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

 html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
	
    font-size: 15px;
    line-height: 27px;
    color: #4C4C4D;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'IranYekan', sans-serif;
}

strong {
	color: #243a7d;
	font-size: 17px;
}

.wf-article-text img {
	max-width: 100%;
}

a{
	text-decoration:none;
	cursor:pointer;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	margin:0px;
	background:none;
	line-height:normal;
}

h1 {font-size: 24px; }
h2 {font-size: 40px; }
h3 {font-size: 30px; }
h4 {font-size: 24px; }
h5 {font-size: 20px; }
h6 {font-size: 17px; }

section{
	position: relative;
}

textarea{
	overflow:hidden;	
	resize: none;
}

button{
	background-color: transparent;
	outline: none !important;
	cursor: pointer;
	min-width: auto;
}



::-webkit-input-placeholder{color: inherit; opacity: .50;}
::-moz-input-placeholder{color: inherit; opacity: .50;}
::-ms-input-placeholder{color: inherit; opacity: .50;}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.small-container{
	position:static;
	max-width:1000px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
	z-index: 99;
	background-color: #ffffff;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}


/***

====================================================================
	Main Header
====================================================================

***/

.main-header{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 99;
	background: rgba(0,0,0,0.2);
	box-shadow: 0 8px 10px 0.5px rgba(68,68,68,.05);
}

.header-span{
	height: 120px;
}

/* Header Top */

.main-header .header-top{
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.main-header .header-top .inner-container{ 
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}

.main-header .top-left{
  position: relative;
}

.main-header .contact-list{
  position: relative;
  padding: 5px 0;
  position: relative;
  display: flex;
  align-content: flex-end;
  flex-wrap: wrap;
}

.main-header .contact-list li{
  position: relative;
  font-size: 12px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  margin-right: 30px;
}

.main-header .contact-list li:last-child{
  margin-right: 0;
}

.main-header .contact-list li i{
  float: right;
  font-size: 14px;
  line-height: 25px;
  margin-right: 8px;
  color: #ffffff;
}

.main-header .contact-list li a{
  color: #ffffff;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .top-right{
  position: relative;
}

.main-header .main-box{
	position: relative;
	display: block;
	padding: 0 30px;
	z-index: 999;
}

.main-header .nav-outer{
	position: static;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-header .logo{
	position: relative;
	z-index: 9;
	padding: 15px 0 15px 15px;
}

.main-header .logo img{
	max-height: 82px;
	width:auto!important;
}

.main-header .menu-box{
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.main-menu{
	position:static;
}

.main-menu .navbar-header{
	display: none;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:static;
	display: flex;
	flex-direction: row-reverse;
}

.main-menu .navigation > li{
	position:relative;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	opacity:1;
    font-size: 16px;
    line-height: 36px;
	font-weight:500;
	color:#ffffff;
	padding: 23px 16px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	text-decoration: none;
}

.main-menu .navigation > li.dropdown > a:after{
	position: absolute;
	left: -2px;
	top: 50%;
	margin-top: -10px;
	font-family: 'Flaticon';
    content: "\f210";
    display: block;
    line-height: 20px;
    font-size: 8px;
    color: #ffffff;
    z-index: 5;
}

.main-menu .navigation > li > a:before{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 3px;
	width: 0%;
	background: #C40000;
	content: "";
	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
	width: 100%;
	opacity: 1;
	visibility: visible;
}

.main-menu .navigation > li > a > span{
	position: relative;
	display: block;
	padding-right: 10px;
	font-size:14px;
	font-weight:500;
}

.main-menu .navigation > li > ul{
	position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border-radius: 8px;
    padding: 17px 30px;
    z-index: 1;
    min-width: 220px;
    margin-top: 8px;
    display: none;
    -webkit-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    text-align: right;
}

.main-menu .navigation > li > ul:before{
	display: table;
	content: "";
	position: absolute;
	top: -10px;
	right: 0;
	width: 100%;
	height: 10px;
}

.main-menu .navigation > li > ul > li{
	position:relative;
	display: block;
	z-index: 1;
	border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
    z-index: 1;
	font-weight:500;
    font-size: 15px;
    line-height: 28px;
	color:rgba(0,0,0,0.74);
	padding: 10px 0;
	white-space: nowrap;
	text-transform:capitalize;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li.current.dropdown > a:before,
.main-menu .navigation > li li.current li.current > a,
.main-menu .navigation > li > ul > li.current > a{
	color: #C40000;
}

.main-menu .navigation > li > ul > li > ul{
    position: absolute;
    top: 0;
    right: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 17px 30px;
    z-index: 1;
    min-width: 150px;
    margin-top: -10px;
    margin-right: 30px;
    display: none;
    -webkit-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    text-align: right;
}

.main-menu .navigation > li > ul > li > ul:before{
	position: absolute;
	left: -30px;
	top: 0;
	height: 100%;
	width: 30px;
	content: "";
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
    padding: 10px 0;
    z-index: 1;
	font-weight:500;
    font-size: 15px;
    line-height: 28px;
	color:rgba(0,0,0,0.74);
	white-space: nowrap;
	text-transform:capitalize;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li.dropdown > a:before{
	position: absolute;
	left: -5px;
	top: 50%;
	margin-top: -10px;
	font-family: 'Font Awesome 5 Free';
    content: "\f104";
    display: block;
    line-height: 20px;
    font-size: 14px;
    font-weight: 900;
    color: #000000;
    z-index: 5;
    opacity: .75;
}

.main-menu .navigation > li.dropdown.active > ul{
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 99;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.main-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .outer-box{
	position: relative;
	margin-left: -140px;
}

.main-header .search-box{
    position: relative;
}

.main-header .search-box .search-btn{
    position: relative;
    background-color: transparent;
    z-index: 1;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
}

.main-header .outer-box{
	position: relative;
	display: flex;
	align-items: center;
}

.main-header .service_wrapper{
	position: relative;
	padding-left: 50px;
	margin-right: 75px;
}

.main-header .service_wrapper .icon{
	position: absolute;
	left: 0;
	top: 50%;
	font-size: 30px;
	line-height: 30px;
	margin-top: -15px;
	color: #C40000;
}

.main-header .service_wrapper p{
	font-size: 14px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 500;
}

.main-header .service_wrapper h4{
	font-size: 15px;
	line-height: 27px;
	color: #ffffff;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
	position: static;
}

.main-menu .navigation > li > .mega-menu{
	position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    padding: 35px 30px 25px;
	border-radius: 5px;
	background-color: #ffffff;
	transform: translateX(-50%);
	margin-top: 8px;
	display: none;
	-webkit-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
}

.main-menu .navigation > li:hover > .mega-menu{
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) scaleY(1);
}

.main-menu .navigation > li > .mega-menu:before{
    display: table;
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
	position: relative;
	margin: 0;
}

.main-menu .navigation > li .mega-menu-bar h3{
	position:relative;
	text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 9px;
}

.main-menu .navigation > li .mega-menu-bar h3:before{
	content: '';
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #C40000;
}

.main-menu .navigation > li .mega-menu-bar > ul{
	position:relative;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
	position:relative;
	display: block;
	z-index: 1;
	border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
	border:none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
	position:relative;
	display:block;
    z-index: 1;
	font-weight:500;
    font-size: 15px;
    line-height: 28px;
	color:rgba(0,0,0,0.74);
	padding: 10px 0;
	white-space: nowrap;
	text-transform:capitalize;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li.current > a{
	color: #C40000;
}

.header-post-widget{
	padding: 15px 0;
}

.latest-post{
	position: relative;
	margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E1E1E1;
    min-height:80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 80px;
}

.latest-post:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.latest-post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	width: 65px;
	border-radius: 4px;
	overflow: hidden;
}

.latest-post h6{
	font-size: 15px;
	font-weight: 500;
	color: #000;
}

.latest-post .info{
	font-size: 13px;
	color: #7e7e80;
	font-weight: 500;
}

/*================= End Mega Menu =========================*/

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.search-popup .search-back-drop{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.50);
}

.search-active .search-popup{
	opacity: 1;
	visibility: visible;
}

.search-popup .search-inner{
	position: relative;
	background: #ffffff;
	padding: 25px 0 30px;
    z-index: 1;
    transform: translateY(-100%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup .search-inner{
	transform: translateY(0);
}

.search-popup .upper-text{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	direction: rtl;
}

.search-popup .upper-text .text{
	font-size: 13px;
	font-family: IranYekan;
	text-align: right;
	direction: rtl;
}

.search-popup .close-search{
	position: absolute;
	left: 0;
	top: 0;
	color: #4C4C4D;
    font-size: 10px;
    line-height: 27px;
	z-index: 3;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.search-popup .form-group form{
	position: relative;
}

.search-popup .form-group{
	position:relative;
	margin:0px;	
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:24px;
	line-height: 25px;
	color:#333333;
	padding: 10px;
	height: 45px;
	width:100%;
	background-color: transparent;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	text-align: right;
	font-family: IranYekan;
	direction: rtl;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
	position:absolute;
	left:12px;
	top:0px;
	background: transparent;
	text-align:center;
	font-size:20px;
	line-height: 45px;
	color:#333333;
	padding: 0;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{

}

/*search box btn*/

.main-header .cart-btn-outer{
	position: relative;
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #cccccc;
}

.main-header .header-top .cart-btn-outer{
	padding-left: 0;
	border-left: 0;
}

.main-header .cart-btn{
    position: relative;
    display: block;
    z-index: 1;
    color: #000000;
    font-size: 15px;
    line-height: 21px;
}

.main-header .cart-btn .count{
	position: absolute;
	right: -10px;
    top: -2px;
	height: 14px;
	width: 14px;
	text-align: center;
	line-height: 14px;
	font-size: 8px;
	color: #ffffff;
	background-color: #C40000;
	border-radius: 50%;
}

/*** 

====================================================================
		Sticky Header
====================================================================

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99;
    background: rgba( 255, 255, 255, 1);
	-webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 99;
	visibility:visible;
}

.sticky-header .search-box .search-btn,
.sticky-header .service_wrapper h4,
.sticky-header .service_wrapper p,
.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li > a{
	color: #000000;
}

.sticky-logo{
	display: none;
}

.sticky-header .main-logo{
	display: none;
}

.sticky-header .sticky-logo{
	display: block;
}

/*** 

====================================================================
		Mobile Header
====================================================================

***/

.mobile-header{
	position: relative;
	margin: 0 20px;
	padding: 20px 0;
	display: none;
}

.mobile-header:after{
	display: table;
	clear: both;
	content: "";
}

.mobile-header .logo{
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 38px;
}

.mobile-header .nav-outer{
	position: relative;
	float: left;
}

.mobile-header .outer-box{
	position: relative;
	float: left;
}

.mobile-sticky-header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding: 20px 15px;
	opacity: 0;
	visibility: hidden;
	background-color: #ffffff;
	z-index: 999;
	-webkit-box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
    -moz-box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
    box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
}

.mobile-sticky-header:after{
	display: table;
	clear: both;
	content: "";
}

.mobile-sticky-header .logo{
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 38px;
}

.mobile-sticky-header .nav-outer{
	position: relative;
	float: left;
}

.mobile-sticky-header .outer-box{
	position: relative;
	float: left;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 24px;
	line-height: 30px;
	cursor: pointer;
	margin-left: 20px;
	color:#000000;
	order: 3;
	display: none;
	transition: all 300ms ease;
}

.mobile-menu-back-drop{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	transition: all 200ms ease;
}

.mobile-menu{
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	max-width:100%;
	height: 100%;
	margin: 0 auto;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	transition: all 300ms ease;
} 

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 25px;
	text-align:right;
	border-bottom: 1px solid #e5e5e5;
}

.mobile-menu .nav-logo img{
	
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-outer{
	position: fixed;
	right: 0px;
	top: 0;
	bottom: 0;
	width: 300px;
	height: 100%;
	overflow-y: auto;
	padding: 0px 0px;
	z-index: 5;
	display: block;
	background-color: #ffffff;
	transform: translateX(100%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mobile-menu-visible .mobile-menu .menu-outer{
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: relative;
	right: 0px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0px;
	z-index: 5;
	display: block;
	background-color: #ffffff;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
}

.mobile-menu .navigation > li{
	position: relative;
	display: block;
	text-align: right;
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
	padding: 10px 25px;
	border-bottom: 1px dashed #e5e5e5;
	border-top: 1px solid transparent;
	font-family: IranYekan;
}

.mobile-menu .navigation li:last-child > a{
	border-bottom: 0;
}

.mobile-menu .navigation li.current > a{
	color: #0154f7;
}

.mobile-menu .navigation li li > a{
	padding: 10px 0px;
	font-size: 14px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	left:5px;
	top:0px;
	width:42px;
	height:42px;
	text-align:center;
	line-height:42px;
	font-size: 10px;
	color: #000000;
    -webkit-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li.current.dropdown .dropdown-btn{
	color: #363636;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mobile-menu .navigation li > ul{
	display: none;
	padding-right: 40px;
}

.mobile-menu .navigation li > ul > li > ul{
	display: none;
	padding: 0 25px;
}

.mobile-menu .mega-menu-bar h3{
	position:relative;
	text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 9px;
    margin-left: 40px;
}

.mobile-menu .mega-menu-bar h3:before{
	content: '';
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #C40000;
}

.mobile-menu .mega-menu-bar .column{
	width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.mobile-menu .navigation > li > .mega-menu{
	width: 100% !important;
	display: none;
}

.mobile-menu .navigation > li.has-mega-menu ul {
	padding-left: 40px;
}

.mobile-menu .header-post-widget{
	padding-left: 40px;
}

.menu-search{
	position: relative;
	padding: 25px 25px;
}

.menu-search .form-group{
	position: relative;
}

.menu-search .form-group .input{
	position: relative;
	width: 100%;
	padding: 10px 10px 10px 50px;
	outline: none;
	border: 1px solid #e5e5e5;
	font-size: 15px;
	color: #333;
	font-weight: 400;
	line-height: 23px;
	height: 45px;
	direction: rtl;
	font-family: IranYekan;
}

.menu-search .form-group button{
	position: absolute;
	left: 0;
	top: 0;
	height: 45px;
	line-height: 45px;
	width: 45px;
	text-align: center;
}

/*** 

====================================================================
		Header Style Two
====================================================================

***/

.header-style-two{
	position: relative;
	background: #ffffff;
}

.header-style-two .contact-list li i,
.header-style-two .contact-list li,
.header-style-two .contact-list li a,
.header-style-two .search-box .search-btn,
.header-style-two .service_wrapper h4,
.header-style-two .service_wrapper p,
.header-style-two .main-menu .navigation > li.dropdown > a:after,
.header-style-two .main-menu .navigation > li > a{
	color: #000000;
}

.header-style-two .outer-box{
	margin-left: 60px;
}

.header-style-two .header-top{
	position: relative;
	background: #f4f4f4;
}

.header-style-two .header-top .service-num{
	position: relative;
	display: flex;
	align-items: center;
}

.header-style-two .header-top .service-num a{
	margin-right: 20px;
	font-size: 15px;
	font-weight: 500;
	color: #000000;
	transition: all 300ms ease;
}

.header-style-two .header-top .service-num a i{
	margin-right: 10px;
}

.header-style-two .header-top .service-num .text{
	font-size: 12px;
}

.header-style-two .menu-box{
	padding: 0 15px;
}

.header-style-two .sticky-header .menu-box,
.header-style-two .sticky-header .auto-container{
	max-width: 100%;
	padding: 0;
}

.header-style-two .sticky-header .outer-box{
	margin-left: -170px;
}

/*** 

====================================================================
		Header Style Three
====================================================================

***/

.header-style-three{
	position: relative;
	background: none;
}

.header-style-three .contact-list li i,
.header-style-three .contact-list li,
.header-style-three .contact-list li a,
.header-style-three .search-box .search-btn,
.header-style-three .service_wrapper h4,
.header-style-three .service_wrapper p,
.header-style-three .main-menu .navigation > li.dropdown > a:after,
.header-style-three .main-menu .navigation > li > a{
	color: #000000;
}

.header-style-three .contact-list li,
.header-style-three .contact-list li a,
.header-style-three .search-box .search-btn,
.header-style-three .service_wrapper h4,
.header-style-three .service_wrapper p,
.header-style-three .main-menu .navigation > li > a{
	font-family: IranYekan;
}

.header-style-three .outer-box{
	margin-right: 40px;
	margin-left: 0;
}

.header-style-three .header-top{
	position: relative;
	background: #f4f4f4;
}

.header-style-three .header-top .service-num{
	position: relative;
	display: flex;
	align-items: center;
}

.header-style-three .header-top .service-num a{
	margin-right: 20px;
	font-size: 15px;
	font-weight: 500;
	color: #000000;
	transition: all 300ms ease;
}

.header-style-three .header-top .service-num a i{
	margin-right: 10px;
}

.header-style-three .header-top .service-num .text{
	font-size: 12px;
}

.header-style-three .main-box{
	padding: 0 15px;
}

.header-style-three .sticky-header .menu-box,
.header-style-three .sticky-header .auto-container{
	max-width: 100%;
	padding: 0;
}

.header-style-three .sticky-header .outer-box{
	
}

/*** 

====================================================================
		Header Style Four
====================================================================

***/

.header-style-four{
	position: relative;
	background: #ffffff;
}

.header-style-four.main-header .header-top {
	border-bottom: 1px solid #cccccc;
}
.header-style-four .header-top .inner-container{
	background: #ffffff;
    max-width: calc(100% - 170px);
    margin: 0 85px;
    padding: 0 15px;
}

.header-style-four .contact-list li i,
.header-style-four .contact-list li,
.header-style-four .contact-list li a,
.header-style-four .search-box .search-btn,
.header-style-four .service_wrapper h4,
.header-style-four .service_wrapper p,
.header-style-four .main-menu .navigation > li.dropdown > a:after,
.header-style-four .main-menu .navigation > li > a{
	color: #000000;
}

.header-style-four .outer-box{
	margin-left: -140px;
}

.header-style-four .header-top{
	position: relative;
}

.header-style-four .header-top .service-num{
	position: relative;
	display: flex;
	align-items: center;
}

.header-style-four .header-top .service-num a{
	margin-right: 20px;
	font-size: 15px;
	font-weight: 500;
	color: #000000;
	transition: all 300ms ease;
}

.header-style-four .header-top .service-num a i{
	margin-right: 10px;
}

.header-style-four .header-top .service-num .text{
	font-size: 12px;
}

.header-style-four .main-box{
	padding: 0;
}

.header-style-four .menu-box{
	padding: 0 15px;
    max-width: calc(100% - 170px);
    margin: 0 85px;
}

.header-style-two .sticky-header .menu-box,
.header-style-two .sticky-header .auto-container{
	max-width: 100%;
	padding: 0;
}

.header-style-two .sticky-header .outer-box{
	margin-left: -170px;
}

.main-header .service_wrapper h4{
	font-size: 18px;
	font-weight: 600;
}
.slider-area {
  /*position: relative;*/
  padding-bottom: 100px;
}
.slick-list {
	overflow: visible!important;
}
.slider {
	padding-top: 300px;
	padding-bottom: 169px;
}
.slider-area .banner-img {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	z-index: -1;
}
.slider-height {
	min-height: 865px;
}
.slider-3-height {
	/*min-height: 950px;*/
}
.single-slider {
	background-size: cover;
	background-position: center center;
}
.slider-content{
	text-align: right;
}
.slider-content h1 {
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 18px;
	line-height: 1.1;
	margin-top: 20px;
	color: #C40000;
}
.slider-content span {
	color: #f89f22;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	font-family:'IranYekan';
	letter-spacing: 2px;
	position: relative;
	padding-right: 57px;
}
.slider-content span::before {
	height: 2px;
	width: 20px;
	background: #f89f22;
	content: "";
	position: absolute;
	right: 0;
	top: 6px;
}
.slider-content span::after {
	height: 2px;
	width: 10px;
	background: #f89f22;
	content: "";
	position: absolute;
	right: 28px;
	top: 6px;
}
.slider-content p {
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 0;
	color: #151515;
	margin-left: 12%;
}
.slider-button {
	direction: rtl;
	margin-top: 28px;
}
.slider-button a.btn {
	margin-left: 25px;
}

/* dotted */
.slider-dotted {
	position: absolute;
	z-index: 1;
}
.sd-one {
	right: 8%;
	top: 38%;
	animation: moveShape 20s linear 2s infinite alternate;
}
@keyframes moveShape {
  0% {
    right: 10%;
    top: 37%;
  }

  25% {
    right: 12%;
    top: 50%;
  }

  50% {
    right: 8%;
    top: 45%;
  }

  75% {
    right: 6%;
    top: 30%;
  }

  100% {
    right: 10%;
    top: 20%;
  }
}
.sd-two {
	right: 46%;
	top: 24%;
	animation: moveShape2 20s linear 2s infinite alternate;
}
@keyframes moveShape2 {
  0% {
    right: 46%;
    top: 24%;
  }

  25% {
    right: 50%;
    top: 30%;
  }

  50% {
    right: 40%;
    top: 35%;
  }

  75% {
    right: 45%;
    top: 30%;
  }

  100% {
    right: 30%;
    top: 25%;
  }
}
.sd-three {
	right: 5%;
	top: 80%;
	animation: moveShape3 20s linear 2s infinite alternate;
}
@keyframes moveShape3 {
  0% {
    right: 5%;
    top: 80%;
  }

  25% {
    right: 10%;
    top: 90%;
  }

  50% {
    right: 8%;
    top: 95%;
  }

  75% {
    right: 3%;
    top: 80%;
  }

  100% {
    right: 15%;
    top: 90%;
  }
}
.sd-four {
	right: 22%;
	top: 94%;
	animation: moveShape4 20s linear 2s infinite alternate;
}
@keyframes moveShape4 {
  0% {
    right: 22%;
    top: 94%;
  }

  25% {
    right: 30%;
    top: 90%;
  }

  50% {
    right: 35%;
    top: 100%;
  }

  75% {
    right: 40%;
    top: 94%;
  }

  100% {
    right: 22%;
    top: 94%;
  }
}


/* slider 2 */
.slider-height{
	min-height: 950px;
}
.slider-2-content h1 {
	/*color: #fff;*/
}
.slider-2-content p {
	margin-left: 0;
	padding: 0 20px;
	direction: rtl;
	text-align:justify;
	/*color: #fff;*/
}
.f-right {
	float: right;
}
.slider-2-content {
	margin-top: 250px;
}
.slider-shape-rocket {
	top: 110px;
	position: relative;
}
/* slider 3 */
.slider-3-content p {
	padding: 0;
	padding-left: 100px;
}


.slider-img {
	/*margin-top: 65px;*/	
}
.slider-img img {
	max-width: 630px;
	max-height: 650px;
}
.slider-3-content span {
	color: #fff;
}
.slider-3-content span::before ,.slider-3-content span::after{
	background: #fff;
}
.slider-active button.slick-arrow {
	position: absolute;
	top: 50%;
	left: 90px;
	transform: translateY(-50%);
	background: none;
	border: 0;
	font-size: 16px;
	padding: 0;
	color: #10111e;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	cursor: pointer;
	background: #fff;
	line-height: 80px;
}
.slider-active:hover button {
	opacity: 1;
	visibility: visible;
}
.slider-active button.slick-next {
	left: auto;
	right: 0%!important;
}
.slider-active:hover button.slick-next {
	right: 105px;
}
.slider-active:hover button.slick-prev {
	left: 0%!important;
}
.slider-active button:hover {
	background: #C40000;
	color: #fff;
}
/* button style */
.btn {
	backface-visibility: hidden;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	font-size: 22px;
	line-height: 1;
	/*padding: 20px 15px;*/
	text-align: center;
	text-transform: capitalize;
	transition: .3s;
	font-weight: 100;
	border: 0;
	border-radius: 0;
	border-radius: 30px;
	background: linear-gradient(to right, #aa0505 50%, #830101 50%);
	background-size: 200% 100%;
    background-position: right bottom;
    transition:all .3s ease;
}
.bw {
	background: linear-gradient(to right, #aa0505 50%, #FFF 50%);
	background-size: 200% 100%;
    background-position: right bottom!important;
    transition:all .3s ease;
}
.btn-yellow{
	background: linear-gradient(to right, #979FA3 50%, #2f3e46 50%);
	background-size: 200% 100%;
    background-position: right bottom;
    transition:all .3s ease;
}
.btn:hover{
	 background-position: left bottom!important;
	 color:#fff!important
}
.btn i {
	font-size: 16px;
	top: 3px;
	position: relative;
	padding-right: 5px;
}
.breadcrumb > .active {
	color: #888;
}
.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }

@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }


.service-element service-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.service-element service-widget:not(.service-element service-widget__width-auto):not(.service-element service-widget__width-initial):not(:last-child):not(.elementor-absolute) {
    margin-bottom: 10px;
}
.service-element service-widget:not(:last-child) {
    margin-bottom: 20px;
}
.service-element service-widget-wrap>.service-element {
    width: 100%;
}
.service-element service-widget {
    position: relative;
}
.service-element .service-element service-widget-container {
    -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}

.service-icon-wrapper {
    text-align: center;
}
.service-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #818a91;
    font-size: 50px;
    text-align: center;
}
 .service-icon {
    background-color: #FFE5DE;
    color: #FF8264;
}
.service-icon:hover {
	background: #FF8264;
	color:#FFF;
}
.service-icon {
    font-size: 30px;
    padding: 20px;
    border-radius: 24px 24px 24px 24px;
}
.service-icon i, .service-icon svg {
    transform: rotate(0deg);
}
.service-icon i, .service-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.service-icon i:before, .service-icon svg:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fa-signal:before {
    content: "\f012";
}

.service-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.service-column {
    position: relative;
    min-height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.service-populated {
    box-shadow: 0px 7px 40px 2px rgba(18, 21, 154, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 20px 0 0;
    padding: 30px 15px 25px 15px;
    min-height: 233px;
}
.service-row > div:nth-child(even) >div {
	margin-top: 0;
}
.service-row > div:nth-child(2) .service-icon {
    background-color: #DCE6FE;
    color: #7D9CE9;
}
.service-row > div:nth-child(2) .service-icon:hover {
    background-color: #7D9CE9;
    color: #FFF;
}
.service-row > div:nth-child(3) .service-icon {
    background-color: #DEFFEC;
    color: #81C99F;
}
.service-row > div:nth-child(3) .service-icon:hover {
    background-color: #81C99F;
    color: #FFF;
}
.service-row > div:nth-child(4) .service-icon {
    background-color: #FFFACE;
    color: #FFE700;
}
.service-row > div:nth-child(4) .service-icon:hover {
    background-color: #FFE700;
    color: #FFF;
}
.service-populated, .elementor-background-overlay, .elementor-background-slideshow {
    border-radius: 20px 20px 20px 20px;
    background:#FFF;
}
.service-heading-title {
    color: #404757!important;
    font-family: "IranYekan", Sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.service-heading-desc {
    color: #858A96;
    font-family: "IranYekan", Sans-serif;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.services h4 {
    color: #050547;
}
.services h4 a {
    color: #050547!important;
}
.services h4 a:hover {
    color: #c40000!important;
}

.services  h3 {
	text-align: center;
	margin-bottom: 60px;
}
.service-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
    text-align: center;
}
.services .col-md-3 {
	padding-right: 5px;
}

.service-element {
	margin-bottom: 10px;
}

.service-animation-rotate{
	transition-duration:.3s;
	transition-property:transform
}
.service-animation-rotate:active,.srvice-animation-rotate:focus,.service-animation-rotate:hover {
	transform:rotate(4deg)
}

.services > .container {
	text-align: center;
}
.services .container > .icon,
.news-section .sec-title > .icon,
.pricing-area .sec-title > .icon, 
.partner-area .sec-title > .icon {
    position: relative;
    display: inline-block;
    width: 74px;
    height: 74px;
    line-height: 74px;
    font-size: 30px;
    text-align: center;
    background: #eef3f9;
    color: #c40000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 22px;
}
/*-- Service --*/
.services {
  position: relative;
  padding-bottom: 84px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 797px 293px;
  background-image: url("/assets/b731f871168940d530a72c22.png");
}

.services .service-shape img {
  position: absolute;
}

.services .service-shape img:nth-child(1) {
  left: 0;
  top: 0;
  z-index: -1;
  display: none;
}

.services .service-shape img:nth-child(2) {
  bottom: 310px;
  left: 60px;
  z-index: -1;
  -webkit-animation: host-ani-three 12s infinite linear;
          animation: host-ani-three 12s infinite linear;
}

.services .service-shape img:nth-child(3) {
  top: 62px;
  left: 140px;
  z-index: -1;
  -webkit-box-shadow: 0px 0px 40px 0px #ddd;
          box-shadow: 0px 0px 40px 0px #ddd;
  border-radius: 50%;
  -webkit-animation: host-ani-seven 3s infinite linear;
          animation: host-ani-seven 3s infinite linear;
}

.services .service-shape img:nth-child(4) {
  top: -200px;
  right: 0;
  z-index: -1;
}

.services .service-shape img:nth-child(5) {
  top: -65px;
  right: 25%;
  z-index: -1;
}

/*-- Grow --*/
.seo-grow-area {
  background: linear-gradient(77deg, #c40000 0%, #e02d2d 64%);
  position: relative;
  direction: rtl;
}

.seo-grow-area .ajax-loader,
#mc-form .ajax-loader {
    position: absolute;
    left: 0;
    top: 17px;
}

.seo-grow-area .wpcf7-response-output, .seo-grow-area .wpcf7-not-valid-tip {
 	position: absolute;
 	color: #FFF;
}
#mc-form .wpcf7-response-output, .seo-grow-area .wpcf7-not-valid-tip {
	position: absolute;
}
 .seo-grow-area .wpcf7-not-valid-tip {
 	color: yellow;
 	margin-top: -30px;
 }

 #mc-form .wpcf7-not-valid-tip {
 	color: red;
 	margin-top: -40px;
 }

.seo-grow-area .grow-shape img {
  position: absolute;
  top: 60px;
left: 50px;
}

.seo-grow-area .seo-section-title {
text-align: right;
  margin-bottom: 25px;
}

.seo-grow-area .seo-section-title .sub-title {
  color: #ffffff;
}

.seo-grow-area .seo-section-title .sub-title:before {
    background-color: #ffffff;
	right: 0;
}

.seo-grow-area .seo-section-title h2 {
  color: #ffffff;
margin-right: 0;
  max-width: 475px;
}

.seo-grow-area .grow-img img {
  position: relative;
  top: 40px;
}

.seo-grow-area .grow-item {
  padding-top: 75px;
  padding-bottom: 80px;
}

.seo-grow-area .grow-item form {
  position: relative;
  background-color: #e02d2d;
  border: 2px solid #fb6868;
  border-radius: 50px;
padding-left: 190px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.seo-grow-area .grow-item form .form-group {
  margin-bottom: 0;
}

.seo-grow-area .grow-item form .form-group .form-control {
  height: 30px;
  font-weight: 500;
  font-size: 15px;
  background-color: transparent;
  border: 0;
border-left: 1px solid #fff;
  border-radius: 0;
padding-right: 35px;
}

.seo-grow-area .grow-item form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
border-left: 1px solid #fff;
}

.seo-grow-area .grow-item form .form-group ::-webkit-input-placeholder {
  color: #ffffff;
}

.seo-grow-area .grow-item form .form-group :-ms-input-placeholder {
  color: #ffffff;
}

.seo-grow-area .grow-item form .form-group ::-ms-input-placeholder {
  color: #ffffff;
}

.seo-grow-area .grow-item form .form-group ::placeholder {
  color: #ffffff;
}

.seo-grow-area .grow-item form .group-two .form-control {
border-left: 0;
padding-right: 10px;
}

.seo-grow-area .grow-item form .group-two .form-control:focus {
border-left: 0;
}

.seo-grow-area .grow-item form .grow-form-btn {
  font-weight: 500;
  font-size: 15px;
  color: #c40000;
  text-transform: uppercase;
  background-color: #ffffff;
  position: absolute;
  top: -2px;
left: -2px;
  padding: 15px 35px 15px;
  border-radius: 50px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 54px;
}

.seo-grow-area .grow-item form .grow-form-btn:hover {
  color: #ffffff;
  background-color: #1a1a1a;
}

/*-- End Grow --*/
/***

====================================================================
			News Section
====================================================================

***/

.news-section{
	direction: rtl;
	text-align:right;
	position: relative;
	padding: 100px 0 84px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 797px 293px;
    background-image: url("/assets/b731f871168940d530a72c22.png");
}

.news-section .row {
	display: flex;
}

.news-section .col {
  flex: 1;

}

.sec-bottom-text {
    position: relative;
    margin-top: 30px;
    text-align: center;
}
.sec-bottom-text  a {
    font-size: 18px!important;
    line-height: 21px;
    color: #c40000!important;
}

.news-section .sec-title{
	margin-bottom: 75px;
}

.news-block{
	position: relative;
	margin-bottom: 30px;
}

.news-block .inner-box{
	position: relative;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.flex-row .noshadow .inner-box {
	box-shadow: 0 0 0 !important;
}

.news-block .inner-box:hover{
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	transform: translateY(-15px);
}

.news-block .image-box{
	position: relative;
}

.news-block .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.news-block .image-box .image img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.news-section .image-box .image img{
    
}

.news-block .image-box .date{
	position: absolute;
	right: 0;
	bottom: 0;
    text-align: center;
    padding: 12px 30px 0px;
    font-size: 15px;
    color: #000000;
    background: #ffffff;
    border-radius: 10px 0 0 0;
}

.news-block .image-box .date i{
	color: #c40000;
	font-size: 18px;
	margin-left: 10px;
}

.flex-row .news-block .image-box .date i {
	margin-right: 10px;
	float: right;
}

.news-block .read-more{
	position: absolute;
	color: #ffffff;
	background: #c40000;
    top: -30px;
    opacity: 0;
    left: 30px;
    font-size: 16px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 14px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
}

.news-block .inner-box:hover .read-more{
	opacity: 1;
	top: -40px;
}

.news-block .lower-content{
	position: relative;
	background: #ffffff;
	padding: 30px 30px 20px;
}

.news-block .lower-content h4{
	position: relative;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    word-break: break-word;
    height: 55px;
}

.news-block .lower-content h4 a{
	display: inline-block;
	color: #000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .lower-content .text{
	color: #4c4c4d;
	margin-top: 18px;
	text-align:justify;
	height: 125px;
}

.news-block .lower-content .post-info{
    position: relative;
    font-size: 16px;
    line-height: initial;
    margin-top: 30px;
    padding-top: 21px;
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: -10px;
}

.news-block .post-author{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.news-block .post-author img{
	height: 30px;
	width: 30px;
	border-radius: 50%;
	margin-left: 10px;
}

.news-block .post-option{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.news-block .post-option .coments_count a{
	display: inline-block;
	color: #000000;
}

.news-block .post-option .coments_count i{
	font-size: 14px;
	margin-left: 7px;
	color: #c40000;
}

.news-block .post-option .social-share{
    position: relative;
    display: flex;
    align-items: center;
	margin-right: 40px;
}

.news-block .post-option .social-share li{
	margin-left: 15px;
}

.news-block .post-option .social-share li:last-child{
	margin-left: 0;
}

.news-block .post-option .social-share li a{
	display: inline-block;
	color: #c40000;
	transition: all 300ms ease;
}

.news-block .post-option .social-share li a:hover{
	color: #000000;
}

.news-block .read-more-btn{
	background: #c40000;
	font-size: 14px;
	min-height: 40px;
	padding: 0 23px;
	margin-top: 20px;
}

/*=== News Block Style Two ==*/

.news-block.style-two .inner-box{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: none;
}

.news-block.style-two .lower-content,
.news-block.style-two .image-box{
	width: 50%;
}

.news-block.style-two .lower-content{
	text-align: left;
}

.news-block.style-two .image-box{
	order: 2;
}

.news-block.style-two .image-box .date{
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	padding: 6px 30px;
	border-radius: 7px 0 7px 0;
}

/*=== News Block Style Two Even ==*/

.news-block.style-two-even .inner-box{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: none;
}

.news-block.style-two-even .lower-content,
.news-block.style-two-even .image-box{
	width: 50%;
}

.news-block.style-two-even .image-box .date{
	padding: 6px 30px;
	top: 0;
	bottom: auto;
	border-radius: 0 0 0 10px;
}

.hover-stop .news-block .inner-box:hover{
	transform: none;
}

.blog-large-image .news-block{
	margin-bottom: 35px;
}

.blog-small-images .news-block.style-two-even .image-box .date{
	border-radius: 0 7px 0 7px;
}

.blog-small-images .news-block{
	padding: 0 15px;
}

.blog-small-images .news-block .inner-box{
	border-radius: 7px;
}

/* 10. pricing-area */
.pricing-area {
	background:url("/assets/9e01922daa0a90e0f29d0ff1.jpg");
	background-size: cover;
	background-position: center center;
	direction: rtl;
}
.pricing-wrapper {
	direction: rtl;
	padding: 60px 65px 80px 65px;
	background: #fff;
	background-image: url("/assets/407f0c9dfb330f60940250f4.png");
	background-repeat: no-repeat;
	background-position: right top;
}
.pricing-tab {
	display: inline-block;
	background: #fff;
	border-radius: 30px;
}
.pricing-tab li{display: inline-block;}
.pricing-tab li a {
	color: #252525;
	text-transform: capitalize;
	font-weight: 500;
	padding: 17px 49px;
	transition: .3s;
	background: #fff;
	border-radius: 30px;
	font-family:'IranYekan';
	font-size: 18px;
}
.pricing-tab li a.active {
	background: #151948;
	color:#fff;
}
.pricing-tab li a:hover {
	background: #151948;
	color:#fff;
}
.price-count {}
.price-count h1 {
	font-size: 100px;
	color: #151948;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -3px;
	margin-bottom: 40px;
}
.price-count.active h1 {
	font-size: 100px;
	color: #c40000;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -3px;
	margin-bottom: 40px;
}
.price-count span {
	font-size: 50px;
	color: #c40000;
	font-weight: 500;
}
.price-count h1 span.usd {
	font-size: 30px;
	font-weight: 500;
	color: #f89f22;
	position: relative;
	top: -83px;
}
.pricing-text{}
.pricing-text h3 {
	font-size: 26px;
	color: #6a6a6a;
	font-weight: 400;
	margin-bottom: 0;
}
.pricing-list {
	margin-top: 36px;
	margin-bottom: 47px!important;
}
.pricing-list li {
	text-align: right;
	color: #6e6e6e;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 17px;
	font-family:'IranYekan';
}
.pricing-list li:last-child{padding-bottom:0;}
.pricing-list li i {
	margin-left: 17px;
}
/*.pricing-list .fa-check {
	color: green;
}
.pricing-list .fa-times {
	color: red;
}*/
.pricing-button {
}
.pricing-button a.btn {
	color: #151948;
	background: #e1e1ff;
	transition: .3s;
}
.pricing-button a.btn:hover{color:#fff;background:#c40000;}
.pricing-button.active > a {
	color:#fff;background:#c40000;
}
.section-title{
	text-align: right;
}
.section-title  span {
	color: #f89f22;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	font-family:'IranYekan';
	letter-spacing: 3px;
}
.section-title span.white {
	color: #fff;
}
.section-title h1 {
	font-size: 55px;
	letter-spacing: -1.5px;
	line-height: 1.2;
	margin-top: 10px;
	position: relative;
	margin-bottom: 13px;
}
.section-title p {
	margin-bottom: 0;
	margin-top: 18px;
}
.white-title{}
.white-title h1 {
	color:#fff;
}
.section-img{}
.section-img img{}

/* pricing-box */
.pricing-box {
	border: 2px solid #393e80;
	transition: .3s;
	padding-top: 80px;
	padding-bottom: 80px;
	position:relative;
}
.pricing-box:hover{border-color:#f86009;}
.pricing-box.active{border-color:#f86009;}
.pricing-box-img {
	margin-bottom: 45px;
}
.pricing-box-text{}
.pricing-box-text h4 {
	font-weight: 400;
	color: #fff;
	font-size: 20px;
	margin-bottom: 0;
}
.price-box-count{}
.price-box-count h1 {
	font-size: 60px;
	color: #f89f22;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -3px;
	margin-bottom: 24px;
	margin-top: 16px;
}
.price-box-count h1 span.usd {
	font-size: 22px;
	font-weight: 500;
	color: #f89f22;
	position: relative;
	top: -30px;
	left: 2px;
}
.pricing-box-list{}
.pricing-box-list li {
	color: #8d94e0;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 7px;
}
.pricing-box-list li:last-child{padding-bottom:0;}
.pricing-box-button {
	margin-top: 46px;
}
.pricing-box-button a.btn {
	color: #fff;
	background: #252a69;
	transition: .3s;
}
.pricing-box-button a.btn:hover{ background-image: -moz-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);
  background-image: -webkit-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);
  background-image: -ms-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);}
.pricing-box-button.active > a {
	 background-image: -moz-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);
  background-image: -webkit-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);
  background-image: -ms-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);
}
.price-tag {
	background-image: -moz-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);
	background-image: -webkit-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);
	background-image: -ms-linear-gradient( -40deg, rgb(248,54,0) 0%, rgb(249,212,35) 99%);
	position: absolute;
	top: -24px;
	font-family:'IranYekan';
	font-size: 14px;
	color: #fff;
	display: inline-block;
	padding: 10px 23px;
	font-weight: 500;
	right: 30px;
}
.pricing2-box {
	border: none;
	transition: .3s;
}
.pricing2-box:hover{box-shadow: 0px 16px 32px 0px rgba(227, 227, 227, 0.6);}
.pricing2-box.active{box-shadow: 0px 16px 32px 0px rgba(227, 227, 227, 0.6);}
.pricing2-box .pricing-box-text h4 {
	color: #6a6a6a;
}
.pricing2-box .pricing-box-list li {
	color: #6e6e6e;
}
.pricing2-box .pricing-box-button a.btn {
	color: #252525;
	background: #f4f6fd;
	transition: .3s;
}
.pricing2-box .pricing-box-button a.btn:hover {
	color: #fff;
	background-image: -moz-linear-gradient( 35deg, rgb(0,155,255) 0%, rgb(21,80,255) 99%);
	background-image: -webkit-linear-gradient( 35deg, rgb(0,155,255) 0%, rgb(21,80,255) 99%);
	background-image: -ms-linear-gradient( 35deg, rgb(0,155,255) 0%, rgb(21,80,255) 99%);
}
.pricing2-box  .pricing-box-button.active > a {
	color:#fff;
	background-image: -moz-linear-gradient( 35deg, rgb(0,155,255) 0%, rgb(21,80,255) 99%);
	background-image: -webkit-linear-gradient( 35deg, rgb(0,155,255) 0%, rgb(21,80,255) 99%);
	background-image: -ms-linear-gradient( 35deg, rgb(0,155,255) 0%, rgb(21,80,255) 99%);
}
.mt-50 {
    margin-top: 50px;
}
.mb-75 {
    margin-bottom: 75px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pt-70 {
    padding-top: 70px;
}

.flex-row {
	direction: rtl;
	text-align:justify;
	flex-direction: row-reverse!important;
}

.blog-post .post-tags{
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.blog-post .post-tags span{
	margin-right: 10px;
	margin-bottom: 10px;
	color: #4C4C4D;
    font-size: 15px;
    line-height: 27px;
    font-weight: 500;
}

.blog-post .post-tags a{
    position: relative;
	font-size: 14px;
    padding: 3px 15px;
    z-index: 1;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
    color: #000;
    background-color: #eef3f9;
    -webkit-border-radius: 5px;
}

.blog-post .post-tags a:before{
    content: '#';
    margin-right: 5px;
}

.blog-post .post-tags a:hover{
	background: #3b7eff;
	color: #ffffff;
}

/* ------------------------
    Footer
------------------------*/
.footer{margin-top:50px;padding: 80px 0;background-image:url("/assets/0211ac76b4b5ecf1e0e17d2a.png");background-repeat: no-repeat;direction: rtl;text-align:right;}
.footer-pattern {bottom: 0; position: absolute;}
.primary-footer{position: relative;  font-size: 16px;}
.secondary-footer{color: #5f5f5f; font-weight: normal;}
.copyright{margin-top: 50px;}
.copyright span a{font-weight: bold;}
.theme-bg .copyright{border-top: 2px solid rgba(255,255,255,0.030); padding-top: 50px;}
.footer-logo img{height: 70px;}
.primary-footer, .primary-footer a{color: #1c1d3e;}
.primary-footer h4{margin-bottom: 20px;}
.footer-1{margin-top: 100px; padding-top: 150px;}
.footer-2{padding-top: 250px;}
.footer-3{padding-top: 220px;}

.media-icon.list-inline li{display: inline-block;}
.media-icon li{margin-bottom: 15px; font-size: 16px; font-weight: 400;}
.media-icon li:last-child{margin-bottom: 0;}
.media-icon li a{color: #c40000}
.media-icon li a:hover{text-decoration: underline !important;}

.footer-list li{margin-bottom: 15px; text-transform: capitalize;}
.footer-list li:last-child{margin-bottom: 0;}
.footer-list li a{position: relative; font-size: 16px; font-weight: 400; color: #1c1d3e}
.footer-list .list-inline li{display: inline-block; margin: 0 10px;}

.footer-logo{margin-bottom: 15px;}
.footer-social ul li{display: inline-block;}
.footer-social ul li a{color: #1c1d3e}
.footer-social ul li a:hover{color: #2575fc}

.theme-bg .primary-footer, .theme-bg .primary-footer a,
.theme-bg .secondary-footer,
.theme-bg .footer-social ul li a,
.theme-bg .footer-list li a,
.theme-bg .primary-footer h4,
.dark-bg .primary-footer, .dark-bg .primary-footer a,
.dark-bg .secondary-footer,
.dark-bg .footer-social ul li a,
.dark-bg .footer-list li a,
.dark-bg .primary-footer h4{color: #ffffff}

.footer h4{display: block;}

#footer-wave {position: absolute; height: 100px; top: 0; left: 0; width: 100%;}
#footer-wave svg path {fill: #ffffff;} 
#footer-wave svg {-webkit-transform: scale(1.2); transform: scale(1.2);} 
.grey-bg {
    background-color: #F4F6FD;
}
.bg-pos-lt {
    background-position: left top;
}
.bg-contain {
    background-size: contain;
}

.subscribe-form {margin: 0; padding: 0; position: relative;}
#mc-form {width: 100%;box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);padding: 15px 0 15px 60px;height: 60px;}
#mc-form input[type="email"],#mc-form input[type="tel"] {width: 100%; border: none; background: #ffffff; color: #1c1d3e; font-size: 14px; padding: 0 20px; height: 60px;direction: rtl;text-align:right;}
#mc-form input[type="email"]::-webkit-input-placeholder,#mc-form input[type="tel"]::-webkit-input-placeholder {color: #1c1d3e;}
#mc-form input[type="email"]::-moz-placeholder,#mc-form input[type="tel"]::-moz-placeholder {color: #1c1d3e;}
#mc-form input[type="email"]:-ms-input-placeholder,#mc-form input[type="tel"]:-ms-input-placeholder {color: #1c1d3e;}
#mc-form input[type="email"].placeholder,#mc-form input[type="tel"].placeholder {color: #1c1d3e !important;}
#mc-form .btn {position: absolute; border-radius: 0px; top: 5px; left: 5px; padding: 0 25px; transition: 0.20s; height: 50px; border-radius: 7px;}
#mc-form .btn:hover{transform: translateX(-3px);}
.footer-1 .subscribe-box{position: absolute; top: 0; width: 100%;}
.subscribe-inner {border-radius: 7px; -webkit-box-shadow: 0 0 75px rgba(0,0,0,.1); -moz-box-shadow: 0 0 75px rgba(0,0,0,.1); box-shadow: 0 0 75px rgba(0,0,0,.1); padding: 20px 25px; background: #fff; position: relative; }
#mc-form .col-12 {
	
}
.lead {
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
}
#mc-form .form-group {
	margin:0!important;
}
#mc-form .form-group input {
	border-left: 1px solid #151948;
	height: 30px;
	border-radius: 0 !important
}
#mc-form .form-group2 input {
	border-left: 0;
	padding: 0;
}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
.partner-area{text-align:center;overflow:hidden;position:relative;padding-top: 50px;}.partner-area .item a{display:block;position:relative;z-index:1}.partner-area .owl-carousel .owl-item img{width:100px}.partner-area .owl-theme .owl-dots{margin-top:40px}.blog-area{position:relative;overflow:hidden}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #c40000;
}
.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 4px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 30px;
    background: #D6D6D6;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

/***
====================================================================
	Page Title
====================================================================

***/

.page-title{
    position: relative;
    padding: 88px 0px 55px;
    text-align: center;
    overflow: hidden;
    z-index: 2;
    background: #5a2e2e;
    background-image: url("/assets/b09819aa29d85744146890c3.png");
}

.page-title .bg-pattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
}

.animatedBackground {
    background-repeat: repeat!important;
    background-size: auto!important;
    animation: animatedBackground 20s linear infinite!important;
    -ms-animation: animatedBackground 20s linear infinite;
    -moz-animation: animatedBackground 20s linear infinite;
    -webkit-animation: animatedBackground 20s linear infinite;
}

.page-title .category-tag{
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	color: #7e7e80;
}

.page-title h1{
    color: #FFF;
    font-size: 30px;
    line-height: 1.2em;
    margin: 0 0 -3px;
    word-break: break-word;
}

.page-title .title_divider{
    display: inline-block;
    width: 30px;
    height: 3px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    background: #cbcfd4;
}

.page-breadcrumb{
	font-size: 15px;
	line-height: initial;
	margin: 10px -15px 10px;
	direction: rtl;
}

.page-breadcrumb  span a{
	position:relative;
	display:inline-block;
	color:#F1F1F1;
	font-size:15px;
	font-weight:400;
	padding: 0 18px;
	line-height: 24px;
	text-transform:capitalize;
}

.page-breadcrumb  span a:after{
    position: absolute;
    top: 0;
    left: -7px;
	content: '\f211';
    font-family: 'flaticon';
    display: inline-block;
    font-size: 8px;
    color: #FFF;
}

.page-breadcrumb span span  span:last-child a:after {
	display: none;
}

.page-breadcrumb  span a{
	color:#dc7c7c;
	text-transform: capitalize;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.page-breadcrumb  span a:hover{
	opacity: .9;
}

.breadcrumb_last {
	display: none!important;
}

/***
==================================================================
      Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
  position: relative;
  overflow: hidden;
  padding: 100px 0 55px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
  position: relative;
  margin-bottom: 50px;
}

.right-sidebar .content-side .our-shop,
.right-sidebar .content-side .blog-post,
.right-sidebar .content-side .blog-sidebar{
	margin-right: -30px;
}

.right-sidebar .sidebar-side .sidebar{
	padding-left: 30px;
}

.left-sidebar .content-side .blog-post,
.left-sidebar .content-side .blog-sidebar{
	margin-right: -30px;
}

.left-sidebar .sidebar-side .sidebar{
	padding-left:  30px;
}

.sidebar-widget{
    position: relative;
    background: #ffffff;
    margin-bottom:45px;
}

.sidebar-side .sidebar-widget:last-child{
  margin-bottom: 0;
}

.sidebar-page-container .sidebar-title{
  position: relative;
  margin-bottom: 23px;
}

.sidebar-page-container .sidebar-title h3{
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    line-height: 26px;
}

.sidebar-page-container .sidebar-title h3 .icon{
	margin-right: 10px;
	color: #3b7eff;
	font-size: 15px;
}

/*Search Box Widget*/

.sidebar .search-box{
  position: relative;
}

.sidebar .search-box .form-group{
  position:relative;
  border-radius: 5px;
  overflow: hidden;
  margin:0px; 
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
  position:relative;
  display:block;
  font-size:16px;
  color:#888888;
  line-height:23px;
  padding:10px 20px;
  height:45px;
  width:100%;
  border:1px solid #eef3f9;
  background-color: #eef3f9;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
  color:#222222;
}

.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:45px;
	line-height: 45px;
	text-align:center;
	display:block;
	font-size:15px;
	background-color: #3b7eff;
	color:#ffffff;
	font-weight:normal;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/* Category Widget */

.category-widget{
	position: relative;
	padding: 30px;
	border: 1px solid #DADCE2;
	border-radius: 7px;
	overflow: hidden;
}

.category-widget .cat-list{
	position: relative;
}

.category-widget .cat-list li{
	position: relative;
}

.category-widget .cat-list li a{
	position: relative;
	display: block;
    -webkit-transition: none;
    transition: none;
    padding: 10px 0;
    color: #4C4C4D;
    line-height: 27px;
    border-bottom: 1px solid #E7E7E7;
}

.category-widget .cat-list li:first-child a{
	padding-top: 0;
}

.category-widget .cat-list li:last-child a{
	border-bottom: 0;
	padding-bottom: 0;
}

/* Newslatters */

.sidebar .newslatters{
  position: relative;
  padding: 30px;
  border: 1px solid #DADCE2;
  border-radius: 7px;
  overflow: hidden;
}

.sidebar .newslatters .text{
	margin-bottom: 20px;
}

.sidebar .newslatters .form-group{
  position:relative;
  margin:0px; 
}

.sidebar .newslatters .form-group input[type="text"],
.sidebar .newslatters .form-group input[type="search"]{
  position:relative;
  display:block;
  font-size:13px;
  color:#000000;
  line-height:23px;
  padding:10px 20px;
  height:45px;
  width:100%;
  border:1px solid #eef3f9;
  background-color: #eef3f9;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.sidebar .newslatters .form-group input[type="submit"],
.sidebar .newslatters .form-group button{
	position: relative;
	display: block;
	width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    font-size: 15px;
    background-color: #3b7eff;
    color: #ffffff;
    font-weight: 600;
    border-radius: 7px;
    margin-top: 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*=== Latest News ===*/

.latest-news{
	position: relative;
	padding: 30px 30px 15px;
	border: 1px solid #DADCE2;
	border-radius: 7px;
}

.latest-news .post{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 80px;
	min-height: 80px;
	border-bottom: 1px solid #DADCE2;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.latest-news .post:last-child{
  margin-bottom: 0;
  border-bottom: 0;
}

.latest-news .post .thumb{
  position: absolute;
  left: 0;
  top: 0;
  height: 65px;
  width: 65px;
}

.latest-news .post .thumb img{
  width: 100%;
  height: auto;
  border-radius: 3px;
  transition: all 300ms ease;
}

.latest-news .post:hover .thumb img{
  opacity: .80;
}

.latest-news .post h5{
  	position: relative;
	margin-bottom: 3px;
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
}

.latest-news .post .post-info{
	display: block;
	font-size: 13px;
	color: #7E7E80;
}

/*=== Post Controls ===*/

.post-controls{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0 30px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	flex-direction: row-reverse;
}

.post-controls.style-two{
	padding-bottom: 0;
	border-bottom: 0;
	margin: 0 0 30px;
}

.post-controls .archive-dots{
	margin-top: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.post-controls .archive-dots a{
	position: relative;
	display: inline-block;
	text-align:justify;
}

.post-controls .archive-dots span{
	display: inline-block;
    width: 6px;
    height: 6px;
    background: #3b7eff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.post-controls .title{
	display: block;
	width: 100%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 14px;
} 

.post-controls .post{
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 100px;
    min-height: 80px;
    z-index: 1;
    transition: all 300ms ease;
}

.post-controls .next-post .post {
	padding-left: 0;
}

.post-controls .post:hover{
	padding-left: 135px;
}

.post-controls .next-post .post:hover {
	padding-left: 0;
}

.next-post , .prev-post {
	padding: 0;
}

.post-controls .post:before{
    content: '\f121';
    font-family: 'Flaticon';
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    height: 100%;
    width: 35px;
    position: absolute;
    color: #fff;
    top: 0;
    z-index: -1;
    background: #c40000;
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.post-controls .prev-post .post:before{
	left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.post-controls .post img{
	position: absolute;
	left: 0;
	top: 0;
    border-radius: 10px;
    max-width: 80px;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 10px;
}

.post-controls .post:hover img{
	left: 35px;
	border-radius: 0 10px 10px 0;
}

.post-controls .post h5{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
    word-break: break-word;
    text-align:justify;
}

.post-controls .post .post-date{
	font-size: 14px;
    color: #7E7E80;
}

.post-controls .next-post .post:before,
.post-controls .next-post .post img{
	left: auto;
	right: 0;
}

.post-controls .next-post{
	position: relative;
	text-align: right;
}

.post-controls .next-post .post{
	padding-right: 100px;
}

.post-controls .next-post .post:hover{
	padding-right: 130px;
}

.post-controls .next-post .post:hover img{
	right: 35px;
	border-radius: 10px 0 0 10px;
}

.related-posts{
	margin-top: 45px;
}

.group-title{
	position: relative;
    margin-bottom: 28px;
}

.group-title h3{
    position: relative;
    font-weight: 600;
    display: inline-block;
    color: #000;
    font-size: 28px;
}

.related-posts .news-block{
	margin-bottom: 40px;
}

.comments-area{
	position:relative;
	margin-bottom: 50px;
}

.comments-area .comment-box{
	position:relative;
	margin-bottom: 30px;
}

.comments-area .comment{
    position: relative;
    padding-left: 75px;
    min-height: 60px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:60px;
	height:60px;
	margin-bottom:15px;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-box .rating{
	font-size: 10px;
	color: #FEC948;
	line-height: 1em;
	margin-bottom: 5px;
}

.comments-area .comment-info{
	position: relative;
}

.comments-area .comment-box .date{
	position: relative;
	display: inline-block;
	color: #9b9b9b;
}

.comments-area .comment-box .name{
	position: relative;
	display: inline-block;
	font-weight: 300;
	font-size: 15px;
	font-style: italic;
	line-height: 17px;
	color: #4C4C4D;
}

.comments-area .comment-box .text{
	position: relative;
}

.comments-area .comment-info .rating{
	position: absolute;
	right: 0;
	top: 15px;
	font-size: 12px;
	line-height: 1.2em;
	color: #ebba44;
}

.comments-area .comment-box .reply-btn{
	font-weight: 600;
	font-size: 13px;
	line-height: 13px;
    min-width: 100px;
}

.comments-area .reply-comment-box{
    padding-left: 65px;
    background: #f8f8f7;
    padding-top: 20px;
    margin-bottom: 30px;
}

.comments-area .reply-comment-box .reply-comment-box{
	margin-bottom: 0;
}


/*  --------------------
	Comments
--------------------  */
.upsells.products > h2,
.related.products > h2,
.comment-reply-title,
.single-content-title {
  position: relative;
  font-weight: 600;
  display: inline-block;
  color: #000;
  margin-bottom: 28px !important;
  font-size: 28px; }

.single-content-title .cancel-reply {
  font-size: 17px;
  font-weight: 400;
  margin-left: 10px; }

.comment-body {
  position: relative; }

.bypostauthor {
  border: 1px solid transparent; }

.comments-area {
  padding-top: 45px;
  border-top: 1px solid #e5e5e5; }

.page-content + .comments-area {
  border-top: 0; }

.comment-list {
  padding-bottom: 50px;
  border-bottom: 1px solid #e5e5e5; }
  .comment-list .pingback .comment-body,
  .comment-list .trackback .comment-body,
  .comment-list .comment .comment-body {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .comment-list .pingback .comment-body:before,
    .comment-list .trackback .comment-body:before,
    .comment-list .comment .comment-body:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #e5e5e5;
      height: 1px; }
  .comment-list > .comment:only-child:not(.parent) > .comment-body {
    margin-bottom: 0;
    padding-bottom: 0; }
    .comment-list > .comment:only-child:not(.parent) > .comment-body:before {
      display: none; }
  .comment-list > .comment:last-child:not(.parent) > .comment-body,
  .comment-list > .comment:last-child .comment:not(.parent) > .comment-body {
    margin-bottom: 0;
    padding-bottom: 0; }
    .comment-list > .comment:last-child:not(.parent) > .comment-body:before,
    .comment-list > .comment:last-child .comment:not(.parent) > .comment-body:before {
      display: none; }

.no-comments {
  margin-top: 15px; }

.comment-body .comment-author {
  float: left;
  margin-right: 20px;
  line-height: 0; }
  .comment-body .comment-author img {
    -webkit-border-radius: 50%;
    border-radius: 50%; }

.comment-body .comment-meta {
  display: inline-block; }
  .comment-body .comment-meta .comment-admin {
    font-weight: 700;
    padding-right: 16px;
    margin-right: 10px;
    position: relative; }
    .comment-body .comment-meta .comment-admin:after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 21px;
      background-color: #000;
      opacity: .2; }
  .comment-body .comment-meta .comment-date {
    opacity: .7; }

.comment-body .comment-content {
  margin-top: 6px;
  margin-left: 90px; }

.comment-body .comment-buttons {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-weight: 700; }
  .comment-body .comment-buttons > *:not(:last-child) {
    margin-right: 15px; }

.comment:not([class*='depth-1']) {
  margin-left: 25px; }

.comment + .comment-respond {
  margin-top: 20px;
  margin-bottom: 50px; }

.comment-navigation {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 25px; }

.comment-respond {
  margin-top: 43px; }
  .comment-respond .comment-form-author {
    float: left;
    margin-right: 20px; }
  .comment-respond .comment-form-author,
  .comment-respond .comment-form-email {
    width: calc(50% - 10px);
    display: inline-block; }
  .comment-respond p:not(:last-child) {
    margin-bottom: 20px; }
  .comment-respond .comment-form-cookies-consent:after {
    content: '';
    display: table;
    clear: both; }
  .comment-respond .comment-form-cookies-consent input {
    float: left;
    margin-top: 2px; }
  .comment-respond .form-submit {
    margin-top: 30px; }
    .comment-respond .form-submit input {
      border: 0; }

/*  --------------------
	Comments media styles
--------------------  */
@media screen and (max-width: 767px) {
  .upsells.products > h2,
  .related.products > h2,
  .single-content-title {
    font-size: 28px; }
  .comment-body .comment-buttons {
    position: static;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; } }

.comment-list .pingback .comment-body:before,   .comment-list .trackback .comment-body:before,   .comment-list .comment .comment-body:before{
    right: 0;
}

.comment-body .comment-author{
    float: right;
    margin-left: 20px;
}

.comment-body .comment-meta .comment-admin{
    padding-left: 16px;
    margin-left: 10px;
}

.comment-body .comment-meta .comment-admin:after{
    left: 0;
}

.comment-body .comment-buttons{
    left: 0;
}

.comment-body .comment-buttons > *:not(:last-child){
    margin-left: 15px;
}

.comment:not([class*='depth-1']){
    margin-right: 25px;
}

.comment-respond .comment-form-author{
    float: right;
    margin-left: 20px;
}

.comment-respond .comment-form-cookies-consent input{
    float: right;
}

/*=== Default Form ===*/

.default-form{
	position: relative;
}

.default-form .form-group{
	position:relative;
	margin-bottom:18px;	
}

.default-form .form-group:last-child{
	margin-bottom: 0;
}

.default-form label{
	margin-bottom: 0;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="url"],
.default-form .form-group textarea,
.default-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    height: 45px;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    background-color: #ffffff;
    border-radius: 5px;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form .form-group textarea{
	height: 220px;
	resize: none;
}

.default-form .form-group input[type="submit"],
.default-form .form-group button{
	position: relative;
	display: inline-block;
	min-width: 160px;
	background: #c40000;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 10px;
}

#email-form .response{
	position: relative;
	text-align: center;
}

#email-form .response .success{
    background: #59ab66;
    color: #ffffff;
	padding: 0 10px;
	margin-bottom: 10px;
}

#email-form .response .failed{
	background-color: #f74848;
	color: #ffffff;
	padding: 0 10px;
	margin-bottom: 10px;
}

#email-form .response .text-info{
	background-color: #ffcd66;
	color: #222222 !important;
	padding: 0 10px;
	margin-bottom: 10px;
}



/*=== Tags ===*/

.tag-list{
  position: relative;
  display: block;
}

.tag-list li{
  position: relative;
  float: left;
} 

.tag-list li a{
    position: relative;
    display: inline-block;
	font-size: 14px;
    padding: 5px 15px;
    z-index: 1;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
    color: #000;
    background-color: #eef3f9;
    -webkit-border-radius: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.tag-list li a:before {
    content: '#';
    margin-right: 5px;
}

.tag-list li a:hover{
	background: #3b7eff;
	color: #ffffff;
}

/*=== Gallery Widget ===*/

.gallery-widget{
	position: relative;
	padding: 30px;
	border: 1px solid #DADCE2;
	border-radius: 7px;
	overflow: hidden;
}

.gallery-widget .gallery-outer{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.gallery-widget .gallery-outer figure{
	position: relative;
	width: 33.333333%;
	padding: 0 5px;
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden;
}

.gallery-widget .gallery-outer figure img{
	display: block;
	width: 100%;
}

/*=== Shopping Cart ===*/

.cart-widget{
	position: relative;
	padding: 30px;
	border: 1px solid #DADCE2;
	border-radius: 7px;
	overflow: hidden;
}

.shopping-cart .cart-item{
	position: relative;
    width: 100%;
	padding-left: 75px;
	min-height: 60px;
	margin-bottom: 20px;
}

.shopping-cart .cart-item:last-child{
	border-bottom: 0;
}

.shopping-cart .cart-item .thumb{
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shopping-cart .cart-item:hover .thumb{
	opacity: 0.7;
}

.shopping-cart .item-name{
	display: block;
	color: #333333;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shopping-cart .cart-item:hover .item-name{
	color: #333333;
}

.shopping-cart .item-quantity{
	position: relative;
	display: block;
	font-size: 15px;
	color: #4C4C4D;
}

.shopping-cart .item-amount{
	font-size: 17px;
}

.shopping-cart .product-detail{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.shopping-cart .remove-item{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 10px;
	z-index: 2;
	color: #4C4C4D;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shopping-cart .remove{
	position: relative;
	font-size: 13px;
    line-height: 17px;
    text-decoration: underline;
}

.shopping-cart .cart-item .remove-item:hover{
	color: #4C4C4D;
}

.shopping-cart .cart-footer{
	position: relative;
	margin-top: 16px;
}

.shopping-cart .shopping-cart-total{
    width: 100%;
    margin: 0 0 20px;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
    font-size: 17px;
    display: inline-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

.shopping-cart .shopping-cart-total span{
	font-size: 15px;
}

.shopping-cart .btn-box{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shopping-cart .theme-btn{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	text-align:center;
	font-size:15px;
	font-weight: 600;
	background-color: #3b7eff;
	border-radius: 7px;
	color:#ffffff;
	margin: 0 6px 0;
	padding: 0 15px;
	min-width: auto;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-cart{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-cart-active{
	overflow: hidden;
}

.sidebar-cart-active .sidebar-cart{
	opacity: 1;
	visibility: visible;
}

.sidebar-cart .cart-back-drop{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
}

.sidebar-cart .shopping-cart{
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 300px;
	background-color: #ffffff;
	padding: 20px 20px 50px;
	overflow-y: auto;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-cart-active .sidebar-cart .shopping-cart{
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

.shopping-cart .cart-header{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.shopping-cart .cart-header .title{
    text-align: left;
    font-size: 15px;
    line-height: 21px;
}

.shopping-cart .cart-header .close-cart{
	font-size: 12px;
}

.sidebar-cart .cart-item{
	padding-left: 100px;
	padding-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
	margin-bottom: 20px;
}

.sidebar-cart .shopping-cart .cart-item .thumb{
	width: 75px;
	height: 74px;
}

.sidebar-cart .shopping-cart .theme-btn{
	margin: 0 0 15px;
	display: block;
	width: 100%;
}

/*** 

====================================================================
    Comment Form
====================================================================

***/

.comment-form{
  position: relative;
  padding-top: 50px;
  border-top: 1px solid #e5e5e5;
}

.comment-form .default-form{
  position: relative;
  background: #ffffff;
}

.comment-form .form-outer sup,
.comment-form .default-form sup{
	color: #3b7eff;
	font-size: 15px;
	top: 1px;
}

.comment-form .form-outer p{
	margin-bottom: 20px;
}

.comment-form .rating-box{
	position: relative;
	margin-bottom: 20px;
}

.comment-form .rating-box .rating a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #999999;
	transition: all 300ms ease;
}

.comment-form .rating-box .rating a:hover{
	color: #F4C638;
}

.prod-tabs .comment-form .field-label{
	font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
}


====================================================================
	Buttons Styles
====================================================================

***/

.theme-btn{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	min-width: 160px;
}

.theme-btn i{
	margin-right: 3px;
}

/* Btn Style One */

.btn-style-one{
	position: relative;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 15px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    padding: 16px 35px;
    line-height: 15px;
    border-radius: 7px;
    background-color: rgb(1, 84, 247);
    border: 2px solid rgb(1, 84, 247);
}

.btn-style-one:hover{
    color: rgb(1, 84, 247);
    background-color: #ffffff;
    border-color: #ffffff;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 15px;
    font-weight: 600;
    padding: 16px 25px;
    line-height: 15px;
    border-radius: 7px;
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-style-two:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(1, 84, 247);
    border-color: rgb(1, 84, 247);
}

.btn-style-two i{
	margin-right: 10px;
    margin-top: 1px;
    display: inline-block;
    font-size: 18px;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 15px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    padding: 15px 35px;
    line-height: 20px;
    border-radius: 7px;
    background-color: rgb(1, 84, 247);
}

.btn-style-three:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(1, 84, 247);
}

/* Btn Style Four */

.btn-style-four{
	position: relative;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 15px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    padding: 15px 35px;
    line-height: 20px;
    border-radius: 7px;
    background-color: #3b7eff;
}

.btn-style-four:hover{
    color: rgb(255, 255, 255);
    background-color:#3b7eff;
}

/* Btn Style Five */

.btn-style-five{
	position: relative;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	font-size: 15px;
    color: #000000;
    font-weight: 500;
    padding: 16px 35px;
    line-height: 15px;
    border-radius: 7px;
    background-color: #ffffff;
    border: 1px solid #3b7eff;
}

.btn-style-five:hover{
    color:#ffffff;
    background-color: #3b7eff;
    border-color: #3b7eff;
}

.btn-style-five .icon{
	margin-right: 10px;
	font-size: 120%;
}

.height0 {
	padding-top: 0;
}

.rtl {
	direction: rtl;
}
.rtl2 {
	direction: rtl;
}

/*** 

====================================================================
  	Contact
====================================================================

***/

.contact-form-section{
  position: relative;
  padding: 100px 0 50px; 
}

.contact-form-section input[name="email"] {
	text-align:right!important;
}
.contact-form-section .form-outer{
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
    box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
    margin-bottom: 50px;
}

.contact-form-section .image-column{
	position: relative;
}

.contact-form-section .layer-image{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.contact-form-section .form-column{
	position: relative;
}

.contact-form-section .contact-form{
	position: relative;
	padding: 40px 35px 40px;
}

.contact-form-section .contact-form .title{
	margin-bottom: 40px;
}

.contact-form-section .contact-form .title h4{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 15px;
}

.contact-form-section .contact-form textarea{
	height: 120px;
	margin-bottom: 10px;
}

.contact-form-section .info-outer{
	position: relative;
	padding: 20px 0 10px;
}

.contact-info-block{
	position: relative;
	margin-bottom: 40px;
}

.contact-info-block .inner-box{
	position: relative;
	min-height: 80px;
	padding-left: 100px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.contact-info-block .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	overflow: hidden;
}

.contact-info-block .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #000000;
	font-weight: 600;
	margin-bottom: 9px;
}

.contact-info-block .name a{
	color: inherit;
}

.contact-info-block .info{
	position: relative;
	display: block;
	line-height: 1em;
}

.contact-info-block .info a{
	color: inherit;
}

.contact-map-section{
	position: relative;
}

.contact-map-section iframe{
	position: relative;
	display: block;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    bottom: 20px;
    left: 20px;
    background: #fff!important;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 999;
    border: 1px solid rgba(1,79,99,.3);
    box-shadow: 0 5px 8px 4px rgb(1 79 99 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.scroll-to-top.btn:hover {
	background: #FFF;
}

.slick-frame {
    visibility: hidden;
}
.slick-frame.slick-initialized {
    visibility: visible;
}
.loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:#FFF}.spinner{width:40px;height:40px;background-color:#c40000;margin:100px auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}
.d-table-cell {
    vertical-align: middle;
}
.d-table-cell {
    display: table-cell!important;
}
.d-table {
    width: 100%;
    height: 100%;
}

.d-table {
    display: table!important;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction:rtl!important;
}
.border {
    border:1px solid #CCC;
    padding:10px;
}
.password-input {
	width: 100%;
}

.slider-content, .slider-img {
  opacity: 0;
}
.slick-track .slider-content,.slick-track .slider-img {
	opacity: 1;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: inherit!important;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family: inherit!important;
}
:-ms-input-placeholder { /* IE 10+ */
  font-family: inherit!important;
}
:-moz-placeholder { /* Firefox 18- */
  font-family: inherit!important;
}

@media(min-width:992px) {
   .f-right {
       padding-left:130px;
    }
}
@media(max-width:992px) {
   .w-f-desktop-slider .section-transition {
       height: auto!important;
    }
    .w-f-desktop-slider .section-transition > div {
       position: relative!important;
    }
    .w-f-desktop-slider .section-transition > div > div > div {
    	text-align:center!important;
    }
    .w-f-desktop-slider .section-transition > div > div > div > img {
    	height: auto!important;
    	width: 70%!important;
    	margin-bottom: 30px!important;
    	margin-top: 30px!important;
    }
    .mobile-dot {
    	margin:0 auto;
    }
    .mobile-dot p {
    	margin-left: 5px;
    	cursor: pointer;
    }
}

@media(min-width: 1024px) {
    	.slider-3-content {
		padding-top: 100px;
		}
    }
 @media(max-width: 1024px) {
 	.services {
 		margin-top: 25px;
 	}
 	.slider-3-content p {
 		padding-left: 0;
 	}
 	body {
 		overflow-x: hidden;
 	}
 	.col-xl-4 ,.col-lg-4  {
 		margin-bottom: 25px;
 	}
 	.post-controls {
 		display: none;
 	}
 }
 
 @media(max-width:575px) {
     .btn {
         padding:20px;
     }
     .services .service-shape img:nth-child(4) {
         display:none;
     }
     .service-populated {
         margin-bottom:0!important;
         margin-top:0!important;
     }
     .services .col-md-3 {
         margin-bottom:15px;
     }
     .seo-grow-area .grow-item form, #mc-form {
         padding:0px;
         border-radius:0!important;
     }
     #mc-form {
         height:auto;
         margin-top:12px;
         margin-bottom:12px;
     }
     .seo-grow-area .grow-item form .grow-form-btn, #mc-form .btn{font-size:14px;position:relative;top:0;left:0;padding:13px 35px;width:100%;border-radius:0}
     .seo-grow-area .grow-item form .form-group .form-control, #mc-form input[type="email"], #mc-form input[type="tel"]{height:40px;border-left:0;padding-right:25px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #fb6868;}.seo-grow-area .grow-item form .form-group .form-control:focus{border-left:0;border-top:1px solid #FFF;}.seo-grow-area .grow-item form .group-two .form-control{padding-right:25px}.seo-grow-area .grow-item form .group-two .form-control:focus{border-left:0}
 }
 
 @media screen and (min-width: 1920px) {
    .b-index {
        padding: 50px 200px 0 100px;
    }
    .slider-img img {
        max-width:none!important;
    }
 }
 @media screen and (max-width: 1680px) {
    .b-index {
        padding: 50px 30px 0;
    }
 }

  @media screen and (min-width: 1680px) {
    .f-right {
         padding-left: 250px;
    }
 }
@media(max-width:1335px) {
   .main-menu .navigation > li > a {
        padding:23px 10px;
   }
}


.right-head {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: center;
}
.introduce-section  {
	background: #f6f6f6;
}
.introduce-section > div {
	min-height: calc(100vh - 110px);
}
.text--gray {
    color: #777;
}
.font-size--20 {
    font-size: 20px;
}
.text--dark-primary-color {
    color: #2f3e46;
}
.font-size--22 {
    font-size: 22px!important;
}
.font-size--12 {
    font-size: 12px!important;
}
.font-size--14 {
    font-size: 14px!important;
}
.font-size--15 {
    font-size: 15px!important;
}
.font-size--16 {
    font-size: 14px!important;
}
.font-size--17 {
    font-size: 17px!important;
}
.font-size--18 {
    font-size: 18px!important;
}
.font-size--19 {
    font-size: 15px!important;
}
.font-size--20 {
    font-size: 20px!important;
}
.font-size--26 {
    font-size: 18px!important;
}
.font-size--28 {
    font-size: 28px!important;
}
.font-size--32 {
    font-size: 32px!important;
}
.font-size--38 {
    font-size: 20px!important;
}
.introduce-section p {
	margin-bottom: 1rem;
}
.wf-button.btn.wf-button__md.wf-button__border {
    color: #830101;
    border: 1px solid #830101;
	font-size:14px!important;
}

.mobile-menu .wf-button.btn.wf-button__md.wf-button__border {
	color:#FFF;
}
.pb-1, .py-1 {
    padding-bottom: .5rem!important;
}
.pt-1, .py-1 {
    padding-top: .5rem!important;
}
.wf-button.btn.wf-button__md {
	font-size: 14px!important;
}
.text--dark-gray {
    color: #444;
}
.font-size--30 {
    font-size: 30px;
}
.wf-card {
    border-radius: 30px;
    border: none;
    box-shadow: 0 3px 5px 1px rgba(68,68,68,.2);
}
.wf-card-no {
    border-radius: 0!important;
    box-shadow: 0  0 0!important;
}
.inline-class-section .webynar-card {
    margin-top: -100px;
}
.tab-content>.active {
    display: flex!important;
}
.w-f-desktop-slider .section-transition {
    height: 400px;
}
.w-f-desktop-slider .section-transition .wf-card {
    margin-left: -50px;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.card-body2 {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.75rem;
}
.wf-card-no .card-body {
    padding: 1rem .5rem;
}
.w-f-desktop-slider .features .feature.active, .w-f-desktop-slider .features .feature:active, .w-f-desktop-slider .features .feature:focus, .w-f-desktop-slider .features .feature:hover {
    color: #243a7d;
    font-weight: 700;
}
.w-f-desktop-slider .features .feature {
    cursor: pointer;
    text-decoration: none;
    line-height: 37px;
}
.nav-tabs {
	border: 0!important;
}
.mobile-dot p {
    border: 2px solid #243a7d;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.mobile-dot p.active {
    border-radius: 10px;
    background-color: #243a7d;
    transition: background-color .2s;
}
*, :after, :before {
    box-sizing: border-box;
}
img, svg {
    vertical-align: middle;
}
.options img {
	max-width: 80%;
	padding-top: 50px;
}
.wf-feature-card {
    border-radius: 30px;
    border: none;
    box-shadow: 0 3px 5px 1px rgba(68,68,68,.2);
}
.webinarplus-video-section {
    background-image: url("/assets/bbecd2eebfca016351e39c16.svg");
    background-repeat: no-repeat;
    background-size: cover;
}
.webinarplus-video-section video {
	width: 100%;
}

.w-f-main-plans .tabs {
    box-shadow: 0 5px 10px 0 rgba(68,68,68,.75);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.w-f-main-plans .tabs .nav-tabs {
    border: 1px solid #243a7d!important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #243a7d!important;
    padding: 0!important;
    flex-wrap: nowrap!important;
    white-space: nowrap!important;
    overflow-x: auto!important;
    overflow-y: hidden!important;
    display: flex!important;
    justify-content: center;
    flex-direction: row-reverse!important;
}
.w-f-main-plans .tabs .nav-tabs .nav-item {
    min-width: 276px;
    text-align: center;
    margin-bottom: -1px;
}
.w-f-main-plans .tabs .nav-tabs .nav-link.active, .w-f-main-plans .tabs .nav-tabs .nav-link:active, .w-f-main-plans .tabs .nav-tabs .nav-link:focus, .w-f-main-plans .tabs .nav-tabs .nav-link:focus-within, .w-f-main-plans .tabs .nav-tabs .nav-link:hover {
    border-radius: 0;
    transition: all .3s;
    background-color: #fff;
    color: #243a7d;
    font-weight: 700;
    border: none;
    border-bottom: 3px solid #243a7d;
}
.w-f-main-plans .tabs .nav-tabs .nav-link {
    background-color: #243a7d;
    color: #fff;
    padding: 10px 19.5px;
    font-size: 18px;
}

.w-f-main-plans .tabs .nav-tabs::-webkit-scrollbar {
                height: 4px
            }

            .w-f-main-plans .tabs .nav-tabs::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
            }

            .w-f-main-plans .tabs .nav-tabs::-webkit-scrollbar-thumb {
                background-color: #830101;
                outline: 1px solid #830101;
            }

            .w-f-main-plans .tabs .nav-tabs .nav-item {
                min-width: 276px;
                text-align: center
            }

            @media screen and (min-width: 992px) and (max-width:1199px) {
                .w-f-main-plans .tabs .nav-tabs .nav-item {
                    min-width:230px
                }
            }

            @media screen and (min-width: 768px) and (max-width:991px) {
                .w-f-main-plans .tabs .nav-tabs .nav-item {
                    min-width:170px
                }
            }

            @media screen and (max-width: 767px) {
                .w-f-main-plans .tabs .nav-tabs .nav-item {
                    min-width:120px
                }
            }

.guide-page .tabs .nav-tabs .nav-item {
	min-width: auto!important;
}
.guide-page .tabs .nav-tabs {
	justify-content: flex-start!important;
}
.guide-page .tabs .nav-tabs::-webkit-scrollbar-thumb {
                background-color: #00bfa5;
                outline: 1px solid #00bfa5
            }
.w-50 {
	height: auto;
	display: flex;
	justify-content: center;
	margin:0 auto;
}
.wf-customer-card::-webkit-scrollbar {
                height: 4px
            }

            .wf-customer-card::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
            }

            .wf-customer-card::-webkit-scrollbar-thumb {
                background-color: #efbe4d;
                outline: 1px solid #efbe4d
            }

         

            .wf-newest-card .wf-newest-card__img {
                border-top-right-radius: 24px;
                border-top-left-radius: 24px;
                width: 100%
            }

            .wf-newest-card .wf-newest-card__body .wf-newest-card__title:hover {
                text-shadow: 0 0 0 #aaa,0 0 0 #aaa,0 0 0 #aaa,0 0 0 #aaa;
                transition: all .5s
            }

            .wf-newest-card .wf-newest-card__body .wf-newest-card__text {
                max-height: 60px
            }

.wf-plan-card {
    box-shadow: 0 5px 10px 0 rgba(68,68,68,.75);
    cursor: pointer;
    transition: transform .5s;
    margin-top: 50px;
}
.wf-plan-card:hover {
	transform:scale(1.03);
}
.bg--white {
    background-color: #fff;
}
.wf-plan-card .user-num {
    border-radius: 50px;
    width: 90px;
    height: 90px;
    margin-top: -70px;
    background-color: #fbc02d;
}
.wf-plan-card .plan-border {
    width: 90px;
    height: 90px;
    border-radius: 50px;
    margin-top: -72px;
    margin-left: 3px;
    border: 1px solid rgba(68,68,68,.5);
}
.bg--lightest-gray {
    background-color: #f6f6f6;
}
.text--primary {
    color: #243a7d;
}
.wf-plan-card p {
	margin-bottom: 5px;
}
.customer-club-section .customer {
    background-color: #243a7d;
    background-image: url("/assets/0839a14a12fc582529775d67.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
.servicess-club-section .servicess {
    background-color: #243a7d;
    background-image: url("/assets/ff87831d31ac386f16806f2c.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding:25px 0 40px;
}
.wf-plan-card.rounded {
	border-radius: 25px!important;
	box-shadow: 10px 10px 0px rgb(255 255 255 / 30%);
}
.wf-plan-card.rounded h4 {
	font-weight: 600;
	color: #2D83C3
}
.service-img {
	height: 150px;
	margin: 0 auto;
	display: block;
	padding-bottom: 10px;
}
.customer-club-section .customer .webynar-customer {
    border-radius: 30px;
}

.bg--light-yellow {
    background-color: #efbe4d;
}
.text--light-yellow {
    color: #efbe4d;
}
.text--white , .text--white:hover {
    color: #fff;
}
.wf-customer-card {
    padding: 20px;
    background-color: #243a7d;
    box-shadow: 0 0 10px 4px rgba(0,0,0,.4);
    border-radius: 15px;
    overflow: auto;
    white-space: nowrap;
    max-width: 650px;
}
.wf-customer-card img {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 6px;
    text-decoration: none;
}
.newest-blog-section {
    background-image: url("/assets/3e9b53850e57eb246d8171c1.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.wf-newest-card {
    border-radius: 24px;
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 20px 18px rgba(68,68,68,.2);
    transition: box-shadow .5s,transform .5s;
    cursor: pointer;
}
.wf-newest-card .wf-newest-card__img {
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    width: 100%;
}
.wf-button.btn.wf-button__sm.wf-button__border {
    color: #243a7d!important;
    border: 1px solid #243a7d;
    background: #fff!important;
}
.wf-newest-card .wf-newest-card__body .wf-newest-card__text {
    max-height: 60px;
}
.wf-button.btn.wf-button__sm {
    color: #fff;
    background-color: #243a7d;
    font-size: 16px;
    padding-left: 12px;
    padding-right: 12px;
}
.wf-newest-card:hover {
	box-shadow:0 0 24px 26px rgba(68,68,68,.1);
	transform:scale(1.03)!important
}
.wf-footer {
    background-image: url("/assets/399fa26b86bbb93985344512.svg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 100px;
    background-position:center top;
}
.text--light-cyan {
    color: #00ffe6;
}	
.wf-footer a {
    text-decoration: none;
}
.wf-footer a:hover {
	color: #FFF;    
}
.wf-social {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: 2px solid #00bfa5;
    transition: box-shadow .5s,transform .5s;
}
.wf-social img {
    width: 55%;
}
.wf-footer .sub-footer {
    border-top: 1px solid #00ffe6;
    background-color: #243a7d;
}
.scroll-to-top img {
    width: 80%;
    height: 80%;
}

body::-webkit-scrollbar {
                width: 8px;
                height: 8px
            }

            body::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
            }

            body::-webkit-scrollbar-thumb {
                background-color: #830101;
                outline: 1px solid #830101;
            }

.introduce-section .header-text {
    right: 0;
}
.demo-box {
    background-color: #b20a0a;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    top: 150px;
    z-index: 999;
    color: #FFF;
}

.blogs-page .header-section,.contact-page .header-section,.about-us-page .header-section,.plan-page .header-section {
    background-image: url("/assets/ef68e2423fb796116cd5db8d.svg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 220px;
}
.blogs-page .header-text,.contact-page .header-text,.about-us-page .header-text,.plan-page .header-text {
    font-size: 50px;
    padding-top: 20px;
}
@media screen and (max-width: 576px) {
                .blogs-page .header-text,.contact-page .header-text,.about-us-page .header-text,.plan-page .header-text  {
                    font-size:42px
                }
            }

            .wf-blog-card {
                border-radius: 8px;
                background-color: #fff;
                height: 100%;
                box-shadow: 0 5px 10px 5px rgba(68,68,68,.2);
                transition: box-shadow .5s,transform .5s
            }

            .wf-blog-card:hover {
                box-shadow: 0 5px 10px 5px rgba(68,68,68,.1);
                transform: scale(1.03)
            }


            .wf-blog-card .wf-blog-card__img {
                border-top-right-radius: 8px;
                border-top-left-radius: 8px;
                width: 100%
            }

            .wf-blog-card .wf-blog-card__date {
                border-top: 1px solid #e0e0e0;
                color: hsla(0,0%,46.7%,.95)
            }

            .wf-blog-card .wf-blog-card__body a {
                text-decoration: none
            }

            .wf-blog-card .wf-blog-card__body a .wf-blog-card__title:hover {
                text-shadow: 0 0 0 #aaa,0 0 0 #aaa,0 0 0 #aaa,0 0 0 #aaa;
                transition: all .5s
            }

            .wf-blog-card .wf-blog-card__body .wf-blog-card__text {
                min-height: 150px
            }
            .blog-page .main-container {
                margin-top: 70px;
                box-shadow: 0 0 5px 1px rgba(68,68,68,.2);
                border-radius: 20px;
                background-color: hsla(0,0%,96.5%,.8)
            }

            .blog-page .main-container .blog-card-header {
                margin-top: -20px
            }

            .blog-page .main-container .blog-card-header>* {
                width: 90%
            }

            .blog-page .main-container .tags .hr {
                height: 3px;
                width: 230px;
                background-color: #777
            }

            @media screen and (min-width: 992px) and (max-width:1199px) {
                .blog-page .main-container .tags .hr {
                    width:170px
                }
            }

            @media screen and (max-width: 991px) {
                .blog-page .main-container .tags .hr {
                    width:550px
                }
            }

            @media screen and (max-width: 768px) {
                .blog-page .main-container .tags .hr {
                    width:390px
                }
            }

            @media screen and (max-width: 576px) {
                .blog-page .main-container .tags .hr {
                    display:none
                }
            }

            .blog-page .main-container .recent-posts .hr {
                height: 3px;
                background-color: #777;
                width: 190px
            }

            @media screen and (min-width: 992px) and (max-width:1199px) {
                .blog-page .main-container .recent-posts .hr {
                    width:140px
                }
            }

            @media screen and (max-width: 991px) {
                .blog-page .main-container .recent-posts .hr {
                    width:200px
                }
            }

            @media screen and (max-width: 768px) {
                .blog-page .main-container .recent-posts .hr {
                    width:360px
                }
            }

            @media screen and (max-width: 576px) {
                .blog-page .main-container .recent-posts .hr {
                    display:none
                }
            }

            .wf-blog-card-header {
                box-shadow: 0 6px 5px 0 rgba(68,68,68,.3)
            }

            .wf-blog-badge {
                border: 1px solid #fbc02d;
                background-color: #fbc02d;
                border-radius: 2px;
                font-weight: 400
            }

            .wf-blog-badge,.wf-blog-badge:active,.wf-blog-badge:focus,.wf-blog-badge:hover {
                box-shadow: none
            }

            .wf-blog-badge a {
                color: #fff
            }

            .wf-blog-badge a,.wf-blog-badge a:hover {
                text-decoration: none
            }

            .wf-blog-badge.wf-blog-badge__primary {
                border: 1px solid #243a7d;
                background-color: #243a7d;
            }

            .wf-blog-badge.wf-blog-badge__border {
                border: 1px solid rgba(68,68,68,.3);
                background-color: #fff;
                color: #444
            }

            .wf-blog-badge.wf-blog-badge__border a {
                color: #444;
                text-decoration: none
            }

            .wf-blog-badge.wf-blog-badge__border a:hover {
                text-decoration: none
            }

            .wf-article-text a {
                text-decoration: none
            }

            .wf-article-text a:hover {
                color: #444;
                text-shadow: 0 0 0 #aaa,0 0 0 #aaa,0 0 0 #aaa,0 0 0 #aaa;
                transition: all .5s
            }

            .wf-favorite-blog-card .hr {
                height: .3px;
                width: 360px;
                background-color: #fff
            }

            @media screen and (min-width: 992px) and (max-width:1199px) {
                .wf-favorite-blog-card .hr {
                    width:240px
                }
            }

            @media screen and (max-width: 991px) {
                .wf-favorite-blog-card .hr {
                    width:300px
                }
            }

            @media screen and (max-width: 768px) {
                .wf-favorite-blog-card .hr {
                    width:130px
                }
            }

            @media screen and (max-width: 576px) {
                .wf-favorite-blog-card .hr {
                    display:none
                }
            }

            .wf-f-blog-content-card {
                background-color: transparent;
                min-width: 150px
            }

            @media screen and (max-width: 576px) {
                .wf-f-blog-content-card {
                    min-width:100px
                }
            }

            .wf-f-blog-content-card a:hover {
                text-decoration: none
            }

            .wf-blog-register {
                background-color: #fff
            }
.wf-recent-blog:hover {
                background-color: #e0e0e0;
                cursor: pointer;
                transition: all .3s
            }

            .wf-recent-blog:hover a {
                text-decoration: none;
                color: #444;
                font-weight: 700;
                transition: all .3s
            }
.wf-blog-card-header {
    box-shadow: 0 6px 5px 0 rgb(68 68 68 / 30%);
}
.bg--dark-gray {
    background-color: #444;
}
.input-group .register-input {
    width: 80px;
    border: none;
    background-color: #243a7d;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
div.wpcf7 .ajax-loader {
	position: absolute;
}
.textwidget .input-group {
	flex-flow: row-reverse;
}
.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}
.input-group ::-moz-placeholder{text-align:right;font-size:13px;color:#e0e0e0}.input-group :-ms-input-placeholder{text-align:right;font-size:13px;color:#e0e0e0}.input-group ::placeholder{text-align:right;font-size:13px;color:#e0e0e0}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 0;
}
.w-f-contact-us .rounded-input {
    border-radius: 10px;
}
.send-btn {
    width: 100%!important;
    max-width: 100%!important;
    opacity: .65;
}
.wf-button.btn.wf-button__md.wf-button__elevated {
    color: #fff;
    background-color: #243a7d;
    box-shadow: 0 8px 10px 1px rgb(1 79 99 / 40%);    
}
.about-us-page .about-us-card {
    box-shadow: 0 5px 10px 0 rgb(68 68 68 / 75%);
}
.about-us-page .about-us-card {
    min-height: 450px;
}
.bg--white {
    background-color: #fff;
}
.w-f-platform-feature {
    box-shadow: 0 5px 10px 0 rgb(68 68 68 / 75%);
}
.w-f-platform-feature .table thead {
    background-color: #243a7d;
}
.w-f-platform-feature .table thead tr {
    height: .9rem!important;
}
.w-f-platform-feature .table thead th {
    padding: 25px!important;
}
.w-f-platform-feature .table thead th div {
    display: none!important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.w-f-platform-feature .table-hover tbody tr:first-child td img {
    width: 100px;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.table {
	margin-bottom: 0;
}
.wf-questions-card[data-v-39a9ac70] {
    box-shadow: 0 5px 10px 0 rgb(68 68 68 / 75%);
}
.bg--primary {
    background-color: #243a7d;
}
.wf-questions-card .card {
    border: 0;
    direction: rtl;
    text-align: justify;
}
.wf-questions-card .card-header[data-v-39a9ac70] {
    font-size: 17px;
    background-color: #fff;
    border: 0;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.wf-questions-card .btn {
    cursor: pointer;
    font-size: 17px;
    text-align: right;
    background: #fff!important;
    color: #000!important;
    border: 0!important;
    box-shadow: 0 0 0!important;
    direction: rtl;
    display: flex;
    position: relative;
    margin-top: 10px;
}
#accordion .card-body {
	padding-top: 5px;
}
.wf-questions-card p {
	line-height: 21px;
}
.wf-questions-card {
    box-shadow: 0 5px 10px 0 rgb(68 68 68 / 75%);
}
.wf-questions-card .btn:after {
    content: "<";
    transform: rotate(-90deg);
    top: -15px;
    left: 4px;
    position: absolute;
    margin-top: 10px;
    font-weight: 500;
    font-size: 25px;
    transition: all .5s;
}
.wf-questions-card .btn[aria-expanded=true]:after {
    content: "<";
    transform: rotate(90deg);
}
.wf-mid-header {
	line-height: 65px;
}
#club {
	top:-68px
}
#webinarplus_menu li a {
	font-size: 14px!important;
}
.choose-plans-page .plan-card {
    background-color: #243a7d;
    height: 300px;
    transition: transform .5s;
}
.choose-plans-page .plan-card:active,.choose-plans-page .plan-card:hover {
    transform: scale(1.03)
}
.pagination {
	display: flex;
	justify-content: center;
	margin:50px auto;
}
 
.pagination a {
    border: solid 1px rgb(221, 221, 221);
    padding: 10px 20px;
    font-weight: normal;
    color: #151515;
}

.pagination a:hover {
	background: #f8f8f8;
	color: #243a7d;
	border:1px solid #243a7d;
	font-weight: 600;
}
 
.pagination .current {
   padding: 10px 24px;
   background: #243a7d;
   color: rgb(255, 255, 255);
   font-weight: 600;
}
.wpcf7-response-output {
	text-align:right;
}
 
@media(min-width: 576px) {
	.flex-sm-row-reverse {
	    flex-direction: row-reverse!important;
	}
}
@media(max-width: 1680px) {
	.introduce-section {
    	padding: 30px 30px 0;
    }
    .w-f-desktop-slider {
    	padding: 10px 60px 0;
	}
	
}
@media(min-width: 1920px) {
	.introduce-section {
	    padding: 30px 200px 0 100px;
	}
	.w-f-desktop-slider {
	    padding: 10px 200px 0;
	}
}
@media(min-width: 768px) {
	.w-90 {
		width: 90%;
	}
}
@media (max-width: 1199.98px) {
.bv-d-lg-down-none {
    display: none!important;
}
}

.tabss a {
    position: relative;
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    border-radius: 3px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0;
    border-width: 2px;
    transition: .3s;
    backface-visibility: hidden;
}

.tabss .nav {
    text-align: center;
    margin-bottom: 20px!important;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

.tabss .nav a {
    font-size: .8rem!important;
    padding: 2px 13px!important;
    margin: 0 0 5px 10px!important;
    background: 0 0;
    overflow: hidden;
    z-index: 0;
    color: #073E53;
    border: 2px solid #014F63;
}

@media screen and (max-width: 592px) {
	.tabss .nav {
		display: block;
	}
    .tabss .nav a {
        width:calc(50% - 5px)
         margin-left:0;
    }

    .tabss .nav a:nth-child(2n) {
        margin-left: 0
    }
}

@media screen and (max-width: 420px) {
    .tabss .nav a {
        margin-left:0;
        width: 100%
    }
}

.tabss .nav a:hover {
    color: #fff;
    background: 0 0;
    border-color: #014F63
}

.tabss .nav a:focus {
    outline: 0!important
}

.tabss .nav a:after {
    content: '';
    width: 150%;
    height: 300%;
    display: block;
    position: absolute;
    top: 100%;
    left: -100%;
    background: #014F63;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in
}

.tabss .nav a:hover:after {
    top: -50%;
    left: -20%
}

.tabss .nav a.active,.tabss .nav a.active:active,.tabss .nav a.active:focus,.tabss .nav a.active:hover {
    color: #fff;
    background-color: #073E53;
    border-color: #073E53
}

.tabss .nav a.active {
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.15)
}

.tabss .nav a.active:hover {
    -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 12px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.2)
}

.tabss .nav a.active:after {
    content: none
}

.tabss .nav a:last-child {
    margin-left: 0
}
.alert-info {
	text-align:right;
	direction: rtl;
}
.alert li::marker {
    display: list-item;
  content: ".";
  float: right;
font-size: 30px;
font-weight: bold;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.alert li {
	padding-right: 15px;
	margin-right: 15px;
	font-size: 13px;
}
.main-header .logo img {
	max-height:53px!important;
}
