:root{
	--red:#D00B0B; 
	--silver:#F9F9F9;
	--white:#ffffff;
	--dark:#2d2d2d;
}
body{
	overflow-x: hidden !important;
}
body,h5,h3,h2,h1,h4,p{
	font-family:Iransans !important;
}
a,a:hover{
	text-decoration:none!important;
	color:inherit;
}
.icons{
	width:32px;
	height:32px;
}
.pdtb-120{
	padding:120px 0px;
}
.pt23p{
	padding-top: 23%;
}
.ml-6{
	margin-left:6px;
}
.mr-6{
	margin-right:6px;
}
.vertical_center{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
}
.btn_custom_red{
	background: var(--red) !important;
	padding: 6px 30px !important;
	color: var(--silver) !important;
	box-shadow: 0 0 12px #0000002d;
	border:1px solid var(--red)!important;
	font-size: 12px !important;
	border-radius: 6px!important;
}
.btn_custom_red:hover{
	background: #A50D0D !important;
	transition:1s;
}
.btn_custom_silver{
	background: var(--silver) !important;
	padding: 6px 30px !important;
	color: var(--red) !important;
	box-shadow: 0 0 12px #0000002d;
	border:1px solid var(--silver)!important;
	font-size: 12px !important;
	border-radius: 6px!important;
}
.btn_custom_silver:hover{
	background: #c2c2c2 !important;
	transition:1s;
}
.btn_custom_red_outline{
	background: transparent!important;
	padding: 6px 30px !important;
	color: var(--red) !important;
	box-shadow: 0 0 12px #0000002d;
	border:1px solid var(--red)!important;
	font-size: 12px !important;
	border-radius: 6px!important;
}
.btn_custom_red_outline:hover{
	background: var(--red)!important;
	color: var(--silver) !important;
	transition:1s;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cp{
	cursor:pointer;
}
input[type=number] {
    -moz-appearance:textfield;
}
/************************ Nav ************************/
.loginButton{
	background: transparent;
	border: 1px solid #cecece;
	border-radius: 6px;
	padding: 6px 30px;
	font-size: 12px;
	color: #5e5e5e;
	float: left;
	transition:1s;
}
.loginButton:hover{
	background: var(--dark);
	color:#cecece;
	border-color:var(--dark);
}
.sideNav{
	display:none;
	padding:0px!important;
	transform: translateX(-12px);
}
.page{
	padding:0px!important;
	transform: translateX(-12px);
	margin: 0 auto!important;
}
.sideNav .list{
	width:100%!important;
	background:var(--silver);
	height: 100%;
	padding:15px 25px;
	box-shadow:0 0 12px #0000002d;
}
.sideNav .list ul li.active{
	background: var(--red);
	color: var(--silver);
}
.sideNav .list ul li{
  padding: 12px !important;
  border-radius: 8px;
  background: var(--dark);
  color: var(--silver);
  font-size: 14px;
  box-shadow: 0 0 12px #0000002d;
  margin-bottom: 12px;
  cursor:pointer;
}
.sideNav .list ul li:hover{
	background: var(--red);
	color: var(--silver);
}
.sideNav .list .header{
	height: 120px;
	margin-bottom: 20px;
}
.sideNav .list .header i:hover{
	opacity:1;
}
.sideNav .list .header i{
  position: absolute;
  left: 15px;
  top: 13px;
  font-size: 20px;
  cursor: pointer;
  opacity:0.6;
}
.sideNav .list ul{
	list-style:none;
	margin:0px;
	padding:0px;
	position: sticky;
	top: 30px;
}
.allRow{
	width: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1020;
}
.landingPage{
	padding: 0px;
	margin:0 auto;
}
/************************ Nav ************************/
/************************ Header ************************/
.home .header{
	background: var(--silver);
	padding: 40px;
	border-radius: 8px;
	box-shadow: 0px 0px 12px #0000002d;
	height:60vh;
}
.home .header h1{
	font-size: 22px;
	color: #5e5e5e;
}
.home .header .image{
	width: 80%;
	padding-top: 19%;
}
.home .header .content{
	height: 100%;
}
.home .header P{
	margin-top: 45px;
	width: 70%;
	text-align: justify;
	font-size: 14px;
	line-height: 38px;
	color: #5e5e5e;
}
.home .scrolldown {
	cursor: pointer;
	position: absolute;
	bottom: -9px;
	width: 14px;
	right: 0;
	left: 0;
	height: 35px;
	border: 2px solid var(--dark)!important;
	border-radius: 50px;
	box-sizing: border-box;
	margin: 16px auto;
}
.home .scrolldown::before {
	content: "";
	position: absolute;
	bottom: 23px;
	width: 4px;
	height: 2px;
	margin-left: 0;
	background-color: var(--dark)!important;
	border-radius: 100%;
	animation: scrolldown-anim 2s infinite;
	box-sizing: border-box;
	box-shadow: 0px -5px 3px 1px #2d2d2d45;
	left: 3px;
}
@keyframes scrolldown-anim {
	0% {
		opacity: 0;
		height: 6px;
	}

	40% {
		opacity: 1;
		height: 10px;
	}

	80% {
		transform: translate(0, 20px);
		height: 10px;
		opacity: 0;
	}

	100% {
		height: 3px;
		opacity: 0;
	}
}
/************************ Header ************************/
/************************ Info ************************/
.bio{
	margin-top:100px;
}
.bio .icon,.brands .icon{
	width:24px;
	height:24px;
	margin-left:6px;
}
.section_title{
	text-align:right;
	font-size:16px;
	color:var(--dark);
}
.bio p{
	text-align:center;
	font-size:14px;
	color:var(--dark);
	line-height:45px;
	margin-top:25px;
}
/************************ Info ************************/
/************************ Products ************************/
.products{
	margin:100px 0px;
}
.products .item {
	border-radius: 8px;
	padding: 25px 6px;
	text-align: center;
	box-shadow: 0 0 12px #0000002d;
	margin:50px 0px;
}
.products .item.odd{
	background: var(--silver);
}
.products .item.even{
	background: var(--red);
	color:var(--silver);
}
.products .item.odd .fa{
	color:var(--dark);
}
.products .item.odd .en{
	color:var(--dark);
	border-bottom:1px solid var(--dark);
}
.products .item.even .fa{
	color:var(--silver);
}
.products .item.even .en{
	color:var(--silver);
	border-bottom:1px solid var(--silver);
}
.products .item .en{
	font-size: 70px;
	font-family: Tangerine!important;
	padding:12px 65px;
	display:inline;
}
.products .item .fa{
	font-size: 40px;
	margin:12px;
	font-weight:300;
	padding:12px;
}
.products .item h4{
	transform: translateY(16px);
}
.products .item img{
	width:50%;
	transform: translateY(16px);
}
/************************ Products ************************/
/************************ Brands ************************/
.brands .slider img{
	width:50%!important;
}
.brands .slider{
	margin:60px;
}
/************************ Brands ************************/
/************************ Forms ************************/
.form{
  background: var(--silver);
  border-radius: 8px;
  box-shadow: 0 0 12px #0000002d;
  padding: 85px 35px;
  text-align: right;
  position: relative;
  margin-top: 100px;
  padding-bottom: 43px;
  margin-bottom:100px;
}
.form .header {
  padding: 12px 34px;
  background: var(--red);
  color: var(--silver);
  font-size: 16px;
  border-radius: 8px;
  box-shadow: 0 0 12px #0000002d;
  position: absolute;
  top: -26px;
  height: fit-content!important;
  left: 0;
  right: 0;
  width: fit-content;
  margin: 0 auto;
}
.form label{
	font-size:14px;
	font-weight:300;
}
.form input,.form textarea{
	font-size:14px;
	border: 1px solid var(--red);
}
/************************ Forms ************************/
/************************ Footer ************************/
footer{
	position: relative;
	padding: 0px!important;
	left: -12px;
}
footer .footer{
	background:var(--silver);
	padding:60px 0px;
}
footer .footer .section_title{
	font-size:12px;
	color:var(--dark);
}
footer .footer i:hover{
	color:var(--red);
	cursor:pointer;
}
footer .footer button{
	border-radius:6px 0px 0px 6px!important;
}
footer .footer input{
	font-size:14px;
	border: 1px solid var(--red);
}
footer .footer .newsLetterPlace{
	float:left;
	width:50%;
}
footer .copyRight a{
	color:var(--red);
}
footer .copyRight{
	padding:20px;
	font-size:12px;
	background:#707070;
	color:var(--silver);
}
/************************ Footer ************************/
/************************ Media ************************/
@media only screen and (max-width: 1400px) {
	.home .header .image{
		padding-top: 25%;
	}
	.home .header P{
		width: 93%;
	}
	.products .item img {
		transform: translateY(27px);
	}
}
@media only screen and (max-width: 1200px) {
	.home .header .image{
		padding-top: 34%;
	}
	footer .footer .newsLetterPlace{
		float:left;
		width:75%;
	}	
	.home .header P{
		width: 98%;
	}
	.products .item img {
	  width: 75%;
	  transform: translateY(14px);
	}
	.home .header h1{
		font-size:16px;
	}
}
@media only screen and (max-width: 990px) {
	.pdtb-120{
		padding:30px 0px;
	}
	.sideNav{
		position: fixed!important;
		z-index: 123!important;
		height: 100%!important;
		bottom: 0!important;
	}
	.home .scrolldown {
		bottom: 75px;
	}
	.home .header .image{
		padding-top: 12%;
	}
	.home .header p{
		text-align:center;
	}
	.home .header{
		text-align:center;
		height: 85vh;
	}
	.pt23p{
		padding-top:7%;
	}
	.brands .slider img{
		width:75%!important;
	}
	.products .item .fa {
		font-size: 26px;
	}
	.products .item .en {
		font-size: 45px;
	}
	.products .item img {
		transform: translateY(9px);
	}
}
@media only screen and (max-width: 769px) {
	.pt23p{
		padding-top:16%;
	}
	.home .header .image{
		padding-top: 27%;
	}
	.page{
		width:100%!important;
		margin: 0!important
	}
	.products .item img {
	  transform: translateY(-7px);
	  width: 60%;
	  margin: 37px;
	}
	footer .footer .socialMedia{
		text-align:center;
	}
	footer .footer .section_title {
	  text-align: center;
	}
	footer .footer .newsLetterPlace{
		text-align:center;
		width:100%;
		margin-top:60px;
	}	
	.section_title {
		font-size: 14px;
	}
	.home .header p{
		font-size:12px;
	}
	.bio p{
		font-size: 12px;
	}
}
@media only screen and (max-width: 698px) {
	.home .header h1{
		font-size:12px;
	}
	.home .header {
	  padding: 9px;
	  height: 80vh;
	}
	.home .header button{
		margin-bottom:13px;
	}
	.home .header .image{
		padding-top: 9%;
	}
	.home .header .image {
	  width: 60%;
	}
}
@media only screen and (max-width: 490px) {
	.home .header button{
		margin-bottom:13px;
	}
	.brands .slider img{
		width:100%!important;
	}
}
/************************ Media ************************/