/* Start:/local/components/ruplex/global.breadcrumbs/templates/main/style.css?17792586421372*/
.global_breadcrumbs {font-family: 'Roboto-Regular'; font-size: 15px; display: table; width: 100%; margin-bottom: 15px;}

.global_breadcrumbs > ul { margin: 20px 0px; padding: 0px; display: table; }

.global_breadcrumbs > ul > li { float: left; margin-right: 5px;}

.global_breadcrumbs > ul > li > a { color: #000 !important;}

.global_breadcrumbs > ul > li:last-child > a { font-family: 'Roboto-Bold'; color: #000 !important;}

.global_breadcrumbs > ul > li + li::before { content: '»'; }

.global_mobile_back { display: none; width: 100%; margin-bottom: 20px; }

.global_mobile_back > div { display: table-cell; vertical-align: middle; height: 50px; }

.global_mobile_back > div.arrow_left { text-align: left; background-color: #d6d6d6; position: relative; width: 66px; }

.global_mobile_back > div.arrow_left > a { display: block; height: 100%; width: 100%; }

.global_mobile_back > div.arrow_left > a:before { content: ''; display: block; position: absolute; left: 25px; top: 17px; width: 14px; height: 14px; background-size: cover; background-image: url(/local/templates/for-nails-new/images/global/header/mobile/left-arrow.svg); }

.global_mobile_back > div.text { text-align: left; background-color: #eaeaea; position: relative; }

.global_mobile_back > div.text > a { display: block; height: 100%; width: 100%; color: #000; line-height: 50px; padding-left: 20px; }
/* End */


/* Start:/local/components/ruplex/global.breadcrumbs/templates/main/responsive.css?1779258642675*/
@media (min-width: 1600px) {
	
}

@media (min-width: 1360px) and (max-width: 1599px) {
	
}

@media (min-width: 1280px) and (max-width: 1359px) {
	
}

@media (min-width: 1024px) and (max-width: 1279px) {
	
}

@media (min-width: 864px) and (max-width: 1023px) {
	
}

@media (min-width: 0px) and (max-width: 863px) {
	
	.global_mobile_back { display: table; }
	
	.global_breadcrumbs { display: none; }
	
}

@media (min-width: 729px) and (max-width: 863px) {
	
}

@media (min-width: 549px) and (max-width: 729px) {
	
}

@media (min-width: 340px) and (max-width: 549px) {
	
	
}

@media (min-width: 0px) and (max-width: 340px) {
	
	
	
}
/* End */
/* /local/components/ruplex/global.breadcrumbs/templates/main/style.css?17792586421372 */
/* /local/components/ruplex/global.breadcrumbs/templates/main/responsive.css?1779258642675 */