@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: "iranianSans";
    src: url(../font/IRAN-Sans.ttf);
    font-weight: normal;
    font-style: normal;
}



.IranianSans{
	font-family: iranianSans;
}




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



* {
    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;}
	.left2{text-align: center!important;}
	.right2{text-align: center!important;}
	.display1{display: none!important;}
	.display2{display: inherit!important;}
	.display3{display: none!important;}	
	.display4{display: inherit!important;}
	.mainwidth{width: 98%;margin-right: 1%;padding: 5px;}
	.servicebox{
		width: 95%!important;
		display: block!important;
		margin: 0px!important;
		margin-right: 2.5%!important;
		margin-top: 10px!important;
	}
	
	.orderlink{
	font-family: iranianSans;
		width: 100%;
		max-height: 350px;
		height: 45px;
		border-radius: 1px;
		background-color: #ffffff;
		border: 1px solid #368dee;
		color: #368dee;
		padding: 5px;
		outline: none;
}
	
	
	.in_page_titr{
		margin-top: -5px;
	}
	
	.sef_btn2{display: inherit!important;}
	
	
	}
/****************************************/

@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;}
	.left2{text-align: center!important;}
	.right2{text-align: right!important;}
	.display1{display: none!important;}
	.display2{display: inherit!important;}
	.display3{display: inherit!important;}	
	.display4{display: none!important;}
	.mainwidth{width: 96%;margin-right: 2%;padding: 10px;}
	.servicebox{
		width: 270px!important;
		display: inline-block!important;
		margin: 10px!important;
		margin-right: 10!important;
		margin-top: 10px!important;
	}
	
	.orderlink{
	font-family: iranianSans;
		width: 350px;
		max-height: 350px;
		height: 45px;
		border-radius: 1px;
		background-color: #ffffff;
		border: 1px solid #368dee;
		color: #368dee;
		font-size:16px;
		padding: 5px;
		outline: none;
}
	
	.in_page_titr{
		margin-top: -5px;
	}
	
	.sef_btn2{display: inherit!important;}
	
	}
/****************************************/

@media only screen and (min-width: 850px) {
    /* For desktop: */
    .col-d-1 {width: 8.33%;}
    .col-d-2 {width: 16.66%;}
    .col-d-3 {width: 25%;}
    .col-d-4 {width: 33.33%;}
    .col-d-5 {width: 41.66%;}
    .col-d-6 {width: 50%;}
    .col-d-7 {width: 58.33%;}
    .col-d-8 {width: 66.66%;}
    .col-d-9 {width: 75%;}
    .col-d-10 {width: 83.33%;}
    .col-d-11 {width: 91.66%;}
    .col-d-12 {width: 100%;}
	.left{text-align: left!important;}
	.right{text-align: right!important;}
	.left2{text-align: left!important;}
	.right2{text-align: right!important;}
	.display1{display: inherit!important;}
	.display2{display: none!important;}	
	.display3{display: inherit!important;}	
	.display4{display: none!important;}
	.mainwidth{width: 96%;margin-right: 2%;padding: 10px;}
	.servicebox{
		width: 290px!important;
		display: inline-block!important;
		margin: 5px!important;
		margin-right: 10!important;
		margin-top: 10px!important;
	}
	
	.orderlink{
		display: inline-block;
		font-family: iranianSans;
		padding: 5px;
		height:45px;
		padding-right: 25px;
		padding-left: 25px;
		width: 270px;
		margin: 7px;
		border-radius: 1px;
		background-color: #ffffff;
		border: 1px solid #368dee;
		color: #368dee;
		font-size:16px;
	}
	
	.in_page_titr{
		margin-top: 30px;
	}
	
	.sef_btn2{display: inherit!important;}

}

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

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

.main{
		max-width: 1250px!important;
		margin: 0 auto!important;
		float: none;
		padding: 5px;
}


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



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%);
}

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

.bold{
	font-weight: bold;
}


