/*
Theme Name: Revelance
Version: 1.2.1
Author: ab-themes
Author URI: http://www.ab-themes.com
Description: Fully Responsive OnePage Parallax WordPress Theme
Theme URI: http://themeforest.net/user/ab-themes/portfolio?ref=ab-themes
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, gray, green, orange, pink, purple, red, white, yellow, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, responsive-layout, custom-colors, custom-menu, full-width-template, theme-options, translation-ready


/*-----------------------------------------------------------------*/
/* 02. Global styles
/*-----------------------------------------------------------------*/

	body{
		direction: rtl;
  		unicode-bidi: embed;
	}


	ul,
	ol{
		margin-left: 0px;
		margin-right: 20px;
	}
	

	dd {
		padding-left: 0px;
		padding-right: 50px;
	}



	.main_title:before{
		left: auto;
		margin-left: 0px;
		right:50%;
		margin-right:-100px;
	}

	.main_title:after{
		left: auto;
		margin-left: 0px;
		right: 50%;
		margin-right: -18px;
	}


	.alignleft{
		float: left;
		margin-right: 30px;
	}

	.alignright{
		float: right;
		margin-left: 30px;
	}






	.center_aligned.leading_line:after{
		right: auto;
		margin-left: 0px;
		right: 50%;
		margin-right: -35px;
	}

	.right_aligned.leading_line:after{
		left: 100%;
		margin-left: -70px;
	}

	.last_child{
		margin-left: 0 !important;
	}

	.content_with_right_sidebar{
	}

	.content_with_left_sidebar{
		float:right !important;
	}

	.span12.content_with_right_sidebar{
		padding-left: 0;
	}

	.left_aligned{
		text-align: left;
	}

	.right_aligned{
		text-align: right;
	}

	.center_aligned,
	.aligncenter{
		text-align: center;
	}







	.pattern_overlayed:before,
	.color_overlayed:before{
		left: auto;
		right:0;
	}



/*-------- 02.a. Inner columns --------*/




	.row > [class*="span"]{
		float: left;
		margin-right: 0px;
		margin-left: 2.564102564102564%;
	}

	.row > [class*="span"]:first-child{
		margin-right: 0;
	}

	

	.half,
	.third,
	.fourth,
	.fifth{
		float: right;
	}

	.alpha{
		margin-right: 0 !important;
	}

	.left{
		float: left !important;
	}

	.right{
		float: right !important;
	}


/*-----------------------------------------------------------------*/
/* 03. Header
/*-----------------------------------------------------------------*/
	#abdev_main_header{
		left: auto;
		right:0;
	}


/*-------- 03.a. Main menu --------*/


	nav > ul > li{
		float: right;
	}


	nav > ul > li > a{
		margin-left: 0px;
		margin-right: 32px;
	}


	nav > ul > li > ul:before{
		left:auto;
		right: 0;
	}


	nav > ul ul li a{
		text-align: right;
	}


	nav > ul ul ul{
		left: auto;
		margin-left: 0px;
		right: 100%;
		margin-right: 10px;
	}

	nav > ul ul ul:before{
		left: auto;
		right:-11px;
	}

	nav .menu_social{
		float: right;
		margin-left: 0;
		margin-right: 5px;
	}

	nav .menu_social:last-of-type{
		margin-left: 22px;
	}

	.sf-arrows .sf-with-ul:after{
		content:"\e6d1";
		margin-left: 0px;
		margin-right: 5px;
		float:left;
	}

	.sf-arrows ul .sf-with-ul:after{
		content:"\f104";
	}



/*-----------------------------------------------------------------*/
/* 04. Slider place
/*-----------------------------------------------------------------*/





	

	.tp-bullets.simplebullets.round .bullet{
		margin-right: 0px;	
		margin-left: 7px;
	}


	.revelance-small-with-lines:before{
		left: -auto;
		right: -275px;
	}

	.revelance-small-with-lines:after{
		right: auto;
		left: -275px;
	}



/*-----------------------------------------------------------------*/
/* 05. Elements
/*-----------------------------------------------------------------*/

/*-------- 05.b. Accordion & Toggle --------*/






	.dnd-accordion .ui-accordion-header-icon{
		left: 7px;
		right: auto;
	}


