hr.style1{
	border-top: 1px solid #8c8b8b;
}
.space-n{
margin:10px 0;}
.box-n{
width:90% !important;
margin:auto !important;
background: rgba(183, 183, 183, 0.15) !important;
    box-shadow: 0 0 4px #ccc !important;
    text-align: center !important;
    padding: 25px 10px !important;
margin:0 0px;}

.box-n:hover{

box-shadow: 0 2px 8px 3px rgba(0,0,0,.12);
    transition: box-shadow .6s,background-color .6s,color .6s,opacity .6s,transform .6s;
    -webkit-transition: box-shadow .6s,background-color .6s,color .6s,opacity .6s,-webkit-transform .6s;
    -moz-transition: -moz-transform .6s,box-shadow .6s,background-color .6s,color .6s,opacity .6s;
    -ms-transition: -ms-transform .6s,box-shadow .6s,background-color .6s,color .6s,opacity .6s;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

.small-font{
font-size:16px;
}
.blue-bg-n{background:#265a82;
}
.new-box-n{
width:97% !important;
margin:auto !important;
background: rgba(183, 183, 183, 0.15) !important;
    box-shadow: 0 0 4px #ccc !important;
    text-align: center !important;
    padding: 25px 10px !important;
margin:0 0px;
}
.new-box-n:hover{
box-shadow: 0 2px 8px 3px rgba(0,0,0,.12) !important;
    transition: box-shadow .6s,background-color .6s,color .6s,opacity .6s,transform .6s !important;
    -webkit-transition: box-shadow .6s,background-color .6s,color .6s,opacity .6s,-webkit-transform .6s !important;
    -moz-transition: -moz-transform .6s,box-shadow .6s,background-color .6s,color .6s,opacity .6s !important;
    -ms-transition: -ms-transform .6s,box-shadow .6s,background-color .6s,color .6s,opacity .6s !important;
    -webkit-transform: translateY(-4px) !important;
    -moz-transform: translateY(-4px) !important;
    -ms-transform: translateY(-4px) !important;
    transform: translateY(-4px) !important;}
    
    
.btn-primary{
background: #b52d68 !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold;
        box-shadow: 0 2px 5px #ccc;}
hr.style2 {
	border-top: 3px double rgb(219, 68, 55);
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  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); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}



.card-container {
  cursor: pointer;
  height: 40px;
  perspective: 600;
  position: relative;
  width: 100%;
  float: left;
    margin: 2px;
}

.card {
    background: #fff !important;
    padding: 10px;
    text-align: center;
    color: #757575 !important;
    border: 2px solid #265a82;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 13px 0;
}




@media only screen and (max-width: 600px) {    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;top: -9999px;left: -9999px;
	}
	#no-more-tables tr { border: 1px solid #ccc; }
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 10%; white-space: normal;text-align:left;}
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold;}
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

th{font-size:18px !important; padding: 11px;}
td{font-size:15px}