.blue_color{color: #368dee;}
.orange_color{color: #fec00f;}



/* total width */
body::-webkit-scrollbar {
    background-color:#fff;
    width:16px
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:4px solid #fff
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {display:none}



/********************scroll************************/

	.scrollbar
{
	float: left;
	overflow-y: scroll;
}


	
	
#myscroll::-webkit-scrollbar-track
{

	border-radius: 10px;
}

#myscroll::-webkit-scrollbar
{
	width: 3px;

}

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


/**********************padding margin*************************/

.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;}

.paddl5{padding-left: 5px;}
.paddl7{padding-left: 7px;}
.paddl10{padding-left: 10px;}
.paddl15{padding-left: 15px;}
.paddl20{padding-left: 20px;}
/************************************************************/

.top{
	border-bottom: 1px solid #eeeeee;
	padding: 0px;
	margin: 0px;
}

.login_btn{
	font-family: iranianSans;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 13px;
	background-color: #fec00f;
	color: #ffffff;
	border: 1px solid #fec00f;
	height: 35px;
	border-radius: 3px;
}

.register_btn{
	font-family: iranianSans;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 13px;
	background-color: #368dee;
	color: #ffffff;
	border: 1px solid #368dee;
	height: 35px;
	border-radius: 3px;
	margin-right: 3px;
}


.section1{
	padding-top: 15px;
	padding-bottom: 15px;
}


.titr1{
	font-size: 30px;
	font-weight: bold;
	color: #368dee;
	margin-top: 30px;
}

.text1{
	margin-top:5px;
	text-align: justify;
	font-size: 15px;
}






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



.site-title  {
    background: url('../image/dash.gif') left center repeat-x;
    text-align: center;
}


.site-title> span {
		padding: 5px;
		padding-right: 25px;
		padding-left: 25px;
  		vertical-align:middle;
        color: #888888;
 		background-color: #ffffff;
        text-transform: uppercase;
		font-size: 23px!important;
    }

.site-title2  {
    background: url('../image/dash.gif') left center repeat-x;
    text-align: center;
}


.site-title2> span {
		padding: 5px;
		padding-right: 25px;
		padding-left: 25px;
  		vertical-align:middle;
        color: #00587a;
 		background-color: #d9ecf2;
        text-transform: uppercase;
		font-size: 20px!important;
    }

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

.servicebox{
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #dddddd;
	padding-top: 20px;
	padding-bottom: 30px;
}


.servicebox_titr{
	text-align: center;
	font-size: 15px;
	color: #10316b;
	margin-top: 10px;
}


.servicebox_text{
	padding: 10px;
	text-align: justify;
	margin-top: 1px;
	font-size: 12px;
	height: 100px;
	overflow-y: scroll;
}

.servicebox_image{
	text-align: center;
	margin-top: 30px;
}

.pop_image{
	text-align: center;
	margin-top: 30px;
}

.pop_image img{
	width: 350px;
}


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

.under_titr{
	font-size: 12.5px;
	color: #888888;
	margin-top: -15px;
	text-align: center;
}

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


.plan_titr{
	font-size: 15px;
	margin-top: 5px;
}

.plan_text{
	font-size: 12.5px;
	margin-top: 10px;
}

.silver_color{
	color: #888888;
}

.gold_color{
	color: #e4b100;
}

.bronze_color{
	color: #cf6c31;
}

.green_color{
	color: #91bd3a;
}


.flag img{
	width: 90px
}


.lan{
	font-size: 12.5px;
}

.lan_flaf{
		text-align: center;
		width: 140px;
		display: inline-block;
		margin-top: 15px;
	}


.shomalist{
	margin-top: 7px;
}

.shomalist i{
	font-size: 14px;
}

.shomalist_text{
	font-size: 14px;
}

/*************questions***************/

.accordion-item12{
	box-shadow: 0px 0px 5px #cccccc;
	margin-top: 10px;
}



.faq12 a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 14px;
  font-weight: 400;

}

.faq12 a:hover,
.faq12 a:hover::after {
  cursor: pointer;
  color: #7b7a7a;
}

.faq12 a:hover::after {

}

.faq12 a.active {
  color: #5a6bc6;

}

.faq12 a::after {
  content: '+';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 18px;
  color: #cccccc;
  padding: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
	line-height: 20px;
}

.faq12 a.active::after {
line-height: 20px;
  content: '-';
  color: #5a6bc6;

}

.faq12 .content12 {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  background-color: #ffffff!important;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}

.faq12 .content12 p {
  font-size: 13px;
	text-align: justify;
	
}

.faq12 .content12.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}


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

.blogbox{
	border-radius: 2px;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #ffffff;
}

.blogtitr{
	font-size: 14px;
	color: #3282b8;
}

.blogtext{
	font-size: 12.5px;
	padding: 5px;
	margin-top: 7px;
}

.blogimage img{
	border: 1px solid #dddddd;
}

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


.footer_section{
	border-top: 1px solid #eeeeee;
	padding-top: 50px;
	padding-bottom: 10px;
	margin-top: 50px;
	background-color: #222222;
	color: #cccccc;
}




.footer_section i{

	color: #5a6bc6;
}

.footer_titr{
	font-size: 14px;
	color: #5a6bc6;
	margin-bottom: -20px!important;
}


.footer_titr i{
	font-size: 14px;
	
}


.footer_link {
	margin-top: 7px;
}


.footer_link a{
	color: #cccccc!important;
	font-size: 12.5px!important;
}


.footerlink ul{
	text-align: right;
	padding: 10px;
}


.footerlink ul li{
	margin-top: 10px;
	display: inline-block;
}


.footer_access li{
	display: inline-block!important;
}



.footer_tag ul li a{
	color: #cccccc;
	border: 1px solid #cccccc;
	padding: 3px;
	padding-right: 6px;
	padding-left: 6px;
	border-radius: 2px;
	font-size: 11.5px;
	margin-right: 3px;
	
	-webkit-transition: all 0.4s ease;
}

.footer_tag ul li a:hover{
	background-color: #222222;
	border: 1px solid #888888;
	-webkit-transition: all 0.4s ease;
}





.call_titr{
	font-size: 15px;
	text-align: right;
	padding-bottom: 15px;
}



.fa-instagram{
	color: #e13a9d!important;
}



.copyr{
	color: #cccccc;
	border-top: 1px solid #605F5F;
	padding-top: 10px;
	font-size: 12px
}

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

.post_box{
	background-color: #FFFFFF!important;
	border: 1px solid #DDDDDD;
	padding:5px;
	border-radius: 1px;
	margin-top: 15px;
}


.blogtitle{
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}

.blogtext2{
	font-size: 12px;
	margin-top: 8px;
}


.writer{
	color: #888888;
	font-size: 11.5px;
	margin-top: 7px;
}

.more a{
	color: #cccccc;
}


.postdate{
	color: #cccccc;
	font-size: 10px!important;
	font-weight: normal!important;
}


.paging{
	text-align: center;
	margin-top: 35px;
}



.side_box{
	background-color: #FFFFFF;
	padding:7px;
	border-radius: 1px;
	margin-top: 15px;
	border: 1px solid #DDDDDD;
}

.sidetitr{
	padding: 10px;
	text-align: center;
	background-color: #e3e7f1;

}

.side_text1{
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
}


.sidetext{
	font-size: 12px;
	margin-top: 7px;
	color: #888888;
}


.signle_box{
	background-color: #ffffff;
	border: 1px solid #DDDDDD;
	padding:10px;
	margin-top: 15px;
	padding-bottom: 30px;
	padding-top: 30px;
}

.blogtitr2{
	font-size: 18px;
}

.blogsubtitr{
	font-size: 13px;
	color: #888888;
	padding-right: 25px;
	margin-top: -10px;
}


.footerlink a {
	color: #f7f7f7!important;
}



/*************************************/
#cssmenu{
	z-index: 999999999999999999;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: iranianSans;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: right;
}
#cssmenu.align-center ul ul {
  text-align: right;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 10px 15px;
  font-size: 13px;
  color: #222222;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #2709BF;
}
#cssmenu > ul > li.has-sub > a {
  padding-left: 13px;
}
#cssmenu ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  right: 5px;
  display: block;
  width: 18px;
  background-size: 36px 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub:hover > a:after {
  background-position: 0 -18px;
}
#cssmenu ul > li.has-sub > a:before {
  content: '+';
  position: absolute;
  left: 5px;
  top: 12.5px;
  display: block;
  width: 0;
  height: 0;
  border-top-color: #ffffff;
  z-index: 99;
}
#cssmenu ul > li.has-sub:hover > a:before {
  border-top-color: #cccccc;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  opacity: 0;

  -webkit-transition: top .2s ease, opacity .2s ease;
  -moz-transition: top .2s ease, opacity .2s ease;
  -ms-transition: top .2s ease, opacity .2s ease;
  -o-transition: top .2s ease, opacity .2s ease;
  transition: top .2s ease, opacity .2s ease;
}
#cssmenu > ul > li > ul {
  top: 100px;
  margin-top: -18px;
  border-radius: 0px;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 51px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  top: 40px;
}
#cssmenu ul ul > li:hover > ul {
  top: 0;
  right: 178px;
  padding-left: 10px;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 230px;
  padding-left: 0;
  padding-right: 10px;
  opacity: 1;
}
#cssmenu ul ul li a {
  width: 225px;
  padding: 12px 20px;
  font-size: 13px;
  color: #222222;
  text-decoration: none;
  background: #3fc5f0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li > a:hover,
