@font-face {
	font-family: 'mith2';
	src: url(../fonts/mith2.eot);
	src: url(../fonts/mith2.eot?#iefix) format('embedded-opentype'),
	url(../fonts/mith2.woff) format('woff'),
	url(../fonts/mith2.ttf) format('truetype');
}
@font-face {
	font-family: 'mith3';
	src: url(../fonts/mith3.eot);
	src: url(../fonts/mith3.eot?#iefix) format('embedded-opentype'),
	url(../fonts/mith3.woff) format('woff'),
	url(../fonts/mith3.ttf) format('truetype');
}
body {direction: rtl;
	font-family: "mith2";
	font-size: 13px;}
.sliderr, .anyClass, #toTop, .twitter_row, .pp_pic_holder {direction: ltr}
.logo, .sf-menu, .social a, .sf-menu li, .foot-menu li, .product_inner .price {float: right}
#header .search, .social-head, .rating {float: left}
.site_description {
	margin: 75px 10px 36px 0;
	border-left: 0;
	border-right: 1px solid #DCDCDC;
	float: right;
	padding: 0 20px 0 0;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
ol {
	padding: 0;
	margin: 0
}
ol li {
	list-style: decimal;
	padding: 0 0 10px 0;
	margin: 0 0 0 20px;
	line-height: 24px
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ci
#header .search button {
	right: auto;
	left: 12px
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: auto;
	right: 0
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	right: 172px;
	left: auto
}
.sf-menu i, .custom_block1 ul li i {
	margin-left: 8px;
	margin-right: 0
}
li li a .sf-sub-indicator {
	top: 8px;
	left: 6%;
	right: auto;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}
.sf-menu li li a.sf-with-ul {
	padding-right: 15px
}
.services [class^="grid_"] .tbutton {
	left: 0;
	right: auto
}
.col-title {
	padding: 0 20px 20px 0;
	border-left: 0;
	border-right: 1px solid #E7E7E7
}
.nexte {
	right: auto;
	left: 26px;
	padding: 0 8px 0
}
.preve {
	right: auto;
	left: 0;
	padding: 0
}
.tten {display: -webkit-grid}
.sf-menu a.sf-with-ul {
	padding-right: 20px;
	padding-left: 30px
}
a > .sf-sub-indicator {
	right: auto;
	left: 8%
}
.contact_page .col-title {padding: 0 20px 0 0}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	float: right
}
.alpha {
	margin-right: 1% !important;
	margin-left: 0 !important;
}
.omega {
	margin-left: 1% !important;
	margin-right: 0 !important;
}
a.notification-close {
	left: 20px;
	right: auto
}
.notification-box p i {
	padding-left: 10px;
	border-left: 1px solid;
	margin-left: 10px;
	padding-right: 0;
	border-right: 0;
	margin-right: 0
}
.progress-bar .progress-bar-text {
	right: 8px;
	left: auto
}
.page-title {padding: 11px 20px 0 0}
.breadcrumbIn {padding: 5px 20px 40px 0}
.breadcrumbIn li:before {
	right: -4px;
	left: auto;
}
.breadcrumbIn ul li:first-child {padding: 0 0 0 10px}
.loop_box_one .date i, .tab-content-items i, .tags i, .loop_box_one .view i, .list i {
	padding-left: 4px;
	padding-right: 0
}
.tab-content-items .post-thumbnail {
	float: right;
	margin: 0 0 0 10px
}
.tabs li {
	float: right;
	margin: 0
}
.tabs li a {
	border-right: 0;
	border-left: 1px solid #E6E6E6
}
.progress-bar span {float: right;}
#testimonials .flex-direction-nav .flex-next {
	right: auto;
	left: 18px
}
#testimonials .flex-direction-nav .flex-prev {
	right: auto;
	left: 0
}
.testimonial-s .testimonial-details {
	margin: 0px 50px 8px 0;
	float: right;
	text-align: right
}
.testimonial-arrow {
	right: 40px;
	left: auto
}
.testimonial-arrow2 {
	border-width: 20px 0 0 20px;
	right: 20px;
	left: auto
}
.testimonial-details2 {
	padding: 10px 10px 0;
	float: right
}
.client-avat {
	right: 2px;
	left: auto;
}
.widget #searchwidget button, #newsletters button {
	left: 14px;
	right: auto
}
.widget .list li a span, .left-sidebar .posts {float: left}
.portfolio_single .col-title {padding: 0 20px 20px 0}
.project_links a:first-child {margin-left: 10px}
.project_links a:last-child {margin-left: 0}
.shop .product .sale {
	right: -22px;
	left: auto;
}
table.shop_table, .woocommerce table.shop_table {text-align: right}

