/*
Theme Name: RTL-Host
*/

/*============================================================*/
/*---------- Import Bootstrap override ----------*/
/*============================================================*/
/*============================================================*/
/*---------- Searching for particular element? ----------*/
/*============================================================*/
/*
Here is CSS structure...

1. TEMPLATE SETUP
	1.1 General styles
	1.2 Typography 
	1.3 Button styles 
	1.4 List styles
	1.5 Divider and spacers
	1.6 Image styles
	1.7 Breadcrumb
	1.8 Pagination
	1.9 Accordion
	1.10 Blockquote
	
2. TEMPLATE STRUCTURE
	2.1 Commons 
	2.2 Header
	2.3 Content
	2.4 Portfolio
	2.5 Pricing
	2.6 Blog
	2.7 Contact
	2.8 Footer
	2.9 Forms
	2.10 Tabs
    2.11 Countdown
	2.12 Main menu / navigation

3. Media queries
    		Note - Media queries for slider in its own stylesheet.

4. Browser fixes - IE 
/*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 1.1 General styles -----*/
/*----------------------------------------*/
@font-face{
	font-family:'BYekan';
	src:url('fonts/BYekan.eot');
	src:url('fonts/BYekand41d.eot?#iefix') format('embedded-opentype'),
	url('fonts/BYekan.woff') format('woff'),
	url('fonts/BYekan.ttf') format('truetype');
	font-weight:normal;
	font-style:normal
}