#cssmenu ul ul li.active > a {
  color: #2709BF;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
 
}
#cssmenu ul ul > li.has-sub > a:after {
  right: 12px;
  top: 9.5px;
  background: #3db2e1;
  background-size: 36px 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#cssmenu.align-right ul ul > li.has-sub > a:after {
  right: auto;
  left: 12px;
}
#cssmenu ul ul > li.has-sub:hover > a:after {
  background-position: 0 -18px;
}
#cssmenu ul ul > li.has-sub > a:before {
  top: 15.5px;
  left: 16px;
  border-top-color: transparent;
  border-left-color: #222222;
}
#cssmenu.align-right ul ul > li.has-sub > a:before {
  top: 15.5px;
  right: auto;
  left: 16px;
  border-top-color: transparent;
  border-right-color: #222222;
  border-left-color: transparent;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
 
  border-left-color: #1c89b5;
}

#cssmenu.align-right ul ul > li.has-sub:hover > a:before {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: #222222;
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul,
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu > ul,
  #cssmenu.align-center > ul,
  #cssmenu > ul > li > ul,
  #cssmenu > ul > li:hover > ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu ul ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul li:hover > ul,
  #cssmenu.align-right ul ul ul li:hover > ul {
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
    display: none;
    padding: 0;
    opacity: 1;
    text-align: right;
  }
  #cssmenu ul li {
   width: 100%;
   padding-top: 7px;
   
  }
  #cssmenu > ul > li > a,
  #cssmenu ul ul li a,
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    background: none;
  }
  #cssmenu ul li a {
    padding-right:40.5px;
	border-top: 1px solid #dddddd;
  }
  #cssmenu ul ul li a {
    padding: 14px 60px 14px 27.5px;
	  border-top: none;
  }
  #cssmenu ul ul ul li a {
    padding-right: 72.5px;
	  border-top: none;
  }
  #cssmenu ul ul ul ul li a {
	  border-top: none;
    padding-r: 57.5px;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul li.has-sub > a:after,
  #cssmenu ul ul li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    position: relative;
    display: block;
    padding: 20px;
    padding-right: 12.5px;
    cursor: pointer;
    font-size: 13px;
    color: #222222;

  }
  #cssmenu .submenu-button {
    position: absolute;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
  }
  #cssmenu ul ul .submenu-button {
    height: 41px;
  }
  #cssmenu ul .submenu-button:after,
  #cssmenu #menu-button:after {
    content: '';
    position: absolute;
    right: 12.5px;
    top: 12.5px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
  }
  #cssmenu ul .submenu-button.submenu-opened:after,
  #cssmenu #menu-button.menu-opened:after {
    background-position: 0 -28px;
  }
  #cssmenu ul ul .submenu-button:after {
    top: 6.5px;
  }
 
  #cssmenu .submenu-button:before {
    content: '';
    position: absolute;
    right: 22.5px;
    top: 25.5px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #222222;
    z-index: 99;
  }
	

	
  #cssmenu ul ul .submenu-button:before {
    top: 19.5px;
  }
  #cssmenu #menu-button.menu-opened:before,
  #cssmenu .submenu-button.submenu-opened:before {
    border-top-color: #222222;
  }
}