/*-------- 05.c. Tabs --------*/





	.dnd-tabs .ui-tabs-nav li {
		margin-right: 0px;
		border-left: none;
		margin-left: 0px;
		border-right: 1px solid #e1e1e1;
	}






	.dnd-tabs .ui-tabs-nav li.ui-tabs-active:before{
		left: auto;
		right:-1px;
	}

	.dnd-tabs .ui-tabs-nav li.ui-tabs-active:after{
		left: auto;
		right:0;
	}



	.dnd-tabs .ui-tabs-nav li:last-child{
		border-right: none;
		border-left: 1px solid #e1e1e1;
	}





	.dnd-tabs-style2 .ui-tabs-nav li.ui-tabs-active:before{
		left: auto;
		right: -1px;
	}

	.dnd-tabs-style2 .ui-tabs-nav li:last-child{
		border-right: none;
		border-left: 1px solid #e42382;
	}




/*-------- 05.j. Image Overlay --------*/


	.ABdev_overlayed .ABdev_overlay {
		left: auto;
		right:0;
	}


/*-------- 05.k. About box --------*/

	.about_box_download_link{
		margin-left: 0px;
		margin-right: 74px;
	}

/*-------- 05.l. Shortcode: Callout box --------*/
	.dnd-callout_box{
		border-left: none;
		border-right: 6px solid #e42382;
	}

	.dnd-callout_box .span3{
		text-align: left;
	}

	.dnd-callout_box_no_button{
		border-right: none;
	}



/*-------- 05.t. Testimonial --------*/


	.ABt_testimonials_slide .testimonial_small img{
		left: auto;
		margin-left: 0px;
		right: 50%;
		margin-right: -40px;
	}

	.ABt_testimonials_wrapper .ABt_navigation{
		left: auto;
		margin-left: 0px;
		right: 50%;
		margin-right: -15px;
	}

	.ABt_testimonials_slide .testimonial_big {
		padding-left: 0px;
		border-left: none;
		padding-right: 0px;
		border-right: none;
	}

/*-------- 05.u. Videos --------*/

	.videoWrapper-youtube iframe,
	.videoWrapper-youtube object,
	.videoWrapper-youtube embed{
		left:auto;
		right:0;
	}


	.videoWrapper-vimeo iframe,
	.videoWrapper-vimeo object,
	.videoWrapper-vimeo embed{
		left:auto;
		right:0;
	}
/*-------- 05.v. Progress Bar --------*/
	.dnd_meter {
		margin-left: 0px;
		margin-right: 0px;
	}

	.dnd_meter .dnd_meter_percentage span{
		text-align: left;
		right: auto;
		left: 0;
	}

	.dnd_progress_bar_balloon .dnd_meter .dnd_meter_percentage span:after{
		left: auto;
		right: 18px;
	}


/*-------- 05.v. Hire Us --------*/


	.hire_us i{
		margin-left: 20px;
		margin-right: 15px;
	}

/*-------- 05.v. Stats Excerpt --------*/


	.dnd_stats_excerpt i {
		margin-left: 13px;
		left: auto;
		margin-right: -16px;
		right: 50%;
	}



/*-------- 06.b. Blog Posts --------*/



	.post_meta i{
		margin-right: 0px;
		margin-left: 7px;
	}

	.post_meta > span{
		margin-right: 0px;
		margin-left: 10px;
	}


/*-------- 06.c. Post Comments --------*/


	#comments_section ul,
	#comments_section ol{
		margin-right:0;
	}

	.comment{
		padding-left: 0px;
		padding-right: 83px;
	}

	.comment .avatar{
		left: auto;
		right:0;
	}



	.comment .comment-author{
		padding-right: 0px;
		padding-left: 4px;
	}

	.comment .reply,
	.comment .reply a,
	.comment .edit-link,
	.comment .edit-link a{
		float: left;
	}



	.comment .reply:after,
	.comment .edit-link:after{
		content:"\e60a";
		float: left;
	}

	.comment .edit-link:before{
		margin-right: 0px;
		margin-left: 7px;
	}




	#respond .comment_fields p{
		margin-right: 0;
		float: right;
		margin-left: 2%;
	}

	#respond .comment_fields p:last-child{
		margin-left: 0;
	}


/*-------- 06.d. Post Pagination --------*/

	#blog_pagination .prev{
		left: auto;
		right:0;
	}

	#blog_pagination .next{
		right: auto;
		left: 0;
	}


	#portfolio_pagination #single_post_pagination .next{
		float: left;
	}