body {
	background: url(../img/patterns/pattern1.jpg) repeat #fff;
	font-size: 13px;
	color: #808080;
	font-weight: 400;
	line-height: 1.5em;
	direction: rtl;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
iframe {
	border: none !important;
}
audio {
	margin-bottom: 20px;
}
/*----------------------------------------*/
/*----- 1.2 Typography -----*/
/*----------------------------------------*/
/*only font families are specified here - font sizes and weights are in respective section*/
body, h1, h2, h3, h4, h5, h6, .mybtn, .mybtn-black, .mybtn-arrow, label, input, button, select, textarea, input[type="text"], .submit, .search-submit, .sub-submit, .ddsmoothmenu ul li a {
	font-family: 'BYekan', Arial, Helvetica, sans-serif;
}
blockquote p {
	font-family: 'BYekan', Georgia, "Times New Roman", Times, serif;
}
.knowledgebase {
	font-family: 'BYekan', Arial, Helvetica, sans-serif;
}
/*Other typography*/
h1, h2, h3, h4, h5, h6 {
	color: #343434;
	font-weight: 400;
	line-height: 1.3em;
	font-style: normal;
	margin-bottom: 15px;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 13px;
}
h5 {
	font-size: 13px;
	margin-bottom: 5px;
}
h6 {
	font-size: 12px;
	margin-bottom: 5px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #343434;
}
a {
	color: #e74710;
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	color: #808080;
	text-decoration: none;
}
.color {
	color: #e74710!important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: inherit !important;
	display: inline !important;
}
/*text styles*/
.text-center {
	text-align: center;
}
.text-vbig {
	font-size: 90px !important;
	font-weight: 400;
	line-height: 1em;
}
.text-big {
	font-size: 13px;
}
.text-small {
	font-size: 11px !important;
	letter-spacing: 1px;
	font-family: Tahoma;
}
.text-vsmall {
	font-size: 11px;
	font-family: Tahoma;
}
.heading-icon {
	font-size: 13px;
	color: #343434;
	line-height: 24px;
}
.heading-icon img {
	margin-left: 10px;
	float: right;
}
/*----------------------------------------*/
/*----- 1.3 Button styles -----*/
/*----------------------------------------*/
.mybtn, .mybtn-black {
	background: #e74710;
	padding: 5px 20px 5px 20px;
	margin-top: 10px;
	font-size: 13px;
	color: #fff !important;
	line-height: 15px;
	font-weight: 400;
	letter-spacing: 1px;
	width: auto;
	height: auto;
	border: none;
	border-radius: 30px;
	-moz-border-radius:30px;
	-webkit-border-radius: 30px;
	-moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset;
	-webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset;
	box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset;
	display: inline-block;
	cursor: pointer;
	outline: none;
}
.mybtn-black, .mybtn:hover {
	background: #484848;
}
.mybtn-arrow {
	background: #cacaca; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#cacaca'); /* for IE */
	background: -webkit-gradient(linear, right top, right bottom, from(#e8e8e8), to(#cacaca)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #e8e8e8, #cacaca); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #e8e8e8, #cacaca);
	padding: 15px 20px 15px 20px;
	margin-top: 10px;
	font-size: 18px;
	color: #343434 !important;
	text-shadow: 0px 1px 0px #fff;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: auto;
	height: auto;
	border: none;
	border-radius: 30px;
	-moz-border-radius:30px;
	-webkit-border-radius: 30px;
	-moz-box-shadow:   0 1px 0 0 rgba(0, 0, 0, .3), 0 24px 0 0 rgba(255, 255, 255, .4) inset;
	-webkit-box-shadow:  0 1px 0 0 rgba(0, 0, 0, .3), 0 24px 0 0 rgba(255, 255, 255, .4) inset;
	box-shadow:   0 1px 0 0 rgba(0, 0, 0, .3), 0 24px 0 0 rgba(255, 255, 255, .4) inset;
	display: inline-block;
	cursor: pointer;
	outline: none;
}
.mybtn-arrow span {
	background: url(../img/cta-btn-arr.png) no-repeat left 0;
	margin: 0;
	padding-left: 30px;
}
.mybtn-arrow:hover {
	background: #e8e8e8; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#e8e8e8'); /* for IE */
	background: -webkit-gradient(linear, right top, right bottom, from(#cacaca), to(#e8e8e8)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #cacaca, #e8e8e8); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #cacaca, #e8e8e8);
}
/*----------------------------------------*/
/*----- 1.4 List styles -----*/
/*----------------------------------------*/
.list-checkmark li, .list-arrow li, .list-inline li, .list-unstyled li {
	background: none;
	list-style-type: none;
	display: block;
}
/*checkmark list*/
.list-checkmark li {
	background: url(../img/bullet-checkmark.png) no-repeat right 0 top 4px;
	padding-right: 30px;
	margin-bottom: 10px;
}
/*checkmark list*/
.list-arrow li {
	background: url(../img/bullet-arr.png) no-repeat right 0 top 3px;
	padding-right: 20px;
	margin-bottom: 10px;
}
/*unstyled list*/
.list-unstyled li {
	margin-bottom: 20px;
	float: none;
}
/*unordered list*/
.list-unordered {
	list-style-type: disc;
	list-style-position: inside;
}
.list-unordered li {
	margin-bottom: 5px;
}
.list-unordered li ul {
	list-style-type: circle;
	margin-right: 25px;
}
/*ordered list*/
.list-ordered {
	list-style-type: decimal;
	list-style-position: inside;
}
.list-ordered li {
	margin-bottom: 5px;
}
.list-ordered li ul {
	list-style-type: lower-roman;
	margin-right: 25px;
}
/*----- list-dot -----*/
.list-dot {
	margin-bottom: 20px !important;
	display: inline-block;
}
.list-dot li {
	background: url(../img/dot.png) no-repeat left;
	font-size: 11px;
	padding-left: 10px;
	margin: 0px 0px 0px 7px !important;
	float: right !important;
	width: auto !important;
}
.list-dot li:last-child {
	padding-left: 0px;
	margin-left: 0px;
	background: none;
}
/*----------------------------------------*/
/*----- 1.5 Dividers and Spacers -----*/
/*----------------------------------------*/
.divider, .divider-arrow, .divider-greyarrow {
	width: 100%;
	display: inline-block;
	clear: both;
}
.divider {
	background: url(../img/divider-diagonal.png) repeat-x;
	height: 3px;
	margin: 20px auto;
}
.divider-arrow {
	background: url(../img/feature-divider-arr.png) no-repeat center bottom;
	height: 5px;
	border-top: 1px solid #fff;
	margin: 10px auto;
}
.divider-greyarrow {
	background: url(../img/ptable-divider-arr.png) no-repeat center bottom;
	height: 5px;
	border-top: 1px solid #dedede;
	margin: 20px 0px 20px 0px;
}
/*use suitable height spacer for vertical spacing*/
.spacer-10px, .spacer-20px, .spacer-30px {
	width: 100%;
	height: 10px;
	display: block;
	clear: both;
}
.spacer-20px {
	height: 20px !important;
}
.spacer-30px {
	height: 30px !important;
}
/*----------------------------------------*/
/*----- 1.6 Image styles -----*/
/*----------------------------------------*/
.img-right {
	float: right;
	margin-left: 20px;
}
.img-left {
	float: left;
	margin-right: 20px;
}
.frame, .frame-icon {
	background: #fff;
	border: 1px solid #dedede;
	padding: 9px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
}
.frame-icon {
	margin-bottom: 30px;
}
.list-3col .frame img, .list-4col .frame img, .list-6col .frame img, .list-3col .frame-icon img, .list-4col .frame-icon img, .list-6col .frame-icon img {
	margin-bottom: 0;
}
.icon-bg {
	background: #e74710;
	width: 54px;
	height: 54px;
	position: absolute;
	right: 50%;
	top: 100%;
	margin-right: -27px;
	margin-top: -35px;
	border-radius: 54px;
	-moz-border-radius: 54px;
	-webkit-border-radius: 54px;
	margin-bottom: 30px;
}
.icon-bg img {
	float: right;
}
/*----------------------------------------*/
/*----- 1.7 Breadcrumb -----*/
/*----------------------------------------*/
.breadcrumb {
	padding: 5px 0px 0px 0px;
	margin: 0;
	list-style: none;
	background-color: transparent;
	float: left;
	font-size: 13px;
}
.breadcrumb li {
	text-shadow: none;
}
.breadcrumb span {
	padding: 0 3px;
	color: #fff;
}
.breadcrumb a {
	color: #fff;
}
.breadcrumb .active {
	color: #e74710;
}
/*----------------------------------------*/
/*----- 1.8 Pagination -----*/
/*----------------------------------------*/
.pagination {
	margin-top: 30px !important;
}
/*----------------------------------------*/
/*----- 1.9 Accordion -----*/
/*----------------------------------------*/
.accordion-heading a {
	background: url(../img/accord-plus.png) no-repeat right center;
	padding-right: 40px !important;
	margin-right: 10px;
}
.accordion-heading.in_head a {
	background: url(../img/accord-minus.png) right center no-repeat
}
/*----------------------------------------*/
/*----- 1.10 Blockquote -----*/
/*----------------------------------------*/
blockquote {
	border-right: 4px solid #e74710;
}
blockquote p {
	font-size: 12px;
	color: #e74710;
	font-style: italic;
	line-height: 1.6em;
	margin: 0;
}
blockquote.pull-left {
	border-left: 4px solid #e74710;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTURE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 Commons  -----*/
/*----------------------------------------*/
.row-general {
	padding: 30px 0px;
}
/*----- colored row -----*/
.row-colortoned {
	background: #e74710;
	padding: 30px 0px;
	color: #fff;
}
.row-colortoned h1, .row-colortoned h2, .row-colortoned h3, .row-colortoned h4, .row-colortoned h5, .row-colortoned h6 {
	color: #fff;
}
/*----- grey toned row -----*/
.row-greytoned {
	background: #e1e9eb;
	padding: 30px 0px;
}
/*----- main content & sidebar -----*/
#sidebar-right {
	padding-left: 30px;
	margin-left: 10px;
	border-left: 1px solid #dedede;
}
#sidebar-left {
	padding-right: 30px;
	margin-right: 10px;
	border-right: 1px solid #dedede;
}
/*----- content-intro -----*/
#content-intro {
	background: #bdc3c5;
	padding: 20px 0px;
}
#content-intro h1 {
	float: right;
	color: #fff;
	margin: 0;
}
/*----- 3, 4, 6 column list -----*/
.list-3col, .list-4col, .list-6col {
	margin-right: -20px;
}
.list-3col li {
	width: 300px;
	margin-right: 20px;
	list-style-type: none;
	float: right;
}
.list-4col li {
	width: 220px;
	margin-right: 20px;
	list-style-type: none;
	float: right;
}
.list-6col li {
	width: 140px;
	margin-right: 20px;
	list-style-type: none;
	float: right;
}
.list-3col img, .list-4col img, .list-6col img {
	margin-bottom: 10px;
}
/*----- % based half -----*/
.half {
	width: 45%;
	float: right;
}
.half-last {
	width: 45%;
	margin-right: 10%;
	float: right;
}
/*----- box -----*/
.box {
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 20px;
}
.review {
	background: url(../img/icons/icon-quote.png) no-repeat left bottom;
}
.info {
	background: url(../img/icons/icon-info.png) no-repeat left bottom;
}
/*----- box-styled (testimonal) -----*/
.box-styled {
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.box-head {
	background: #e1e9eb;
	padding: 15px;
}
.box-head h4 {
	margin: 0px;
	color: #353535;
	float: right;
}
.box-head h4 span {
	font-size: 11px;
	color: #e74710;
	display: block;
}
.box-body {
	padding: 15px;
	font-size: 13px;
}
.photo {
	background: #fff;
	width: 50px;
	height: 50px;
	border: 3px solid #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	display: inline-block;
	float: left;
}
.photo img {
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
/*----------------------------------------*/
/*----- 2.2 Header  -----*/
/*----------------------------------------*/
/*----- header -----*/
#header {
	background: #343434;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#343434'); /* for IE */
	background: -webkit-gradient(linear, right top, right bottom, from(#555555), to(#343434)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #555555, #343434); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #555555, #343434);
	border-bottom: 1px solid #1c1c1c;
}
/*----- header-inner -----*/
#header-inner {
	padding: 30px 0px 30px 0px;
	border-top: 4px solid #e74710;
}
/*----- header-btm -----*/
#header-btm {
	font-size: 13px;
	color: #e1e1e1;
	font-weight: 400;
	border-top: 1px solid #5a5a5a;
}
#header-btm p {
	margin-top: 7px;
	margin-bottom: 0px;
	float: right;
}
#header-btm p span a {
	font-size: 11px;
	font-family: Tahoma;
	text-transform: uppercase;
}
#header-btm ul {
	float: left;
}
#header-btm ul li {
	padding-right: 25px;
	background: none;
	list-style-type: none;
	display: inline !important;
	float: right;
}
#header-btm img {
	background: #464646;
	margin-left: 10px;
	border: 1px solid #5a5a5a;
	border-width: 0px 1px 0px 1px;
	float: right;
}
#header-btm a {
	color: #e1e1e1;
}
/*----------------------------------------*/
/*----- 2.3 Content  -----*/
/*----------------------------------------*/
/*----- infographic  -----*/
.infographic h1 {
	margin: 15px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #e74710;
	font-weight: normal;
	line-height: 1em;
}
/*----- feature styles -----*/
/*center aligned*/
.features-centered {
	text-align: center;
}
.features-centered .text-small {
	margin: 0;
}
/*image to right*/
.feature-right-img img {
	margin: 35px 0px 20px 20px;
	float: right;
}
.feature-right-img li {
	margin-bottom: 30px;
}
/*only image at center*/
.feature-center-img {
	text-align: center;
}
.feature-center-img h1, .feature-center-img h2, .feature-center-img h3, .feature-center-img h4, .feature-center-img h5, .feature-center-img p {
	text-align: right;
}
/*----- twitter -----*/
.heading-twitter {
	background: url(../img/icons/icon-chirp-chirp.png) right no-repeat;
	padding-right: 68px;
	margin-bottom: 20px;
	font-size: 13px;
	color: #353535;
	font-weight: 400;
	line-height: 40px;
	display: inline-block;
}
.heading-twitter a {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.tweet_time {
    display: none;
}
/*----- post-type and team -----*/
.post-type {
	text-align: center;
}
.post-type h3 span, .team h3 span {
	margin-top: 5px;
	font-size: 13px;
	font-weight: normal;
	display: block;
}
.team .social {
	margin-top: 20px;
}
.team .social li {
	width: auto;
	margin-right: 0px !important;
	margin-left: 1px !important;
}
.team .social li img {
	margin: 0;
}
/*----------------------------------------*/
/*----- 2.4 portfolio -----*/
/*----------------------------------------*/
.filter_nav {
	margin-bottom: 20px;
	display: inline-block;
}
.filter_nav li {
	float: right;
}
.filter_nav li a {
	padding: 5px 20px 5px 20px;
	margin-left: 5px;
	font-size: 10px;
	color: #343434;
	line-height: 10px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	cursor: pointer;
	outline: none;
}
.filter_nav li a:hover, .filter_nav li a.active {
	background: #e74710;
	padding: 5px 20px 5px 20px;
	font-size: 10px;
	color: #fff !important;
	line-height: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-radius: 30px;
	-moz-border-radius:30px;
	-webkit-border-radius: 30px;
	-moz-box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset;
	-webkit-box-shadow:  0 9px 0 0 rgba(255, 255, 255, .12) inset;
	box-shadow:   0 9px 0 0 rgba(255, 255, 255, .12) inset;
}
/*3 & 4 column portfolio*/
.portfolio_3column, .portfolio_4column {
	margin-right: -20px;
}
.portfolio_3column img, .portfolio_4column img {
	width: 100%;
}
.portfolio_3column li, .portfolio_4column li {
	height: auto;
	margin: 0px 20px 0px 0px;
	list-style-type: none;
	position:relative;
	float: right;
}
.portfolio_3column li {
	width: 300px;
}
.portfolio_4column li {
	width: 220px;
}
.portfolio_3column li h4, .portfolio_4column li h4 {
	margin-bottom: 2px;
}
/*folio-thumb*/
.folio-thumb {
	background: #fff;
	padding: 9px;
	margin-bottom: 10px;
	border: 1px solid #dedede;
	position: relative;
	overflow: visible;
	height: auto;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.folio-thumb .zoom, .folio-thumb .link {
	background: url(../img/zoom.png) 0 0 no-repeat transparent;
	width: 40px;
	height: 40px;
	position:absolute;
	right: 40%;
	top: 50%;
	margin-top: -20px;
	margin-right: -20px;
	outline: none;
	filter:alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.folio-thumb .link {
	background: url(../img/link.png) 0 0 no-repeat transparent;
	position:absolute;
	left: 40%;
	right: auto;
	margin-left: -20px;
}
/*isotope*/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/*----------------------------------------*/
/*----- 2.5 pricing -----*/
/*----------------------------------------*/
.pricing {
	width: 100%;
	margin-top: 50px;
	text-align: center;
	display: inline-block;
}
.pricing.two-col .price-column {
	width: 49.7%;
}
.pricing.three-col .price-column {
	width: 33.1%;
}
.pricing.four-col .price-column {
	width: 24.8%;
}
.pricing.five-col .price-column {
	width: 19.8%;
}
.price-column {
	background: #fff;
	height: 100%;
	font-size: 13px;
	border: 1px solid #dedede;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display:inline-block;
	position: static;
	overflow: hidden;
	float:right;
}
/*focused column*/
.price-column.focused {
	background: #eaeaea;
	height: auto;
	margin-top: -33px;
	padding-bottom: 28px;
	vertical-align: middle;
	overflow: hidden;
	border-right: 0px;
	border-left: 0px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-transform:scale(1.00)!important;
	-ms-transform:scale(1.00)!important;
	-webkit-transform:scale(1.00) !important;
	-o-transform:scale(1.00)!important;
	transform:scale(1.00)!important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
 -webkit-transition: all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 -ms-transition:all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
.price-column.focused:hover {
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.5);
}
.table-slug {
	background: #9d9d9d;
	padding: 10px;
	color: #efd70a;
	font-size: 13px;
	line-height: 1em;
	display: block;
}
/*table heading*/
.table-th {
	margin: 30px 20px 0px 20px;
	
	color:#808080;
	font-style: italic;
	text-align: center;
	font-weight: normal;
}
.table-th h3 {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 16px;
}
.circle {
	background: #e74710;
	width: 90px;
	height: 50px;
	padding: 20px 0px;
	margin: 20px auto 0px auto;
	border-radius: 90px;
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px;
	color: #fff;
	font-weight: normal;
	text-align: center;

	font-style: normal;
	font-size: 11px;
	font-family: Tahoma,"BYekan", Times, serif;
}
.circle span {
	font-size: 21px;
	font-family: Georgia, "BYekan", Times, serif;
	margin-bottom: 2px;
	font-weight: normal;
	display: block;
	font-style: italic;
}
.circle span span.cur {
	font-size: 13px;
	font-family: "BYekan", Times, serif;
	display: inline-block;
}
/*table content*/
.table-content {
	padding: 0px 20px 35px 20px;
}
.table-content .mybtn {
	margin-top: 20px;
}
.border-leftnone {
	border-left: 0px;
}
/*----------------------------------------*/
/*----- 2.6 Blog  -----*/
/*----------------------------------------*/
.tags li {
	background: url(../img/dot.png) no-repeat right;
	padding-right: 10px;
	margin-left: 7px;
	font-size: 10px !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	list-style-type: none;
	float: right;
}
.tags li:first-child {
	padding-right: 0px;
	background: none;
}
.social-post {
	float: left;
	display: block;
	margin-top: 20px;
}
/*list-comments*/
.list-comments {
	list-style: none;
}
.list-comments li ul {
	padding: 0 50px 0 0;
	list-style: none;
	margin: 0;
}
.list-comments .avatar {
	margin-left: 20px;
	margin-bottom: 10px;
	float: right !important;
}
.list-comments .box {
	float: right;
	margin-bottom: 30px;
}
/*----------------------------------------*/
/*----- 2.7 Contact -----*/
/*----------------------------------------*/
/*address*/
.addrs {
	background: url(../img/world-map.png) no-repeat center top;
	min-height: 120px;
}
.addrs table th {
	padding-left: 20px;
	font-size: 13px;
	color: #343434;
	text-align: left;
	font-weight: 400;
	vertical-align: top;
}
.addrs table td {
	padding-bottom: 10px;
}
/*----------------------------------------*/
/*----- 2.8 Footer  -----*/
/*----------------------------------------*/
#footer {
	background: #242424;
	color: #e1e1e1;
	line-height: 1.4em;
}
#footer-inner {
	padding: 30px 0px 30px 0px;
	border-top: 4px solid #e74710;
}
#footer h4 {
	color: #fff !important;
}
/*----- social -----*/
.social li {
	background: #353535;
	margin-right: 1px;
	list-style-type: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	float: right;
}
.social li img {
	float: right;
}
.social li:hover {
	background: #e74710;
}
/*----- flickr -----*/
.flickr {
	margin-right: -11px;
}
.flickr img {
	background: #343434;
	width: 56px;
	height: 56px;
	padding: 4px;
	margin: 0px 11px 11px 0px;
	border: 1px solid #151515;
	float: right;
}
/*----------------------------------------*/
/*----- 2.9 Forms -----*/
/*----------------------------------------*/
/*----- Common properties for contact, support, search, login form -----*/
form {
	margin: 0;
	padding: 0;
	z-index: 0;
}
form p {
	margin-bottom: 20px;
	padding-bottom: 0px;
}
/*errors*/
form label.error {
	color: #b94a48;
	font-size: 10px;
	margin-top: 3px;
}
#subform label.error, #searchform label.error {
	display: none !important;
}
form input.error, form textarea.error, form password.error {
	border-color: #b94a48 !important;
	box-shadow: none;
}
/*label and inputs*/
label {
	font-size: 12px;
	color: #343434;
	font-weight: 400;
	line-height: 1em;
}
input[type="text"], input[type="password"], select, textarea {
	background-color: #ffffff;
	width: 95%;
	height: 23px;
	padding: 5px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #999;
	line-height: 12px;
	display: inline-block;
	border: 1px solid #dedede;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: none;
	-webkit-transition: border linear 0.2s;
	-moz-transition: border linear 0.2s;
	-ms-transition: border linear 0.2s;
	-o-transition: border linear 0.2s;
	transition: border linear 0.2s;
}
textarea {
	height: auto;
}
select {
	height: 35px;
	width: 97%;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
	box-shadow: none;
	border-color: rgba(82, 168, 236, 0.8) !important;
}
:-moz-placeholder {
 font-size: 12px;
 color: #999;
}
:-ms-input-placeholder {
 font-size: 12px;
 color: #999;
}
::-webkit-input-placeholder {
 font-size: 12px;
 color: #999;
}
/*results*/
#result, #subresult, #supportresult {
	width: 100%;
	display: block;
}
/*submit button*/
.submit {
	background: #e74710;
	padding: 12px 20px 12px 20px;
	font-size: 10px;
	color: #fff !important;
	line-height: 10px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: auto;
	height: auto;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset;
	-webkit-box-shadow:  0 17px 0 0 rgba(255, 255, 255, .12) inset;
	box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset;
	display: inline-block;
	cursor: pointer;
	outline: none;
}
/*----- subscribe form ------*/
#subform input[type="text"] {
	width: 150px;
	background: #151515;
	border: 1px solid #151515;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius:  3px 0px 0px 3px;
	border-radius:  3px 0px 0px 3px;
	float: left;
}
.sub-submit {
	background: #343434;
	padding: 11px 10px 9px 10px;
	font-size: 13px;
	line-height: 13px;
	color: #151515;
	font-weight: 400;
	border: none;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	display: inline-block;
}
/*search form*/
#searchform p {
	margin-bottom: 0px;
}
#searchform input[type="text"] {
	width: 180px;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius:  3px 0px 0px 3px;
	border-radius:  3px 0px 0px 3px;
	float: right;
}
.search-submit {
	background: #e74710;
	padding: 11px 10px 9px 10px;
	font-size: 13px;
	color: #fff;
	line-height: 13px;
	font-weight: 400;
	border: none;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius:  0px 3px 3px 0px;
	border-radius:  0px 3px 3px 0px;
	-moz-box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset;
	-webkit-box-shadow:  0 17px 0 0 rgba(255, 255, 255, .12) inset;
	box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset;
	display: inline-block;
}
/*----------------------------------------*/
/*----- 2.10 Tabs -----*/
/*----------------------------------------*/
.nav-tabs > li > a {
	background: #dedede;
	color: #343434;
}
.nav-tabs > li > a:hover {
	background: #dedede;
	border-color: #dedede;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	background: #e74710;
	border: 1px solid #e74710;
	border-bottom-color: transparent;
	color: #fff;
	-moz-box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset;
	-webkit-box-shadow:  0 17px 0 0 rgba(255, 255, 255, .12) inset;
	box-shadow:   0 17px 0 0 rgba(255, 255, 255, .12) inset;
	outline: none;
}
.nav-tabs i {
	margin-left: 5px;
}
/*----- right Tabs -----*/
.tabs-right > .nav-tabs {
	margin-left: 19px;
	border-left: 1px solid #dedede;
	float: right;
}
.tabs-right > .nav-tabs > li > a {
	background: transparent;
	min-width: 195px;
	width: 195px;
	margin-left: -1px;
	margin-bottom: 0px;
	color: #808080;
	outline: none;
}
.tabs-right > .nav-tabs > li > a:hover {
	border-color: transparent;
	background: transparent;
}
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
	background: #ececec; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ececec'); /* for IE */
	background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#ececec)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #fff, #ececec); /* for firefox 3.6+ */
	background:  -o-linear-gradient(top, #fff, #ececec);
	border-color: #dedede #dedede #dedede transparent;
 *border-left-color: transparent !important;
	color: #343434;
}
/*----------------------------------------*/
/*----- 2.11 Countdown -----*/
/*----------------------------------------*/
#countdown-wrapper {
	position: relative;
	right: 50%;
	float: right;
}
#defaultCountdown {
	position: relative;
	right: -50%;
	margin-right: -20px;
	margin-top: 20px;
	color: #e74710;
	font-weight: 400;
	display: inline-block;
}
#d, #h, #m, #s {
	min-width: 45px; /*to avoid fluctuations*/
	padding-right: 20px;
	padding-left: 5px;
	font-size: 35px;
	float: right;
}
#d_name, #h_name, #m_name, #s_name {
	font-size: 18px;
	float: right;
}
/*----------------------------------------*/
/*----- 2.12 Menu / Navigation -----*/
/*----------------------------------------*/
.ddsmoothmenu {
	background: transparent scroll;
	width: auto;
	padding: 0;
	margin: 0;
	float: left;
}
.ddsmoothmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent;
	box-shadow: none;
	z-index: 100;
}
.ddsmoothmenu ul li {
	padding: 0;
	margin: 0;
	border: none;
	position: relative;
	display: inline;
	float: right;
}
.ddsmoothmenu ul li a {
	padding-right: 20px;
	padding-bottom: 15px;
	font-size: 13px;
	color: #fff;
	font-weight: 00;
	line-height: 1em;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
	background: transparent;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover {
	color: #FD784A;
	text-shadow: 1px 1px #333;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #fff;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: #f2f2f2;
	position: absolute;
	right: 0;
	display: none;
	visibility: hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
	box-shadow:  0 1px 0 0 rgba(0, 0, 0, .2);
}
.ddsmoothmenu ul li ul li {
	background: url(../img/nav-item-divider.jpg) repeat-x bottom;
	padding: 12px 20px 13px 10px;
	box-shadow: none !important;
	display: list-item;
	float: none;
}
.ddsmoothmenu ul li ul li:last-child {
	background: none;
}
.ddsmoothmenu ul li ul li a {
	width: 160px; /*width of sub menus*/
	margin: 0;
	line-height: 1em;
	font-size: 12px !important;
	padding: 0;
	text-transform: none;
	box-shadow: none !important;
	color: #606060;
}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected {
	color: #e74710!important;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	margin-right: 5px;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
}
.downarrowclass, .leftarrowclass {
	display: none;
}
/*Menu select - for responsive*/
.ddsmoothmenu select {
	background: #343434;
	width: 100%;
	height: auto;
	padding: 5px 10px;
	margin: 0 auto;
	border: 1px solid #5a5a5a;
	font-size: 12px;
	color: #808080 !important;
	cursor: pointer !important;
	outline: none;
	display: none;
}

/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 3.1 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {
body {
padding: 0;
}
.container {
margin-right: 20px;
margin-left: 20px;
}
#main-content {
margin-bottom: 20px;
}
#sidebar-right {
float: none;
padding-left: 0px;
margin-left: 0px;
border-left: 0px solid #dedede;
margin-bottom: 20px;
}
#sidebar-left {
float: none;
padding-right: 0px;
margin-right: 0px;
border-right: 0px solid #dedede;
}
.logo {
text-align: center;
}
#header-btm p {
margin-top: 0px;
}
#header-btm img {
display: none;
}
.list-3col, .list-4col, .list-6col {
margin-right: 0;
}
.list-3col li, .list-4col li, .list-6col li {
width: 100%;
margin-right: 0px;
margin-bottom: 30px !important;
display: block;
}
.half {
 width: 100%;
}
.half-last {
 width: 100%;
 margin-right: 0%;
}
.mybtn, .mybtn-black, .mybtn-arrow {
margin-bottom: 10px;
}
/*menu*/
.ddsmoothmenu {
float: right;
width: 100%;
}
.ddsmoothmenu ul {
display: none;
}
.ddsmoothmenu select {
width: 100% !important;
margin-top: 20px;
float: right !important;
display: block;
}
/*home page slider*/
.image-text-slider img {
margin-top: 10px;
margin-bottom: 10px;
}
.image-text-slider h1 {
font-size: 20px;
}
/*tabs*/
.nav-tabs {
border: none;
}
.nav-tabs > li > a {
-webkit-border-radius: 3px;
-moz-border-radius:  3px;
border-radius:  3px;
margin-bottom: 5px;
margin-right: 2px;
}
/*right-tabs*/
.tabs-right > .nav-tabs {
margin-left: 0px;
border-left: 0px solid #dedede;
float: none !important;
display: block;
}
.tabs-right > .nav-tabs > li > a {
background: transparent;
min-width: 280px;
width: 280px;
margin-left: 0px;
margin-bottom: 0px;
text-align: center;
padding: 10px 0px;
}
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
border-color: #dedede #dedede #dedede #dedede !important;
*border-left-color: #dedede !important;
-webkit-border-radius: 3px;
-moz-border-radius:  3px;
border-radius:  3px;
}
.tab-content {
display: block;
float: none;
width: 100%;
}
/*pricing*/
.pricing {
margin-top: 0px;
}
.pricing.two-col .price-column, .pricing.three-col .price-column, .pricing.four-col .price-column, .pricing.five-col .price-column {
width: 99.8%;
border: 1px solid #dedede;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
margin-bottom: 20px;
}
.price-column.focused {
margin-top: 0px;
}
/*portfolio*/
.portfolio_3column, .portfolio_4column {
margin-right: 0px;
}
.portfolio_3column li, .portfolio_4column li {
width: 100%;
margin: 0;
}
.modal.fade.in {
	top: 15%;
}
.modal-body input { z-index: 9999;}

}

