/*
Theme Name: Minimal
Theme URI: https://url.com
Author: Working team
Author URI: https://url.com
Description: Our default theme is clean, blog-focused, and designed for clarity.
Version: 4.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, blockimages, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: mythemelng
*/
body {
font-size: 1.2rem;
color:black;
background-color: var(--colorbgr);
background-size: contain;
background-position: top center;
}
strong, b { font-weight: 700; }
h2, .h2 { font-size: 2.25rem; }
h1, h2, .h2 { font-weight: bold !important; }
h2 { m1argin: 2em 0 1em 0; }
#content { margin: 2em 0; }
/* STUCTURE */
#wrap { max-width: 2400px; margin:auto; position: relative; }
.container { max-width: 1300px; }
.home #content { margin-bottom: 0; }
/* HEADER */
#header { z-index: 999 !important; position: relative; width: 100%; background-size: cover; background-position: center; background-repeat:no-repeat; min-height: 120px; color: black; }
#header .pagetitle { font-size: 4rem; margin-bottom: -16px; padding: 0 0; color: white; }
.coverimage .headtitle { height: 50vh; min-height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.innerpage.coverimage .headtitle { height: 30vh; min-height: 200px; }
/* TITLES */
.sitetitle { font-weight: bold; font-size: 1.4rem; }
.pagetitle { margin-bottom: 1rem; }
.gridposttitle { min-height: 50px; }
.secondtitle { display: block; font-size: 1.8rem !important; font-weight: 300 !important; margin: 1em auto; max-width: 1000px; }
/* COLORS */
.colortext, body { color: var(--colortext); }
.colorlink, #wrap a { color: var(--colorlink) }
.colornav, .navbar-nav .nav-link { color: var(--colornav) !important; }
.colortitle, h1,h2,h3,h4,h5,h6, .pagetitle, .gridposttitle, #wrap .gridposttitle a { color: var(--colortitle); }
.color1, #footer, .btn, .vertical-nav .nav-item-head, .topmenu { background-color: var(--color1); }
/* BUTTONS */
.btn.btn-secondary { background-color: var(--colorfootbgr); color: white !important;}
body .btn, body a.btn { text-decoration: none !important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05) !important; border-radius: 6px; margin-right: 1em; transition: 0.5s; background-color: var(--colorfootbgr); color: white !important; font-weight: 700; }
.btn.btn-sm { padding: 0.3em 0.7em !important;}
.btn:hover, .btn.btn-primary:hover{ background-color: var(--colorfootbgr) !important; color: white !important; }
.btn.btn-secondary:hover, .btn.btn-secondary:active { background-color: #c6d1fd !important; color: var(--color1) !important; }
.btn.btn-secondary:focus, .btn.btn-secondary:active { border: 1px double white; outline: 1px solid var(--color1); }
.btn-primary.focus, .btn-primary:focus { color: white !important; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: white !important; }
body .navbar-nav .nav-link:focus, body .navbar-nav .nav-link:hover { outline: 1px dotted #212121; }
/* THEME CUSTOM */
#content{ position: relative; }
#content:before{ content: " "; position: absolute; top: 0; left:0; width: 200px; height: 200px; opacity: 0.2;
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%27rgb%2874%2C%20207%2C%20127%29%27%20id%3D%27ww-set2-apps-outline%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20viewBox%3D%270%200%2032%2032%27%20%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M6.5%205C5.67157%205%205%205.67157%205%206.5C5%207.32843%205.67157%208%206.5%208C7.32843%208%208%207.32843%208%206.5C8%205.67157%207.32843%205%206.5%205ZM3%206.5C3%204.567%204.567%203%206.5%203C8.433%203%2010%204.567%2010%206.5C10%208.433%208.433%2010%206.5%2010C4.567%2010%203%208.433%203%206.5ZM16%205C15.1716%205%2014.5%205.67157%2014.5%206.5C14.5%207.32843%2015.1716%208%2016%208C16.8284%208%2017.5%207.32843%2017.5%206.5C17.5%205.67157%2016.8284%205%2016%205ZM12.5%206.5C12.5%204.567%2014.067%203%2016%203C17.933%203%2019.5%204.567%2019.5%206.5C19.5%208.433%2017.933%2010%2016%2010C14.067%2010%2012.5%208.433%2012.5%206.5ZM24%206.5C24%205.67157%2024.6716%205%2025.5%205C26.3284%205%2027%205.67157%2027%206.5C27%207.32843%2026.3284%208%2025.5%208C24.6716%208%2024%207.32843%2024%206.5ZM25.5%203C23.567%203%2022%204.567%2022%206.5C22%208.433%2023.567%2010%2025.5%2010C27.433%2010%2029%208.433%2029%206.5C29%204.567%2027.433%203%2025.5%203ZM6.5%2014.5C5.67157%2014.5%205%2015.1716%205%2016C5%2016.8284%205.67157%2017.5%206.5%2017.5C7.32843%2017.5%208%2016.8284%208%2016C8%2015.1716%207.32843%2014.5%206.5%2014.5ZM3%2016C3%2014.067%204.567%2012.5%206.5%2012.5C8.433%2012.5%2010%2014.067%2010%2016C10%2017.933%208.433%2019.5%206.5%2019.5C4.567%2019.5%203%2017.933%203%2016ZM14.5%2016C14.5%2015.1716%2015.1716%2014.5%2016%2014.5C16.8284%2014.5%2017.5%2015.1716%2017.5%2016C17.5%2016.8284%2016.8284%2017.5%2016%2017.5C15.1716%2017.5%2014.5%2016.8284%2014.5%2016ZM16%2012.5C14.067%2012.5%2012.5%2014.067%2012.5%2016C12.5%2017.933%2014.067%2019.5%2016%2019.5C17.933%2019.5%2019.5%2017.933%2019.5%2016C19.5%2014.067%2017.933%2012.5%2016%2012.5ZM25.5%2014.5C24.6716%2014.5%2024%2015.1716%2024%2016C24%2016.8284%2024.6716%2017.5%2025.5%2017.5C26.3284%2017.5%2027%2016.8284%2027%2016C27%2015.1716%2026.3284%2014.5%2025.5%2014.5ZM22%2016C22%2014.067%2023.567%2012.5%2025.5%2012.5C27.433%2012.5%2029%2014.067%2029%2016C29%2017.933%2027.433%2019.5%2025.5%2019.5C23.567%2019.5%2022%2017.933%2022%2016ZM5%2025.5C5%2024.6716%205.67157%2024%206.5%2024C7.32843%2024%208%2024.6716%208%2025.5C8%2026.3284%207.32843%2027%206.5%2027C5.67157%2027%205%2026.3284%205%2025.5ZM6.5%2022C4.567%2022%203%2023.567%203%2025.5C3%2027.433%204.567%2029%206.5%2029C8.433%2029%2010%2027.433%2010%2025.5C10%2023.567%208.433%2022%206.5%2022ZM16%2024C15.1716%2024%2014.5%2024.6716%2014.5%2025.5C14.5%2026.3284%2015.1716%2027%2016%2027C16.8284%2027%2017.5%2026.3284%2017.5%2025.5C17.5%2024.6716%2016.8284%2024%2016%2024ZM12.5%2025.5C12.5%2023.567%2014.067%2022%2016%2022C17.933%2022%2019.5%2023.567%2019.5%2025.5C19.5%2027.433%2017.933%2029%2016%2029C14.067%2029%2012.5%2027.433%2012.5%2025.5ZM24%2025.5C24%2024.6716%2024.6716%2024%2025.5%2024C26.3284%2024%2027%2024.6716%2027%2025.5C27%2026.3284%2026.3284%2027%2025.5%2027C24.6716%2027%2024%2026.3284%2024%2025.5ZM25.5%2022C23.567%2022%2022%2023.567%2022%2025.5C22%2027.433%2023.567%2029%2025.5%2029C27.433%2029%2029%2027.433%2029%2025.5C29%2023.567%2027.433%2022%2025.5%2022Z%27%20%2F%3E%3C%2Fsvg%3E');
}
.logosgrid { background-color: var(--color3); margin-top: 2em; text-align: center; }
.logosgrid.imageblocks .featured-image { background-color: transparent; }
.logosgrid .blockimage { max-width: 150px !important; }
.logosgrid .logocol { margin-top: 1.5em; margin-bottom: 1.5em; }
.toptitle { font-weight: bold; color: var(--colorlink); }
/* TOPMENU */
.topmenu { background: #edf7ff; z-index: 9999 !important; position: relative; transition: 0.5s; padding: 1em 0; }
.navbar-brand { padding:0; margin: 0 auto 4px auto !important; outline:0; border:none; }
.navbar-brand img { max-height: 150px; margin-right: 15px; transition: 0.5s; }
.home .navbar-brand { fil1ter: invert(100%); }
/* NAVBAR */
.navbar { background: var(--colorbgrnav) !important; padding: 0.6em 0; po1sition: relative; z-index:999; b1ackground: linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(255,255,255,0) 100%); transition: 0.5s; }
.navbar-nav { align-items: center }
.navbar-nav .nav-link { text-decoration: none !important; padding: 0.8em 0.6em !important; text-transform: uppercase; font-weight: 400; letter-spacing: -0.5px; }
.navbar-nav .nav-item:hover, .navbar-nav .nav-item.active, .navbar-nav .nav-item.active > .nav-link, .navbar-nav .nav-link:hover, .nav-link { b1ackground-color: rgba(0,0,0,0.05); c1olor: rgba(256,256,256,0.5) !important; text-shadow: none; }
.navbar-nav .current_page_item > a, .navbar-nav .current_page_parent a.depth-0, .navbar-nav .current_page_ancestor a.depth-0, .current-menu-item a.depth-0, .current-menu-item a, .navbar-nav .active > a { fo1nt-weight: 400; b1order-top: 1px solid var(--colornav); c1olor: var(--color3) !important;opacity: 0.5; b1ackground: rgba(0,0,0,0.2) !important; b1order-radius: 6px; }
/* NAVBAR DROPDOWN */
.navbar-nav ul .nav-link { font-weight: normal; color: black !important; font-size: 80% !important; }
.navbar-nav ul .nav-link:hover { color: black !important; }
.navbar .dropdown-menu { min-width: 18rem; background-clip: padding-box; background-color: white !important; border: 0; border-radius: 0; display: none; float: left; left: 0; list-style: outside none none; padding: 0; position: relative; text-align: left; top: 100%; z-index: 99999; margin: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
.navbar .dropdown .nav-link[data-toggle="dropdown"] {padding-right: 15px !important;}
.navbar .dropdown > a.nav-link { padding-right: 15px !important; }
.navbar .dropdown-menu .nav-link { text-align: left; font-size: 1rem; line-height: 1.7; padding: 0.5rem 0.7rem 0.5rem 0.7rem;}
.navbar .dropdown-menu .nav-item, .dropdown-item { text-align: left; text-transform: none; margin: 0; padding: 0; }
.navbar .replacearrow .dropdown-toggle::after { border:0; content: none; margin:0; display:none; }
.navbar .dropdown-menu-right { right: 0 !important; left: auto !important; }
/* NAVBAR DROPDOWN SUBMENU - level */
.navbar ul.dropdown-menu li > ul.dropdown-menu { left: 100%; top: 0; }
.navbar ul.dropdown-menu li:hover > ul.dropdown-menu, .navbar ul.dropdown-menu li:focus > ul.dropdown-menu { display: block; }
.navbar .dropdown .dropdown-menu .arrow { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
/* DROPDOWN ARROW mobille */
.navbar .replacearrow .dropdown span.arrow {display:block;position: absolute;z-index: 99999;right: 0; top: 42%;padding: 6px;background-size:9px !important;width: 11px;height: 11px;}
@media screen and (max-width: 768px) {
.navbar .dropdown-menu .nav-link { padding-left: 1.8rem; }
.navbar .replacearrow .dropdown span.arrow { top: 0px;width: 45px;height: 45px;background-size: 16px !important;transition: 0.5s;}
.navbar .replacearrow .dropdown.mobexp span { transform: rotate(180deg); }
}
/* LANGUAGE MENU */
.navbar .qtranxs-lang-menu .arrow { display: none !important; }
.navbar .qtranxs-lang-menu .dropdown-menu { min-width: 9rem; }
.navbar .qtranxs-lang-menu .lang-ico { max-width: 26px; max-height: 26px; color: var(--color1) !important; }
.navbar .qtranxs-lang-menu.menu-item-has-children .nav-link[data-toggle="dropdown"] { padding-right: 0 !important; }
/* NAVBAR SCROLLSPAY */
@media screen and (min-width: 992px) {
.navbar img { transition: 0.5s; }
.scrollSpy #header { position: relative; z-index: 999; }
.scrollSpy .navbar { box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.05); filte1r: invert(100%); background: white !important; z-index: 99999; }
.scrollSpy .navbar .page_item img { max-width: 30px; margin-bottom:0; }
.scrollSpy .navbar .nav-link span { padding:1em; }
.scrollSpy .navbar .profmenu, .scrollSpy .navbar .dropminicart { margin-top: 1.2em; }
}
/* CAROUSEL BOOTSTRAP ----------------------------------------------------------------------- */
/* CAR FULLSCREEN */
.fullscr .carousel-item img { height: 100vh; width: 100%; min-height: 400px; max-height: 1000px; object-fit: cover; object-position: 75%; margin: auto; right: 0; left: 0; }
.halfscr .carousel-item img { height: 50vh; width: 100%; min-height: 500px; max-height: 1000px; object-fit: cover; object-position: 75%; margin: auto; right: 0; left: 0; }
body.home.admin-bar .fullscr .carousel-item img { height: 96.4vh; }
.sliderimgcover .carousel-item img { object-fit: cover; width: 100%; }
@media (min-width: 992px) {
.fullscr .carousel-item img, .halfscr .carousel-item img { object-position: center; }
}
/* CAR GRADIENT */
.slidegradient .carousel-item:before { height: 100vh; min-height: 600px; content: ""; background-image: linear-gradient( to left, transparent, rgba(0,0,0,1) ); display: block; position: absolute; top: 0; width: 100vw; }
.slidegradient2 .carousel-item:before { height: 100vh; min-height: 600px; content: ""; background: rgba(0,0,0,0.5); display: block; position: absolute; top: 0; width: 100vw; }
/* CAR SPEED */
.carousel-item { transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out; }
/* CAR ARROWS */
.carousel-control-prev, .carousel-control-next { width: 40px !important; height:50px !important; background-color: black; d1isplay: block; opacity: 0.9; }
.aleft, .aright { back1ground-size: 30px; width: 30px !important; height:30px !important; p1adding: 1em; } /* arrow size and bgr */
.invertarrows .aright, .invertarrows .aleft { filter: invert(100%); } /* Icon color */
/* CAR CAPTION */
.carousel-caption { padding:0; left:0; right: 0; max-width: 1300px; margin: auto; text-shadow: 0 0 15px; }
.carousel-caption .carcontent { max-width: 1000px; }
.carousel-caption .slidebtn a { background: rgba(255,255,255,0.2); color: white !important; padding: 0.5em 1em; display: inline-block; text-decoration: none !important; text-transform: uppercase; min-width: 300px; text-align:center; margin: 2em 0; }
.capbgr .carousel-caption { background-color: rgba(0, 0, 0, 0.3); padding: 2em; }
.captc .carousel-caption { position: absolute; top: 0; left:0; right:0; color: var(--colortext) !important; margin: auto; text-align:center; display: flex; justify-content: center !important; align-self: center !important; }
.capcl .carousel-caption { position: absolute; top: 50%; bottom: auto; transform: translate(0, -50%); text-align: left; color:white !important; }
.capcr .carousel-caption { position: absolute; top: 50%; bottom: auto; right: 10%; left: auto; transform: translate(0, -50%); text-align: left; color:white !important; }
.capbl .carousel-caption { position: static; text-align: left; left:0; right:0; color: var(--colortext) !important; }
.capbc .carousel-caption { position: static; left:0; right:0; color: var(--colortext) !important; }
.capcc .carousel-caption { position: absolute; top: 0; bottom: 0 !important; left:0; right:0; color: var(--colortext) !important; margin: auto; text-align:center; display: flex; justify-content: center !important; align-self: center !important; }
/* CAR TWINS ARROWS */
.carousel-controls { visibility: visible; }
.twins .carousel-controls { margin: 0 auto; position: absolute; z-index: 99;}
.twins .carousel-controls .carousel-control-next, .twins .carousel-controls .carousel-control-prev { width: 30px !important; height:30px; }
/* CAR ARROWS POSITION */
.controls-wrap { margin: 0 auto !important;max-width:1300px;position: absolute; top: 40% !important;bottom: 50% !important;top:0; margin: auto; left:0; right:0; visibility: hidden; }
.arrvtr .carousel-controls { top: 10px; bottom:0; right: 5px; } .arrvtr .carousel-control-prev { left: -64px; } /* vertical top right */
.arrvcl .carousel-controls { top: 48%; left: 5px; } .arrvcl .carousel-control-next { right: -64px; } /* vertical center left */
.arrvcr .carousel-controls { top: 48%; right: 5px; } .arrvcr .carousel-control-prev { left: -64px; } /* vertical center right */
.arrvcc .carousel-controls { top: auto; bottom: 10px; left:50%; right:50%; } .arrcc .carousel-control-prev { left: -64px; } /* vertical bottom center */
.arrvbr .carousel-controls { top: auto; bottom: 40px; left:auto; right:0; } .arrvbr .carousel-control-prev { left: -64px; } /* vertical bottom right */
/* CAR INDICATORS POSITION */
.indvbr .carousel-indicators { margin-right: 0; left: auto; } /* vertical bottom right */
.indvbl .carousel-indicators { margin-left: 0; right: auto; } /* vertical bottom left */
.indvbc .carousel-indicators { margin: 0 auto -1em auto; bottom: 50px; } /* vertical bottom center */
.indvcr .carousel-indicators { top: 48%; margin-right: 0; left: auto; } /* vertical cener right */
/* CAR INDICATORS TYPE */
.vertic .carousel-indicators { display: block; } .vertic .carousel-indicators li {display: block;width: 15px; height: 15px;margin-bottom: 10px;}
.cdots .carousel-indicators li { width: 16px; height: 16px; border-radius: 100%; background-color: white; background-clip: border-box; }
.cdots2 .carousel-indicators li { width: 16px; height: 16px; border-radius: 100%; background-color: transparent; border: 1px solid white; opacity:1; background-clip: border-box; }
.cdots2 .carousel-indicators li.active { background-color: white; background-clip: border-box; }
/* CAR INDICATORS THUMBNAILS */
.thumbs1 .carousel-indicators { bottom: 0; position: relative; margin: 1em 0; }
.thumbs1 .carousel-indicators li { width: 100px; height: 100%; border-radius: 0; background: white; border-color: #9d9d9d; margin: 0 0.5em;}
.thumbs1 .carousel-indicators li.active { border:0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); }
.thumbs1 .carousel-indicators li.active img { opacity: 0.5; }
#galslider .controls-wrap { top: 48% !important; bottom: 50% !important; }
/* THEME CUSTOM CAROUSELS ----------------------------------------------------------------------- */
#startslider .slidetitle { color: white !important; font-weight: 500 !important; }
#startslider .slidedesc { color:white !important; opacity: 0.7; font-weight: 400 !important; font-size: 140%; }
#startslider .carousel-control-prev, #startslider .carousel-control-next { background: none !important; }
#startslider .controls-wrap { margin: 0 auto !important;max-width:1300px;position: absolute; top: 50% !important; bottom: 50% !important;top:0; margin: auto; left:0;right:0;z-index:9999; }
#imagesslider .controls-wrap { top: 47% !important;}
#imagesslider { margin-bottom: 2em; }
/* HOME --------------------------------------------- */
#content section.sectionfirst { margin-top: 0; }
#content section.sectionlast { padding-bottom: 0; }
#content section, .sector { padding: 2rem 0; }
#content section .sectiontitle { margin-bottom: 3em; text-align:center; text-transform: uppercase; }
#content section .sectiondescr { margin-bottom: 3rem; text-align:center; letter-spacing: 1px; }
.actionbox { text-align:center; color: white !important; padding: 2rem 0; margin-top: 3rem; background-size: cover; background-position: center; background-repeat:no-repeat; min-height: 500px; }
/* SIDEBAR -------------------------------------- */
.sidebar { margin: 0; position: relative; }
.sidebarint { padding: 1.2rem 1.2rem 0.4rem 1.2rem; }
.sidebar aside { border: 1px solid var(--color1); background-color: var(--color1); border-width: 0 1px 1px 1px; margin: 1rem 0; }
.sidebar aside:first-child { margin-top: 0; }
.sidebar aside ul { background: white; }
.sidebar aside li { position: relative; }
.sidebar aside li a { padding: 0.5rem 1rem; position: relative; }
.sidebar .widgettitle { display:block; text-transform: none; color: white; margin:0; padding: 0.4rem 0.5rem 0.5rem; text-transform: uppercase; }
.sidebar ul, .sidebar li, .sidebar li p { list-style: none; padding: 0; margin: 0; }
.sidebar a { color: black; padding: 9px 0; display:block; border-bottom: 1px solid #F1F1F1; line-height: 1.4; text-decoration: none !important; }
.sidebar a:hover { text-decoration: none !important; }
.sidebar aside span.count { position: absolute; right:10px; top: 0; }
.sidebar li.current-cat a, .sidebar a:hover, .sidebar .page_item a:hover, .sidebar .nav-link:hover, .sidebar .current_page_item a, .sidebar .current-post a, .sidebar .is-active a { background: rgba(0,0,0, 0.04); color: rgba(0,0,0,0.7) !important; }
.widget_categories .cat-item { position: relative; }
.widget_categories .cat-item span { position: absolute; top:0.5rem; right: 1.5rem; font-size: 80%; }
/* SIDEBAR - EXPAND widgettitle on mobile */
@media screen and (max-width: 768px) {
.sidebar aside { margin-bottom: 1rem; }
.sidebar .widgettitle { font-size: 1.2rem; }
.expandon .widgettitle::after { float:right; }
.expandon .widgettitle { cursor:pointer; display:block; }
.expandon .widgettitle.expanded { cursor:pointer; }
.sidebar.sidebarexp ul { display: none; } /* FIX Blink subnav ul - Can have problems with other widgets */
.sidebar .widgettitle b { float: right; }
}
/* SIDEBAR EXPAND COLLAPSE subcategories */
.exdpandtree li { line-height: normal; display: block;position: relative;}
.exdpandtree ul.product-categories .children { display: none; }
.exdpandtree ul.product-categories .children li a { padding-left: 25px; }
.exdpandtree ul.product-categories .children .children li a { padding-left: 35px; }
.exdpandtree ul.product-categories .children li:last-child { border: 0 !important; }
.exdpandtree ul.product-categories li b { float: right; top: 0; right: 0; position: absolute; cursor: pointer; font-weight: 400; padding: 6px 8px; height: 37px; width: 30px; font-size: 1.3rem; text-align:center; }
.exdpandtree ul.product-categories li b:hover { color: #f08804; background: rgba(0,0,0, 0.04 ); }
.exdpandtree .current-cat, .exdpandtree .children .current-cat-parent { font-weight: 700; }
.exdpandtree .current-cat ul a { font-weight: normal; }
/* GRID---------------------------------------- */
.gridblock {margin-bottom: 4em;background-color: rgba(255,255,255,1);transition: 0.5s; width:100%;}
.gridblock.typecat { margin-bottom: 1em; }
.gridblock:hover { transition: 0.5s;}
.gridblock.typecat .gridimage { max-height: 350px; min-height: 100%; }
.gridblock a {display:block;text-decoration:none !important; height: 100%; }
.gridblock:hover img {transition: 0.5s;opacity:0.9;}
.gridcontent {padding: 1rem;}
/* GRID2 - typegrid2*/
.typegrid2.gridblock:hover { transition: 0.5s;opacity:0.8;}
/* FIX GRID on modile */
@media only screen and (max-width: 575px) {
.gridblock { margin-bottom: 1rem; }
.products-grid .col-6:nth-child(odd), .grid .col-6:nth-child(odd), .displayposts .col-6:nth-child(odd) { padding-right: 7.5px !important; }
.products-grid .col-6:nth-child(even), .grid .col-6:nth-child(even), .displayposts .col-6:nth-child(even) { padding-left: 7.5px !important; }
}
/* Flexible Grid Column ouside grid */
@media only screen and (min-width: 1000px) {
.colfluid { padding-left: calc((100% - 1160px) / 2) !important; }
}
/* Fifth column BT */
.col-5 { width: 40%; }
@media (min-width: 576px) { .col-sm-5 { width: 40%; } }
@media (min-width: 768px) { .col-md-5 { flex-basis: 20%; max-width: 20%; } }
@media (min-width: 992px) { .col-lg-5 { width: 40%; } }
@media (max-width: 575px) { .col-xs-5 { width: 40%; } }
/* GRID CHECKMATE ---------------------------------------- */
.checkmate .container { background: var(--colorlink); max-width: 1100px; }
.checkmate .container .row .row { transition: 0.5s; }
.checkmate .container .row .row:hover { background: rgba(0, 14, 75, 0.8); }
.checkmate .container .row .row:hover .featured-image { opacity: 0.8; }
.checkmate .gridtitle { margin: -2em 1em 1em auto; m1ax-width: 80%; color: white !important; }
.checkmate .order-1 h3 { tex1t-align: right; }
.checkmate .cont { color:white; padding: 2em; }
.featured-image { background-size: cover; background-position: center; }
/* RESPONSIVE IMAGES -------------------------------------- */
img { max-width: 100%; height: auto; color: transparent; }
picture, picture img { height: auto; width:100%; max-width: 100%; object-fit: cover; }
img.placeholdimg { text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; visibility: hidden !important; } /* Safari FIX */
.responsiveimg a { display: block; width: 100%; height: 100%;}
.responsiveimg img { width: 100%; max-width: 100%; height: auto; }
.responsivebgr { background-size: contain; background-position: center; background-repeat:no-repeat; display:block; }
.responsivebgr2 { background-size: cover; background-position: center; background-repeat:no-repeat; display:block; }
.responsivebgr.gridimgfix { background-size: contain; }
.responsivebgr.defimg { background-size: contain; }
.placeholdimg { width: 100%; height: 100%; min-height: 200px; }
span.placeholdimg { background-size: cover; }
/* image grid */
.gridimage { height: 200px !important; width: 100%; object-fit: cover; object-position: center; }
.productsloop .gridimage { background-size: contain; }
.postsslider .gridimage { max-height: 300px; height: auto !important; }
.gridimage .placeholdimg { min-height: 50px !important; }
.typelist .gridimagelist { float: left; margin-right: 1rem; }
.typecat .gridimage { height: auto !important; width: 100%; object-fit: cover; }
.typeproduct .gridimage { height: auto !important; width: 100%; object-fit: cover; }
/* image single post */
.postimage { max-height: 400px; margin: 1rem 0; b1ox-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1); object-fit: cover; width:100%; }
.postimageright { max-width: 50%; float: right; margin: 5px 0 15px 15px; }
.postimageleft { max-width: 50%; float: left; margin: 5px 25px 15px 0; }
@media screen and (max-width: 992px) { .postimage{max-height: 330px;} }
@media screen and (max-width: 500px) { .postimage {max-height: 230px;} }
/* image single post - big horizontal */
.contarea .postimgholder { background-position: center; background-repeat:no-repeat; background-size: 100% auto; margin: 0.1rem 0 2rem 0 !important; }
.contarea .postimgholder img { max-height: 380px !important; width: 100%; }
@media screen and (max-width: 992px) { .contarea .postimgholder { background-size: cover; } .contarea .postimgholder img { max-height: 300px !important; } }
@media screen and (max-width: 450px) { .contarea .postimgholder img { max-height: 170px !important; } }
.galimgbgr, .galimgbgr .responsivebgr { background-size:cover; background-repeat:no-repeat; background-position:center; margin-bottom: 20px; }
/* text over image */
.overlaytext { position: absolute; bottom: 0; padding: 30% 25px 25px 25px; color: white !important; background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.9) 90%); }
/* IMAGESBLOCKS GRID logo with white frame ------------------------------*/
.imageblocks .featured-image { min-height: 290px; background: white; border-radius: 7px; padding: 2em; text-align: center; }
.imageblocks .featured-image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.8; }
.imageblocks .featured-image:hover img { -webkit-filter: none !important; filter: none !important; }
/* IMAGESBLOCKS OVERLAY GRID FULL LAYER------------------------------*/
.photogrid img { min-height: 500px; }
.photogrid.fullimghover { padding: 0; }
.photogrid.fullimghover .typephotocontainer { position: relative; border-radius: 10px; overflow: hidden; }
.photogrid.fullimghover .gridcontent { padding:0; position: absolute; background-color: rgba(0,0,0,0.5); width: 100%; height:0; top:0; left:0;transition: all 0.2s ease; }
.photogrid.fullimghover .gridcontent:after { content: '';position: absolute;width: 60px;height: 60px; margin: -60px auto 60% auto; display: block;bottom:0;right:0; top:0; left:0; color:white; transition: all 0.2s ease; text-align:center; background-image: url(img/plus.svg); background-repeat: no-repeat; background-position: center center; filter: invert(100%); }
.photogrid.fullimghover .typephotocontainer:hover .gridcontent { height: 100%; }
.photogrid.fullimghover .typephotocontainer:hover .gridcontent:after { margin-top:40%;}
.photogrid.fullimghover .overlaytext { padding:1em; text-align: center; color:white; max-width: 80%; margin:auto; left:0; right:0; position: absolute; bottom: 0; }
.photogrid.fullimghover .overlaytext .gridposttitle { min-height: auto; color: white; font-weight: bold; margin-bottom:0.2em; }
.photogrid.fullimghover .overlaytext .readmore { margin: 2em auto 0 auto; text-transform: uppercase; font-weight: normal; background: none; border: 1px solid white; border-radius: 0; color: white !important; max-width: 60%; padding: 1em 2em !important; display: block; }
/* IMAGESBLOCKS OVERLAY GRID 50% LAYER------------------------------*/
.scaleimghover .typephotocontainer, .scaleimghover .gridimage { min-height: 500px; transition: all 0.3s ease; }
.scaleimghover .typephotocontainer { position: relative; border-radius: 10px; overflow: hidden; }
.scaleimghover .gridcontent { padding:0; height:0; position: absolute; bottom:0; background-color: rgba(0,0,0,1);transition: all 0.3s ease; }
.scaleimghover .typephotocontainer:hover .gridimage { height: 50% !important; min-height: 300px; transition: all 0.3s ease; }
.scaleimghover .typephotocontainer:hover .gridcontent { height: 50%; transition: all 0.3s ease; }
.scaleimghover .overlaytext { padding: 0 2em; color:white; top: 15%; bottom:0; position: relative; }
.scaleimghover .overlaytext .gridposttitle { min-height: auto; color: white; font-weight: bold; margin:0 0 0.3em 0; }
.scaleimghover .overlaytext .readmore { margin: 2em 0 1em 0; text-transform: uppercase; font-weight: normal; background: none; border: 1px solid white; border-radius: 0; color: white !important; max-width: 60%; padding: 0.5em !important; display: block; }
/* IMAGESBLOCKS OVERLAY GRID VISIBLE TEXT ------------------------------*/
.overlayimg .typephotocontainer { min-height: 500px; position: relative; border-radius: 10px; overflow: hidden; transition: all 0.3s ease; background: black; }
.overlayimg .gridimage { min-height: 500px; transition: all 0.3s ease; }
.overlayimg .gridcontent { padding:0; height: 50%; position: absolute; bottom:0; background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 40%); transition: all 0.3s ease; }
.overlayimg .typephotocontainer:hover .gridimage { height: 50% !important; min-height: 260px; transition: all 0.3s ease; }
.overlayimg .typephotocontainer:hover .gridcontent { height: 50%; transition: all 0.3s ease; b1ackground-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 0%); }
.overlayimg .overlaytext { padding: 0 2em; color:white; top: 15%; bottom:0; position: relative; }
.overlayimg .overlaytext .gridposttitle { min-height: auto; color: white; font-weight: bold; margin:0 0 0.3em 0; }
.overlayimg .overlaytext .readmore { margin: 2em 0 1em 0; text-transform: uppercase; font-weight: normal; background: none; border: 1px solid white; border-radius: 0; color: white !important; max-width: 60%; padding: 0.5em !important; display: block; }
/* MISC ------------------------------*/
a {transition: 0.5s;text-decoration:underline !important;outline: none;}
a:hover {text-decoration: none !important;}
.scttl { font-weight: 100; opacity: 0.5; font-size:80%; }
.aligncenter {display: block; margin-right: auto; margin-left: auto;}
.alignleft { display: inline; float: left; margin-right: 1.5em;}
.alignright { display: inline; float: right; margin-left: 1.5em;}
.inverted { filter: invert(100%); }
.grayscaled { filter: grayscale(100%); }
.grayscaledhov { filter: grayscale(100%); }
.grayscaledhov:hover { filter: grayscale(0%); }
.hidetext { font-size: 0 !important;line-height: 0 !important;color:transparent !important;text-indent: -9999px;padding:0;white-space: nowrap;color:transparent; display: inline;vertical-align: middle;}
.entry-meta { margin-bottom: 2em; font-size: 70%; }
.screen-reader-text { display: none; }
body #wpadminbar a { color: white !important; }
.admin-bar .navbar.fixed-top { top: 32px !important; }
.click { cursor: pointer; }
.hover:hover {background: rgba(0,0,0,0.05);}
.link { color: var(--colorlink); text-decoration: underline; cursor: pointer; position: relative; display: inline-block; }
.link:hover { text-decoration: none; }
.showhideid span.arrow { display: inline-block; padding: 6px;background-size:9px !important;width: 11px;height: 11px;}
.btn {border:0;}
.btn:hover {opacity:0.9;}
.hrline { position: relative; width: 100%; vertical-align: middle; opacity: 0.6; margin: auto; display: block; }
.hrline:before, .actionbox .hrline:after{ content: ""; position: absolute; width: 200px; height: 1px; border-bottom: 1px solid white; top: 70%; }
.hrline:before { right: 54%; }
.hrline span { color: white; font-size: 1.2rem; }
.nextprev { text-align: right; margin-top: 1em; }
.nextprev a { line-height: 1; font-size: 1rem; line-height: 1;}
.btn.nextpost, .btn.prevpost {text-decoration:none !important;display:inline-block;border:0;}
.gmap { margin-top: 2rem;}
.gmap.grayscale {filter: gray; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; /* Fix for transition flickering */}
.gmap iframe, .gmap { max-height: 400px !important;}
.iframe1 { width: 100%;height: auto;max-width: 100%; max-height: 700px;}
.fixblurry { image-rendering: -webkit-optimize-contrast; }/* Webkit FIX blurred (non-standard naming) */
.bticon { margin: 0px 10px 0 0;opacity: 0.7;max-width:16px;max-height: 16px;
filt1er: invert(34%) sepia(60%) saturate(3668%) hue-rotate(350deg) brightness(95%) contrast(99%);
}
.post-cats a {border:1px solid #e5e5e5;display: inline-block;padding: 10px;margin-bottom: 10px;}
.post-cats a:hover { background: #e5e5e5; text-decoration: none !important;}
.date.updated { font-style: italic; margin-bottom:4px; }
.searchtitle { text-align: center; margin: 2rem auto 1rem auto; }
.list-group-item a {display:block;} .list-group-item:hover { background: rgba(0,0,0,0.05);}
.toc { margin-left: -15px; font-size: 95%; }
.toc a { text-decoration: none !important; color: var(--colortext) !important; font-weight: 500; padding: 1em 1em !important; }
.toc a:hover { color: var(--color1) !important; }
ul.inlinetoc { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.inlinetoc li { white-space: nowrap; }
/* LISTS */
.tick ul, .tick ol { padding:0; margin:0;}
.tick ul li { list-style:none; background-image: url('icons/tick-icon.svg'); background-repeat: no-repeat; background-position: left 6px; padding: 0 0 20px 30px; }
.tickcount ol { list-style: none; counter-reset: count; margin-left:20px; }
.tickcount ol li { counter-increment: count; padding: 0 0 20px 0; }
.tickcount ol li::before { content: counter(count);color: white;font-weight: bold;margin: 10px 0 0 -40px;background: var(--color1);box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);border-radius: 6px; margin-right: 10px;text-align: center; width: 30px;height: 30px;line-height: 30px;display: inline-block; }
blockquote { position: relative; margin: 8em 0; }
blockquote:before { content: ""; position: absolute; top:0; left:-10%; right:0; bottom: 0; margin: auto; width: 120%; height: 160%; background: var(--color3); z-index: -1; max-width: 1440px; border-radius: 24px; }
.lyte-wrapper { width: 100% !important; }
/* EFFECTS */
.gradient {position:relative;z-index: 0;}
.gradient:after { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0;background: linear-gradient(123deg, rgba(256,256,256,1) 40%, rgba(256,256,256,0.4) 100%); z-index: -1;opacity: 0.9;transition: 0.5s;box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.1);}
.gradient:hover:after { opacity: 0.9;}
.gradientfillblack, .gradientfillwhite {position:relative;z-index: 0;}
.gradientfillblack:after { content: ""; background: rgba(0,0,0,0.6); z-index: -1; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0;transition: 0.5s;}
.gradientfillwhite:after { content: ""; background: rgba(256,256,256,0.6); z-index: -1; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0;transition: 0.5s;}
.bottombord::after { border: none; background-image: linear-gradient(135deg, rgba(150,150,150,0.9) 12.5%, transparent 12.5%, transparent 50%, rgba(150,150,150,0.9) 50%, rgba(150,150,150,0.9) 62.5%, transparent 62.5%, transparent 100%); background-size: 5px 5px; display: block; content: " "; width: 100%; height: 2px; bottom: 0; left: 0; opacity: 1; margin-top: 8px;}
.bullet:before { content: " "; width: 0.75em; height: 0.75em; display: inline-block; background: #777; -webkit-clip-path: polygon(100% 0, 100% 60%, 60% 100%, 0% 100%, 0 0, 0% 0%); clip-path: polygon(100% 0, 100% 60%, 60% 100%, 0% 100%, 0 0, 0% 0%); margin-right: 0.8em; background: linear-gradient(45deg, #00a2ff 0%, #5c20ef 100%); }
@media screen and (min-width: 992px) {
.paralax {background-color: rgba(0,0,0,0.5);background-attachment: fixed;background-position: bottom; background-repeat: no-repeat;background-size: 100%;
padding: 100px 0 30px;position: relative;z-index: 0;}
}
.ornament {position:relative;}
.ornament:after { content: '';position: absolute;width: 50%;height: 100%;background: rgba(0,0,0,0.3);padding: 0 20px 20px 0;display: block;bottom: -50px;right: -40px;z-index:-1;max-width: 150px;}
.shadow { box-shadow: 8px 8px 10px rgba(0,0,0, 0.1);}
.textgradient {font-size: 72px;font-weight: 900;background: -webkit-linear-gradient(#AE74F3, #2A0071);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block; /* Safari fix !!! */}
.titleline { position: relative; }
.titleline:before { content: ""; position: absolute; top: -15px; left: 0; right:0; margin: auto; width: 100px; height: 6px; border-top: 6px solid white; }
.pattern {position: relative;overflow:hidden;}
.pattern {background-image: url('img/pattern.png') !important;}
.pattern:before {content: ""; position: absolute;top: -150px;left: -150px;width: 600px;height: 600px;border-radius: 50%;background: rgb(203,210,228); background: radial-gradient(circle, var(--color3) 0%, rgba(255,255,255,0) 60%);}
.flatmodal .modal-content { border:0; border-radius: 0; }
.flatmodal .modal-content .modal-body { padding: 1rem 2rem; }
/* VIDEO COVER */
.videohead { position: relative; background-color: black; height: 100vh;min-height: 25rem; width: 100%; overflow: hidden; }
.videohead video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.videoheadtext { margin-top: -50px; }
.videohead .container { position: relative; z-index: 2;}
.videohead .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.2; z-index: 1;}
/* HOVER IMAGE */
.hovereffect { position:relative; padding:0; width:300px; display:block; cursor:pointer; overflow:hidden; margin: auto;}
.hovereffect a {text-decoration:none;color:white;display:inline-block;}
.hovereffect .gridcontent { opacity:0; position:absolute; top:0; left:0;background-image: linear-gradient(360deg, rgba(146,60,99,0.91) 60%, rgba(95,137,207,0.8) 100%); width:300px; height:300px; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out;-o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out; text-align:center;}
.hovereffect .gridcontent:hover { opacity:1; }
.hovereffect .gridcontent .text { height:0; opacity:1; transition-delay: 0s; transition-duration: 0.3s; }
.hovereffect .gridcontent:hover .text { opacity:1; transform: translateY(100px); -webkit-transform: translateY(100px); }
/* HOVER IMAGE - simple */
.titleover { position:relative; transition: 0.5s; }
.titleover .gridcontent { position: absolute; bottom:0; background: rgba(0,0,0,0.5); width: 100%; transition: 0.5s; padding: 0;}
.titleover .gridcontent .gridposttitle { margin:0; }
.titleover .gridcontent .gridposttitle a { color:white !important; padding: 1rem; }
.titleover:hover .gridcontent { background: rgba(0,0,0,0.8); }
/* ARROWSCROLL - fade move down */
.arrowscroll { margin: auto; position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; text-decoration: none !important; color: white !important; font-size: 40px; font-weight: 300 !important; line-height: 40px; z-index: 100; text-shadow: 0px 0px 3px rgba(0,0,0,0.4); -webkit-animation: ani_fade_move_down 2s ease-in-out infinite; animation: ani_fade_move_down 2s ease-in-out infinite; }
@-webkit-keyframes ani_fade_move_down { 0% { -webkit-transform:translate(0,-20px) rotate(90deg); opacity:0 } 50% { opacity:1 } 100% { -webkit-transform:translate(0,20px) rotate(90deg); opacity:0 } }
@keyframes ani_fade_move_down { 0% { transform:translate(0,-20px) rotate(90deg); opacity:0 } 50% { opacity:1 } 100% { transform:translate(0,20px) rotate(90deg); opacity:0 } }
/* TRANSLATE */
.qtrlnghref img { max-width: 22px; margin-top: -5px; }
/* TOOLTIPS */
.tooltip div.arrow { background-image: none !important; }
.tooltip-inner { background-color: #d9d9d9; color: black; }
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: #d9d9d9; }
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { border-right-color: #d9d9d9; }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #d9d9d9; }
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { border-left-color: #d9d9d9; }
/* ANIMATIONS */
@media screen and (min-width: 992px) {
.animateonviz { opacity: 0; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.startanimation{opacity: 0;animation: fadeIn 1s ease-in both;animation-delay: 0s;}
.animateonviz .startanimation{opacity: 0;animation: fadeIn 0.1s ease-in both;animation-delay: 0s;}
@keyframes fadeInTop { from { opacity: 0; transform: translate3d(0, -30%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
.aniFadeTop.startanimation{opacity: 0;animation: fadeInTop 1s ease-in both;animation-delay: 0s;}
.aniFadeTop.animateonviz .startanimation{opacity: 0;animation: fadeInTop 0.1s ease-in both;animation-delay: 0s;}
.anidelay .animateonviz:nth-child(1) {animation-delay: 0.1s;}
.anidelay .animateonviz:nth-child(2) {animation-delay: 0.3s;}
.anidelay .animateonviz:nth-child(3) {animation-delay: 0.5s;}
.anidelay .animateonviz:nth-child(4) {animation-delay: 0.7s;}
}
/* ROTATE ON HOVER */
.anirotate a img{ position:relative; z-index:2;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.anirotate a:hover img{-webkit-transform: rotate(360deg) scale(1.2);-moz-transform: rotate(360deg) scale(1.2);-o-ttransform: rotate(360deg) scale(1.2);transform: rotate(360deg) scale(1.2);}
/* COUNTERS */
.countbox { text-align: center; }
.countbox .counter { font-size: 3rem; min-height: 35px; }
.countbox .plus { font-size: 2.5rem; color: #a0a0a0; }
.countbox .countinfo { display: block; }
/* OVERLAY */
.overlayon #content, .overlayon #footer { position: relative; z-index: 0 !important; }
/* SEARCH */
#searchrow { margin: auto; text-align: right; }
#searchrow .woocommerce-product-search { max-width: 500px; margin: auto; float:right; }
#searchrow .form-group, #searchrow .form-control { margin:0; border-color: var(--color1) !important; }
#searchrow .btn { padding: 0.6rem 1.5rem !important; margin:0 !important; }
#searchrow .search-field { min-width: 400px; }
/* CF7 */
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::after,.wpcf7-list-item-label::before{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url]{direction:ltr}
.wpcf7-not-valid-tip { font-size: 0.8rem; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { margin: 0 0 20px 0; font-size: 1.2rem; background-color: #F2F2F2; } .wpcf7 form.invalid input, .wpcf7 form.invalid textarea, .wpcf7-special-tag.wpcf7-not-valid button { margin-bottom:0; border-color: #fbcfd0 !important; }
.wpcf7-list-item { margin:0; }
.termschk .wpcf7-not-valid-tip { margin-left: 5px; display: inline; }
.termschk { font-size: 0.9rem !important; line-height:1 !important; }
.alo_easymail_widget_ok { margin: 10px 0 15px 0 !important; background:rgba(0,0,0,0.1); border-color: gray; padding: 20px; color:black; margin:1rem; }
.dropdown.multiselect .dropdown-menu { padding: 10px; z-index: 999; }
.dropdown.multiselect .dropdown-menu .form-check { margin: 2px 0;}
.dropdown.multiselect .dropdown-toggle { text-align: left; }
.dropdown.multiselect button small { float: right; color: green; }
.dropdown.multiselect .dropdown-item { white-space: normal; }
/* FORMS RESSET */
input.input-text, textarea.input-text, input.wpcf7-text, textarea.wpcf7-textarea, .form-control { border:1px solid #e5e5e5; border-radius: 0; box-sizing: border-box; font-size: 16px; height: 40px; line-height: 1.33; margin: 0; outline: medium none; padding: 10px; width: 100%; margin-bottom: 1.5rem; }
select { border:1px solid #e5e5e5; padding: 3px;}
textarea { min-height: 80px; max-height: 140px; width: 100%; }
:focus::-webkit-input-placeholder {color:transparent;} :focus::-moz-placeholder {color:transparent;} :-moz-placeholder {color:transparent;}
::placeholder { font-size: 0.9rem; font-weight: 300; }
.form-control:focus { border-color: var(--color1); box-shadow: 0 0 0 .2rem var(--color11); }
/* NEWSLETTER */
.newsltetterbox { max-width: 1100px; margin: auto; position: relative; }
.newsltetterbox .wpcf7 { position: relative; }
.newsltetterbox .wpcf7:before { content: ""; position: absolute; top: -25px; left: -25px; display: inline-block; background: url(img/newsletter.png); background-repeat: no-repeat; width: 55px; height: 55px; }
.newsltetterbox p { margin: 0; }
.newsltetterbox .form-group { margin:0 !important; }
.newsltetterbox div.wpcf7 .ajax-loader { position: absolute; }
.newsltetterbox #submitbtn { margin-top: -3px; border-radius: 3px; width:100%; max-width: 100px; min-width: 70px; }
.mc4wp-checkbox { display: none !important; }
.newslettertitle { display: block; position: absolute; top: -45px; color: #0175B0; font-weight: bold; margin-left: 33px; }
/* COMMENTS */
#comments { padding: 1em; background: rgba(0,0,0,0.03); margin-top: 2em; }
.comment-respond { padding: 1em; background: rgba(0,0,0,0.05); margin-top: 2em; }
.comment-form-comment label { display: block; }
.commentlist li.comment { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid rgba(0,0,0,0.05); }
.comment-form-cookies-consent input, .comment-form-cookies-consent label { display: inline; width: auto; }
/* PROMO / COUPON TOP ROW*/
.hascoupon .sitetop { background-color:#808080; background-size: auto 100px; background-position: center; color:black; font-size: 0.9rem; padding: 5px; font-weight: bold; text-align: center; z-index: 99999999999; display: block; position: absolute; top: 0; width: 100%; margin: auto; }
body.hascoupon { padding-top: 32px; }
.hascoupon .fixed-top { top: 32px; }
/* SOCIAL */
.social{text-align:left}.social a{margin:0 4px;text-decoration:none!important;border-radius:100%;display:inline-block !important;padding:4px;line-height:20px; color: var(--colornav) !important; }.social img{width:24px; height:24px; min-width: 24px; min-height: 24px;background-color:#cccccc;}.social2{margin-bottom:20px;text-align:center}.social2 a{text-decoration:none}.facebook-ico:hover img {background-color:#3b559f}.youtube-ico:hover img {background-color:red}.linkedin-ico:hover img {background-color:#0073b0}.skype-ico:hover img {background-color:#01aaeb}.twitter-ico:hover img {background-color:#1da1f2}.instagram-ico:hover img {background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)} .sendemail-ico:hover img {background-color:#ee802f !important;} .callphone-ico:hover img {background-color:#c1cd75 !important;}
.social-icon:hover img { opacity:1; } .float-ceter { text-align: center; }
.social .pretext { text-transform: uppercase; font-weight: bold; color: #8e8e8e; margin-right: 1em; }
.social-icon.instagram-ico img { width:20px; height:20px; min-width: 20px; min-height: 20px; margin-right: 5px; }
.iconon img { margin-right: 5px; }
/* PAGINATION */
.pagination { margin: auto; justify-content: center;}
.pagination .page-item, body .pagination li { list-style-type:none !important; list-style-image:none !important; }
.pagination .page-link {color: black; border-radius:0 !important; text-decoration: none !important; }
.pagination .page-item.active .page-link { background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.05); color: black; }
/* SCROLL TO TOP */
.scrollbut { max-width:30px; max-height:30px; bottom: 20px; right: 20px; position: fixed; z-index:9999; background-color: rgba(0,0,0,0.4); text-align: center; margin: auto; display: inline-block; outline:0; visibility: hidden; opacity: 0; transition: visibility 0s 0.4s, opacity 0.4s linear; border-radius: 2px;padding:0 !important;}
.scrollbut a { padding:0 !important;margin:0 !important; vertical-align: top; opacity: 1; margin:0 !important;width:30px;height:30px;outline:0;border:none; }
.scrollbut.scrollbutOn { visibility: visible; opacity: 0.6; transition: opacity 0.4s linear; }
.scrollbut:hover { opacity: 1; }
.scrollbut a.arrow { filter: invert(100%); }
/* SEPARATOR */
.separator { position: relative; text-align:center; margin: 2rem 0; }
.separator div { display:block; background-repeat:no-repeat; background-position:center; background-color: #FCFCFC; background-size: contain; height: 42px; max-width: 450px; margin: auto; }
.separator.hr div { background-color: silver; }
.separator.hr:before{content:"";position: absolute;width: 100%;height: 1px;border-bottom: 1px solid #CE9F9D;top:25px;left:0;z-index:-1;}
/* BREADCRUMB */
.breadcrumb, .woocommerce .woocommerce-breadcrumb { overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 0.95rem; color: gray; background:none; padding: 0; }
.woocommerce-breadcrumb a, .breadcrumb a { color: gray !important; }
.breadcrumb span { margin: 0 3px; }
.breadcrumb span:first-child { margin-left: 0 !important; }
.breadcrumb .current-item { display:inline-block; max-width: 300px; overflow: hidden; color: rgba(256,256,256, 0.6); }
/* POST FILE ATTCHMENTS GRID */
.postattachments .attachname { min-height: 40px; margin-top: 10px; }
.postattachments .attachthumb { max-width: 190px; }
/* UL COLUMNS */
ul.columns-list { list-style:none;padding: 0; margin:0;overflow: hidden;}
ul.columns-list li {width: 49%;float:left;padding:0 0 10px 0px;margin: 0;text-transform: uppercase;}
ul.columns-list.col3 li{width: 33%;}
@media screen and (max-width: 600px) { ul.columns-list li { width: 100% !important; } }
/* UL COLUMNS FLEX */
ul.columns-flex { display: flex; }
ul.columns-flex li { flex: auto; margin: 0 10px !important; }
ul.columns-flex li a { font-weight: bold; }
ul.columns-flex li ul li a { font-weight: normal; }
/* VERTICAL NAVIGATION */
.vertical-nav { border: 1px solid #e6e6e6; border-right: 0; background: white; text-transform: uppercase; }
.vertical-nav .nav-item-head { display: block; padding: .8rem 1rem; font-weight: bold; color: white; }
.vertical-nav .nav-item { border-bottom: 1px solid rgba(0,0,0,0.05); }
.vertical-nav .nav-item:last-child { border: 0; }
.vertical-nav .nav-item:hover { background-color: rgba(0,0,0,0.05); }
.vertical-nav .nav-item.nav-item-head:hover { background-color: var(--color1) !important; }
.vertical-nav { border-top-color: var(--color1) !important; }
/* ACCORDION */
.accordion {width:100%;}
.accordion .accordwrap { border-bottom: 1px solid var(--color3); }
.accordion .accordtitle { text-decoration:none; display:block; font-weight: bold; min-height:64px; vertical-align:text-bottom; transition: 0.5s; padding: 0.7rem 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.accordion .accordtitle .h5 { font-weight: bold; line-height: 1.4; }
.accordtitle.arrow span { padding-left:30px; line-height: 2; display:block; margin-bottom:0 !important; }
.accordion .accordtitle:hover, .accordion .accordtitle[aria-expanded="true"] { b1ackground-color: var(--color3); }
.accordion .accordtitle .arrow { float:left; text-align:center; display:inline-block; height: 30px; width: 30px; opacity: 0.5; }
.accordion .accordcontent { b1ackground-color: var(--color3); }
.accordion .accordinternal { padding: 0; font-size: 90%; }
.accordion .accordwrap:last-child{ border:0; }
.accordion .faqins { height: 100%; }
.accordion .faqtitle { margin-bottom: 1em; }
.accordion.list-group .list-group-item { padding: 0; }
.accordion.list-group .accordtitle span { margin-bottom:0; }
.accordion.list-group .list-group-item-action { color: inherit; }
.accordion.list-group .accordtitle:hover, .accordion .accordtitle[aria-expanded="true"] { background-color: transparent !important; }
.accordion.list-group .accordcontent { font-size: 90%; background-color: rgba(256,256,256,0.05); }
a.list-group-item { text-decoration: none !important; }
.plusminus { width: 31px; height: 31px; float: right; position: relative; }
.plusminus:before, .plusminus:after { border: 1px black; transition: transform 0.15s ease-out; content: ''; display: block; position: absolute; }
.plusminus:before { width: 25px; height: 1px; border-top: 1px solid; margin-top: 15px; margin-left: 3px; }
.plusminus:after { width: 1px; height: 25px; border-right: 1px solid; margin-top: 3px; margin-left: 14px;}
.accordtitle[aria-expanded="true"] .plusminus:after { transform: rotate(90deg); }
.accordtitle[aria-expanded="true"] .plusminus:before { transform: rotate(180deg); }
.accordtitle:hover .plusminus { opacity: 0.5; }
/* ICON ARROW */
.arrow, .customarrow .aright, .customarrow .aleft { background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: all 0.3s ease-in-out 0s; display:block; }
.arrowright, .customarrow .aright { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.arrowleft, .customarrow .aleft, #footer.expandon .footer-side .widgettitle.expanded .arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.arrowup { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.arrowdown, .accordtitle[aria-expanded="false"] .arrow { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.icon { display: inline-block !important; background-repeat: no-repeat; background-size: cover; b1ackground-color: white; margin: 10px 15px; width: 34px !important; height: 34px !important; o1pacity: 0.7; padding: 0 !important; }
#header .icon { filter: invert(100%); }
/* ICON CART */
.cartico::before,.ico-cart, .addcarticon .add_to_cart_button, .addcarticon .single_add_to_cart_button {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 489 489'%3E%3Cg%3E%3Cpath d='M440.1,422.7l-28-315.3c-0.6-7-6.5-12.3-13.4-12.3h-57.6C340.3,42.5,297.3,0,244.5,0s-95.8,42.5-96.6,95.1H90.3 c-7,0-12.8,5.3-13.4,12.3l-28,315.3c0,0.4-0.1,0.8-0.1,1.2c0,35.9,32.9,65.1,73.4,65.1h244.6c40.5,0,73.4-29.2,73.4-65.1 C440.2,423.5,440.2,423.1,440.1,422.7z M244.5,27c37.9,0,68.8,30.4,69.6,68.1H174.9C175.7,57.4,206.6,27,244.5,27z M366.8,462 H122.2c-25.4,0-46-16.8-46.4-37.5l26.8-302.3h45.2v41c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5v-41h139.3v41 c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5v-41h45.2l26.9,302.3C412.8,445.2,392.1,462,366.8,462z'/%3E%3C/g%3E%3C/svg%3E"); }
/* ICON WISHLIST */
.wishico::before,.ico-wishlist {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M25,40.05957l-.34277-.13769C21.91064,38.82324,8.16016,32.76758,7.20215,21.458a14.38717,14.38717,0,0,1-.04883-1.46094H7.09326c0-5.50586,4.22315-9.98486,9.41455-9.98486A9.40227,9.40227,0,0,1,25,15.688a9.40227,9.40227,0,0,1,8.49219-5.67578c5.1914,0,9.415,4.479,9.415,9.98486l-.06055.00391a14.44311,14.44311,0,0,1-.04883,1.45605c-.957,11.31055-14.708,17.36621-17.45508,18.46485ZM9.23682,17.73047l.00146.00049a13.11108,13.11108,0,0,0-.19726,3.5708C9.87939,31.2041,22.35938,36.958,25,38.06836c2.64062-1.11035,15.12109-6.86426,15.96-16.7666a12.84315,12.84315,0,0,0,.01563-1.91016L40.75684,17.708a7.68184,7.68184,0,0,0-7.26465-5.85108c-4.17383,0-7.56983,3.65186-7.56983,8.14014H24.07764c0-4.48828-3.396-8.14014-7.56983-8.14014A7.68418,7.68418,0,0,0,9.23682,17.73047Z'/%3E%3C/svg%3E") !important;}
/* ICON SEARCH */
.searchico::before,.ico-search {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
background-size: 33px;
background-position: center -2px;
}
.userico::before,.ico-user {
background-image: url("data:image/svg+xml,%3Csvg viewBox='-42 0 512 512.001' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m210.351562 246.632812c33.882813 0 63.21875-12.152343 87.195313-36.128906 23.96875-23.972656 36.125-53.304687 36.125-87.191406 0-33.875-12.152344-63.210938-36.128906-87.191406-23.976563-23.96875-53.3125-36.121094-87.191407-36.121094-33.886718 0-63.21875 12.152344-87.191406 36.125s-36.128906 53.308594-36.128906 87.1875c0 33.886719 12.15625 63.222656 36.128906 87.195312 23.980469 23.96875 53.316406 36.125 87.191406 36.125zm-65.972656-189.292968c18.394532-18.394532 39.972656-27.335938 65.972656-27.335938 25.996094 0 47.578126 8.941406 65.976563 27.335938 18.394531 18.398437 27.339844 39.980468 27.339844 65.972656 0 26-8.945313 47.578125-27.339844 65.976562-18.398437 18.398438-39.980469 27.339844-65.976563 27.339844-25.992187 0-47.570312-8.945312-65.972656-27.339844-18.398437-18.394531-27.34375-39.976562-27.34375-65.976562 0-25.992188 8.945313-47.574219 27.34375-65.972656zm0 0'/%3E%3Cpath d='m426.128906 393.703125c-.691406-9.976563-2.089844-20.859375-4.148437-32.351563-2.078125-11.578124-4.753907-22.523437-7.957031-32.527343-3.3125-10.339844-7.808594-20.550781-13.375-30.335938-5.769532-10.15625-12.550782-19-20.160157-26.277343-7.957031-7.613282-17.699219-13.734376-28.964843-18.199219-11.226563-4.441407-23.667969-6.691407-36.976563-6.691407-5.226563 0-10.28125 2.144532-20.042969 8.5-6.007812 3.917969-13.035156 8.449219-20.878906 13.460938-6.707031 4.273438-15.792969 8.277344-27.015625 11.902344-10.949219 3.542968-22.066406 5.339844-33.042969 5.339844-10.96875 0-22.085937-1.796876-33.042968-5.339844-11.210938-3.621094-20.300782-7.625-26.996094-11.898438-7.769532-4.964844-14.800782-9.496094-20.898438-13.46875-9.753906-6.355468-14.808594-8.5-20.035156-8.5-13.3125 0-25.75 2.253906-36.972656 6.699219-11.257813 4.457031-21.003906 10.578125-28.96875 18.199219-7.609375 7.28125-14.390625 16.121094-20.15625 26.273437-5.558594 9.785157-10.058594 19.992188-13.371094 30.339844-3.199219 10.003906-5.875 20.945313-7.953125 32.523437-2.0625 11.476563-3.457031 22.363282-4.148437 32.363282-.679688 9.777344-1.023438 19.953125-1.023438 30.234375 0 26.726562 8.496094 48.363281 25.25 64.320312 16.546875 15.746094 38.4375 23.730469 65.066406 23.730469h246.53125c26.621094 0 48.511719-7.984375 65.0625-23.730469 16.757813-15.945312 25.253906-37.589843 25.253906-64.324219-.003906-10.316406-.351562-20.492187-1.035156-30.242187zm-44.90625 72.828125c-10.933594 10.40625-25.449218 15.464844-44.378906 15.464844h-246.527344c-18.933594 0-33.449218-5.058594-44.378906-15.460938-10.722656-10.207031-15.933594-24.140625-15.933594-42.585937 0-9.59375.316406-19.066407.949219-28.160157.617187-8.921874 1.878906-18.722656 3.75-29.136718 1.847656-10.285156 4.199219-19.9375 6.996094-28.675782 2.683593-8.378906 6.34375-16.675781 10.882812-24.667968 4.332031-7.617188 9.316407-14.152344 14.816407-19.417969 5.144531-4.925781 11.628906-8.957031 19.269531-11.980469 7.066406-2.796875 15.007812-4.328125 23.628906-4.558594 1.050781.558594 2.921875 1.625 5.953125 3.601563 6.167969 4.019531 13.277344 8.605469 21.136719 13.625 8.859375 5.648437 20.273437 10.75 33.910156 15.152344 13.941406 4.507812 28.160156 6.796875 42.273437 6.796875 14.113282 0 28.335938-2.289063 42.269532-6.792969 13.648437-4.410156 25.058594-9.507813 33.929687-15.164063 8.042969-5.140624 14.953125-9.59375 21.121094-13.617187 3.03125-1.972656 4.902344-3.042969 5.953125-3.601563 8.625.230469 16.566406 1.761719 23.636719 4.558594 7.636719 3.023438 14.121093 7.058594 19.265625 11.980469 5.5 5.261719 10.484375 11.796875 14.816406 19.421875 4.542969 7.988281 8.207031 16.289062 10.886719 24.660156 2.800781 8.75 5.15625 18.398438 7 28.675782 1.867187 10.433593 3.132812 20.238281 3.75 29.144531v.007812c.636719 9.058594.957031 18.527344.960937 28.148438-.003906 18.449219-5.214844 32.378906-15.9375 42.582031zm0 0'/%3E%3C/svg%3E");
}
.filterico::before,.ico-filter {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z'/%3E%3C/svg%3E");
background-size: 24px;
}
/* ICON QUOTE 2 */
.quote2::before {display: inline-block;content: "";width: 24px;height: 24px;padding: 12px;border-radius: 3px;vertical-align: middle;margin: 4px;float:left; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center; opacity:0.3; background-size: 18px;}
.quote2 { font-style: italic; }
/* ICON GRID1 */
.g1ridico::before,.ic1o-grid {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='20px' version='1.1' viewBox='0 0 20 20' width='20px' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23000000' id='Core' transform='translate(-340.000000, -4.000000)'%3E%3Cg id='apps' transform='translate(340.000000, 4.000000)'%3E%3Cpath d='M0,4 L4,4 L4,0 L0,0 L0,4 L0,4 Z M6,16 L10,16 L10,12 L6,12 L6,16 L6,16 Z M0,16 L4,16 L4,12 L0,12 L0,16 L0,16 Z M0,10 L4,10 L4,6 L0,6 L0,10 L0,10 Z M6,10 L10,10 L10,6 L6,6 L6,10 L6,10 Z M12,0 L12,4 L16,4 L16,0 L12,0 L12,0 Z M6,4 L10,4 L10,0 L6,0 L6,4 L6,4 Z M12,10 L16,10 L16,6 L12,6 L12,10 L12,10 Z M12,16 L16,16 L16,12 L12,12 L12,16 L12,16 Z' id='Shape'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.gridico::before,.ico-grid { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-grid' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z'/%3E%3C/svg%3E");
}
/* GRID FILTER */
.filtergrid { float:right; margin: 1px 0 0 15px; }
.viewtpl {display:inline-block;width:20px !important; height:20px !important; margin:0 6px; text-decoration:none !important; }
.filtergrid.gridview .setgrid { display: none !important; }
.filtergrid.listview .setlist { display: none !important; }
.setlist { height:30px !important; width:30px !important;}
.setgrid { background-size: 40px !important; height:23px !important; }
/* FOOTER */
#footer {background-color: var(--colorfootbgr);}
#footer .menu-footermenu-container a { display:block;}
#footer a:hover { text-decoration: underline; }
#footer a.active { text-decoration: none; font-weight:bold; }
#footer, #footer a { color: white !important; }
#footer ul, #footer ul li {list-style:none;margin: 0; padding:0;}
.footerlogo img { filter: grayscale(100%);opacity: 0.8;max-width: 180px;}
.copyright {text-align:center;padding: 1rem 0;font-size: 90%; }
.pis-title {margin:0 0 15px 0;padding:0;}
/* RESPONSIVE ------------------------------------------------- */
/* TOGGLER ANIMATED */
.navbar-toggler { border:0; border-radius:0; top: 0; right: 12px; position: relative; min-height: 38px; }
.navbar-toggler.togleft { right: auto; left: 0; }
.innerpage .navbar-toggler { filter: invert(100%); }
.navbar-toggler:focus { background: none; outline: 0; }
.navbar-toggler span { background: rgba(256,256,256,1); display: block; width: 30px; height: 0.20em; margin: 6px auto; transition: all .3s cubic-bezier(0.250, 0.100, 0.250, 1.000); border-radius: 6px; }
.navbar-toggler[aria-expanded="true"] span { margin: 4px auto; }
.navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(6px, 6px); }
.navbar-toggler[aria-expanded="true"] span:nth-of-type(2) { opacity: 0; }
.navbar-toggler[aria-expanded="true"] span:last-of-type { transform: rotate(-45deg) translate(5px, -5px); }
.navbar-toggler[aria-expanded="false"] span { transform: none; opacity: 1; }
.navbar-toggler-right { float:right; margin-top: 6px; margin-right: 16px; }
@media screen and (max-width: 992px) {
#header, .social, .topmenu .text-right{ text-align:left !important;}
.navbar-brand { font-size: 1.2rem; margin: 0 0 0 20px !important; }
.navbar-brand img { max-width: 150px; }
.navbar-nav .nav-link {line-height: 1.9; padding-left: 20px; padding-right: 20px; border-radius:0 !important; }
.navbar-nav .menu-item, .navbar-nav .menu-item, .navbar-nav .nav-item { margin: 0; border-radius:0 !important; }
.navbar .dropdown-menu { background: var(--color1) !important; box-shadow: none; width:100%;}
.navbar .dropdown-menu .menu-item { padding-left: 20px; }
.navbar .dropdown-menu .arrow, .navbar .dropdown-menu .dropdown-menu { display: none !important; }
.sidebar .widgettitle { margin-bottom: 0; }
#startslider .slidetitle { font-size: 1.6rem; }
#startslider .slidedesc { font-size: 1.1rem; }
h1, .pagetitle { font-size: 1.8rem !important; }
h4.blocktitle { font-size: 1.2rem; }
.pagination {font-size:1rem;}
.wpcf7 {margin-top: 2rem;}
.pagetitle.producttitle { font-size: 1.4rem !important; }
#content .sectiontitle h3, #content section .sectiontitle { font-size: 1.4rem !important; text-align:left !important; }
#content section, .sector { padding: 2rem 0; }
#footer .widget { margin-bottom: 2rem; }
.cfsloop { padding: 0.6rem 0; }
.cfsloop p { padding: 6px 0 10px 0 !important; }
}
@media screen and (max-width: 768px) {
.nav-fill .nav-item, .nav-fill > .nav-link { text-align: left; }
.navbar .replacearrow .dropdown span.arrow { right: 0; }
.gridcontent { padding: 15px 10px; }
.titleover .gridcontent .gridposttitle { padding-left: 0; font-size: 0.9rem; }
.copyright { font-size: 0.8rem; }
.homeslider .slidetitle { padding: 1rem; }
.sidebar aside { margin-bottom:0 ;}
.sidebar aside .widgettitle { padding-bottom: 0; padding-top: 0;}
}