.sf-menu li.current > a:before{
	left: auto;
	right: 0;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: none;
}

/* 	Tables
----------------------------------------------------------------------*/
.pricing {
	overflow:hidden;
	display: block;
	position: static;
	visibility: visible;
}
.pricing .grid_3 {
	padding: 20px 0px;
	margin: 0px;
	width: 25%;
}
.pricing .grid_3.best-choice{
	padding: 0px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.31);
	z-index: 2;
	border: 1px solid #826659;
}
.pricing .grid_3.best-choice .pricing-table .head{
	padding: 30px;
}

.pricing-table {
	color:#222;
	margin-bottom:30px;
}
.pricing-table .price-content {
	border:solid #ecedf3;
	border-width:0 1px 1px;
	padding: 30px 0px;
	text-align:center;
	background-color:#fff;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}
.pricing-table .head {
	color:#fff;
	padding:15px 30px 15px;
	border-top: 0;
}
.pricing-table .head h4 {
	color:#fff;
	font: bold 14px/20px 'mith3', Arial, Sans-serif;
	text-transform: uppercase;
	text-align:center;
	padding-bottom:13px;
}
.pricing-table .head h1 {
	color:#fff;
	margin: 0 0 8px 0;
	text-transform: uppercase;
	font: bold 50px/40px 'mith2', Arial, Sans-serif;
	position:relative;
	text-align:center;
}
.pricing-table .head h1 span {
	color:#fff;
	margin-bottom:5px;
	text-transform: uppercase;
	font: normal 15px/40px 'mith2', Arial, Sans-serif;
	position:absolute;
	top:5px;
	left:50px;
	padding:0;
}
.pricing-table .head h1 span.last-price{
	left:40px;
}
.pricing-table .head span{
	text-align:center;
	font: normal 14px/18px 'mith2', Arial, Sans-serif;
	display:block;
}
.package-content {
	margin-bottom:24px;
}
.package-content li {
	padding:9px 0 9px;
	border-bottom:1px solid #ecedf3;
	text-align:center;
}
.package-content li:nth-child(odd) {
	background: #F7F7F7;
}
.package-content li:first-child {

	padding-top:0;
}
.package-content li:last-child {
	border-bottom:none;
}
.reds{background-color:#ef4e39; color:#fff;}
.black{background-color:#3A3A3A; color:#fff;}
.yellow{background-color:#826659; color:#6b5002;}
.blue{background-color:#00abfa; color:#fff;}
.charcoal{background-color:#313131;}
.red{background-color:#ef4e39;}
.grey{background-color:#ddd;}
.blacks{background-color:#000;}
.blues{background-color:#00abfa;}
.themecolor{background-color:#FD7F67;}
.whites{background-color:#eaeaea;}

.table {
	background:transparent !important;
	font-size:13px;
	text-align:center;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table th {
	font-size:14px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	padding:16px 12px;
	color:#ffffff;
	background-color:#191919;
	text-shadow:none;
}
.table td {
	padding:14px 7px 14px 7px;
	text-align: center;
}
.table tr {
	border-bottom:1px solid #fff;
	background-color:#f8f8f8;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	-o-transition:all .2s;
}
.table tr:hover, tr.topic-sticky {
	background: #F0F0F0;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.table tfoot td {
	padding:10px 16px;
	text-align: left;
	background:#191919;
	color:#ffffff;
	font-size:11px;
	text-shadow:none;
}
.table tfoot tr:hover {
	background:#63b1be;
}

.tt-table {
	margin: 0 auto;
	text-align: center;
}
.head-t {
	padding: 16px 26px 0;
	border-bottom: 1px solid #5C6575;
}
.head-t img {
	display: inline-block;
}
.head-t h3 {
	color: #FFF;
	text-align: left;
	line-height: 46px;
	text-transform: uppercase;
	font-family: mith2;
	padding: 0 17px;
	font-size: 22px;
	font-weight: normal;
	display: inline-block;
}

/* buttons style  ----------------------------------------------------------------------*/
.tbutton {
	display:inline-block;
	cursor:pointer;
	position:relative;
	word-spacing:0.2em;
	background:#f60;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color:#4C4747;
	white-space: nowrap;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
	border:1px solid rgba(0,0,0,0.1);
	background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08)));
	-moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.tbutton:hover {
	color: #fff;
	background:#DB5A04
}
.tbutton.color2 {
	background:#9AD147
}
.tbutton.color2:hover {
	color: #fff;
	background:#6F9733
}
.tbutton.color3 {
	background: #5200FF
}
.tbutton.color3:hover {
	color: #fff;
	background: #4203C7;
}
.tbutton.color4 {
	background: #09F;
}
.tbutton.color4:hover {
	color: #fff;
	background: #0C6BAA;
}
.tbutton.color5 {
	background: #F00;
}
.tbutton.color5:hover {
	color: #fff;
	background: #971919;
}
.tbutton.color6 {
	background: #2FEFF7;
}
.tbutton.color6:hover {
	color: #fff;
	background: #28C7CE;
}
.tbutton.color7 {
	background: #A58080;
}
.tbutton.color7:hover {
	color: #fff;
	background: #6F5656;
}
.tbutton.color8 {
	background: #809FA5;
}
.tbutton.color8:hover {
	color: #fff;
	background: #5E767A;
}
.tbutton.color9 {
	background: #3DE4B5;
}
.tbutton.color9:hover {
	color: #fff;
	background: #33C49B;
}
.tbutton span {
	display: block;
	background: url(../img/button_bg.png) 0 0 repeat-x;
	overflow: hidden;
}
.tbutton:active span {
	background: url(../img/button_bg.png) bottom repeat-x;
}
.tbutton span {
	padding: 0 10px;
	line-height: 2.4em;
}
.tbutton.small {
	font-size: 12px;
}
.tbutton.medium {
	font-size: 14px;
}
.tbutton.large {
	font-size: 16px;
}
.tbutton.small span {
	padding: 0 14px;
	line-height: 2.3em;
}
.tbutton.medium span {
	padding: 0 16px;
	line-height: 2.5em;
}
.tbutton.large span {
	padding: 0 18px;
	line-height: 2.7em;
}
/* 	Contact Ft Map
----------------------------------------------------------------------*/
#map {
	width: 100%;
	height:580px;
}
#map img {
	width: auto !important;
	max-width: none !important;
}
.contact_page {
	position: relative;
}
.contact_section {
	width: 430px;
	position: absolute;
	top: -535px;
	right: 0;
	background: #FFF;
	background: rgba(255, 255, 255, 0.94);
	padding: 20px;
	border-radius: 3px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);
}
.contact_page .col-title {
	padding: 0 0 0 20px;
	margin: 0 0 20px;
	border: 0
}


.errori {
	font-size: 15em;
	color: #ccc;
}
.error-page h2 small {
	font-size: 14px;
	display: block;
	line-height: 24px;
	margin: 14px 0 30px 0;
	font-family: tahoma;
	text-transform: none;
}

/*	Footer
----------------------------------------------------------------------*/
.tweet_list.slides {
	font-family: tahoma;
	font-size: 12px;
}
.twitter_row {
	background: #45BCFF url(../images/twitter_img.png) repeat left
}
.twitter_row i.tww {
	color: #FFF;
	font-size: 40px;
	margin: 26px 20px 26px 0;
	padding: 4px 0;
	display: block;
	float: right;
}
.twitter_row .tweet {
	float: right;
	width: 92%;
	color: #fff;
	text-align: right;
	margin: 30px 0 0;
	font-size: 14px;
}
.twitter_row .tweet a {
	color: #fff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.twitter_row .tweet .flex-direction-nav a {
	margin: 0;
	display: block;
	background: none;
	padding: 0;
	opacity: 1;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.twitter_row .tweet .flex-direction-nav a i {
	font-size: 18px;
	padding: 0;
}
.twitter_row .tweet .flex-direction-nav .flex-next {
	left: 0;
	top: 20px;
	right: auto;
}
.twitter_row .tweet .flex-direction-nav .flex-prev {
	right: auto;
	left: 0;
	top: 40px;
}

.instagram {
}
.instagram .image-set li {
	float: right;
	width: 108px;
	height: 108px;
	overflow: hidden;
	margin: 1px;
}
.instagram .image-set li a {
	display: inline-block;
}
.instagram .image-set li a:hover{
	opacity: 0.6;
}

.instagram .image-set li a img {
	width: 200px;
	max-width: 180px;
	display: inline-block;
	margin: -18% -18% 0px 0px;
}

#footer {
	background: #267FFF;
	color: #FFF;

}
.pad_foot {
	padding: 60px 0
}
#footer .col-title {
	border: 0;
	margin: 0 0 5px;
	color: #fff
}
#footer a {
	color: #fff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#footer a:hover {
	color: #f60
}
.tten {
	width: 55px;
	display: inline-block;
	margin: 0 0 10px;
	text-align: left;
	padding:0px 5px;
}
.xx {
	font-size: 32px;
	vertical-align: middle;
}
.footer-last {
	background: #1161D4;
}
.copyright {
	line-height: 5;
	float: left;
}
.foot-menu {
	float: right;
	padding: 20px 10px
}
.foot-menu li {
	float: left;
	position: relative;
	padding: 0 10px;
}
.foot-menu li a {
	font-weight: 600;
}
.foot_logo {
	margin-bottom: 10px;
}
.basmah-name{
	color: #FFF512;
}
.contact-bottom>div{
	width: 100%;
	display: inline-block;
	font-size: 17px;
}
.contact-bottom>div i {
	font-size: 25px;
	margin: 0px 0px 10px 10px;
	float: right;
}


/*	More Styles
----------------------------------------------------------------------*/
.mi { margin-right: 4px !important }
.mid { margin-right: 8px !important }
.mii { margin-left: 4px !important }
.miid { margin-left: 8px !important }

.mt { margin-top: 20px !important }
.mtt { margin-top: 30px !important }
.mtf { margin-top: 40px !important }
.mtff { margin-top: 50px !important }
.mts { margin-top: 70px !important }

.mb { margin-bottom: 20px !important }
.mbt { margin-bottom: 30px !important }
.mbf { margin-bottom: 40px !important }
.mbff { margin-bottom: 50px !important }
.mbs { margin-bottom: 70px !important  }

.pt { padding-top: 120px }

.fll { float: left; margin: 0 20px 10px 0 !important }
.flr { float: right; margin: 0 0 10px 20px !important }
.tac { text-align: center !important }
.tar { text-align: right !important }
.tal { text-align: left !important }
.tacIMG, .tacIMG img {margin: 0 auto !important; text-align: center;}

.two-radius { border-radius: 2px !important; -webkit-border-radius: 2px !important }
.three-radius { border-radius: 3px !important; -webkit-border-radius: 3px !important }
.four-radius { border-radius: 4px !important; -webkit-border-radius: 4px !important }
.five-radiu { border-radius: 5px !important; -webkit-border-radius: 5px !important }
.six-radius { border-radius:6px !important; -webkit-border-radius: 6px !important }
.ten-radius { border-radius: 10px !important; -webkit-border-radius: 10px !important }
.circle-radius { border-radius: 100% !important; -webkit-border-radius: 100% !important }

.relative {position: relative !important}
.righter {float: right !important}
.lefter {float: left !important}
.hidden { display: none }
.tt {
	display: block;
	padding: 10px 0;
	border-bottom: 3px solid #DDD;
	text-align: center;
}
.without_border a {border:0 !important}

/*	IE Hacks
----------------------------------------------------------------------*/
.ie8 .services:hover [class^="grid_"], .ie8 .services .s_info .tbutton, .ie8 .p_details {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.ie8 .services [class^="grid_"]:hover, .ie8 .services [class^="grid_"]:hover .tbutton, .ie8 .anyClass li:hover .p_details {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.ie8 .accordion-head p {margin: 0}

/*	Display
----------------------------------------------------------------------*/
#mobilepro {
	font-size: 20px;
	font-weight: bold;
	display: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 4px 8px;
	cursor: pointer;
	float: left;
	background-color: #F60;
	color: #FFF;
	margin: 4px 0
}
.subarrow {
	display: none
}

.phone-num{
	direction: ltr;
}
.call-us-btn{
	border: 1px solid;
	padding: 0px 10px;
	border-radius: 2px;
}
.page-content {
	margin: 108px 0 0 0;}
.row {
	width: 1060px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
}