/*
  Theme Name : Can-Do Theme
  Theme Version : 0.9.1 (Beta)
  Design by: Mersa Diaco Web Team (Chief: Ali Mahdavi)
  Designer url : http://mersadiaco.ir
  Theme Author : Can-Do Institute of German Language (Mr. Yasha Mashayekhy)
  Theme Author Url : http://germanteach.com

				***	Theme Under Construction ...
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5
, h6, p, blockquote, pre, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, menu, nav, output, ruby,
section, summary, time, mark, audio, video
{margin:0;padding:0;}

@font-face{
	font-family: "IranSans";
	src: url("../fonts/IRANSansWeb.woff")  format('woff');
}
body{
	background: white;
	margin: 0;
	padding:0;
	text-decoration: none;
	direction: rtl;
	font-family: 'IranSans';
	font-weight: normal;
	/*font-size: 62.5%;*/
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
img{
    max-width: 100%;
	height: auto;
	border-radius:5px !important;
}
a{
	text-decoration: none;
	color:#000;
}
.header{
	background: #ffb347;
	background: -webkit-linear-gradient(to left, #ffb347 , #ffcc33); 
	background: linear-gradient(to left, #ffb347 , #ffcc33); 
}
.header img{
	display: block;
}
.menu{
  background: #000;
  text-align: center;
  /*font-size: 1.5em;*/
	position: relative;
  text-align: center;
	padding: 0;
	height: 40px;
}
.mactive{
	color:#ffd504 !important;
}
.nav{
 list-style:none;
 display: inline-block;
}
.nav li {
 position:relative;
 float:right;
 padding:0 18px;
}
.nav li a {
 float:right;
 line-height:40px;
 color:white;
}
.nav li a:hover {
	color:#ffd504;
	}
.nav li ul {
	background: rgba(249,249,249,1);
	list-style:none;
	display:none;
	position:absolute;
	top:40px;
	width:180px;
	border-radius:0 0 5px 5px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.nav li:hover ul{
	display:block;
}
.nav li ul li{
	float:none;
	border-left:none;
	width:180px;
	padding-right: 0;
	text-align: right;
}
.nav li ul li a{
	color:#000;
	float:none;
	display:block;
	margin-bottom: 0;
	padding-right: 8px;
}
.nav li ul li a:hover{
	background: rgba(255,213,14,1);
	color:#000;
}
.base{
	background: #fff;
	/*font-size: 1.4em;*/
}
.bar{
	margin: 20px 10px 15px 10px;
}
.bar p{
	padding:20px;
	text-align: justify;
	}
.bar h4{
	background-color: #ffd504;
	text-align: center;
	color: #000;
	font-weight: bold;
	padding: 16px;
	border-radius: 5px;
}
.bar ul{
	list-style-type: none;
	padding: 10px 20px;
}
.bar ul li{
	padding:8px 0;
}
.links{
	float: left;
	width:18%;
}
.sidebar{
	float: right;
	width:25%;
}
.one a:hover {
	padding-right: 18px;
	transition: 0.2s;
}
.content{
	float: right;
	width:57%;
}
.c1 p{
	text-align: justify;
	padding: 0 20px;
}
.caption{
	font-size: 0.7em;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 18px;
}
.caption_date{
	border: 1px solid #ffd504;
	border-radius: 5px;
	color: black;
	padding: 3px;
	background-color: #ffd504;
}
.caption img{
	border-radius: 10px;
	padding-bottom: 5px;
	width: 75%;
}
.newsbox a:hover { 
	color: #ffd504;
	padding-right: 10px;
	transition: 0.2s;
}
.newsbox{
    text-align: justify;
    margin-bottom: 15px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
}
.newsbox a{
	font-weight: bold;
}
.datebox{
	text-align: right;
	color:#ffd504;
	font-weight:bold;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 5px;
	/*position: relative;*/
	/*right: 80%;*/
}
.c2{
	text-align: justify;
	clear: both;
	padding: 8px 20px;
}
.clear{
	clear: both;
}
.c3{
	margin:10px 20px 0 0;
}
.c3 img{
	width: 47%;
}
.cthree img{
	width="20%;
}
.c3right{
	width: 50%;
	float: right;
}
.c3right{
	direction: ltr;
	text-align: left;
}
.c3left{
	float: left;
	width: 50%;
}
.c3left i{
	padding: 8px;
	color: #eaeaea;
}
.demo{
	text-align: center;
	border:1px solid #C0C0C0;
	border-collapse:collapse;
}
.demo th {
	border:1px solid #C0C0C0;
	padding:5px;
	background:#F0F0F0;
}
.demo td {
	border:1px solid #C0C0C0;
	padding:5px;
}
.prefooter{
	margin-top: 25px;
	/*font-size: 1.4em;*/
}
.l{
	background: #ECE9E6;
	background: -webkit-linear-gradient(to left, #ECE9E6 , #FFFFFF);
	background: linear-gradient(to left, #ECE9E6 , #FFFFFF); 
	float: left;
	width: 50%;
}
.r img{
	width: 6%;
	padding-top: 10px;
}
.r{
	border-top: 1px solid #eaeaea;
	float:right;
	width: 50%;
}
.r p{
	padding: 10px;
}
.r h3{
	padding-top: 15px;
}
.footer{
	background-color: black;
	float: right;
	width:100%;
	color:white;
	text-align: center;
	padding-bottom: 18px;
	/*font-size: 1.4em;*/
}
.footer p{
	padding:0 0;
	margin:0;
	color: white;
	line-height:1.8em;
}
.footer2{
	float: right;
	background: #ECE9E6;
	background: -webkit-linear-gradient(to left, to right , #ECE9E6 , #FFFFFF);
	background: linear-gradient(to left, to right , #ECE9E6 , #FFFFFF); 
}
.footer2 p{
	color: #666;
	padding-top: 15px;
	/*font-size:1.4em;*/
}
.footer2right{
	padding:25px;
	width: 20%;
	float:right;
}
.footer2 img{
	width:50%;
	padding-top: 20px;
}
.footer2left{
	width: 70%;
	text-align: justify;
	margin:0 auto;
	/*float: right; */
}
.mailBox{
	border:1px solid #333;
	width: 80%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	line-height:2.5;
	padding-right:20px;
	margin-top: 10px;
	color: #666;
	font-family: "IranSans";
}
.btn{
	background-color: #333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding: 6px;
	color:#fff;
	font-family: "IranSans";
}
.btn:hover{
	background-color: white;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding: 6px;
	color:#333;
	border:1px solid #333;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-family: 'IranSans';
  /*font-size: 15pt;*/
}
.maintext{
	text-align: center;
  font-family: 'IranSans';
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#lorem{
	font-family: 'IranSans';
	/*font-size: 12pt;*/
  text-align: left;
}
#popupfoot{
	font-family: 'IranSans';
	/*font-size: 16pt;*/
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none !important;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}