@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "AsaSHBNM";
    font-style: normal;
    font-weight: bold;
    src: url("../font/Shabnam-Bold-FD.eot?#iefix") format("embedded-opentype"), 
	      url("../font/Shabnam-Bold-FD.woff2") format("woff2"), 
		  url("../font/Shabnam-Bold-FD.woff") format("woff"), 
		  url("../font/Shabnam-Bold-FD.ttf") format("truetype");
}
@font-face {
    font-family: "SHBNM";
    font-style: normal;
    font-weight: normal;
    src: url("../font/Shabnam-FD.eot?#iefix") format("embedded-opentype"), 
	      url("../font/Shabnam-FD.woff2") format("woff2"), 
	      url("../font/Shabnam-FD.woff") format("woff"), 
		  url("../font/Shabnam-FD.ttf") format("truetype");
}
@font-face {
    font-family: "SHBNM";
    font-style: normal;
    font-weight: 100;
    src: url("../font/Shabnam-Light-FD.eot?#iefix") format("embedded-opentype"), 
	      url("../font/Shabnam-Light-FD.woff2") format("woff2"), 
		  url("../font/Shabnam-Light-FD.woff") format("woff"), 
		  url("../font/Shabnam-Light-FD.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: url("../font/RobotoLight.eot?#iefix") format("embedded-opentype"), 
	      url("../font/RobotoLight.woff") format("woff"), 
		  url("../font/RobotoLight.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    src: url("../font/RobotoBold.eot?#iefix") format("embedded-opentype"), 
	      url("../font/RobotoBold.woff") format("woff"), 
		  url("../font/RobotoBold.ttf") format("truetype");
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	margin:0;
	padding:0;
}

html { }

body {
	font: 100 17px/170% SHBNM,sans-serif;
	background-color: #fff;
	width: 100%;
	word-spacing: -2px;
}

body * {
	/*direction:rtl;*/
}

body#tinymce {
	padding: 10px;
}

p {
	color: #000;
	direction: rtl;
	margin: 0 auto 10px;
	padding: 0;
	text-align: justify;
	display: block;
	}


p.title {
	color: #b69155 !important;
	display: block;
	font-weight: bold;
	padding: 35px 0 0;
}

p.subtitle {
	color: #e08a27;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
	background-color: #f2f2f2;
	max-width: 800px;
	margin: 30px auto 0 !important;
	border-bottom: 5px solid #b69155;
}

strong {
	font-weight: bold;
}

a, a:link, a:visited {
	font-weight: bold;
	color: #b69155;
	cursor: pointer;
	text-decoration: none !important;
	-webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	  -ms-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
		  transition: all 0.2s linear;
}

a:hover, a:active, a:focus {
	 color:#e08a27;
}

.cream {color:#b69155 }

.mceContentBody ul, .content1col ul, .content .itemBody ul, .footcontact ul, .mce-content-body ul, .formParagraph ul, .loginWrapper > div > div:last-child ul {
  direction: rtl;
  display: table;
  list-style: outside none none;
  margin: 20px 0 20px auto;
  padding: 0 25px;
  text-align: justify;
}

.mceContentBody ul li, .content1col ul li, .content .itemBody ul li, .footcontact ul li, .mce-content-body ul li, .formParagraph ul li, .loginWrapper > div > div:last-child ul li {
		padding: 0 18px 10px 0;
		position: relative;
}
.mceContentBody ul li::before, .content1col ul li::before, .content .itemBody ul li::before, .footcontact ul li::before, .mce-content-body ul li::before, .formParagraph ul li::before, .loginWrapper > div > div:last-child ul li::before {
	background: rgba(0,0,0,0) url("../images/icons.svg") -303px 0/400px 1200px no-repeat;
	position: absolute;
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	right: 0;
	top: 11px;
}

ul.twoColumn {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	column-gap: 40px;
	display: block !important;
	margin: 20px auto 20px !important;
	width: 100% !important;
	max-width: 800px !important;
	padding: 0 !important;
}

h2 {
	color: #4e4e4e;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0 15px;
	text-align: right;
	direction: rtl;
}

.imgcenter {
  display: table;
 margin: 0 auto;
}
.imgcenter > img {
	display: block;
	height: auto;
	margin: 30px auto;
	border-radius: 30px;
}

.imgcenter a {
  display: table;
  margin: 20px auto 30px;
  position: relative;
}

.imgcenter a > img {
  display: block;
  height: auto;
  margin: 0 auto;
}

p.imgcenter > a[rel="shadowbox"]::after {
	background: rgba(0, 0, 0, 0) url("../images/icons.svg") 0 -165px/400px 1200px no-repeat scroll ;
  content: " ";
  height: 41px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 41px;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	  -ms-transition: all 0.2s linear;
	   -o-transition: all 0.2s linear;
	      transition: all 0.2s linear;
  }
  
p.imgcenter > a[rel="shadowbox"]:hover::after {opacity: 1;}
 
p.subtitle + .imgcenter > img { margin-top: 0 !important;}
 

/* ---------------------------- Template Css -----------------------------*/
