@import url("fonts/fonts2.css") all;
















/*-------------------- hello --------------------*/
body {
	font-family: fontText, "Segoe UI", Tahoma, verdana, arial, sans-serif;
	direction: rtl;
	font-size: 15px;
	line-height: 2em;
	margin: 0;
	color: #000;
	background-color: #FFF;
}





  


/*-------------------- basic styles --------------------*/
h1, h2, h3 {
	font-weight: normal;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
	vertical-align: bottom;
	color: #05C1FF;
}

h1 {	font-size: 2em;	line-height: 1.5em;		}
h2 {	font-size: 1.5em; line-height: 1.5em;		}
h3 {	font-size: 1.2em;	line-height: 1.5em;		}

h1 > img, h2 > img, h3 > img, li > img, li > a > img  {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

a {
	color: #27B062;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.4s;	-moz-transition: all 0.4s;	-o-transition: all 0.4s;	-ms-transition: all 0.4s;	transition: all 0.4s;
	cursor: pointer;
}

a:hover {
}

a > img 
{
	-webkit-transition: all 0.3s;	-moz-transition: all 0.5s;	-o-transition: all 0.5s;	-ms-transition: all 0.5s;	transition: all 0.2s;
}

img {
	vertical-align: middle;
	border: none;
	margin: 0;
	padding: 0;
}

ul {
	list-style-image: url(../images/16-check1.png);
	padding: 0;
	padding-right: 23px;
}









/*-------------------- link styles --------------------*/
.link {
	display: inline-block;
	text-align: center;    
	margin: 2px;
	padding: 0 20px;
	color: #FFF;
	vertical-align: bottom;
}

.bigger {
	font-size: 30px;
}
.smaller {
	font-size: 13px;
	padding: 0 5px;
}

.yellow {		
	background-color: #FFD140 !important;
	color: #000;
}
.green {
	background-color: #30D276 !important;
}
.blue {
	background-color: #05C1FF !important;
}
.gray {
	background-color: #999999 !important;
}

.yellow.border {
	border-bottom: 4px solid #EBB400;
}
.green.border {
	border-bottom: 4px solid #2E8B57;
}
.blue.border {
	border-bottom: 4px solid #00ACED;
}

.social {
	padding: 0 5px;
	color: #FFF !important;
}











/*-------------------- messages --------------------*/
.message-page {
	text-align: center;
    font-size: 2em;
	line-height: 1.5em;
	padding: 100px 0;
	text-align: center;
	margin-bottom: 10px;
}

.header-message {
    font-size: 2em;
	line-height: 1.5em;
	padding: 10px;
	text-align: right;
	margin-bottom: 10px;
}

.error {
	background-color: #FF9494 !important;
	color: #FFF;
}

.notify {
	background-color: #05C1FF;
	color: #FFF;
}










/*-------------------- forms --------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="file"],
select,
textarea {
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
	border: none;
	background-color: #F6F8F9;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 10px;
	line-height: 2.5em;
	margin-bottom: 10px;
	width: 360px;
	max-width: 100%;
	outline: none;
	height: 45px;
}

select {
	padding: 0px;
	width: 381px;
}

button {
	font-size: 17px;
	background-color: #27B062;
	color: #FFF;
	border: none;
	display: inline-block;
	cursor: pointer;
}

button:hover {
}

label {
	display: inline-block;
	min-width: 120px;
}

textarea {
	height: 100px;
}

input.w100, textarea.w100 {
	width: 96%;
	padding: 0 2%;
}















/*-------------------- general classes --------------------*/
/* columns */
.col2 {	 
	float: right;
	width: 540px;
	padding: 5px;
	min-height: 50px;
}

.col3 {	 
	float: right;
	width: 350px;
	margin-left: 25px;
	min-height: 50px;
}

.col3.merge2 {
	width: 725px;
}


.col4 {	 
	float: right;
	width: 265px;
	padding: 0 5px;
	min-height: 50px;
}

.col4.merge2 {
	width: 540px;
}

.col4.merge3 {
	width: 815px;
}


.padding {	padding: 10px 20px;		}


.bfacebook {	background-color: #3B5998 !important;		}
.bgoogle {		background-color: #D8432E !important;		}
.btwitter {		background-color: #00ACED !important;		}


.page-title {
	border-bottom: 1px solid #F6F8F9;
	color: #05C1FF;             
	margin: 0 0 10px 0;
	font-size: 40px;
	line-height: 2em;
}

.block1 {
	padding: 60px 0;
	border-bottom: 3px solid #EEEEEE;
}

.block2 {
	padding: 20px 0;
	border-bottom: 3px solid #EEEEEE;
}

.block3 {
	background-color: #F6F8F9;
	padding: 10px;
}

.block1.style2, .block2.style2 {
	background-color: #F6F8F9;
}

.block1.style3, .block2.style3 {
	background-color: #30D276;
}

.w100 {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-left: 0;
	margin-right: 0; 
}











/*-------------------- master page --------------------*/
.page {
	width: 1100px;
	margin: 0 auto;
}



.scrollup {
	width: 64px;
	height: 64px;
	background-image: url(../images/scrollup.png);
	position: fixed;
	right: 10px;
	bottom: 10px;
}



.topbar-outer { 
	font-size: 14px;
	border-bottom: 1px solid #F6F8F9;
	line-height: 40px;
	vertical-align: middle;
}

.topbar a, .topbar span {
	color: #999999;
	display: inline-block;
	line-height: 30px;
	margin-left: 15px;
	vertical-align: middle;
}

.topbar .f-r a, .topbar .f-r span {
	margin-left: 0;
	margin-right: 15px;
}

.topbar a:hover {
	color: #30D276;
}

.topbar a.x {
	background-color: #999999;
	color: #FFF;
	padding: 0 5px;
}






.header-outer {
}

.header {
	font-size: 15px;
	height: 100px;
	padding: 10px 0;
}

.logo {
}

.logo h1 {
	text-indent: -999px;
}




.footer1-outer {
	background-color: #444444;
	color: #F6F8F9;
	padding: 30px 0 50px 0;
	min-width: 1100px;
}

.footer1 {
	width: 1100px;
	line-height: 2em;
}

.footer1 h2 {
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

.footer1 a {
	color: #F6F8F9;
}

.footer1 a:hover {
	color: #FFF;
}


.footer2-outer {
	background-color: #222222;
	color: #999999;
	line-height: 50px;
	min-width: 1100px;
	text-align: center;
	font-size: 15px;
}














/*-------------------- home --------------------*/
.intro1-outer {
	background-color: #30D276;
}




.post1 {
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}

.post1 img {
	max-height: 150px;
}

.post1 p {
	margin: 0;
}






.post2 {          
	padding-bottom: 0;
	overflow: hidden;
}

.post2 img {    
}

.post2.style1 img {
	float: right;
	margin-left: 30px;
}

.post2.style2 img {
	float: left;
	margin-right: 30px;
}

.post2 h1 {
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 1em;
}









  

.maincol { 
	float: right;
	width: 804px;
}