@charset "utf-8";
@font-face {
    font-family: 'BHoma';
    src: url('fonts/BHoma.eot?#') format('eot'),
    url('fonts/BHoma.woff') format('woff'),
    url('fonts/BHoma.ttf') format('truetype'),
    url("fonts/BHoma.svg#BHoma") format("svg");
}

body         { font-family: BHoma;}

.maintext, .tableres td {line-height: 1.6;}

td.tel, td.tel a {font-size: 18pt; color: #33CCCC; text-decoration:none}
	#res_tel a{ padding: 5px 15px; color:#FFF; font-size:17px;}
.footer a.tel {color: #000; text-decoration:none}

.t11 {color:#800000}
.responsive {
    width: 100%;
    max-width: 400px;
    height: auto;
}
td.footer {background:#E1E1E1;padding: 15px}
.tableres table { 
  width: 100%; 
  border-collapse: collapse; 
  border-radius:5px;
  font-size:18px;
  margin:10px 0 10px;
}
/* Zebra striping */
.tableres tr:nth-of-type(1) { 
	color: #333; 
	background: #EFEFEF;
}
.tableres td, .tableres tr { 
	text-align: center !important; 
	padding:5px; 
	border:1px solid #E8E8E8;
}
  div.col {
  width: fit-content;
  margin: auto;
  border-radius: 25px;
  border: 2px dashed #A0A0A0;
  background-color: #F5F5F5;
  padding: 20px 50px 20px 50px;
  margin-top:20px;
  }

hr{ 
  border: 0; 
  height: 3px;
  width:70%; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
a.form {text-decoration: none}

.title2 {font-weight:bold; color:#FF0000}
.title {font-weight:bold;}
* {
  box-sizing:border-box;
}

.left {
  padding:20px;
  float:left;
  width:80%; /* The width is 50%, by default */
}

.main {
  background-color:#f1f1f1;
  padding:20px;
  float:left;
  width:60%; /* The width is 60%, by default */
}

.right {
  padding:20px;
  float:left;
  width:20%; /* The width is 50%, by default */
}


@media screen and (min-width: 701px) {
  .maintext, td.footer{
    font-size: 19px;
  }
.col ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-type: none;
    column-gap: 100px;
}
}


body, html{
    margin:0;
    padding:0;
}

@media only screen and (min-width: 40px) and (max-width: 700px) {
span.t11 {display: block;}
  .left, .main, .right {
    width:100%;
    font-size: 160px;  }
    
      .maintext, td.footer{
    font-size: 17px;
  }
  div.col
  {  padding: 5px 10px 5px 10px; width:100%}
  .col ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

	.tableres table, .tableres thead, .tableres tbody, .tableres th, .tableres td, .tableres tr { 
		display: block; 
	}
	.tableres tr:nth-of-type(1) { 
		display:none;
	}
	.tableres td, .tableres tr { 
		padding:0px; 
		border:none;
	}
	.tableres td { 
		border-bottom: 1px solid #F0F0F0; 
		position: relative;
		border-radius:0px;
		text-align: center !important; 
		padding:4px;
	}	
	.tableres td:nth-of-type(1):before {content: "نام بانک:"; color:#840000;}
	.tableres td:nth-of-type(2):before {content: "شماره حساب/شبا:"; color:#840000;display: block;}
	.tableres td:nth-of-type(3):before {content: "شماره کارت:"; color:#840000;display: block;}
	.tableres td:nth-of-type(4):before {content: "صاحب حساب:"; color:#840000}
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}