/*----------------------------------------*/
/*----- 3.2 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*All are same as Portrait*/
}

/*----------------------------------------*/
/*----- 3.3 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.list-3col li {
width: 228px;
}
.list-4col li {
width: 166px;
}
.list-6col li {
width: 104px;
}
.portfolio_3column li {
width: 228px;
}
.portfolio_4column li {
width: 166px;
}
.infographic h1 {
font-size: 30px;
}
/*forms*/
#subform input[type="text"] {
width: 100px;
}
#searchform input[type="text"] {
width: 110px;
}
/*right-tabs*/
.tabs-right > .nav-tabs > li > a {
min-width: 140px;
width: 140px;
font-size: 12px;
}
/*tabs*/
.nav-tabs {
border: none;
}
.nav-tabs > li > a {
-webkit-border-radius: 3px;
-moz-border-radius:  3px;
border-radius:  3px;
margin-bottom: 5px;
margin-right: 2px;
}
}

/*============================================================*/
/*---------- 4. BROWSER FIXES ----------*/
/*============================================================*/
@media \0screen {
#header-btm p {
	margin-top: 0px;
}
#header-btm img {
	display: none;
}
#searchform input[type="text"] {
	width: 170px;
}
}

.es-carousel, #subform {
	direction: ltr;
}

#slider-bg, div.pp_pic_holder {
	overflow: hidden;
}

.en-txt {
	direction: ltr;
	font-family: Georgia, Arial;
}

.table-th h3 {
	direction: ltr;
	font-family: Georgia, Arial;
}
.big-h1 {
	font-size: 35px;
	margin-bottom: -5px;
	text-shadow: 2px 2px #fff;
	color: #555;
}
.table-prices {
	font-family: Tahoma;
}
.table-prices strong {
	font-weight: 400;
}
.table-prices tbody:first-child tr:first-child span {
	color: #f4f4f4;
}