@font-face {
font-family: Vazir;
src: url('../fonts/eot/Vazir.eot');
src: url('../fonts/eot/Vazir.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/woff2/Vazir.woff2') format('woff2'),
	 url('../fonts/woff/Vazir.woff') format('woff'),
	 url('../fonts/ttf/Vazir.ttf') format('truetype');
font-weight: normal;
}

@font-face {
font-family: Vazir;
src: url('../fonts/eot/Vazir-Bold.eot');
src: url('../fonts/eot/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/woff2/Vazir-Bold.woff2') format('woff2'),
	 url('../fonts/woff/Vazir-Bold.woff') format('woff'),
	 url('../fonts/ttf/Vazir-Bold.ttf') format('truetype');
font-weight: bold;
}

@font-face {
font-family: Vazir;
src: url('../fonts/eot/Vazir-Light.eot');
src: url('../fonts/eot/Vazir-Light.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/woff2/Vazir-Light.woff2') format('woff2'),
	 url('../fonts/woff/Vazir-Light.woff') format('woff'),
	 url('../fonts/ttf/Vazir-Light.ttf') format('truetype');
font-weight: 300;
}

@font-face {
font-family: Vazir;
src: url('../fonts/eot/Vazir-Medium.eot');
src: url('../fonts/eot/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/woff2/Vazir-Medium.woff2') format('woff2'),
	 url('../fonts/woff/Vazir-Medium.woff') format('woff'),
	 url('../fonts/ttf/Vazir-Medium.ttf') format('truetype');
font-weight: 500;
}

@font-face {
font-family: Vazir;
src: url('../fonts/eot/Vazir-Thin.eot');
src: url('../fonts/eot/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/woff2/Vazir-Thin.woff2') format('woff2'),
	 url('../fonts/woff/Vazir-Thin.woff') format('woff'),
	 url('../fonts/ttf/Vazir-Thin.ttf') format('truetype');
font-weight: 100;
}
html,body{
	direction: rtl;
	font-family: 'Vazir', sans-serif;
}
body{
	text-align: right;
}
.main-banner-content{
	text-align: right;
}
.single-box.with-line::before {
	right: auto;
	left:-90px;
}
.testimonials-item i{
	right: auto;
	left: 28px;
}
.newsletter form .btn{
	right: auto;
	left: 7px;
}
.single-footer .contact-info li i{
	right: 0px;
}
.single-footer .contact-info li{
	padding-right:25px;
	padding-left: auto;
}
.ColorSwitcher{
	left: auto;
	right: -162px;
}
.ColorSwitcher__control{
	left: 0;
	right: 100%;
	border-radius: 3px 0 0 3px;
	box-shadow: -5px 0 7px rgba(0,0,0,.15);
}
.ColorSwitcher--open{
	right:0;
}
.creative-bg{
	right: auto;
	left:0;
	border-radius: 0 100% 0 0;
}
.creative-bg-two{
	right: auto;
	left:0;
	border-radius:0 0 100% 0;
}

.contact-box .icon{
	left: auto;
	right: 20px;
}
.contact-box{
	padding: 20px 90px 20px 20px;
}