/* CSS Document */

@font-face {
    font-family: "yekan";
    src: url(../font/Yekan.eot);
    src: url(../font/Yekan.eot?#iefix) format("embedded-opentype"), url(../font/Yekan.woff) format("woff"), url(../font/Yekan.ttf) format("truetype"), url(../font/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}
.yekan{
		font-family: yekan;

}


@font-face {
    font-family: "barlow";
    src: url(../font/Barlow-Regular.otf);
    src: url(../font/Barlow-Regular.otf) format("embedded-opentype"), url(../font/Barlow-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}


.latin{
	font-family: barlow;
}



@font-face {
    font-family: "iranianSans";
    src: url(../font/IRAN-Sans.ttf);
    font-weight: normal;
    font-style: normal;
}


.IranianSans{
	font-family: iranianSans;
}




html{
	overflow-x: hidden;
	overflow-y: scroll;
}



* {
    box-sizing: border-box;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}


[class*="col-"] {
	float:right;
	 width: 100%;
     padding: 5px;
	padding-left:0px;
	padding-right:0px;
}





/***************phone style**************/

@media only screen and (min-width: 0px) {
    /* For tablets: */
    .col-p-1 {width: 8.33%;}
    .col-p-2 {width: 16.66%;}
    .col-p-3 {width: 25%;}
    .col-p-4 {width: 33.33%;}
    .col-p-5 {width: 41.66%;}
    .col-p-6 {width: 50%;}
    .col-p-7 {width: 58.33%;}
    .col-p-8 {width: 66.66%;}
    .col-p-9 {width: 75%;}
    .col-p-10 {width: 83.33%;}
    .col-p-11 {width: 91.66%;}
    .col-p-12 {width: 100%;}
	.left{text-align: center!important;}
	.right{text-align: center!important;}
	.display1{display: none!important;}
	.display2{display: inherit!important;}
	.display3{display: none!important;}	
	.display4{display: inherit!important;}
	.display5{display: none!important;}	
	.mainwidth{width: 95%!important;margin-right: 2.5%!important;padding: 10px;}
	.top1{max-height: 200px!important;}
	.tabbox{margin-top: 0px;}
    .t2 {
        display: block;
        border-right: none;
        padding-top: 3px;
        padding-bottom: 8px;
        padding-right: 15px;
        font: bold
    }
	.t1{display: block; padding-top: 12px; padding-bottom:12px;font-size:larger}
	}
/****************************************/

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	.left{text-align: center!important;}
	.right{text-align: center!important;}
	.display1{display: none!important;}
	.display2{display: inherit!important;}
	.display3{display: inherit!important;}	
	.display4{display: none!important;}
	.display5{display: inherit!important;}	
	.mainwidth{width: 96%!important;margin-right: 2%!important;padding: 5px;}
	.top1{max-height: 100px!important;}
	.tabbox{margin-top: -10px;}
    .t2 {
        display: inline-block;
        float: left;
        border-right: 1px solid #888888;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 15px;
        font: bold
    }
	.t1{display: inline-block; padding-top: 12px; padding-bottom:12px;font-size:larger}
	}
/****************************************/

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	.left{text-align: left!important;}
	.right{text-align: right!important;}
	.display1{display: inherit!important;}
	.display2{display: none!important;}	
	.display3{display: inherit!important;}	
	.display4{display: none!important;}	
	.display5{display: none!important;}	
	.mainwidth{width: 95%!important;margin-right: 2.5%!important;padding: 5px;}
	.top1{max-height: 85px!important;}
	.tabbox{margin-top: -10px;}
    .t2 {
        display: inline-block;
        float: left;
        border-right: 1px solid #888888;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 15px;
        font:bold
    }
    .t1 {
        display: inline-block;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: larger
    }
}

/****************************************/


body{
	font-family: iranianSans!important;
	direction: rtl;
	text-align: justify;
	padding: 0!important;
	overflow-x: hidden;
	overflow-y: hidden;
	color: #5A5558!important;
	font-size: 13px;
	margin: 0px;
	height:100%;
}


.main{
	max-width: 1400px!important;
	margin: 0 auto!important;
	float: none;
	height: 100vh!important;
	
}



a{
	text-decoration: none!important;
	color:  #555555;
}



img{
	max-width: 100%!important;
}


button{
	cursor: pointer;
	outline: none;
}


input{
	outline: none;
}

ul li {
	list-style: none;
}



.hidden{
	display: none;
}


.blkandwith {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}




.baccover{
	background-size: no-repeat center center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*******************************************************/
.padding0{padding: 0px;}
.padding5{padding: 5px;}
.padding10{padding: 10px;}
.padding15{padding: 15px;}
.padding20{padding: 20px;}
.padding25{padding: 25px;}

.margin0{margin-top: 0px;}
.margin5{margin-top: 5px;}
.margin7{margin-top: 7px;}
.margin10{margin-top: 10px;}
.margin15{margin-top: 15px;}
.margin20{margin-top: 20px;}
.margin25{margin-top: 25px;}
.margin30{margin-top: 30px;}
.margin35{margin-top: 35px;}
.margin40{margin-top: 40px;}
.margin50{margin-top: 50px;}

.paddr5{padding-right: 5px;}
.paddr7{padding-right: 7px;}
.paddr10{padding-right: 10px;}
.paddr15{padding-right: 15px;}
.paddr20{padding-right: 20px;}


.paddrl5{padding: 0px; padding-right: 5px;padding-left: 5px;}
.paddrl7{padding: 0px; padding-right: 7px;padding-left: 7px;}
.paddrl10{padding: 0px; padding-right: 10px;padding-left: 10px;}
.paddrl15{padding: 0px; padding-right: 15px;padding-left: 15px;}
.paddrl20{padding: 0px; padding-right: 20px;padding-left: 20px;}

		

/********************scroll************************/
	
	.scrollbar
{
	float: right;
	overflow-y: scroll;
	text-align: right!important;
}


	
	
#style-15::-webkit-scrollbar-track
{

	border-radius: 10px;
}

#style-15::-webkit-scrollbar
{
	width: 5px;

}

#style-15::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#dddddd),
									   to(#dddddd),
									   color-stop(.6,#cccccc))
}
		

/************************************************/


.pagetitr{
	font-size: 17px;
	color: #5A5558;
	margin-top: 20px;
}

.page_text{
	padding-top: 10px;
	color: #5A5558;
}

/***************************************************/

.material_checkbox
{
  position: relative;
  margin: 10px;

	

}

.material_checkbox + label{
  font-size: 15px;
   padding-right: 5px;
	color: #5A5558;
}

.material_checkbox:focus
{
  outline-color: #fff;
}

.material_checkbox:before{
  border: 2px solid #ccc;
  content: "";
  cursor: pointer;
  display: block;
  height: 12px;
  position: absolute;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 12px;
  z-index: 1;
  
}

.material_checkbox:checked:before{
  border-top-style: none;
  border-right-style: none;
  height: 10px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
	
}

.material_checkbox:after{
  background: #fff;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 0;
  width: 15px;
  z-index: 0;
	
}

.material_checkbox:checked:before{border-color:#009688;}

/**************************************************************/

.azbtn{
	font-family: iranianSans!important;
	font-size: 14px;
	height: 45px;
	width: 140px;
	border-radius: 5px;
	background-color: #009688;
	border: 1px solid #009688;
	color: #ffffff;
	 transition: all 0.2s ;
}


.azbtn:hover{
	background-color: #007A6E;
	border: 1px solid #007A6E;
	transition: all 0.2s ;
}



.azbtnindex{
	font-family: iranianSans!important;
	font-size: 14px;
	height: 45px;
	width: 140px;
	border-radius: 5px;
	background-color: #7BBACE;
	border: 1px solid #7BBACE;
	color: #ffffff;
	 transition: all 0.2s ;
}


.azbtnindex:hover{
	background-color: #69A2B4;
	border: 1px solid #69A2B4;
	transition: all 0.2s ;
}
/***********************************************************/
.top1 {
    box-shadow: 0px 0px 5px #555555;
    text-align: center;
    background-color: #0a3266;
  
}


.footer {
    background-color: #2F3542;
    z-index: 999;
    text-align: center;
    padding: 10px;
    color: #f7f7f7;
    margin-top: 50px;
    height: 50px;
    width: 100%;
    /*bottom: 50px;*/
    /*position: inherit;*/
    position: inherit;
    left: 0;
    bottom: 0;
    /*width: 100%;*/
    /*background-color: red;*/
    /*color: white;*/
}
.footer2 {
    background-color: #2F3542;
    z-index: 999;
    text-align: center;
    padding: 10px;
    color: #f7f7f7;
    margin-top: 50px;
    height: 50px;
    width: 100%;
    /*bottom: 50px;*/
    /*position: inherit;*/
    position: fixed;
    left: 0;
    bottom: 0;
    /*width: 100%;*/
    /*background-color: red;*/
    /*color: white;*/
}

.page_box{
	box-shadow: 0px 0px 10px #888888;
	background-color: #ffffff;
	margin-top: 5px;
	border-radius: 10px;
	padding: 0px;
}


.box_header{
	background-color: #80CBC4;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 10px;
	border: 1px solid #80CBC4;
	color: #ffffff;
}


.box_az{
	padding: 10px;
}

.qstext{
	background-color: #F3F2F2;
	padding: 10px;
	padding-bottom: 35px;
	color: #5A5558;
	border: 1px solid #dddddd;
	font-size: 15px;
}

.qsnum{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 6px;
	padding-left: 6px;
	background-color: #FF9C1A;
	color: #ffffff;
	border-radius: 5px;
	font-size: 12px;
}


.gozineha{
	border-top: 1px solid #009688;
	border-bottom: 1px solid #009688;
	margin-top: -15px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	
}

.sitename{
	display: inline-block;
	color: #ffffff;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;

}

.logo{
	width: 60px;
	margin-bottom: -10px;
	display: inline-block;
	margin-top: -10px;
}

.sname{
	border-bottom: 1px solid #f7f7f7;
}

/***************************************************/

.material_radio
{
  position: relative;
  margin: 10px;

	

}

.material_radio + label{
  font-size: 14px;
   padding-right: 5px;
	color: #5A5558;
}

.material_radio:focus
{
  outline-color: #fff;
}

.material_radio:before{
  border: 2px solid #ccc;
  content: "";
  cursor: pointer;
  display: block;
  height: 12px;
  position: absolute;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 12px;
  z-index: 1;
  
}

.material_radio:checked:before{
  border-top-style: none;
  border-right-style: none;
  height: 10px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
	
}

.material_radio:after{
  background: #fff;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 0;
  width: 15px;
  z-index: 0;
	
}

.material_radio:checked:before{border-color:#009688;}

/**************************************************************/

.btn4{
	font-family: iranianSans!important;
	font-size: 14px;
	height: 45px;
	width: 140px;
	background-color: #0FBCF9;
	border: 1px solid #0FBCF9;
	color: #ffffff;
	transition: all 0.2s ;
	margin-top: 5px;
}


.btn4:hover{
	background-color: #13ABE1;
	border: 1px solid #13ABE1;
	transition: all 0.2s ;
}



.active16, .btn4{
	-webkit-transition: all 0.4s ease;
}

.active16, .btn4:focus {
	border-bottom: 1px solid #eeeeee;
	color: #555555;
	background-color: #eeeeee;
	-webkit-transition: all 0.4s ease;
}
	


.tabbox{
	border: 1px solid #dddddd;
	padding: 10px;
	
}

.tabinbox{
	box-shadow: 0px 0px 5px #888888;
	padding: 15px;
	padding-top: 7px;
	padding-bottom: 2px;
	background-color: #FFFFF1;
	color: #5A5A5A;
}



.tabintitr1{
	font-size: 15px;
	padding-top: 7px;
	color: #5A5A5A;
}

.bb{
	border-bottom: 1px solid #009688;
    font-size:larger;
}


.tabintitr2{
	font-size: 35px;
	padding-top: 3px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dddddd;
	padding-right: 15px;
	color: #5A5A5A;
}


.tabintitr3{
	font-size: 35px;
	padding-top: 0px;
	padding-bottom: 3px;
}


.tabbox i{
	color: #617be3;
}



.tabbox2{
	padding: 10px;
	margin-top: 20px;
}



.tabbox2 i{
	color: #617be3;
}



.tabintitr11{
	font-size: 16px;
	padding-top: 7px;
}


.tabintitr22{
	font-size: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #dddddd;
	padding-right: 15px;
}


.tabintitr33{
	font-size: 13px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}



.bxarea{
	/*border-top: 1px solid #617be3;*/
	padding: 15px;
}


.areaboxin{
	box-shadow: 0px 0px 5px #cccccc;
	padding: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	
}



.diaarea{
	border-top: 1px solid #617be3;
	padding: 15px;
}


.diabox{
	text-align: center;
	padding: 15px;
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	margin-top: 20px;
}



.b1x{
	font-size: 15px;
}

/***********************************/

.azbtn1{
	font-family: iranianSans!important;
	font-size: 14px;
	height: 55px;
	width: 90%;
	border-radius: 5px;
	background-color: #24AEFC;
	border: 1px solid #24AEFC;
	color: #ffffff;
	transition: all 0.2s ;
	margin-top: 5px;
}


.azbtn1:hover{
	background-color: #269FE3;
	border: 1px solid #269FE3;
	transition: all 0.2s ;
}



.azbtn2{
	font-family: iranianSans!important;
	font-size: 14px;
	height: 55px;
	width: 90%;
	border-radius: 5px;
	background-color: #3FC76C;
	border: 1px solid #3FC76C;
	color: #ffffff;
	transition: all 0.2s ;
	margin-top: 5px;
}


.azbtn2:hover{
	background-color: #3DA05E;
	border: 1px solid #3DA05E;
	transition: all 0.2s ;
}




.azbtn3{
	font-family: iranianSans!important;
	font-size: 14px;
	height: 55px;
	width: 90%;
	border-radius: 5px;
	background-color: #935CCB;
	border: 1px solid #935CCB;
	color: #ffffff;
	transition: all 0.2s ;
	margin-top: 5px;
}


.azbtn3:hover{
	background-color: #8956BC;
	border: 1px solid #8956BC;
	transition: all 0.2s ;
}



.azval{
	border: 15px solid  #24AEFC;
	font-size: 60px;
	color:  #FF0000;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	text-align: center;
	padding-top:10px;
	
}



.level{
	font-size: 18px;
	margin-top: 15px;
}

.level i{
	color:  #24AEFC;
}


.bestuser{
	padding-right: 5px;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 15px;
}
.bestuser:last-child{
	border-bottom: none;
}


.userpic{
	width: 50px;
	border-radius: 25px;
	margin-bottom: -10px;
	
}

.usert1{
	font-size: 14px;
	color: #555555;
	margin-top: 7px;
}

.usert2{
	font-size: 11px;
	color: #888888;
	margin-top: 5px;
}

.menut1 a{
	color: #f7f7f7;
	
}


.menut1 img{
	margin-right: 3px;
}


.menuin{
	display: inline-block;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12.5px!important;
}


.paddg{
	padding-left: 5px;
}