/*-----------------------------------------------------------------*/
/* 07. Contact Form 7
/*-----------------------------------------------------------------*/



	div.wpcf7 img.ajax-loader {
		left: auto;
		margin-left: 0px;
		right: 50%;
		margin-right: -8px;
	}


/*-----------------------------------------------------------------*/
/* 08. Widgets
/*-----------------------------------------------------------------*/


	.widget > ul,
	.widget > ul ul{
		margin-right: 0;
	}

	.widget > ul li{
		padding-left: 0px;
		padding-right: 14px;
	}


	.widget > ul li:before,
	.widget div > ul li:before{
		content: '\e6d1';
		left: auto;
		right: 0;
	}

/*-------- 08.a. Search --------*/	

	.widget_search i{
		right: auto;
		left: 10px;
	}

	.search_results_content_item{
		padding-left: 0px;
		padding-right: 41px;
	}

	.search_resuls_number{
		left: auto;
		right: 0;
	}

/*-------- 08.b. Tag Cloud --------*/	
	.tagcloud a{
		margin: 6px 0 4px 9px;
		float: right;
	}

/*-------- 08.c. Flickr stream --------*/	
	.flickr-stream a{
		float: left;
		margin: 0 0 10px 10px;
	}

	.flickr-stream a:hover:after{
		left: auto;
		right: 0;
	}

/*-------- 08.c. tweet widget --------*/	
	.pattern_overlayed .pi_tweet_scroll .tweet-list li small,
	.color_overlayed .pi_tweet_scroll .tweet-list li small{
		left: auto;
		right: 0;
	}



/*-------- 08.d. Custom Menu Widget --------*/	

	.widget_nav_menu ul li{
		padding-left: 0px;
		padding-right: 14px;
	}

/*-----------------------------------------------------------------*/
/* 09. Pages
/*-----------------------------------------------------------------*/

/*-------- 09.a. Portfolio --------*/

	.portfolio_item .overlayed .overlay {
		left: auto;
		right: 0;
	}


	.single_portfolio_meta .icon-calendar{
		margin-left: 0px;
		margin-right: 30px;
	}

	.portfolio_single_column_item .more-link{
		text-align: right;
	}

	#portfolio_item_meta .portfolio_item_meta_label{
		float: right;
	}

	#portfolio_item_meta .portfolio_item_meta_data{
		padding-left: 0px;
		padding-right: 30px;
	}

	#filters li{
		margin-right: 0px;
		margin-left: 15px;
	}



	.portfolio_item_4{
		float: right;
	}

	.portfolio_item_3{
		float: right;
	}
	
	
	/*****************   responsive.css *****************/
	
	@media only screen and (min-width: 980px) and (max-width: 1079px) {
		.revelance-small-with-lines:before{
		left: auto;
		right: -175px;
	}

	.revelance-small-with-lines:after{
		right: auto;
		left: -175px;
	}

}



@media only screen and (max-width: 767px){
	.row > [class*="span"]{
		margin-left: 0;
	}


	#ABdev_menu_toggle{
		right: auto;
		left: 5px;
	}

	#abdev_main_header nav{
		left: auto;
		right: 0;
	}

	#abdev_main_header nav > ul{
		padding-right: 30px;
		padding-left: 30px;
	}

	#abdev_main_header nav > ul > li{
		text-align: right;
	}

	#abdev_main_header nav > ul ul{
		padding: 0 15px 0 0;
	}

}





/*****************   dnd-shortcodes.css *****************/




.dnd_section_dd header h3:before{
	left: auto;
	margin-left: 0px;
	right: 50%;
	margin-right: -100px;
}

.dnd_section_dd header h3:after{
	left: auto;
	margin-left: 0px;
	right: 50%;
	margin-right: -18px;
}





.dnd_video_background{
	left: auto;
	right:0;
}





.dnd_container [class*="column_dd_span"]{
	float: right;
}

.section_no_column_margin .dnd_container [class*="column_dd_span"],
.dnd_container [class*="column_dd_span"]:first-child{
	margin-right: 0;
}




.section_equalize_5 .dnd_container [class*="column_dd_span"]{
	margin-left: 0;
	margin-right: 2.564102564102564%;
}

.section_no_column_margin.section_equalize_5 .dnd_container [class*="column_dd_span"],
.section_equalize_5 .dnd_container [class*="column_dd_span"]:first-child{
	margin-right: 0;
}






/********** jQuery UI helpers *************************************************************/



