@font-face {
	font-family: Vazir;
	src: url(fonts/Vazir.woff) format('woff');
}
@font-face {
	font-family: IRANSans;
	src: url(fonts/IRANSans.ttf) format('ttf');
}
body{
	font-family: 'Vazir', Arial, sans-serif !important;
	font-weight:normal !important;
}
.main-section{
	background-image: url('/content/img/Section-1-BG.jpg');
	min-height: 500px;
	background-size: cover;
	padding: 50px;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
}
.main-container{
	min-height: 500px;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 4px 4px 15px black;
}
.welcome-box{
	padding: 50px 50px 0px 50px;
}
.price-box{
	background-color: #003466;
	color: white;
	padding: 10px;
	border: 2px solid #cccc98;
	border-radius: 25px;
}
.order-form {
	width: 100%;
    border-radius: 20px;
    min-height: 450px;
	padding: 10px 10px;
	margin: 15px 0px;
}
.second-section{
	background-image: url("/content/img/dot-pattern.png");
	background-repeat: no-repeat;
	background-position:center bottom;
	padding: 30px;
}
.advantages-box{
	background-color: white;
	border-radius: 15px;
	text-align: center;
	margin-top: 30px;
	height: 270px;
	padding: 15px;
	box-shadow: 0px 2px 20px rgba(0,0,0,0.5);
}
.third-section{
	background-color: #cccc98;
	background-image: url("/content/img/section2-dot.png");
	background-size: cover;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
}
.field-group{
	border-radius: 20px;
	border: 1px solid gray;
	background-color: white;
}
.field-style{
	width: 100%;
	border-radius: 0px 20px 20px 0px !important;
	border: none;
}
.field-style:disabled{
	background-color: #fff !important;
}
.single-field{
	border-radius: 20px;
	border: 1px solid gray;
}
.radio-group{
	border-radius: 25px !important;
}
.buttons-holder{
    width:100%;
}
.buy-button{
    width:50%;
    border: 5px solid #cccc98;
    border-radius: 0px 20px 20px 0px;
    background-color: #003466;
    color: white;
    margin:0;
    font-weight: bold;
}
.sell-button{
    width:50%;
    border: 5px solid #cccc98;
    border-radius: 20px 0px 0px 20px;
    background-color: #003466;
    color: white;
    margin:0;
    font-weight: bold;
}
.button-blue{
	background-color: #003466;
	border-radius: 20px !important;
	padding: 0px 20px;
}
.button-orange{
	background-color: #cccc98;
	border-radius: 20px !important;
	padding: 0px 20px;	
}
.button-light{
	background-color: #cccccc;
	border-radius: 20px !important;
	padding: 0px 20px;
}
.button-single{
	padding:5px 30px;
	border: 4px solid #cccc98;
	border-radius: 50px;
}
.result-box{
	background-color: #003466;
	border-radius: 10px;
}
.fourth-section{
	background-image: url("/content/img/dot-pattern2.png");
	padding: 30px;
	box-shadow: 0px 10px 15px rgba(0,0,0,0.8);
}
.educate-container{
	border-radius: 15px;
	box-shadow: 3px 3px 20px rgba(0,0,0,0.2);
}
.educate-box{
	border-radius: 15px;
	box-shadow: 3px 3px 20px rgba(0,0,0,0.2);
}
.educate-box img{
	width: 150px;
}
.fifth-section{
	background-color: #003466;
	background-image: url('/content/img/dot-pattern3.png');
	padding: 50px 0px 50px 0px;
}
.aboutus-container{
	background-color: white;
	border-radius: 50px 0px 0px 50px;
	width: 80%;
	padding: 30px;
	padding-right: 0px;
	box-shadow: -5px 3px 15px rgba(0,0,0,0.8);
}
.aboutus-border{
	border: 5px dashed #cccc98;
	border-right: 0px;
	border-radius: 50px 0px 0px 50px;
}
.blue-box{
	background-color: #003466;
	color:#cccccc;
	border-radius: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 1px;
}
/*Colors*/
.color-orange{
    color: #ff9331
}
.color-blue{
    color: #003466;
}
.bg-color-blue{
	background-color: #003466;
}
.footer{
    background-color: #222;
}
.footer-list {
    color:white;
}
.footer-list a {
    color:#ff9331;
    text-decoration: none;
}
/*Mobile view*/
@media only screen and (max-width: 768px) {
	.main-section{
		padding: 50px 5px;
	}
	.main-container{
		padding: 15px;
	}
	.welcome-box{
		padding: 20px 5px 0px 5px;
	}
	.form-box{
		padding: 10px 5px;
	}
	.order-form{
		padding: 10px 0px;
	}
	.second-section{
		padding: 20px 0px;
	}
	.fourth-section{
		padding: 20px 0px;
	}
	.advantages-box{
		width: 100%;
	}
	.aboutus-container{
		width: 90%;
		border-radius: 50px;
		margin-right: auto;
		margin-left: auto;
		padding: 25px;
	}
	.aboutus-border{
		border: 5px dashed #cccc98;
		border-radius: 45px;
	}
	.aboutus-container img{
		width: 90%;
	}
	.button-blue{
		padding: 0px 10px;
	}
	.button-light{
		padding: 0px 10px;
	}
	#addressLabel{
		font-size: 3vw;
	}
    .footer-rwd{
        margin: 25px 0px;
    }
}