.fa-bars{
	font-size: 30px;
	color: #222222;
}


/**********************صفحه بندی*********************************/

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #222222;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #ffffff;
	border : 1px solid #cccccc;
    border-radius: 2px;
    cursor: pointer;
	padding: 3px;
    padding-right: 13px;
    padding-left: 13px;
	-webkit-transition: all 0.2s ease;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #eeeeee;
	-webkit-transition: all 0.2s ease;
}


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

.side_tags {
	padding: 10px;
}

.side_tags a{
	font-size: 12px;
	color: #515585;
}



/*************************نظرات****************************/

#reply-title {color: #009900; }

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0;text-align: justify;}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px solid #cccccc; padding:15px 15px; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border-radius:200px; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:13px;font-family: iranianSans!important; }
ol.commentlist li.comment div.comment-meta a { color:#888888; }
ol.commentlist li.comment p { font-size:13px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:13px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:13px; font-family:  iranianSans!important;}
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li { background-color:#f6f6f6}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #00bd56; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #00bd56; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #00bd56; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 { border-left:5px solid #00bd56; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
 
#respond input[type=text], textarea {
	min-width: 100%;
	max-width: 100%;
  outline: none;
  padding: 10px;
  border: 1px solid #cccccc;
}

#respond input[type=text], textarea:focus{
	border: 1px solid #00bd56;	
}