.ui-helper-zfix {
	left: auto;
	right:0;
}


/********** Shortcode: Tabs *************************************************************/



.dnd-tabs .ui-tabs-nav li {
	float: right;
	border-left: none;
	border-right: 1px solid #e1e1e1;
}


.dnd-tabs .ui-tabs-nav li.ui-tabs-active:after{
	left: auto;
	right: 0;
}


.dnd-tabs .ui-tabs-nav li:last-child{
	border-right: none;
	border-left: 1px solid #e1e1e1;
}

/* left or right positioned tabs */

.dnd-tabs-vertical .ui-tabs-nav li a{
	text-align: left;
}

/* left positioned tabs */
.dnd-tabs-position-left .dnd-tabs-wrapper{
	margin-left: 0px;
	margin-right: 200px;
}

.dnd-tabs-position-left .ui-tabs-nav {
	float: right;
}

.dnd-tabs-position-left .ui-tabs-nav li{
	border-left: none;
}

.dnd-tabs-position-left .ui-tabs-nav li:last-child{
	border-left: none;
}

.dnd-tabs-position-left .ui-tabs-nav li.ui-tabs-active:after{
	left: -1px;
	right: auto;
}



/* right positioned tabs */
.dnd-tabs-position-right .dnd-tabs-wrapper{
	margin-right: auto;
	margin-left: 200px;
}

.dnd-tabs-position-right .ui-tabs-nav {
	float: left;
}

.dnd-tabs-position-right .ui-tabs-nav li{
	border-right: none;
	border-left: 1px solid #e1e1e1;
}

.dnd-tabs-position-right .ui-tabs-nav li a{
	text-align: right;
}

.dnd-tabs-position-right .ui-tabs-nav li:last-child{
	border-right: none;
}

.dnd-tabs-position-right .ui-tabs-nav li.ui-tabs-active:after{
	left: auto;
	right: -1px;
}

/* Bellow width break point */
.dnd-tabs.dnd-tabs-fullwidthtabs .ui-tabs-nav li {
	text-align: right;
}


.dnd-tabs-position-left.dnd-tabs-fullwidthtabs .ui-tabs-nav,
.dnd-tabs-position-right.dnd-tabs-fullwidthtabs .ui-tabs-nav {
	border-right: none;
	border-left: 1px solid #eeeeee;
}

.dnd-tabs-position-left.dnd-tabs-fullwidthtabs .ui-tabs-nav li,
.dnd-tabs-position-right.dnd-tabs-fullwidthtabs .ui-tabs-nav li{
	text-align: right;
}

/********** Shortcode: Accordion *************************************************************/

.dnd-accordion .ui-accordion-header { 
	padding: 15px 20px 15px 0;
}


.dnd-accordion .ui-accordion-header-icon{
	right: auto;
	left: 15px;
}



/********** Shortcode: Alert boxes *************************************************************/
.dnd_alert_success,
.dnd_alert_info,
.dnd_alert_warning,
.dnd_alert_error{
	padding: 19px 19px 19px 48px;
}

.dnd_alert_success i,
.dnd_alert_info i,
.dnd_alert_warning i,
.dnd_alert_error i{
	margin-right: 0px;
	margin-left: 19px;
}

.dnd_alert_box_close{
	right: auto;
	left: 19px;
}


/********** Shortcode: Stats Excerpt *************************************************************/


/********** Shortcode: Knob *************************************************************/

.dnd_knob_wrapper .dnd_knob_number_sign{
	left: auto;
	right: 0;
}

/********** Shortcode: Team *************************************************************/


.dnd_team_member .dnd_overlayed .dnd_overlay {
	left: auto; 
	right: 0; 
}




.dnd_team_member_modal{
	left: auto;
	text-align: right;
	right: 0;
}

.dnd_team_member_modal_close{
	right: auto;
	left: 60px;
}


.dnd_team_member.dnd_team_member_style_2 .dnd_overlayed .dnd_overlay .dnd_overlay_memeber{
	text-align: right;
	padding-left: 0px;
	padding-right: 19px;
}


/********** Shortcode: Priceboxes *************************************************************/ 

.dnd_pricing-table-2 .dnd_button{
	margin-left: 0;
}


/********** Shortcode: Progress bar *************************************************************/
.dnd_meter {
	margin-left: 0px;
	margin-right: 200px;
}

.dnd_meter_label{
	float: right;
}


/********** Shortcode: Service boxes *************************************************************/


