@charset "utf-8";

/* ==========================================================================
   BASE & RESET
   ========================================================================== */
body * { direction: ltr; font-family: Roboto, sans-serif !important; line-height: 140%; font-size: 17px;}
body { direction: ltr; font-family: Roboto, sans-serif !important; padding: 0 0 0 54px;}
h2 {text-align: left;direction: ltr;padding:15px 0 5px;font-size: 20px;}
h3 {text-align: left;direction: ltr;padding:15px 0 5px;font-size: 19px;}
p {color: #000; direction: ltr; font-size: 17px; line-height: 140%;}
ul {direction: ltr;}
strong {font-weight: bold;}
p.subtitle {font-size: 18px;}
.content .com-content-article__body ul, .footcontact ul, .mce-content-body ul { direction: ltr; margin: 15px auto 15px 0;}
.content .com-content-article__body ul li, .footcontact ul li, .mce-content-body ul li { padding: 0 0 10px 17px;}
.content .com-content-article__body ul li::before, .footcontact ul li::before, .mce-content-body ul li::before { right: auto; left: 0;top: 2px;}
.content .com-content-article__body ol, .footcontact ol, .mce-content-body ol { direction: ltr; margin: 15px auto 15px 0;}
.content .com-content-article__body ol li, .footcontact ol li, .mce-content-body ol li {}
.content .com-content-article__body ol li::before, .footcontact ol li::before, .mce-content-body ol li::before { padding: 0 5px 0 0; margin: 0;}


/* ==========================================================================
   TEMPLATE LAYOUT & WRAPPER
   ========================================================================== */

div.icons {right: auto; left: 0;}
div.icons > div > div:last-child {border-right: 1px solid #111; border-left: none;}
div.whatsappFix {padding: 0 16px 16px 0; left: auto; right: 0;}


/* ==========================================================================
   HOME PAGE STYLES
   ========================================================================== */
.slideshow {}
.aboutbar > div > div { direction: ltr;}
.aboutbar > div > div > div:first-child { padding: 0 7% 0 0;}
.aboutbar > div > div > div:first-child > p { text-align: justify;}
.aboutbar > div > div > div:first-child > p:last-child {text-align: left;}
.aboutbar > div > div > div:last-child img {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.productsbar > div > div {direction: ltr;}
.productsbar p {margin: 0 auto 0 0; text-align: left; font-weight: 100; font-size: 17px; max-width: 800px;}
.productsbar > div > div > div > div > a:last-child span {font-size: 17px;}
div.newsbar > div > div > div.LatestNewsTitle {font-weight: 100; font-size: 20px; line-height: 22px; word-spacing: 0; text-align: left; direction: ltr;}
div.newsbar > div > div > div.LatestNewsTitle::before {right: auto; left: 0;}
div.newsbar > div > div > div.LatestNewsTitle::after {right: auto; left: 0;}
div.newsbar .newsBarCarousel.owl-theme .owl-item > div {direction: ltr;}
div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:first-child {padding: 0 20px 0 0;}
div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:first-child p {text-align: left;}
div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:first-child a.moduleItemReadMore {margin: 20px auto 0 0; padding: 3px 15px 0 0;}
div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:first-child a.moduleItemReadMore:hover {margin: 20px auto 0 15px;}
div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:first-child a.moduleItemReadMore::after {right: 0; left: auto; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:last-child a::before {left: 0; right: auto;}
div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:last-child a::after {right: -1px; left: unset;}




/* ==========================================================================
   HEADING STYLES
   ========================================================================== */
section.content h1 {line-height: 130%; word-spacing: 0; text-align: left;direction: ltr;}
section.content h1::before {margin: 0 5px 0 0; vertical-align: baseline;}
.homeproject h1, .aboutbar h3, .productsbar h4 {text-transform: uppercase; word-spacing: 0; font-size: 26px;}
.homeproject h1 span, .aboutbar h3 span, .productsbar h4 span {text-transform: uppercase; font-weight: 100; font-size: 15px; margin-bottom: 5px;}
.aboutbar h3, .productsbar h4 {text-align: left;}
.homeproject > div > div > div {float: left;}
.homeproject > div > div > div > div > a:last-child h2 {text-align: left; font-size: 18px;}
h5.itemRelated::after {left: 35px;right: auto;}


/* ==========================================================================
   BLOG PAGES STYLES
   ========================================================================== */


/* ==========================================================================
   FOOTER STYLES
   ========================================================================== */
footer > div {direction: ltr;}
/*footer > div > div:first-child > div > div:nth-child(2) {padding: 0 50px 0 30px;max-width: 350px;}*/
footer > div > div:first-child > div > div:nth-child(2) p {line-height: 140%; text-align: left; font-weight: 100;}
footer > div > div:first-child > div > div:nth-child(3) {padding: 0 50px 0 0; vertical-align: top;}
footer > div > div:first-child > div > div:nth-child(3) p,
footer > div > div:first-child > div > div:nth-child(4) > p:nth-child(1) {text-transform: uppercase;}
footer > div > div:first-child > div > div:nth-child(3) ul li {padding-left: 5px; padding-right: 0;}
footer > div > div:first-child > div > div:nth-child(3) ul li::before {left: -5px;top: 0;right: auto;}
footer > div > div:first-child > div > div:nth-child(3) ul li a {font-size: 16px;line-height: 140%;}
footer > div > div:first-child > div > div:nth-child(4) > p:nth-child(2) {font-weight: 100;font-size: 15px;line-height: 130%;text-align: left;margin-bottom: 8px;}
footer div.socialnetwork {margin: 0 auto -30px 0;}
footer div.socialnetwork > a:nth-child(1) {margin: 10px 8px 10px 0;}
footer div.socialnetwork > a:nth-child(2) {background-position-x: -350px;}
footer div.socialnetwork > a:last-child {margin: 10px 0 10px 8px;}
footer div.tel {width: auto;}
footer div.email {width: 188.5px;}

/* ==========================================================================
   CONTACT ADDRESS STYLES
   ========================================================================== */
div.address::before {left: 0; right: auto; top: 3px;}
div.address {font-size: 16px; line-height:  150%; padding: 0 0 4px 25px !important; text-align: left; direction: ltr;}
div.tel::before, div.fax::before { right: auto; top: 2px; left: 0;}
div.tel, div.fax { padding: 0 0 3px 25px !important; text-align: left !important; font-weight: bold !important; font-size: 24px !important; line-height: 110% !important;}
div.tel a {font-weight: bold !important; font-size: 22px !important; line-height: 110% !important; letter-spacing: -1px;}
div.tel > span, div.mobile > span, div.fax > span, div.tel a span {font-size: 14px; letter-spacing: 0; line-height: 29px;}
div.email::before {right: auto;left: 0;}
div.email {padding: 0 0 0 25px; text-align: left;}


/* ==========================================================================
   MENU STYLES
   ========================================================================== */
ul.menu {direction: ltr;}
.menu > li:first-child {padding: 0 10px 0 0;}
.menu > li:last-child {padding: 0 0 0 10px;}
.menu > li > a {direction: ltr;}
.menu li:hover ul {left: 0; right: auto;}
.menu li:hover ul li a, .menu li:hover ul li.parent:hover ul li a, .menu li:hover ul li:hover ul li.parent:hover ul li a, .menu li:hover ul li:hover ul li:hover ul li.parent:hover ul li a {direction: ltr; text-align: left; padding: 0 25px 0 8px !important;}
.menu li ul li:hover ul, .menu li ul li ul li:hover ul, .menu li ul li ul li ul li:hover ul, .menu li ul li ul li ul li ul li:hover ul {left: 100%; right: inherit;}
.menu li:hover ul li.parent > a, .menu li:hover ul li:hover ul li.parent > a, .menu li:hover ul li:hover ul li:hover ul li.parent > a, .menu li:hover ul li:hover ul li:hover ul li:hover ul li.parent > a {background-position: right -394px !important;}
.menu li:hover ul li.parent:hover > a, .menu li:hover ul li.parent.active > a, .menu li:hover ul li:hover ul li.parent:hover > a, .menu li:hover ul li:hover ul li.parent.active > a, .menu li:hover ul li:hover ul li:hover ul li.parent:hover > a, .menu li:hover ul li:hover ul li:hover ul li.parent.active > a, .menu li:hover ul li:hover ul li:hover ul li:hover ul li.parent:hover > a, .menu li:hover ul li:hover ul li:hover ul li:hover ul li.parent.active > a {background-position: right -434px !important;}
ul.menu_resp li.parent ul a {font-size: 18px;}


/* ==========================================================================
   RESPONSIVE MENU
   ========================================================================== */
ul.menu_resp li a {background-position: left center; font-size: 20px; line-height: 26px; text-align: left; direction: ltr;}
ul.menu_resp li.parenta > a::after, ul.menu_resp li.parentb > a::after {right: 0; left: auto;}


/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */
.breadcrumb {direction: ltr;}
.breadcrumb li {direction: ltr;}
.breadcrumb li.breadcrumb-item {padding: 0 15px 0 0;}
.breadcrumb li.breadcrumb-item::after {top: 0; right: -6px; left: auto;}


/* ==========================================================================
   FAQ ACCORDION
   ========================================================================== */
.FAQaccordinH::after {right: 10px; left: auto;}
.FAQaccordinH {padding: 11px 26px 11px 24px; text-align: left; font-size: 15px; font-weight: normal; background-position: left 18px;}
.FAQaccordinB > p {font-size: 15px;}


/* ==========================================================================
   RSFORM COMPONENT STYLES
   ========================================================================== */


/* ==========================================================================
   OSMAP & SITEMAP
   ========================================================================== */
div.osmap-items ul.level_0 a, div.osmap-items ul.level_0 span {border-left: 5px solid #fe0032; font-size: 14px; line-height: 150%; text-align: left; border-right: none;}
div.osmap-items ul.level_1 a { border-left: 5px solid rgba(0, 0, 0, 0.25); padding: 3px 20px 3px 10%;}
div.osmap-items ul.level_2 a {border-left: 5px solid rgba(0, 0, 0, 0.2); padding: 3px 20px 3px 15%;}
div.osmap-items ul.level_3 a {border-left: 5px solid rgba(0, 0, 0, 0.15); padding: 3px 20px 3px 20%;}


/* ==========================================================================
   HOVER EFFECTS STYLES
   ========================================================================== */
.blog-item {float: left;}
.blog-item > div > a:last-child h2, .blog-item > div > a:last-child h4 {line-height: 130%; word-spacing: 0;}

/* ==========================================================================
   MASTERPRO NIVO SLIDER MODULE STYLES
   ========================================================================== */
.nivo-control-content {right: 35px;left: auto;}
.slider-wrapper .nivo-caption .nivo-caption-inner {right: auto;left: 0; max-width: 600px;}
.nivo-caption .nivo-heading, .nivo-caption .nivo-heading a {font-weight: 100;text-align: left; text-transform: uppercase; letter-spacing: -1px; word-spacing: 1px; }
.nivo-caption .nivo-description, .nivo-caption .nivo-description a {text-align: left;text-transform: uppercase; line-height: 120%; }

/* ==========================================================================
   SHADOWBOX JS STYLES
   ========================================================================== */
#sb-title-inner {direction: ltr;text-align: left;font-family: Roboto, sans-serif;}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (Complete - All Breakpoints)
   ========================================================================== */

@media (max-width: 1458px) {
	nav.menubar {padding: 0 0 0 35px;}
	header {padding: 0;}
}

@media (max-width: 1280px) {
	.productsbar > div > div > div {float: left;}
	/*footer > div > div:first-child > div > div:nth-child(2) {padding: 30px 0;}*/
	footer div.socialnetwork {margin: 10px auto 0;}
}

@media (max-width: 1100px) {
	.aboutbar > div > div > div:first-child {padding: 0 0 30px;}
}

@media (max-width: 980px) {
	body {padding: 0;}
	.pageWrapper {	left: 0; right:unset;}
	.pageWrapper.slideMenu {right: unset;left: 100%;}
	.pageWrapper::before {left: 100%;	right: unset;}
	.pageWrapper::after {right: 100%;	left: unset;}
	div.rsdiv {padding: 0 0 0 35px;right: unset;left: 0;}
	div.rsdiv a::after {right: unset;left: 0;}
	.closeMenu::before, .closeMenu::after {right: 9px;left: unset;}
	.closeMenu {right: 20px;	left: unset;}
	.menuName::after {left: 20px;	right: unset;}
	ul.menu_resp {right: 100%;left: unset;}
	.menuName {	right: 100%;left: unset;}
	header div.search {padding: 0;}
	header div.search form {	margin: 0 auto 30px;}
	div.icons > div {direction: ltr;}
	div.icons > div > div:last-child > div:first-child {left: 15px;	margin-right: 0;	right: auto;}
	div.icons > div > div:last-child {border-right: none;}
	div.socialnetwork {right: 23px;	left: auto;direction: ltr;}
	div.socialnetwork > a:nth-child(1) {background-position-x: -371px;}
	div.socialnetwork > a:nth-child(2) {background-position-x: -350px;}
	header {padding: 0;}
	div.slideshow {padding-left: 0;}
	nav.menubar {padding: 0;}
	div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:first-child {padding: 0 0 30px 0; display: table;width: 100%;}
	div.newsbar .newsBarCarousel.owl-theme .owl-item > div > div:last-child {	padding: 0 30px 30px; display: table;margin: 0 auto;}
	div.mod-languages li {margin-left: 5px;margin-right: 10px;}
	.slider-wrapper .nivo-caption .nivo-caption-inner {width: 100%; max-width: 500px; right: auto; left: auto;}
	.nivo-caption .nivo-heading, .nivo-caption .nivo-heading a {font-weight: normal; letter-spacing: normal; font-size: 20px;}
	.nivo-control-content {left: 50%; right: auto;}
}

@media (max-width: 880px) {
	
}

@media (max-width: 768px) {
	
}

@media (max-width: 680px) {

}

@media (max-width: 580px) {
	div.subCategoryContainer, div.itemContainer, div.tagItemView, div.itemList .itemContainer, div.jg_element_cat, div.jg_row, .itemRelated ul > li, .jg_row.subCategoryContainer {	float: unset;}
}

@media (max-width: 480px) {
	p, .content .itemBody ul li,
	.aboutbar > div > div > div:first-child > p,
	.homeproject > div > div > div > div > a:last-child > span,
	.content .com-content-article__body ul li, .content .com-content-article__body ol li {text-align: left;}
}

@media (max-width: 420px) {
	p, .content .itemBody ul li {text-align: left;  }
}