:root {
    --primary: #02bdd5;
    --accent-color: #49d43a;
    --links-color: #007bff;
    --links_hover-color: #0056b3;
}
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Glegoo);
body { font-family: "Roboto", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Roboto Condensed", sans-serif; }
h2 { font-size: 30px; }
p { font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; }
h3 { font-size: 25px; }
body { background: #ffffff; }
ul { padding-left: 0; }
ul li { list-style: none; }
a:hover { text-decoration: none; }
.section-heading { text-align: center; margin-bottom: 65px; }
.section-heading p { font-size: 14px; font-weight: 300; color: #727272; line-height: 20px; }
.title { font-size: 30px; line-height: 1.1; font-weight: 300; color: #333; text-transform: uppercase; margin-bottom: 20px; }
.subtitle { font-size: 24px; font-weight: 600; margin-bottom: 18px; text-transform: uppercase; }
.subtitle-des { color: #727272; font-size: 14px; margin-bottom: 35px; font-weight: 300; }
.pages { padding: 80px 0 40px; }
.moduler { padding: 140px 0; }
.social-share li { display: inline-block; margin: 3px 1px; }
.social-share a { font-size: 20px; color: #fff; background: #02bdd5; padding: 4px 10px; display: inline-block; }
.fancybox-close { background: url("../images/icons/close.png") no-repeat scroll 0 0 transparent; height: 50px; right: 0; top: 0; width: 50px; }
.fancybox-next span { background: url("../images/icons/right.png") no-repeat scroll center center #009ee3; height: 50px; width: 50px; right: 0; }
.fancybox-prev span { background: url("../images/icons/left.png") no-repeat scroll center center #009ee3; height: 50px; width: 50px; left: 0; }
.fancybox-title { padding: 15px 8px; }
.fancybox-title h3 { font-size: 15px; margin: 0; }
.global-page-header { background-attachment: fixed; background-size: cover; padding: 120px 0 25px 0; position: relative; background: #02bdd5; color: #fff; }
.global-page-header h2 { font-size: 42px; font-weight: bold; color: #fff; text-transform: uppercase; }
.global-page-header .breadcrumb { background: none; font-size: 16px; padding: 8px 0; display: block; }
.global-page-header .breadcrumb .active, .global-page-header .breadcrumb li a { color: #fff; }
.global-page-header .block { position: relative; z-index: 9; text-align: center; }
.works-fit { padding: 40px 0; }
.works-fit figure .buttons { left: 14%; }
.company-description { margin-top: 80px; }
.company-description .block h3 { margin-top: 0; }
.company-description .block p { color: #727272; }
.top-bar { position: fixed; top: 0; width: 100%; background: #fff; color: #fff; transition: all 0.2s ease-out 0s; padding: 15px 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); border-bottom: 1px solid #dedede; z-index: 10; }
.top-bar.animated-header { padding: 20px 0; background: #fff; box-shadow: none; z-index: 50; }
.navbar { border: 0; border-radius: 0; margin-bottom: 0; padding: 0; }
.navbar.bg-light { background: #fff !important; }
.navbar .nav-item .nav-link { color: #444 !important; font-size: 14px; font-weight: 500; transition: 0.3s all; text-transform: uppercase; padding: 5px 15px; display: block; }
.navbar .nav-item .nav-link:hover { color: #02bdd5 !important; }
.navbar .nav-item:last-child .nav-link { padding-right: 0; }
.dropdown-menu { background: #222222; border: 0; border-radius: 0; padding: 15px; box-shadow: none; display: block; opacity: 0; z-index: 1; visibility: hidden; transform: scale(0.8); transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99); }
@media (max-width: 991px) {
    .dropdown-menu { display: none; opacity: unset; visibility: unset; transform: scale(1); }
}
.dropdown-item { color: #fff; display: block; font-size: 14px; font-weight: 500; line-height: normal; text-decoration: none; padding: 8px 0; transition: 0.3s all; }
.dropdown-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.dropdown-item:hover { color: #02bdd5 !important; background: transparent; }
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scale(1); }
#hero-area { background: linear-gradient(#321e00e0, #221400d9), url(/images/rudak.jpg) no-repeat 50%; background-size: cover; background-position: center; padding: 150px 0 80px 0; color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
#hero-area .block { position: relative; z-index: 9; }
#hero-area h1 { font-size: 35px; line-height: 50px; color: #ffffff; font-weight: 700; margin-bottom: 15px; }
#hero-area p { color: #fff; }
#hero-area h2 { font-size: 18px; font-weight: 300; margin-bottom: 38px; line-height: 27px; color: #666; font-family: "Roboto", sans-serif; margin-top: 25px; }
#hero-area .btn { background: #414141; border: none; color: #fff; padding: 20px 35px; margin-top: 30px; font-size: 16px; font-size: 13px; line-height: 1em; text-transform: uppercase; letter-spacing: normal; border-radius: 0; }
#call-to-action { background: #02bdd5; background-size: cover; background-attachment: fixed; padding: 80px 0; text-align: center; position: relative; color: #fff; }
#call-to-action .block { position: relative; z-index: 9; color: #fff; }
#call-to-action .block h2 { margin-bottom: 15px; color: #fff; }
#call-to-action .block p { font-size: 15px; font-weight: 300; font-family: "Roboto", sans-serif; margin-top: 20px; }
#call-to-action .block .btn-contact { background: #fff; border: 2px solid #fff; color: #02bdd5; padding: 15px 34px; margin-top: 20px; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; border-radius: 0; transition: all linear 0.2s; }
#call-to-action .block .btn-contact i { margin-right: 10px; }
#call-to-action .block .btn-contact:hover { color: #fff; background: #02bdd5; }
#about { padding: 110px 0; }
#about .block { padding: 20px 30px 0 30px; }
#about .block h2 { font-size: 24px; font-weight: 600; margin-bottom: 30px; text-transform: uppercase; }
#about .block p { color: #727272; font-size: 16px; line-height: 28px; margin-bottom: 35px; }
#about .block img { max-width: 100%; }
.about-feature { margin-top: 50px; }
.about-feature .block { color: #fff; padding: 85px 65px; float: left; }
.about-feature .block p { font-weight: 300; }
.about-feature .about-feature-1 { background: #02bdd5; }
.about-feature .about-feature-2 { background: #00b0c7; }
.about-feature .about-feature-3 { background: #00a6bb; }
.works { padding: 80px 0; background: #fcfcfc; }
.works .block { position: relative; z-index: 99; }
.works .block:hover .img-overly .overly { opacity: 1; }
.works .block h4 { padding: 20px 15px; margin-top: 0; color: #666; }
.works .block .img-overly { position: relative; background: rgba(0, 0, 0, 0.85); }
.works .block .img-overly img { border-radius: 0; }
.works .block .img-overly .overly { background: rgba(57, 181, 74, 0.9); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; transition: 0.3s all; }
.works .block .img-overly .overly a { position: absolute; top: 45%; left: 22%; }
.works .block .img-overly .overly a i { font-size: 30px; color: #fff; }
figure { background: #fff; margin-bottom: 45px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06); }
figure .img-wrapper { position: relative; overflow: hidden; }
figure img { transform: scale3d(1, 1, 1); transition: transform 400ms; }
figure:hover img { transform: scale3d(1.2, 1.2, 1); }
figure:hover .overlay { opacity: 1; }
figure:hover .overlay .buttons a { transform: scale3d(1, 1, 1); }
figure .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px; text-align: center; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 400ms; }
figure .overlay a { display: inline-block; color: #fff; padding: 10px 23px; line-height: 1; border: 1px solid #fff; border-radius: 0px; margin: 4px; transform: scale3d(0, 0, 0); transition: all 400ms; }
figure .overlay a:hover { text-decoration: none; }
figure .overlay:hover a { transform: scale3d(1, 1, 1); }
figure .buttons { margin-top: 40%; text-align: center; transform: translateY(-50%); display: inline-block; }
figure .buttons a:hover { background: #02bdd5; border-color: #02bdd5; }
figure .buttons a:focus { text-decoration: none; }
figure figcaption { padding: 20px 25px; margin-top: 0; color: #666; }
figure figcaption h4 { margin: 0; }
figure figcaption h4 a { color: #02bdd5; }
figure figcaption p { font-size: 14px; margin-bottom: 0; margin-top: 5px; }
#feature { padding: 80px 0; }
#feature .media { margin: 0px 0 70px 0; }
#feature .media .media-left { padding-right: 25px; }
#feature h3 { color: #222222; font-size: 18px; text-transform: uppercase; text-align: center; margin-bottom: 20px; margin: 0px 0px 15px; font-weight: 400; }
#feature p { line-height: 25px; font-size: 14px; color: #777777; }
.wrapper_404 h1 { font-size: 200px; color: #02bdd5; line-height: 1; }
.wrapper_404 h2 { font-size: 50px; margin-top: 0; }
.wrapper_404 .btn-home { background: #414141; border: none; color: #fff; padding: 20px 35px; margin-top: 10px; font-size: 16px; font-size: 13px; line-height: 1em; text-transform: uppercase; letter-spacing: normal; border-radius: 0; transition: all linear 0.2s; }
#blog-full-width { padding: 40px 0 80px; }
article { padding: 30px 0; }
.blog-content h2 { font-family: "Roboto", sans-serif; }
.blog-content h2 a { color: #444; font-weight: 400; font-size: 30px; }
.blog-content .blog-meta { color: #9a9a9a; font-weight: 300; margin-bottom: 25px; }
.blog-content .blog-meta span:after { content: "/"; padding: 0 3px 0 6px; }
.blog-content .blog-meta a { color: #acacac; }
.blog-content .blog-meta p { margin-top: 20px; }
.blog-content .btn-details { color: #02bdd5; padding: 0; background: #02bdd5; color: #fff; padding: 8px 18px; border-radius: 0; margin-top: 15px; border: 1px solid #fff; box-shadow: 0px 0px 0px 1px #02bdd5; }
.blog-post-image { margin-top: 30px; }
.sidebar { padding-top: 60px; }
.sidebar .widget { margin-bottom: 40px; padding: 15px; border: 1px solid #dedede; }
.sidebar .widget h3 { margin-top: 8px; }
.sidebar .search input.form-control { border-right: 0; border-radius: 0; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); }
.sidebar .search button { border-left: 0; }
.sidebar .search button:hover { background: transparent; }
.sidebar .author .author-img img { width: 90px; border-radius: 100%; margin-top: -40px; border: 3px solid #fff; }
.sidebar .author .author-bio p { font-size: 14px; color: #888; }
.sidebar .categories ul li { border-bottom: 1px solid #f0f0f0; padding: 10px 0; list-style: none; }
.sidebar .categories ul li span.badge { float: right; background: transparent; color: #444; border: 1px solid #dedede; border-radius: 0; }
.sidebar .categories ul li a { color: #555; }
.sidebar .categories ul li:last-child { border-bottom: none; }
.sidebar .recent-post ul li { margin: 20px 0; }
.sidebar .recent-post ul li a { color: #555; font-size: 15px; }
.sidebar .recent-post ul li a:hover { color: #02bdd5; }
.sidebar .recent-post time { font-weight: 300; color: #999; font-size: 12px; }
#clients { padding: 30px 0 60px; }
.slick-slide:focus { outline: 0; }
#contact-section { padding: 90px 0; }
#contact-section .contact-form { margin-top: 42px; }
#contact-section .contact-form .btn-send { color: #fff; outline: none; background: #02bdd5; transition: all linear 0.2s; border-color: #02bdd5; border-radius: 0; }
#contact-section input { display: block; height: 40px; padding: 6px 12px; font-size: 13px; line-height: 1.428571429; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; border-radius: 1px; border: 1px solid rgba(111, 121, 122, 0.3); box-shadow: none; -webkit-box-shadow: none; }
#contact-section textarea { display: block; border-radius: 0; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #cccccc; box-shadow: none; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
#contact-section .address, #contact-section .email, #contact-section .phone { text-align: center; background: #f7f7f7; padding: 20px 0 40px 0; margin-bottom: 20px; }
#contact-section .address i, #contact-section .email i, #contact-section .phone i { font-size: 45px; color: #02bdd5; }
#contact-section .address h5, #contact-section .email h5, #contact-section .phone h5 { font-size: 16px; line-height: 1.4; }
#contact-section .address-details { padding-top: 70px; }
#map-canvas { width: 100%; height: 350px; background-color: #ccc; }
.error { padding: 10px; color: #d8000c; border-radius: 2px; font-size: 14px; background-color: #ffbaba; }
.success { background-color: #6cb670; border-radius: 2px; color: #fff; font-size: 14px; padding: 10px; }
#error, #success { display: none; margin-bottom: 10px; }
.gallery { padding: 100px; }
.gallery figure .buttons { left: 40%; }
.portfolio-meta span { margin: 5px 10px; font-weight: 300; }
.portfolio-meta span a { color: #fff; }
.single-post { padding: 80px 0 20px; }
.single-post .post-content { padding: 40px 0; }
.single-post .post-content ol li, .single-post .post-content ul li { color: #666; }
.single-post .media { border: 1px solid #dedede; padding: 30px 20px; }
.single-post .media .media-body a { color: #02bdd5; font-size: 12px; }
.single-post .media .media { border: none; }
.single-post .comments { margin-top: 40px; }
.single-post .post-comment { margin-top: 40px; }
.single-post .post-comment h3 { margin-bottom: 15px; }
.single-post .post-comment .form-control { box-shadow: none; border-radius: 0; }
.single-post .post-comment .btn-send { background: #02bdd5; color: #fff; border-radius: 0; }
.work-single { padding: 100px 0 20px; }
.work-single h3 { font-size: 30px; margin-bottom: 25px; }
.work-single-image { margin-bottom: 35px; }
.work-single-content p { margin-bottom: 30px; }
.work-single blockquote { margin-bottom: 30px; padding: 30px 25px; background: #eae9ec; color: #848484; }
.work-single-sidebar { background: #eae9ec; margin: 70px 0 50px; position: -webkit-sticky; position: sticky; top: 100px; padding: 30px 25px; }
.work-single-sidebar h5 { margin-bottom: 8px; }
.work-single-sidebar h6 { margin-bottom: 20px; }
.btn-work { color: #fff; background: #02bdd5; border-radius: 0; }
#product-showcase-banner { padding-top: 160px; }
#product-showcase-banner .block { padding: 20px 0 20px 50px; }
#product-showcase-banner .block h2 { font-size: 40px; color: #02bdd5; margin-bottom: 20px; margin-top: 0; }
#product-showcase-banner .block p { color: #666; line-height: 25px; }
#product-showcase-banner .block .buttons { margin-top: 25px; }
#product-showcase-banner .block .buttons .btn { color: #fff; border: none; padding: 12px 40px; transition: 0.2s all; letter-spacing: 2px; font-size: 15px; }
#product-showcase-banner .block .buttons .btn-demo { background: #5abd4f; margin-right: 8px; border-bottom: 3px solid #429e38; }
#product-showcase-banner .block .buttons .btn-demo:hover { background: #429e38; }
#product-showcase-banner .block .buttons .btn-buy { background: #00aeda; border-bottom: 3px solid #0190b5; }
#product-showcase-banner .block .buttons .btn-buy:hover { background: #0190b5; }
#product-showcase-banner .block .buttons .btn-buy span { margin-right: 8px; font-weight: bold; }
#product-description { padding-top: 80px; }
#product-description .block { height: 400px; overflow: hidden; margin-top: 35px; border-bottom: 1px solid #dedede; padding-top: 30px; position: relative; transform: translateZ(0); }
#product-description .block:hover img { transform: translateY(20px); }
#product-description .block img { position: absolute; top: 10px; left: 0; transform: translateY(60px); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); }
#product-description .block .content { width: 60%; padding-top: 70px; }
#product-description .block .content h3 { font-size: 32px; color: #5c5c5c; }
#product-description .block .content p { color: #787f8c; line-height: 25px; }
#related-items { padding: 60px 0 110px; }
#related-items .title { border-bottom: 1px solid #dedede; padding: 10px 0; margin: 5px 15px 30px 15px; text-align: left; color: #777; }
#related-items .product-details { margin-bottom: 0; }
#related-items .block { position: relative; background: #fff; margin-bottom: 45px; box-shadow: 0 0px 1px rgba(0, 0, 0, 0.14); }
#related-items .block:hover .img-overly .overly { opacity: 1; }
#related-items .block h4 { padding: 20px 15px; margin-top: 0; color: #666; }
#related-items .block h4 span { float: right; color: #02bdd5; }
#related-items .block .img-overly { position: relative; background: rgba(0, 0, 0, 0.85); }
#related-items .block .img-overly img { border-radius: 0; }
#related-items .block .img-overly .overly { background: rgba(57, 181, 74, 0.9); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; transition: 0.3s all; }
#related-items .block .img-overly .overly a { position: absolute; top: 45%; left: 45%; }
#related-items .block .img-overly .overly a i { font-size: 30px; color: #fff; }
.service-page .service-parts .block { margin-bottom: 40px; text-align: center; }
.service-page .service-parts .block i { font-size: 35px; color: #02bdd5; }
.service-page .service-parts .block p { padding: 0 8px; font-size: 14px; color: #777; line-height: 1.7; }
#team { margin: 50px 0; }
.team-member { margin-top: 30px; }
.team-member:hover .team-img img { opacity: 0.8; }
.team-member .team-img { position: relative; }
.team-member .team-img .team-pic { width: 100%; }
.team-member .team_designation { font-size: 13px; }
.team-member h3 { color: #02bdd5; margin-bottom: 0; font-size: 20px; }
.team-member p { font-size: 14px; }
.team-member .social-icons a { background: #02bdd5; color: #fff; padding: 4px 8px; display: inline-block; font-size: 15px; }
.team-member .social-icons .facebook { padding: 4px 12px; }
#footer { background: #fff; padding: 25px 0; color: #555; }
#footer .copyright { font-size: 13px; margin-bottom: 0; }
#footer .copyright a { color: #02bdd5; }
#footer .social { text-align: right; margin-bottom: 0; }
#footer .social li { display: inline-block; margin-right: 15px; }
#footer .social li a { font-size: 22px; color: #02bdd5; }
.cd-headline.slide .cd-words-wrapper { color: #02bdd5; }
ul.social-icons { height: auto; overflow: hidden; list-style: none !important; margin-bottom: 10px; }
ul.social-icons li { float: none; display: inline-block; height: 36px; }
#copyright a:hover, #copyright nav .menu li a:hover { color: #e4e4e4 !important; }
#copyright a { text-decoration: none; }
#copyright a:hover { text-decoration: none; }
#footer { box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
.box { box-shadow: 0 0 10px 0 #563c002b; padding: 15px; border-radius: 5px; border-left: 4px solid #02bdd5; transition: all 0.3s ease; }
.row > .col-xl-6:nth-child(even) .box { text-align: end; border-left: none; border-right: 4px solid #02bdd5; }
.box:hover { border-color: #49d43a; }
.row > .col-xl-6:nth-child(even):hover .box { border-color: #49d43a; }
.box i { font-size: 60px; color: #02bdd5; background-color: #02bdd51c; border-radius: 50%; display: inline-block; width: 90px; }
.box:hover i { background-color: #49d43a34; color: #49d43a; }
.color { color: #02bdd5; }
b, strong { font-weight: bold !important; }
span.PIN_1710413287458_embed_grid .PIN_1710413287458_ft .PIN_1710413287458_button { display: none !important; }
.bar-cont { position: relative; overflow: hidden; display: block; max-width: 350px; height: auto; border-radius: 5px; }
.bar-cont img { transition: all 0.3s ease-in-out; }
.bar-cont p { position: absolute; bottom: 0; left: 0; color: #fff; font-size: 24px; font-weight: bold; z-index: 20; background-color: #141414b8; padding: 8px 40px; border-radius: 5px; margin-left: 10px; transition: all 0.3s ease-in-out; box-shadow: inset 0px 0px 0px 2px #007bff; }
.bar-cont:hover img { transform: scale(1.1); }
.bar-cont:hover p { background-color: #180024; color: #007bff; box-shadow: inset 0px 0px 0px 2px #ffffff; }
.sidebar h2, h2 { font-weight: 700; }
.sidebar h2 { font-size: 25px; }
.faq-container .faq-item{position:relative;padding:20px;margin-bottom:15px;border:1px solid color-mix(in srgb,var(--primary),transparent 85%);border-radius:5px;overflow:hidden;}
.faq-container .faq-item:last-child{margin-bottom:0;}
.faq-container .faq-item h3{font-weight:600;font-size:20px;line-height:24px;margin:0 30px 0 0;transition:0.3s;cursor:pointer;display:flex;align-items:center;}
.faq-container .faq-item h3 .accordion-button{font-size:20px;color: var(--secondary);}
.faq-container .faq-item h3 .num{color:var(--accent-color);padding-right:5px;}
.faq-container .faq-item h3:hover{color:var(--accent-color);}
.faq-container .faq-item .faq-content{display:grid;grid-template-rows:0fr;transition:0.3s ease-in-out;visibility:hidden;opacity:0;}
.faq-container .faq-item .faq-content p{margin-bottom:0;overflow:hidden;}
.faq-container .faq-item .faq-toggle{position:absolute;top:20px;right:20px;font-size:16px;line-height:0;transition:0.3s;cursor:pointer;}
.faq-container .faq-item .faq-toggle:hover{color:var(--accent-color);}
.faq-container .faq-active{background-color:color-mix(in srgb,var(--accent-color),transparent 85%);border-color:color-mix(in srgb,var(--accent-color),transparent 80%);}
.faq-container .faq-active .faq-content{grid-template-rows:1fr;visibility:visible;opacity:1;padding-top:10px;}
.faq-container .btn-link:is(:hover,:active, :focus){text-decoration: none;}
.faq-arrow { transition: transform .3s ease; }
button:not(.collapsed) .faq-arrow { transform: rotate(180deg); }
.quick-nav-wrapper{background:#fff;border: 1px solid var(--primary);}
.quick-nav{gap:10px;}
.quick-nav li:not(:last-child){border-right:1px solid color-mix(in srgb,#fff,transparent 80%);}
.quick-nav a{width:max-content;font-size:15px;color:var(--links-color); border-left: 1px solid var(--primary);}
.quick-nav a:hover{color:var(--links-hover-color);}
.quick-nav li:first-of-type a{border-left: none;}
.quick-nav-scroll::-webkit-scrollbar{height:0.25rem;background:color-mix(in srgb,var(--primary),transparent 80%);}
.quick-nav-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary),transparent 70%);border-radius:10px;}
.quick-nav-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.breadcrumbs ol{display:flex;justify-content:left;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px}
.breadcrumbs ol li + li{padding-left:10px}
.breadcrumbs ol li + li::before{content:"/";display:inline-block;padding-right:10px}
.breadcrumbs ol li.current{opacity: .8;}
.breadcrumbs a{color:var(--links-color)}
.breadcrumbs a:hover{color:var(--links-hover-color)}