@font-face {
	font-family: 'iransans';
	src: url('../fonts/IranianSans-Light-web.eot')format('eot'), url('../fonts/IranianSans-Light-web.woff') format('woff'), url('../fonts/IranianSans-Light-web.ttf') format('truetype'), url('../fonts/IranianSans-Light-web.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@import url("font-awesomec.ss");
/*========================================================
                    Main layout styles
=========================================================*/
html, body {
    height: 100%;
    background-color: #fff;
	font-family:iransans;
}
	
.titr h4{
	color:#6753d8;
	font-weight: 100px;
	font-size: 15px;
	padding-top: 20px;
	padding-right: 20px;
}
.myselect select{
  background-color: #6753d8;
  color: white;
  padding: 10px;
  font-size: 18px;
	font-weight: bold;
  border: none;
  cursor: pointer;
	border-radius: 40px;
	text-align: center;
	font-family: iransans;
	margin-right: 10px;
	width: 650px;
	text-align: right;
	padding-right: 50px;
	height:50px;
}

.myselect2 select, .myselect3 select, .myselect4 select {
   -webkit-appearance: none; 
  -moz-appearance: none;
 appearance: none;      
   background-image:url("takhminimages/felesh2.png");
background-repeat: no-repeat;
}

.myselect select{
	   -webkit-appearance: none; 
  -moz-appearance: none;
 appearance: none;      
   background-image:url("takhminimages/01.png"), url("takhminimages/02.png");
background-repeat: no-repeat;
	text-align: center;
}
.myselect2 select{
	background-image: url("takhminimages/felesh2.png"), url("takhminimages/v2.png");
}
.myselect3 select{
	background-image: url("takhminimages/felesh2.png"), url("takhminimages/v3.png");
}
.myselect4 select{
	background-image: url("takhminimages/felesh2.png"), url("takhminimages/v4.png");
}
.myselect2 select, .myselect3 select, .myselect4 select{
  background-color: #fff;
  color: #6753d8;
  padding: 10px;
  font-size: 14px;
	font-weight: bold;
  border-color: #6753d8;
  cursor: pointer;
	border-radius: 40px;
	text-align: center;
	font-family: iransans;
	margin-right: 10px;
	width: 600px;
	height: 45px;
text-align: center;
	
	padding-right: 60px;
}
.buttons{
	text-align: center;
}
.mybtn{
	background-color: #6753d8;
	padding: 10px;
margin-left: 30px;
	border-radius: 10px;
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
	font-family: iransans;
}

.titr2.container{
	background-color: #6753d8;
	color: #fff;
	width: 435px;
	height: 45px;
	border-radius: 40px;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	background-image:url("takhminimages/v5.png");
margin-top: 20px;
}

div.titr2{
	text-align: center;
}


#soft99 input[type=text] {
    border: 2px solid #6753d8 !important; 
    border-radius: 10px;
	width: 75px;
	height: 35px;
	  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5) !important;

}
#so
#soft98 input[type=text] {
    border: 2px solid #6753d8 !important; 
    border-radius: 10px;
	width: 75px;
	height: 35px;
	  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5) !important;

}
#soft97 input[type=text] {
    border: 2px solid #6753d8 !important; 
    border-radius: 10px;
	width: 75px;
	height: 35px;
	  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5) !important;

}

.s1, .s2, .s3{
	text-align: center;
	padding-top: 40px;
}

.mybtn2{
	background-color: #6753d8;
margin-top: 50px;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	font-family: iransans;
	width: 190px;
	height: 50px;
	text-align: center;
}

#rectangle , #rectangle2{
	background-color: white;
	border: solid 3px #6753d8;
	border-radius: 20px;
	height: 220px;
	margin-top: 40px;
	width:100%;
	padding-top:20px;
}

.z1 p, .z2 p{
	font-weight: bolder;
	color: #6753d8;
	text-align: center;
	font-size: 20px;
	padding-top: 10px;
}

.z12, .z22{
	text-align: center;
	font-size: 16px;
}

.mybtn3{
background-color: #6753d8;
margin-top: 50px;
margin-left: 30px;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	font-family: iransans;
	width: 315px;
	height: 56px;
	text-align: center;
	background-image: url("takhminimages/koja.png");
	}

.submit3{
	text-align: center;
}

.qaboli.container{
		background-color: #6753d8;
	color: #fff;
	width: 570px;
	height: 45px;
	border-radius: 40px;
	padding-top: 8px;
	font-weight: bold;
	background-image:url("takhminimages/qabooli.png");
	text-align: center;
	margin-top: 20px;
}

th,td{
border : 2px solid #6753d8;
	text-align: center;
}

table{
                border-collapse:collapse;
                width:80%;
	margin-top: 30px;
border-spacing: 5px;
}

th{
background-color:#6753d8;
color:#fff;
border:2px solid black;
padding:5px;
}

tr:nth-child(even):hover{
background-color: #4b2fea;
color:#000;
box-shadow: 1px 4px 15px 1px #555;
transform:scale(1.04);
transition:0.7s;
}

tr:nth-child(odd):hover{
background-color: #4b2fea;
color:#000;
box-shadow: 1px 4px 15px 1px #555;
transform:scale(1.04);
transition:0.7s;
}
.table-form{
	text-align: center;
}


#hexagon {
  width: 100px;
  height: 55px;
  background: red;
  position: relative;
	margin-top: 80px;
	margin-right: 343px;
}
#hexagon:before, #hexagon2:before, #hexagon4:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 25px solid red;
}
#hexagon:after, #hexagon2:after, #hexagon4:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid red;
}

#hexagon2 {
  width: 100px;
  height: 55px;
  background: red;
  position: relative;
	margin-top: 80px;
	margin-right: 20px;
}

#hexagon3{
  width: 140px;
  height: 90px;
  background: blue;
  position: relative;
	margin-top: 56px;
	margin-right: -308px;
	}
#hexagon3:before{
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-bottom: 25px solid blue;
	}
#hexagon3:after{
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 25px solid blue;
	}

#hexagon4{
  width: 100px;
  height: 55px;
  background: red;
  position: relative;
	margin-top: -8px;
	margin-right: 402px;
	}
select{ font-size:15px; 
}
@media (max-width: 768px) {
/****
هرچیزی کمتر از سایتز 768 در اینجا می نویسید.
*/
	.mybtn{
		margin-top: 30px;
		
	}
	select{ max-width:100%; font-size:13px !important; padding-right:0px !important;}
	
}