#submit {
	background-color:#005874;
	border-radius:5px;
	border:1px solid #005874;
	cursor:pointer;
	color:#ffffff;
	font-family:iranianSans!important;
	font-size:13px;
	width: 120px;
	height: 40px;
	text-decoration:none;
} 
  
#submit:hover {
	border:1px solid #03475C;
	background-color:#03475C; 
}
#submit:active { 
	position:relative;
	top:1px;
}


/********************************/
/* Slider */
.slick-slide {
    margin: 0px 10px;
}

.slick-slide img {
   
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slide:focus{
	outline: none;
}


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

.titr11{
	color: #888888;
	font-size: 14px;
}


.inpagetext{
	text-align: justify!important;
}


.wshoma{
	margin-top: 25px;
	padding: 5px;
}

.div1{
	text-align: justify;
	display: block;

}


.div2{
	text-align: justify;
	display:block;
	font-size: 14px;
	margin-top: 7px;
}

.div1 i{
	font-size: 40px!important;
	color: #fec00e;
	-webkit-transition: all 0.4s ease;
}

.div1 i:hover{
	font-size: 40px!important;
	color: #CD9F1A;
	-webkit-transition: all 0.4s ease;
}

.inpagetitle{
	font-size: 23px;
	color: #368dee;
}


.moretitr{
	font-size: 18px;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 15px;
}

.btndiv{
	margin-top: 10px;	
}

.orderbtns{
	width: 90%;
	font-family: iranianSans;
	padding: 5px;
	border-radius: 1px;
	background-color: #ffffff;
	border: 1px solid #368dee;
	color: #368dee;
}

.orderbtnsall{
	display: inline-block;
	font-family: iranianSans;
	padding: 5px;
	padding-right: 25px;
	padding-left: 25px;
	width: 250px;
	margin: 7px;
	border-radius: 1px;
	background-color: #ffffff;
	border: 1px solid #368dee;
	color: #368dee;
}

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

 body .gform_wrapper ul li.gfield {
        margin-top: 0px !important;
        padding-top: 0;
    }
    .block-content ul li {
          margin-bottom: 0 !important;
          margin-top: 0 !important;
        }
    .gform_body ul li .ginput_container select,.gform_body ul li .ginput_container input{
            margin-bottom: 0px;
    }
    .gform_wrapper .top_label .gfield_label {
        display: none !important;
    }



.gform_title{
	display:none;
}

.gfield input{
	width: 100%!important;
	padding: 5px;
	border: 1px solid #cccccc;
}


.gfield  select{
	width: 100%!important;
	padding: 5px!important;
	border: 1px solid #cccccc;
}

.gfield  textarea{
	min-width: 96%!important;
	max-width: 96%!important;
	min-height: 150px!important;
	padding: 7px!important;
	padding-top: 7px!important;
	border: 1px solid #cccccc!important;
}




.gfield  {

	padding-right: 25px!important;
	padding-left: 25px!important;
	font-size: 12px!important;

}

.gform_footer {
	text-align: center!important;
	border-top: none!important;
	margin-top: 15px!important;
}


.gform_footer input[type=submit]{
	font-family: iranianSans!important;
	padding-right: 20px!important;
	padding-left: 20px!important;
	font-size: 12px!important;
	background-color: #fec00f!important;
	color: #555555!important;
	border: 1px solid #fec00f!important;
	height: 40px!important;
	border-radius: 5px!important;
	margin-right: 3px!important;
	cursor: pointer!important;
	
}

.gform_drop_instructions{
	display: none;
}



.ginput_container_fileupload{
	width: 98%!important;
	margin-top: 15px!important;
}


.ginput_container_product_calculation{
	font-size: 25px!important;
	color: #368dee!important;
	margin-top: 10px!important;
}


	
/********************table********************/

.table1 {
  border: 1px solid #f7f7f7;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
	-webkit-transition: all 800ms ease-in;
}

.table1:hover{
	-webkit-transition: all 800ms ease-in;
}


.table1 tr {
  background-color: #ffffff;
  border: 1px solid #f7f7f7;
  padding: 5px;
  color: #7b7a7a;
  font-size: 13px;
}

td a{
	color: #7b7a7a;
}

.table1 th,
.table1 td {
  padding: 10px;
  text-align: center;
}

.table1 th {
	padding: 15px;
  font-size: 14px;
  text-transform: uppercase;
  color: #00769f;
  background-color:#f2f2f5;
}


tr:nth-child(even){
}

@media screen and (max-width: 700px) {
  .table1 {
    border: 0;
  }

  .table1 caption {
    font-size: 14px;
  }
  
  .table1 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table1 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .table1 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 14px;
    text-align: left;
  }
  

.table1 tr:hover{
	background-color:#ffffff;
}
	
  .table1 td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
	color: #00769f;
    float: right;
    text-transform: uppercase;
  }
  
  .table1 td:last-child {
    border-bottom: 0;
  }
}