.dnd_service_box.dnd_service_box_round_aside{
	text-align: right;
}


.dnd_service_box.dnd_service_box_round_aside .dnd_icon_boxed{
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}

.dnd_service_box.dnd_service_box_aside_small{
	text-align: right;
}




.dnd_service_box.dnd_service_box_aside_small .dnd_icon_boxed{
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}


/********** Shortcode: Divider *************************************************************/
.dnd_divider{
	text-align: left;
}


/********** Shortcode: Pullquote *************************************************************/
.dnd_pullquote{
	padding: 20px 0 20px 20px;
	font-size: 1.6em;
	float: right;
}

.dnd_pullquote_right{
	padding: 20px 0 20px 20px;
	font-size: 1.6em;
	float: right;
}


/********** Shortcode: Tooltip *************************************************************/



.tipsy-arrow-e { 
	border-left-color: transparent;
	border-right-color: #fff;
}

.tipsy-arrow-w { 
	border-right-color: transparent;
	border-left-color: #fff;
}

.tipsy-n .tipsy-arrow { 
	left: auto;
	margin-left: 0px;
	right: 50%;
	margin-right: -5px;
}

.tipsy-nw .tipsy-arrow { 
	left: auto;
	right: 10px;
}

.tipsy-ne .tipsy-arrow { 
	right: auto;
	left: 10px;
}

.tipsy-s .tipsy-arrow { 
	left: auto;
	margin-left: 0px;
	right: 50%;
	margin-right: -5px;
}

.tipsy-sw .tipsy-arrow { 
	left: auto;
	right: 10px;
}

.tipsy-se .tipsy-arrow { 
	right: auto;
	left: 10px;
}

.tipsy-e .tipsy-arrow { 
	right: auto;
	left: 0;
}

.tipsy-w .tipsy-arrow { 
	left: auto;
	right: 0;
}


/********** Shortcode: Source Code *************************************************************/

.dnd_prettyprint li{
	margin-left: 0px !important;
	margin-right: 20px !important;
}


/********** Shortcode: RSS Feed *************************************************************/
.dnd_rss,
.dnd_rss li{
	margin-right: 0 !important;
}


/********** Shortcode: Children *************************************************************/
.dnd_children,
.dnd_children li{
	margin-right: 0 !important;
}



/********** Shortcode: Dropcap *************************************************************/
.dnd_dropcap{
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}


/********** Shortcode: Videos *************************************************************/

.dnd-videoWrapper-youtube iframe,
.dnd-videoWrapper-youtube object,
.dnd-videoWrapper-youtube embed{
	left:auto;
	right:0;
}

.dnd-videoWrapper-vimeo iframe,
.dnd-videoWrapper-vimeo object,
.dnd-videoWrapper-vimeo embed{
	left:auto;
	right:0;
}


/********** Shortcode: Buttons *************************************************************/
.dnd-button{
	margin-right: 0px;
	margin-left: 10px;
}

.dnd-button i{
	margin-left: 0px;
	margin-right: 10px;
}


/**** Custom Code ****/
.dnd_pricebox_header{
	direction:ltr;
}

nav > ul > li a{
font-size:18px;
}

.dnd_blockquote p small{
color:#ffffff;
}

div#portfolio_item_meta.span3{
display:none;
}

div.span9.content_with_right_sidebar{
display:block;
float:none;
width:100%;
}

div#single_post_pagination{
text-align:center;
}

span.prev{
float:right;
}

span.portfolio_item_footer_text{
display:block;
color:#000000;
font-size:18px;
}

@media only screen and (max-width: 767px){
span.portfolio_item_footer_text{
display:block;
float:right;
margin-top:20px;
width:100%;
}
}

nav > ul{
margin-top:26px;
}

nav .menu_social{
margin-top:22px;
}

section.page_main_section{
padding-bottom:0px;
margin-bottom:0px;
}

.page_main_section .container{
padding-bottom:30px;
border-bottom: 1px solid #bebebe;
}

section#portfolio_pagination{
padding-top:70px;
margin-top:0px;
}

.portfolio_item_image.wp-post-image{
margin-bottom: 70px;
}

.color_overlayed:before{
background: rgba(36,32,79,0.85) !important;
}

@media only screen and (max-width: 767px){
#abdev_main_header nav a:hover, #abdev_main_header nav .current-menu-item > a{
color:#bebebe !important;
}
}