@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../../assets/font/eot/IRANSansWeb_Bold.eot');
	src: url('../../assets/font/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../../assets/font/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../../assets/font/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../../assets/font/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../../assets/font/eot/IRANSansWeb.eot');
	src: url('../../assets/font/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
	url('../../assets/font/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	url('../../assets/font/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../../assets/font/ttf/IRANSansWeb.ttf') format('truetype');
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:IRANSans,"B Yekan",Tahoma,Arial;vertical-align:baseline}article,aside,details,figcaptiontion,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/*general defines*/
.clrRow {
    display:block;
    width:100%;
    height:0;
    font-size:0;
    clear:both;
}
a, a:hover, a:link, a:visited, a:active {
    text-decoration:none;
    color:#333;
}
img {
	display:block;
}
.title {
	display:none;
}
/*---------------*/
.MainWrapper {
	width:100%;
	text-align:center;
	overflow-y:hidden;
}
.Main {
	width:100%;
	max-width:1440px;
	display:inline-block;
}
header {
	width:100%;
	/*height:95vh;*/
	max-height:674px;
	background: #010f1c;
}
main {
	background-color:#d9a762;
	font-size:21px;
}
.HeadBack {
	position:relative;
	top:30px;
	box-shadow:0 0px 10px rgba(0,0,0,0.2);
	width:95%;
	max-width:1250px;
	display:inline-block;
	background-color:#010f1c;
	max-height: 600px;
	background-size: contain;
	box-sizing:border-box;
	/*padding-top:85%;*/
	padding-top:54%;
}
.HeadBack img {
	width:100%;
	max-width:1250px;
}
.body {
	 background-color:#fff;
	/* background-image:url(../images/BodyBack.png);
	background-size:contain; */
	position:relative;
	top:30px;
	display:inline-block;
	width:95%;
	max-width:1250px;
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	padding-top:50px;
}
.TopHearts {
	position:absolute;
	top:10%;
	left:50%;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
	display:inline-block;
	width:90%;
	max-width:607px;
}
.TopHearts>img {
	width:100%;
	max-width:607px;
	margin:0 auto;
	position:relative;
	z-index:20;
}
.HeartBasket1 {
	position:absolute;
	right:28%;
	top:85%;
	width:10%;
	-webkit-transform:rotate(-5deg);
	-moz-animation: 4s ease 0s normal none infinite swing;
	-moz-transform-origin: center top;
	-webkit-animation:swing 5s infinite ease-in-out 1s;
	-webkit-transform-origin:top;
}
.HeartBasket2 {
	position:absolute;
	left:22%;
	top:75%;
	width:15%;
	z-index:1;
	-webkit-transform:rotate(-5deg);
	-moz-animation: 5s ease 0s normal none infinite swing;
	-moz-transform-origin: center top;
	-webkit-animation:swing 5s infinite ease-in-out;
	-webkit-transform-origin:top;
}
.HeartBasket1 img {
	width:100%;
	max-width:79px;
}
.HeartBasket2 img {
	width:100%;
	max-width:96px;
}
@-moz-keyframes swing{
}
@-webkit-keyframes swing{
	0%{-webkit-transform:rotate(-5deg)}
	50%{-webkit-transform:rotate(5deg)}
	100%{-webkit-transform:rotate(-5deg)}
}

.Menu {
	display:inline-block;
	width:180px;
	height:0;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 0 7px rgba(0,0,0,0.3);
	background-color:white;

	transition:all .3s ease-in-out;
}
.Menu img {
	max-width:128px;
}
.tcon-transform .Menu {
	height:237px;
	padding:30px 20px;
}
.MenuCNTR {
	position:absolute;
	top:10px;
	right:20px;
	text-align:right;
	direction:rtl;
	z-index:100;
}
.Menu a {
	width:100%;
	display:inline-block;
	line-height:35px;
}
.Menu a:first-child {
	text-align:center;
}
.Des {
	color:#000;
	line-height:40px;
	font-weight:normal;
	width: 70%;
	margin: 0 auto;
	direction: rtl;
	font-size: 15px;
	text-align: justify;
}
.box {
	width:90%;
	max-width:300px;
	/*height:300px;*/
	display:inline-block;
	margin:15px 5%
}
.boxrow {
	direction:rtl;
}
.boxPic {
	/* box-shadow:0 0 5px rgba(0,0,0,0.3) inset;
	background-color:white;
	border-radius:12px; */
	display:inline-block;
}
.boxPic img {
	width:100%;
	max-width:294px;
}
.viewBTN {
	width:85%;
	height:50px;
	line-height:50px;
	display:inline-block;
	margin-top: 10px;
	background-color:white;
	border-radius:7px;
	vertical-align:middle;
	font-size:16px;
	position:relative;
}
.viewBTN:before {
	content:'';
	width:0px;
	height:0px;
	border:10px solid transparent;
	border-right:10px solid #555;
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
	position:absolute;
	left:20px;
	top:15px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.viewBTN:hover::before {
	left:15px;
}
.viewBTN2 {
	width:85%;
	height:50px;
	line-height:50px;
	display:inline-block;
	margin-top: 10px;
	vertical-align:middle;
	font-size:16px;
	position:relative;
}
.Reg {
	width:47%;
	height:50px;
	line-height:50px;
	display:inline-block;
	margin-top: 10px;
	background-color:white;
	border-radius:7px;
	vertical-align:middle;
	font-size:16px;
	position:relative;
	margin-left:2%;
}
.Lux {
	width: 47%;
	height:50px;
	line-height:50px;
	display:inline-block;
	margin-top: 10px;
	background-color:white;
	border-radius:7px;
	vertical-align:middle;
	font-size:16px;
	position:relative;
	margin-right:2%;
	color:#006039 !important;
	font-weight:bold;
}
.Reg:before, .Lux:before {
	content:'';
	width:0px;
	height:0px;
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:15px;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.Reg:before {
	right:5px;
	border:10px solid transparent;
	border-left:10px solid #555;
}
.Lux:before {
	left:5px;
	border:10px solid transparent;
	border-right:10px solid #006039;
}
.Reg:hover::before {
	right:2px;
}
.Lux:hover::before {
	left:2px;
}

.owl-prev {
	position: absolute;
	left: 10px;
	top: calc(50% - 25px);
	font-size: 0;
	width:30px;
	height:51px;
	background-image:url(../images/arrows.png);
}
.owl-next {
	position: absolute;
	right: 10px;
	top: calc(50% - 25px);
	font-size: 0;
	width:30px;
	height:51px;
	background-image:url(../images/arrows.png);
	background-position:-30px 0;
}
.OffBrands {
	width:95%;
	background-color:rgba(255,255,255,0.9);
	display:inline-block;
	margin:0 auto;
	border-radius:5px;
	padding:40px 80px;
	box-sizing: border-box;
}
.owl-carousel .owl-item img {
	max-width:200px;
}
.OBOX {
	display:inline-block;
}
/*#region tcon*/
.tcon {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	display:inline-block;
	vertical-align:top;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 40px;
	background: transparent;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent; }
.tcon > * {
	display: block; }
.tcon:hover, .tcon:focus {
	outline: none; }
.tcon::-moz-focus-inner {
	border: 0; }

.tcon-menu__lines {
	display: inline-block;
	height: 4px;
	width: 40px;
	border-radius: 3px;
	transition: 0.3s;
	background: #d9a762;
	position: relative; }
.tcon-menu__lines::before, .tcon-menu__lines::after {
	display: inline-block;
	height: 4px;
	width: 40px;
	border-radius: 2.85714px;
	transition: 0.3s;
	background: #d9a762;
	content: '';
	position: absolute;
	left: 0;
	transform-origin: 2.85714px center;
	width: 100%; }
.tcon-menu__lines::before {
	top: 8px; }
.tcon-menu__lines::after {
	top: -8px; }
.tcon-transform .tcon-menu__lines {
	transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xbutterfly {
	width: auto; }
.tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-menu--xbutterfly .tcon-menu__lines::after {
	transform-origin: 50% 50%;
	transition: top .3s .6s ease, transform .3s ease; }
.tcon-transform .tcon-menu--xbutterfly .tcon-menu__lines {
	background: transparent; }
.tcon-transform .tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-transform .tcon-menu--xbutterfly .tcon-menu__lines::after {
	top: 0;
	transition: top .3s ease, transform .3s .5s ease;
	width: 40px; }
.tcon-transform .tcon-menu--xbutterfly .tcon-menu__lines::before {
	transform: rotate3d(0, 0, 1, 45deg); }
.tcon-transform .tcon-menu--xbutterfly .tcon-menu__lines::after {
	transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto; }
/*#endregion*/
/*#region footer*/
footer {
	background-color:white;
	width:100%;
	padding:0px 30px;
	/*height:70px;*/
	/*line-height:70px;*/
	font-size:24px;
	font-weight:bold;
	vertical-align:middle;
	text-align:justify;
	box-sizing:border-box;
	overflow:hidden;
	margin:50px 0 30px 0;
	max-width:1250px;
	display:inline-block;
}
footer img {
	vertical-align:middle;
}
footer > a {
	display:inline-block;
}
footer > ul {
	display:inline-block;
}
footer:after {
	content:'';
	width:100%;
	display:inline-block;
}

.Socials {
	height:60px;
	line-height:60px;
}
.Socials li {
	list-style:none;
	display:inline-block;
	margin:10px;
}
.Socials a {
	width:27px;
	height:27px;
	display:inline-block;
	background-image:url(../images/social_spirit.png);

	-webkit-transition:all .3s cubic-bezier(0.52, 1.64, 0.37, 0.66);;
	-moz-transition:all .3s cubic-bezier(0.52, 1.64, 0.37, 0.66);;
	-o-transition:all .3s cubic-bezier(0.52, 1.64, 0.37, 0.66);;
	transition:all .3s cubic-bezier(0.52, 1.64, 0.37, 0.66);;
}
.Socials .fb {
	background-position:0 -27px;
}
.Socials .ig {
	background-position:-27px -27px;
}
.Socials .tg {
	background-position:-54px -27px;
}
.Socials .ap {
	background-position:-81px -27px;
}
.Socials .em {
	background-position:-108px -27px;
}
.Socials .fb:hover {
	background-position:0 0px;
}
.Socials .ig:hover {
	background-position:-27px 0px;
}
.Socials .tg:hover {
	background-position:-54px 0px;
}
.Socials .ap:hover {
	background-position:-81px 0px;
}
.Socials .em:hover {
	background-position:-108px 0px;
}
/*#endregion*/
.OffBrandsTitle {
	color:#000;
	line-height:50px;
	font-size:19px;
	font-weight:normal;
}
.OffBrandsTitle:before,.OffBrandsTitle:after {
	content:'';
	width:32px;
	height:32px;
	display:inline-block;
	background-image:url(../images/left.png);
	line-height:50px;
	vertical-align:middle;
	margin:0 15px;
}
.OffBrandsTitle:after {
	background-image:url(../images/right.png);
}
@media all and (max-width:1260px) {
	.HeadBack {
		padding-top:65%;
	}
}
@media all and (max-width:900px) {
	.HeadBack {
		padding-top:90%;
	}
}
@media all and (max-width:650px) {
	.OffBrands {
		padding:40px 45px;
	}
	footer>a,footer>ul {
		width:100%;
		text-align:center;
	}
	footer:after {
		display:none;
	}
	.HeadBack {
		padding-top:100%;
	}
}
.Services{
	width: 95%;
	margin: 0 auto;
text-align: center;
}
.Services a{
	width: 108px;
	height: 108px;
	display: inline-block;	
}
.BrandList img{
	width: 200px;
}
.BrandList{
	padding: 3%;
}
@media all and (max-width:683px) {
	.BrandList img{
		width: 139px;
	}
}