.tablew1{
	width: 10%;
}


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

.contactdiv{
	text-align: left; font-size: 16px;
}


.contactdiv i{
	color: #fec00f;
}

.aiowps-captcha-equation{
	text-align: right!important;
}

.sidetext2{
	font-size: 13px;
	padding-right:15px;
	margin-top: 7px;
	color: #888888;
}


/*****************search******************/
form.example input[type=text] {
    padding: 5px;
    font-size: 12px;
    border: 1px solid #dddddd;
	border-left: none;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
    float: right;
	height: 40px;
    width: 80%;
	font-family: yekan !important;
	outline: none;
}

form .searchsubmit {
    float: left;
    width: 20%;
	height: 40px;
    padding: 2px;
    background: #fec00f;
	color: #222222!important;
    color: white;
    font-size: 17px;
    border: 1px solid #fec00f;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
    border-left: none;
    cursor: pointer;
	font-family: iranianSans !important;

}

form .searchsubmit :hover {

	cursor: pointer;
}

form.example::after {
    content: "";
    clear: both;
    display: table;
}

form.example .searchsubmit :focus {
    outline: none;
	border: 1px solid #fec00f;
	cursor: pointer;
}

form.example input:focus {
    outline: none;
	border: 1px solid #fec00f;
	border-left: none;
	cursor: pointer;
}
/********************************************/
.post-password-form input[type=password]{
	padding: 5px;
    font-size: 12px;
    border: 1px solid #dddddd;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	height: 40px;
    width:250px;
	font-family: iranianSans !important;
	outline: none;
}


.post-password-form input[type=submit]{
    padding: 5px;
	height: 40px;
	padding-left: 20px;
	padding-right: 20px;
    background: #fec00f;
	color: #555555!important;
    color: white;
    font-size: 14px;
    border: 1px solid #fec00f;
	border-radius: 2px;
    border-left: none;
    cursor: pointer;
	font-family: iranianSans !important;
}

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


.prices_box{
	padding: 10px;
	background-color: #f7f7f7;
	border-radius: 25px;
}


.input_1{
	font-family: iranianSans!important;
	width: 100%;
	padding: 5px;
	border: 1px solid #dddddd;
	border-radius: 5px;
}

.textarea_1{
	font-family: iranianSans!important;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	max-height: 150px;
	min-height: 150px;
	padding: 5px;
	border: 1px solid #dddddd;
	border-radius: 5px;
}


.cnt_icon{
	font-size: 25px;
	color: #fec00f;
}

input{
	font-family: iranianSans!important;
}


select{
	font-family: iranianSans!important;
}

.selectpicker{
	width: 100%!important;
	text-align: right!important;
	direction: ltr!important;
	font-family: iranianSans!important;

}


