:root{
	--red:#d93954; 
	--silver:#e9e3e6;
	--blue:#1b2a41;
	--dark:#0c0d0d;
}
body,h5,h3,h2,h1,h4,p{
	font-family:Iransans !important;
}
body,html{
	overflow-x: hidden !important;
}
a,a:hover{
	text-decoration:none!important;
	color:inherit;
}
.uk-notification-close{
	left: 15px !important;
	color: black !important;
	right: unset !important;
	top:18px!important;
}
.uk-notification-message {
    position: relative;
    padding: 15px;
    line-height: 1.4;
    cursor: pointer;
	text-align: right !important;
	border-radius: 6px!important;
	font-size: 14px !important;
}
.uk-notification-message-danger {
	color: black !important;
	background: #f94e4e !important;
}
.uk-notification-message-success {
    color:#eaeaea!important;
    background:green!important;
}
body .darkPlaceContactUs{
	background: #0c0d0d99;
	height:100vh;
	width:100%;
	display:none;
	position:fixed;
	top:0;
	z-index:56;
}
.vertical_align{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}
.vertical_center{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.none{
	display:none!important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cp{
	cursor:pointer;
}
input[type=number] {
    -moz-appearance:textfield;
}
.none{
	display:none!important;
}
.logo-title{
	font-size: 26px;
	font-weight: 600;
	color: var(--blue);
	padding-bottom: 15px;
	border-bottom: 2px solid var(--blue);
}
.logo{
	width: 128px;
	height: 128px;
}
.btn_custom_light{
	padding:3px 60px!important;
	background:var(--silver)!important;
	color:var(--dark)!important;
	font-size:16px!important;
	border-radius:0px!important;
}
.btn_custom_red{
	padding:3px 60px!important;
	background:#ca0814!important;
	color:white!important;
	border:2px solid white!important;
	font-size:16px!important;
	border-radius:0px!important;
}
.btn_custom_red:hover{
	transform: scale(1.1);
	background: gray !important;
}
.btn_custom_light:hover{
	background:var(--dark)!important;
	color:var(--silver)!important;
}
/**********************Margin**********************/
.mt60{
	margin-top:60px;
}
/**********************Margin**********************/
/**********************Login**********************/
.login{
	height:100vh;
	background-color: #eee;
}
#sign_up{
	display:none;
}
#forget_pass{
	display:none;
}
#verify{
	display:none;
}
.login .btn{
	font-size: 14px;
}
.login a{
	font-size: 14px;
	font-weight: 300;
}
.login a:hover{
	color:black;
	text-decoration:none!important;
}
.login .reg-text{
	margin-left: 10px;
	margin-bottom:0px;
}
.login h4{
	border-bottom: 2px solid black;
	display: inline;
	padding: 0px 30px 8px 30px !important;
	font-size: 18px;
}
.login .image{
	background:url('../images/theme/login-bg.jpg');
	background-position:center;
	background-size:cover;
}
.login .card{
	box-shadow: 0 0 9px #0003 !important;
	overflow: hidden;
}
.login .reg-btn{
	padding: 3px 30px;
}
.login .form-outline i{
	position: absolute;
	bottom: 10px;
	left: 12px;
	font-size: 14px;
}
.login .form{
	margin-top: 60px!important;
}
.login .form label{
	font-size: 13px;
}
.login .form input[name="password"],.login .form input[name="confirmPassword"]{
	padding-left: 36px;
}
.login .form input{
	font-size: 13px;
}
.login .form input::-webkit-outer-spin-button,
.login .form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.login .form input[type=number] {
  -moz-appearance: textfield;
}
.login .form p{
	font-size:14px;
}
.login .content-area input.code-input{
	font-size: 14px;
	width: 2.5em;
	text-align: center;
	margin: 16px 6px 0px 6px;
}
.login .content-area input{
	border: 0px;
	border-bottom: 1px solid gray;
}
.login .content-area input:invalid{
	box-shadow: none;
}
.login .content-area input:focus{
	outline: none;
}
@media (min-width: 768px){
  .gradient-form {
    height: 100vh !important;
  }
}
/**********************Login**********************/
/************************ Nav ************************/
nav .menu{
	position:fixed;
	top:0px;
	width:100%;
	z-index:1254;
	height: 90px;
}
nav .menu ul{
	padding: unset;
	list-style: none;
	display: flex;
	width: fit-content;
	margin: 0 auto;
	padding-top:20px;
}
nav .mobileNav{
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 12345;
	display: flex;
	width: 100%;
}
nav .mobileNav .navList ul .subNavMenu{
	padding: 0px;
	width: 100%;
	padding: 3px 0px;
	display: none;
}
nav .menu .staticList .mobileNone{
	display: inline;
	color: #e9e3e6;
	font-size: 16px;
}
nav .menu .staticList .mobileNone i{
	font-size: 12px;
	margin-right: 7px;
}
nav .mobileNav .navList ul .openNav{
	position:relative!important;
}
nav .mobileNav .navList ul .item i{
	position: absolute;
	left: 16px;
	top: 17px;
}
nav .mobileNav .navList ul .item.active{
	background:#c82027;
}
nav .mobileNav .navList ul .item{
	background: #2b2b2b;
	padding: 13px;
	color: var(--silver);
	text-align: center;
	border-radius: 8px;
	margin-bottom: 30px;
}
nav .mobileNav .navList ul{
	padding: 0px;
	list-style: none;
}
nav .mobileNav .navList{
	background:var(--silver);
	height: 100vh;
	display: inline;
	padding: 30px;
	width: 100%;
	text-align:center;
	position: relative;
}
nav .mobileNav .navList .close:hover{
	color:var(--blue);
}
nav .mobileNav .navList .close{
	position: absolute;
	top: 8px;
	left: 16px;
	font-size: 25px;
	color: #00000059;
}
nav .mobileNav .darkPlace{
	background: #0c0d0d99;
	height: 100vh;
	display: inline;
	width: 55%;
}
nav .menu .logo{
	width: 45px;
	height: 45px;
	position: absolute;
	top:13px;
	left: 55px;
	filter: invert(1%) sepia(1%) saturate(1%) drop-shadow(0px 0px 4px #fb0000) hue-rotate(1deg) brightness(1000%) contrast(100%);
}
nav .menu .staticList .logoPlace a{
	border-left: none!important;
}
nav .menu .staticList a{
	display: inline;
	margin: 0px 30px;
	color:var(--silver);
	font-size:16px;
	border-left: 2px solid white;
	padding: 3px 0px 3px 60px;
}
nav .menu .staticList a:nth-child(4){
	border-left: none!important;
	padding-left: 0px;
}
nav .menu .staticList .subNavMenu .item:hover{
	background: #f4f4f4;
}
nav .menu .staticList .subNavMenu .item{
	font-size: 14px;
	padding: 10px;
	width: 100%;
	border-bottom: 1px solid #f4f4f4;
	display: block;
	color: var(--dark);
}
nav .menu .staticList .subNavMenu{
	position: absolute;
	background: white;
	top: 27px;
	right: -62px;
	padding: 0px;
	width: 189px;
	padding: 3px 0px;
	display: none;
}
nav .icons{
	width: 25px;
	height: 25px;
}
nav .mobileNavIcon{
	position: absolute;
	right: 25px;
	top: 6px;
	display:none;
	background: var(--silver);
	transform: translateY(7px);
	padding: 8px;
	border-radius: 61%;
}
nav .sideNav{
	display:none;
	padding:0px!important;
	transform: translateX(-12px);
}
/************************ Nav ************************/
/************************ Header ************************/
.home header{
	background:url("../images/theme/header.jpg");
	background-attachment:fixed;
	background-position:bottom;
	background-size:cover;
	height:81vh;
	position:relative;
}
.home header .coverHeader{
	clip-path: polygon(100% 0px, 10% 0px, 25% 100%, 100% 100%);
	position: absolute;
	top: 0;
	width: 100%;
	height: 81vh;
	background-image: linear-gradient(0deg,#c82027 100%,rgba(255,255,255,0) 0%);
	mix-blend-mode: darken;
}
.home header .content{
	font-size:30px;
	color:var(--silver);
	padding:30px;
}
/************************ Header ************************/
/************************ Description ************************/
.description{
	padding:60px;
}
.description .bold{
	font-size: 20px;
	line-height: 67px;
	font-weight: bold;
	padding:15px;
	text-align: justify;
}
.description .normal.pt30{
	padding-top: 30px;
}
.description .normal{
	font-size: 16px;
	line-height: 40px;
	text-align: justify;
}
/************************ Description ************************/
/************************ Content ************************/
.home .contentlanding{
	background-image:url("../images/theme/header.jpg");
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
	min-height:154vh;
	background-color:#ca0814;
	mix-blend-mode: darken;
	margin-top:70px;
	overflow: hidden;
}
.home .contentlanding .coverRed{
	background:#ca0814;
	min-height:173vh;
	position: absolute;
	mix-blend-mode: darken;
	top: 0px;
	width: 100%;
	z-index:1;
}
.home .contentlanding .cover{
	clip-path: polygon(0px 0px, 100% 0px, 82.86% 85.54%, 91.51% 100.05%, 0px 100%, 20.2% 22.6%);
	position: absolute;
	top: 0px;
	min-height:173vh;
	width: 100%;
	z-index:2;
	background-color: white;
}
.home .contentlanding .text h4{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 60px;
	width: 80%;
	line-height: 57px;
}
.home .contentlanding .text p{
	width: 86%;
	font-size: 18px;
	line-height: 40px;
	text-align: justify;
}
.home .contentlanding .text2 p{
	width: 93%!important;
}
.home .contentlanding .text2{
	margin-top:134px!important;
	padding-right: 225px!important;
}
.home .contentlanding .text{

}
/************************ Content ************************/
/************************ Sample ************************/
.home .sample{
	margin-top: 60px;
	padding-top: 115px!important;
}
.home .sample h4{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 60px;
	color: #ca0814;
}
.home .sample .item:hover{
	box-shadow: 0px 0px 12px #ca081475;
}
.home .sample .item{
	background: url("../images/theme/header.jpg");
	height: 300px;
	width: 300px;
	background-position: center;
	background-size: cover;
	box-shadow: 0px 0px 12px #0000005e;
	margin: 0 auto;
	cursor:pointer;
}
.home .sample li{
	padding:15px;
}
/************************ Sample ************************/
/************************ Forms ************************/
.home .contactUs{
	margin-top:68px;
	position:relative;
	overflow: hidden;
}
.home .clipPath{
	clip-path: polygon(62% 0, 90% 0, 66% 100%, 36% 100%);
	position: absolute;
	top: 80px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: #ca0814;
	position: absolute;
	mix-blend-mode: darken;
}
.home .background{
	background: url("../images/theme/contactus.jpg");
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 80px;
	z-index: 1;
	position: absolute;
	filter: grayscale(100%);
}
.home .contactUs h4{
	font-size: 29px;
	margin-bottom: 55px;
	color: #ca0814;
	transform: translateY(24px);
}
.home .contactUs .form{
	z-index: 12;
	position: relative;
	padding:60px;
}
.form label{
	color:white;
}
.home .contactUs .form input,.home .contactUs .form select,.home .contactUs .form textarea{
  border-radius: 0px;
  border: 3px solid #ca0814;
}
.home .contactUs .form select{
	background-position: left 0.75rem center !important;
}
/************************ Forms ************************/
/************************ Footer ************************/
footer{
	padding:15px;
	background:#c82027;
	color:white;
	font-size:14px;
	text-align:center;
}
footer span{
	color:var(--dark);
}
/************************ Footer ************************/
/************************ Plans ************************/
.home .plans{
	margin-top: 60px;
	padding-top: 54px !important;
}
.home .plans .itemPlan:hover .price div{
	background: #ca0814;
	border: 1px solid #ca0814;
	color: white;
}
.home .plans .itemPlan:hover{
	box-shadow: 0px 0px 12px #ca081475;
}
.home .plans .itemPlan{
	background: white;
	box-shadow: 0px 0px 12px #00000075;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom:30px;
}
.home .plans .itemPlan .header{
	padding: 15px;
	text-align: center;
	color: white;
	font-size: 15px;
	background:#ca0814;
}
.home .plans .special{
	min-height: fit-content;
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	margin-top: 23px;
}
.home .plans .itemPlan .body{
	padding: 30px 15px;
	font-size: 15px;
	line-height: 40px;
	text-align: right;
	min-height: 220px;
}
.home .plans .itemPlan .body ul{
	padding: 0px;
	list-style: none;
	margin: 0px;
	height: 190px;
}
.home .plans .itemPlan .price div{
	padding: 8px 13px;
	text-align: center;
	color: #ca0814;
	border-radius: 6px;
	border: 1px solid #ca0814;
	font-size: 20px;
}
.home .plans .itemPlan .price{
	padding: 15px;
	padding-top: 0px;
}
/************************ Plans ************************/
/************************ Media ************************/
@media only screen and (max-width: 1700px) {
	.home .contentlanding .text p{
		width: 70%;
	}
	.home .contentlanding .text{
		padding-right: 190px;
	}
}
@media only screen and (max-width: 1450px) {
	.home .contentlanding .text{
		padding-right: 96px;
	}
	.home .contentlanding .text2 p{
		width: 88%!important;
	}
	.home .contentlanding .text2{
		padding-right: 245px!important;
	}
}
@media only screen and (max-width: 1400px) {
	.home .contentlanding{
		min-height:168vh;
	}
	.home .contentlanding .coverRed{
		min-height:168vh;
	}
	.home .contentlanding .cover{
		min-height:168vh;
	}
}
@media only screen and (max-width: 1200px) {
	.home .contentlanding{
		min-height:197vh;
	}
	.home .contentlanding .coverRed{
		min-height:197vh;
	}
	.home .contentlanding .cover{
		min-height:197vh;
	}
}
@media only screen and (max-width: 1085px) {
	.home .contentlanding{
		min-height:135vh;
	}
	.home .contentlanding .coverRed{
		min-height:135vh;
	}
	.home .contentlanding .cover{
		min-height:135vh;
	}
	.home .contentlanding .text{
		padding: 15px !important;
	}
	.description .normal.pt30{
		padding-top:unset!important;
	}
	.description .normal{
		padding: 15px !important;
	}
	.home .plans .special .first{
		display:none;
	}
	.home .contentlanding .text h4 {
		width: 100% !important;
	}
	.home .plans .special .last{
		display:block;
		margin:0 auto;
		margin-top: 26px;
	}
	.home .contentlanding .cover {
		clip-path:none!important;
		width: 100%;
		height: auto;
		z-index: 2;
	}
	.home .contentlanding {
		background: white!important;
		height:none!important;
		position: relative;
	}
	.home .contentlanding .coverRed {
		background: #fff;
		width: 100%;
		z-index: 1;
	}
	.home .contentlanding .text {
		margin-top:0px !important;
		margin-bottom: 0px !important;
	}
	.home .contentlanding .text h4 {
	  margin-top: 0px !important;
	}
	.home .contentlanding .text p {
		width: 100%;
	}
	.home .contentlanding .text2 {
		margin-bottom: 0px !important;
	}
	nav .menu .logo{
		filter:brightness(0) invert(1)!important;
	}
	.home .contentlanding .text2 p,.home .contentlanding .text2 h4 {
		width: 100% !important;
	}
	.home .contentlanding .text {
		margin-bottom: 127px;
	}
}
@media only screen and (max-width: 1020px) {
	.mobileNone{
		display:none!important;
	}
	nav .mobileNavIcon{
		display: unset !important;
		box-shadow: 0px 0px 12px #0000008c;
	}
	nav .menu .logo {
		left: 20px;
	}
	.description {
	  padding: 0px;
	}
	.home header .coverHeader {
		clip-path: unset!important;
	}
}
@media only screen and (max-width: 990px) {
	.home .contentlanding {
		height: none !important;
	}
	.home .contentlanding .coverRed {
		min-height:0px !important;
	}
	.home .contentlanding {
		height: auto !important;
	}
	.home .contentlanding .text h4 {
		font-size: 23px;
		margin-bottom: 23px;
		margin-top: 60px;
	}
	.home .contentlanding .cover,.home .contentlanding .coverRed {
		position: static !important;
	}
}
@media only screen and (max-width: 769px) {

}
@media only screen and (max-width: 698px) {

}
@media only screen and (max-width: 490px) {

}
@media only screen and (max-height: 1080px) {
	.home .contentlanding{
		min-height:119vh;
	}
	.home .contentlanding .coverRed{
		min-height:119vh;
	}
	.home .contentlanding .cover{
		min-height:119vh;
	}
}
@media only screen and (max-height: 1020px) {
	.home .contentlanding{
		min-height:127vh;
	}
	.home .contentlanding .coverRed{
		min-height:127vh;
	}
	.home .contentlanding .cover{
		min-height:127vh;
	}
}
@media only screen and (max-height: 956px) {
	.home .contentlanding{
		min-height:137vh;
	}
	.home .contentlanding .coverRed{
		min-height:137vh;
	}
	.home .contentlanding .cover{
		min-height:137vh;
	}
}
@media only screen and (max-height: 890px) {
	.home .contentlanding{
		min-height:147vh;
	}
	.home .contentlanding .coverRed{
		min-height:147vh;
	}
	.home .contentlanding .cover{
		min-height:147vh;
	}
}
@media only screen and (max-height: 890px), screen and (max-width: 1690px) {
	.home .contentlanding{
		min-height:180vh;
	}
	.home .contentlanding .coverRed{
		min-height:180vh;
	}
	.home .contentlanding .cover{
		min-height:180vh;
	}
}
@media only screen and (max-height: 817px), screen and (max-width: 1690px) {
	.home .contentlanding{
		min-height:180vh;
	}
	.home .contentlanding .coverRed{
		min-height:180vh;
	}
	.home .contentlanding .cover{
		min-height:180vh;
	}
}
@media only screen and (max-height: 817px), screen and (max-width: 1384px) {
	.home .contentlanding{
		min-height:203vh;
	}
	.home .contentlanding .coverRed{
		min-height:203vh;
	}
	.home .contentlanding .cover{
		min-height:203vh;
	}
}
@media only screen and (max-height: 817px), screen and (max-width: 1199px) {
	.home .contentlanding{
		min-height:240vh;
	}
	.home .contentlanding .coverRed{
		min-height:240vh;
	}
	.home .contentlanding .cover{
		min-height:240vh;
	}
}
@media only screen and (max-height: 817px), screen and (max-width: 1058px) {
	.home .contentlanding{
		min-height:183vh;
	}
	.home .contentlanding .coverRed{
		min-height:183vh;
	}
	.home .contentlanding .cover{
		min-height:183vh;
	}
}
@media only screen and (max-height: 770px) {
	.home .contentlanding{
		min-height:167vh;
	}
	.home .contentlanding .coverRed{
		min-height:167vh;
	}
	.home .contentlanding .cover{
		min-height:167vh;
	}
}
@media only screen and (max-height: 726px) {
	.home .contentlanding{
		min-height:180vh;
	}
	.home .contentlanding .coverRed{
		min-height:180vh;
	}
	.home .contentlanding .cover{
		min-height:180vh;
	}
}
@media only screen and (max-height: 676px) {
	.home .contentlanding{
		min-height:197vh;
	}
	.home .contentlanding .coverRed{
		min-height:197vh;
	}
	.home .contentlanding .cover{
		min-height:197vh;
	}
}
@media only screen and (max-height: 614px) {
	.home .contentlanding{
		min-height:220vh;
	}
	.home .contentlanding .coverRed{
		min-height:220vh;
	}
	.home .contentlanding .cover{
		min-height:220vh;
	}
}
@media only screen and (max-height: 549px) {
	.home .contentlanding{
		min-height:250vh;
	}
	.home .contentlanding .coverRed{
		min-height:250vh;
	}
	.home .contentlanding .cover{
		min-height:250vh;
	}
}
@media only screen and (max-height: 484px) {
	.home .contentlanding{
		min-height:280vh;
	}
	.home .contentlanding .coverRed{
		min-height:280vh;
	}
	.home .contentlanding .cover{
		min-height:280vh;
	}
}
@media only screen and (max-height: 432px) {
	.home .contentlanding{
		min-height:315vh;
	}
	.home .contentlanding .coverRed{
		min-height:315vh;
	}
	.home .contentlanding .cover{
		min-height:315vh;
	}
}
@media only screen and (max-height: 383px) {
	.home .contentlanding{
		min-height:360vh;
	}
	.home .contentlanding .coverRed{
		min-height:360vh;
	}
	.home .contentlanding .cover{
		min-height:360vh;
	}
}
@media only screen and (max-height: 335px) {
	.home .contentlanding{
		min-height:410vh;
	}
	.home .contentlanding .coverRed{
		min-height:410vh;
	}
	.home .contentlanding .cover{
		min-height:410vh;
	}
}
@media only screen and (max-height: 294px) {
	.home .contentlanding{
		min-height:455vh;
	}
	.home .contentlanding .coverRed{
		min-height:455vh;
	}
	.home .contentlanding .cover{
		min-height:455vh;
	}
}
@media only screen and (max-height: 265px) {
	.home .contentlanding{
		min-height:500vh;
	}
	.home .contentlanding .coverRed{
		min-height:500vh;
	}
	.home .contentlanding .cover{
		min-height:500vh;
	}
}
@media only screen and (max-height: 241px) {
	.home .contentlanding{
		min-height:550vh;
	}
	.home .contentlanding .coverRed{
		min-height:550vh;
	}
	.home .contentlanding .cover{
		min-height:550vh;
	}
}
@media only screen and (max-height: 219px) {
	.home .contentlanding{
		min-height:600vh;
	}
	.home .contentlanding .coverRed{
		min-height:600vh;
	}
	.home .contentlanding .cover{
		min-height:600vh;
	}
}
@media only screen and (max-height: 201px) {
	.home .contentlanding{
		min-height:644vh;
	}
	.home .contentlanding .coverRed{
		min-height:644vh;
	}
	.home .contentlanding .cover{
		min-height:644vh;
	}
}
@media only screen and (max-height: 187px) {
	.home .contentlanding{
		min-height:690vh;
	}
	.home .contentlanding .coverRed{
		min-height:690vh;
	}
	.home .contentlanding .cover{
		min-height:690vh;
	}
}
/************************ Media ************************/