@font-face {
    font-family: 'Yekan';
    src: url('fonts/WebYekan.eot');
    src: url('fonts/WebYekan.eot?#iefix') format('embedded-opentype'),
         url('fonts/WebYekan.woff') format('woff'),
         url('fonts/WebYekan.ttf') format('truetype'),
         url('fonts/WebYekan.svg#WebYekan') format('svg');
}
/*
@font-face {
  font-family: mitra;
  font-style: normal;
  font-weight: bold;
  src: url('fonts/BMitraBold.woff') format('woff');
}
@font-face {
  font-family: mitra;
  font-style: normal;
  font-weight: normal;
  src: url('fonts/BMitra.woff') format('woff');
}
*/
/*
Theme Name: croccante

Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

body {
	direction: rtl;
	unicode-bidi: embed;
}
.spaceLeft {
	margin-left: 5px;
	margin-right: 0.5em;
}
.spaceRight {
	margin-right: 0;
	margin-left: 0.5em;
}
.main-navigation ul {
	padding-right: 0;
}
.main-navigation, .icon-search, #push-nav {
	float: left;
}
header.site-header .mainLogo {
	float: right;
}
#push-nav, .icon-search {
	margin-left: inherit;
	margin-right: 1em;
}
.main-navigation ul ul {
	left: 0;
    right: auto;
}
.main-navigation ul ul a {
	text-align: left;
}
.main-navigation ul ul ul {
	left: 100%;
	right: inherit;
}
.main-navigation li a:not(:last-child):after {
    margin: 0 7px 0 0;
	float: left;
	line-height: inherit;
}
.main-navigation ul ul li a:not(:last-child):after {
    content: "\f105";
    margin: 0 0 0 7px;
    float: right;
}
#tertiary.widget-area {
	left: -390px;
	right: inherit;
	-wekbit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}
#tertiary.widget-area.open {
    left: 30px;
	right: inherit;
}
.croccante_main_text {
    transform: translateX(50%);
}
.aboutus_columns_three.one {
    text-align: left;
}
.skillTop .skillName {
	float: right;
}
.skillTop .skillNameUnder {
	left: inherit;
	right: 0px;
}
.skillTop .skillValue {
	float: left;
}
.skillBottom .skillRealBarCyrcle {
	left: -5px;
	right: inherit;
}
.cta_columns .ctaText {
	float: right;
}
.cta_columns .ctaButton {
	float: left;
}
.cta_columns .ctaIcon {
	margin-right: inherit;
	margin-left: 1em;
}
.serviceText {
	float: right;
	padding-right: 3em;
	padding-left: inherit;
}
.serviceIcon {
	float: right;
}
.entry-featuredImg {
    direction: ltr;
}
.team_columns, .team_columns .croccanteTeamSingle, .cta_columns .ctaPhrase h3, .cta_columns .ctaPhrase p {
	text-align: right;
}
footer.site-footer .site-social {
	float: left;
}
footer.site-footer .site-info {
	float: right;
}
#toTop {
	right: inherit;
	left: -80px;
	-webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
}
#toTop.visible {
    right: inherit;
	left: 0px;
}
.widget.widget_search input[type="search"],
.widget.woocommerce.widget_product_search input[type="search"],
.woocommerce #content form.cart .quantity input[type="number"] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
	border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
	float: right;
	border-right-width: 1px;
	border-left-width: 0;
}
.widget.widget_search input[type="submit"],
.widget.woocommerce.widget_product_search input[type="submit"],
.woocommerce #content form.cart .button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
	float: left;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-right: 85px;
	margin-left: 0;
}
.woocommerce #reviews .commentlist li .avatar {
    top: 0;
    right: 0;
    left: inherit;
}
.woocommerce div.product form.cart .variations td.label {
    float: right;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
    left: inherit;
	right: 1em;
}
.woocommerce-error li a, .woocommerce-message a {
    float: left;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    padding: 1.5em 2.5em 1.5em 1.5em;
}
.product_list_widget li img {
    margin-right: inherit;
    margin-left: 1em;
    float: right;
}
.widget_shopping_cart .product_list_widget li a.remove {
    right: inherit;
    left: 0;
}
.woocommerce .content-area .images {
	float: right;
}
.woocommerce .content-area .summary {
	float: left;
}
.content-area .onsale {
	right: 5px;
	left: inherit;
}
.widget_archive li, .widget_categories li {
    text-align: left;
}
.widget_archive li a, .widget_categories li a {
    float: right;
}
.widget.widget_categories li:before {
	padding-right: inherit;
	padding-left: 0.5em;
	float: right;
}
.widget.widget_archive li:before {
	content: "\f0d9";
	padding-right: inherit;
	padding-left: 0.5em;
	float: right;
}
aside ul.menu .indicatorBar {
	right: inherit;
	left: 0;
	border-left-width: 0px;
    border-left-style: dashed;
	border-right-width: 1px;
    border-right-style: dashed;
}
aside ul.menu ul.sub-menu {
    padding-left: inherit;
	padding-right: 2em;
}
.read-more i:before {
	content: "\f0d9";
}
.post-navigation .nav-previous i:before {
	content: "\f178";
}
.post-navigation .nav-next i:before {
	content: "\f177";
}
blockquote {
    padding: 1.5em 3.5em 1.5em 1.5em;
}
blockquote::before {
	left: inherit;
	right: 10px;
	content: "\f10e";
}
.tags-links {
	float: right;
}
.hentry .edit-link {
	float: left;
}
#comments article footer img {
    float: right;
    margin-left: 1em;
	margin-right: inherit;
}
#comments .reply {
	right: inherit;
	left: 1.5em;
}
#comments ol ol {
    padding-left: inherit;
	padding-right: 10%;
}
.navigation.pagination .nav-links .prev {
	float: right;
}
.navigation.pagination .nav-links .prev i:before {
	content: "\f101";
}
.navigation.pagination .nav-links .next {
	float: left;
}
.navigation.pagination .nav-links .next i:before {
	content: "\f100";
}
.woocommerce ul.products > li {
	float: right;
}
@media all and (max-width: 1024px) {
	.main-navigation a, .main-navigation ul ul a {
		text-align: right;
	}
	.main-navigation ul li .indicator {
		left: 0;
		right: inherit;
		border-left-width: 0px;
		border-right-width: 1px;
		border-right-style: dashed;
	}
	.main-navigation ul ul, .main-navigation ul ul ul {
		padding-left: 0;
		padding-right: 3%;
	}
	.serviceIcon {
		float: none;
	}
}
@media all and (max-width: 850px) {
	header.site-header .mainLogo {
		float: none;
	}
	.main-navigation {
		float: none;
	}
	.aboutus_columns_three.one, .aboutus_columns_three {
		text-align: center;
	}
}
@media all and (max-width: 767px) {
	#tertiary.widget-area.open {
		left: 15px;
	}
	.cta_columns .ctaIcon {
		margin: 0 auto;
	}
	.cta_columns .ctaPhrase h3, .cta_columns .ctaPhrase p {
		text-align: center;
	}
}
@media all and (max-width: 559px) {
	#tertiary.widget-area.open {
		left: 0px;
	}
}
body.page-template-template-onepage #content.site-content {
    font-family: Yekan;
}
.flexslider .slides > li.flex-active-slide .flexText .inside h2, .flexslider .slides > li.flex-active-slide .flexText .inside span {
    font-family: Yekan;
}
.aboutus_columns_three.one h3 {
   font-family: Yekan;
}
.cta_columns .ctaPhrase h3 {
    font-family: Yekan;
}
.services_columns_single .serviceContent h3 {
    font-family: Yekan;
}
.serviceText h3 {
    font-family: Yekan;
}
.croccanteBlogSingle h2.entry-title {
    font-family: Yekan;
}
.features_columns_single h3 {
    font-family: Yekan;
}
.croccante_main_text {
    font-family: Yekan;
}
.croccante_subtitle {
    letter-spacing: 0px;
    font-size: 17px;
}
.skillTop .skillName {
    letter-spacing: 0px;
}
.skillTop .skillNameUnder {
    font-family: Yekan;
    font-size: 35px;
}
.aboutus_columns_three.one {
    text-align: right;
}
.team_columns .croccanteTeamSingle .croccanteTeamName {
   font-family: Yekan;
}
h1, h2, h3, h4, h5, h6, p.site-title, .search-container input[type="search"], .cat-links, blockquote, .skillTop .skillNameUnder, .team_columns .croccanteTeamSingle .croccanteTeamName {
    font-family: Yekan;
}
aside ul {
    font-family: Yekan;
}
body {
    font-family: Yekan;
}
body, button, input, select, textarea {
    font-family: Yekan;
}
.main-navigation ul ul ul {
    left: inherit;
    right: 100%;
}
.main-navigation ul ul li:last-child > a {
        text-align: right;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation ul ul li a:not(:last-child)::after {
    content: "\f104";
    float: left;
}
.main-navigation ul ul a {
    text-align: right;
}
.main-navigation ul ul ul {
    margin-top: 5px;
}
#primary.content-area {
 float: right; 
}
.contact_columns .croccanteContactIcon {
    position: absolute;
    bottom: 50px;
    left: auto !important;
    right: 50%;
}
body.page-template-template-onepage .main-navigation > div > ul > .current_page_item > a, body.page-template-template-onepage .main-navigation > div > ul > .current-menu-item > a, body.page-template-template-onepage .main-navigation > div > ul > .current_page_ancestor > a, body.page-template-template-onepage .main-navigation > div > ul > .current-menu-ancestor > a {
  direction: ltr;
}
.main-navigation ul ul {
    left: inherit;
    right: 0;
}
body {
    overflow-x: hidden;
}