.titr_select{
	font-size: 13px;
	color: #368dee;
	font-weight: bold;
	margin-bottom: 10px;
	padding-right: 8px;
}


.time_box{
	background-color: #cccccc;
	color: #222222;
	text-align: center;
	font-size: 17px;
	padding: 7px;
	border-radius: 15px;
}

.tal_box{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	color: #555555;
	text-align: center;
	font-size: 16px;
	margin-top: 15px;
}

.noq_box{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	color: #555555;
	text-align: center;
	font-size: 16px;
	margin-top: 25px;
}

.bor_box{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	color: #555555;
	text-align: center;
	font-size: 16px;
	margin-top: 25px;
}


.fosr{
	font-size: 11px;
	padding-right: 10px;
}

.mt_ty{
	font-size: 12px;
	margin-top: 10px;
	color: #888888;
}

/**********************************/
 .demo2 span {
	width: auto;
	
	padding-right:3px;
	 padding-left: 3px;
	color: #2a6496;         
}
   
/**********************************/
		
.in_page_titr{
	font-size: 25px;
	color: #0278ae;
	font-weight: bold;
	text-align: center;
	padding: 15px;
}


.chap_image{
	text-align: center;
	
}


.chap_text{
	margin-top: 5px;
	font-size: 15px;
	color: #888888;
	text-align: center;
}


.chap_btn{
	text-align: center;
	margin-top: 25px;
}


.text_tsi{
	font-size: 15px;
	color: #00587a;
}




.icon_ch i{
	color: #7579e7;
	
	font-weight: bold;
}


.ch_title{
	font-size: 18px;
	display: inline-block;
	padding: 0px;
	padding-top: 1px;
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 15px;
}


.ch_title:first-child{
	margin-top: -10px;
}

.ch_text{
	padding: 10px;
	margin-top: 10px;
	font-size: 15px;
	border-radius: 15px;
}


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

.logo_mg{
	display: inline-block;
	width: 115px;
	height: 115px;
	box-shadow: 0px 0px 5px #cccccc;
	text-align: center;
	border-radius: 25px;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 15px;
}

.logo_mg img{
	border-radius: 25px;
}


.sef_btn{
	font-family: iranianSans;
	height:45px;
	padding-right: 35px;
	padding-left: 35px;
	font-size: 15px;
	background-color: #368dee;
	color: #ffffff;
	border: 1px solid #368dee;
	border-radius: 3px;
	margin-right: 3px;
}


.dl_art{
	text-align: left;
	direction: ltr;
	margin-top: 10px;
}


.art_text{
	font-size: 14px;
	text-align: left;
	color: #0f3057;
}


.art_btn{
	font-family: iranianSans;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:1px;
	height: 25px;
	padding-bottom: 1px;
	background-color: #368dee;
	color: #ffffff;
	border: 1px solid #368dee;;
	border-radius: 3px;
	margin-right: 3px;
}


.pd_l15{
	padding-left: 15px;
}

.pd_l10{
	padding-left: 15px;
}

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

.in_titr{
	font-size: 14px;
	margin-bottom: 7px;
	color: #0278ae;
	padding-right: 5px;
}

.input1{
	width: 100%;
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 2px;
}


.cmnt_pic img{
	width: 40px;
	border-radius: 20px;
	margin-bottom: -12px;
}


.cmnt_name{
	color: #777777;
	padding-right: 5px;
	
}


.cmnt_date{
	color: #777777;
	padding-right: 10px;
	
}


.cmnt_text{
	font-size: 13px;
	margin-top: 15px;
	padding: 15px;
	background-color: #d9ecf2;
	color: #555555;
	border:  1px solid #9ab3f5;
}



.cmnt_text2{
	font-size: 13px;
	margin-top: 15px;
	padding: 15px;
	background-color: #f7f7f7;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border:  1px solid #dddddd;
}


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


	.videotag{
		width: 100%;
		
	}



.amoozesh_text{
	text-align: justify;
	font-size: 15px;
	margin-top: 15px;
}




.sef_btn2{
	font-family: iranianSans;
	height:40px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 13px;
	background-color: #368dee;
	color: #ffffff;
	border: 1px solid #368dee;
	border-radius: 3px;
	margin-right: 3px;
}




@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


.sef_btn2:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}