@font-face {font-family: 'webzone-Bold';src: local('webzone-Bold'), local('webzone-Bold'),url('../fonts/webzone-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/webzone-Bold.woff2') format('woff2'),url('../fonts/webzone-Bold.woff') format('woff'),url('../fonts/webzone-Bold.ttf') format('truetype');
    font-weight: 700;font-style: normal;font-optical-sizing: auto;
}
@font-face {font-family: 'webzone-Light';src: local('webzone-Light'), local('webzone-Light'),url('../fonts/webzone-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/webzone-Light.woff2') format('woff2'),url('../fonts/webzone-Light.woff') format('woff'),url('../fonts/webzone-Light.ttf') format('truetype');
    font-weight: 200;font-style: normal;font-optical-sizing: auto;
}
@font-face {font-family: 'webzone-Regular';src: local('webzone-Regular'), local('webzone-Regular'),url('../fonts/webzone-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/webzone-Regular.woff2') format('woff2'),url('../fonts/webzone-Regular.woff') format('woff'),url('../fonts/webzone-Regular.ttf') format('truetype');
    font-weight: 400;font-style: normal;font-optical-sizing: auto;
}
@font-face {font-family: 'webzone-ExtraBold';src: local('webzone-ExtraBold'), local('webzone-ExtraBold'),url('../fonts/webzone-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/webzone-ExtraBold.woff2') format('woff2'),url('../fonts/webzone-ExtraBold.woff') format('woff'),url('../fonts/webzone-ExtraBold.ttf') format('truetype');
    font-weight: 900;font-style: normal;font-optical-sizing: auto;
}
@font-face {font-family: 'TopcreativeSemiBold-Regular';src: local('TopcreativeSemiBold-Regular'), local('TopcreativeSemiBold-Regular'),
    url('../fonts/URWGeometricExt-Heavy.eot?#iefix') format('embedded-opentype'),url('../fonts/TopcreativeSemiBold-Regular.woff2') format('woff2'),
    url('../fonts/TopcreativeSemiBold-Regular.woff') format('woff'),url('../fonts/TopcreativeSemiBold-Regular.ttf') format('truetype');
    font-weight: 600;font-style: normal;font-optical-sizing: auto;
}

body {color: #252c3c;font-size: 19px;line-height: 23px;width: 100%;font-family: "webzone-Regular", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.container {width: 100%;max-width: 1480px;}
*{outline: none;}
::focus{box-shadow: none;border: none;outline: none;}
::active{box-shadow: none;border: none;outline: none;}
a:focus{box-shadow: none;border: none;outline: none;}
a:hover{box-shadow: none;outline: none;}
.form-control:focus, .form-control:active{box-shadow: none;outline: none;}
p, p sapn {margin: 0 0 10px;text-align: justify;font-size: 19px;line-height: 1.5;font-family: "webzone-Regular", sans-serif !important;color: #2c2c2c;}
h1, h2, h3, h4, h5, h6 {color: black;font-optical-sizing: auto;font-weight: 700;font-style: normal;font-family: "TopcreativeSemiBold-Regular", sans-serif;
  font-optical-sizing: auto;font-style: normal;font-variation-settings:"slnt" 0,"CRSV" 0,"SHRP" 0;}

/* default font size */
.fa {font-size: 14px;}

/* Override the bootstrap defaults */
h1 {font-size: 39px;}
h2 {font-size: 33px;}
h3 {font-size: 28px;}
h4 {font-size: 18px;}
h5 {font-size: 12px;}
h6 {font-size: 10.2px;}
a {color: #23a1d1;}
a:hover {text-decoration: none;}
legend {font-size: 18px;padding: 7px 0px}
label {font-size: 12px;font-weight: normal;}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, 
input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, 
input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, 
input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {font-size: 12px;}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {font-size: 12px;}
.input-group .input-group-addon {font-size: 12px;height: 30px;}
img{max-width: 100%;}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline;}
.nav-tabs {margin-bottom: 15px;display: none;visibility: hidden;}
div.required .control-label:before {content: '* ';color: #F00;font-weight: bold;}

/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {text-decoration: none;color: #ffffff;background-color: #229ac8;background-image: none;}
.alcentr{align-items: center;}
.dflex{align-items: center;display: flex;flex-wrap: wrap;justify-content: center;}

/** top **/
#top {}
#top .container {padding: 0 20px;}
.topinfo li a{position: relative;}
.topinfo li a:before {content: "";background: #f9b800;left: 0;position: relative;top: -2px;width: 8px;height: 8px;border-radius: 50%;display: inline-block;margin-inline-end: 8px;}

#top .btn-link, #top-links li, #top-links a, .orario {color: #888;text-decoration: none;color: #000;font-size: 22.5px;}
#top-links a i, .orario i{color: #f9b800;font-size: 18px;}
#top .btn-link:hover, #top-links a:hover {color: #fff;}
#top-links .dropdown-menu a {text-shadow: none;}
#top-links .dropdown-menu a:hover {color: #FFF;}
#top .btn-link strong {font-size: 14px;line-height: 14px;}
#top-links {padding-top: 6px;gap: 0 12px;}
#top-links a + a {margin-left: 15px;}
.orario{margin-bottom: 10px;}

/** header 
header{background: #ffffffd9;position: sticky;top: 0;z-index: 99;padding: 5px 0;box-shadow: 0 1px 3px rgba(0, 0, 0, .15);}**/
header{width: 100%;height: 400px;margin-bottom: 20px;position: relative;z-index: 99;box-shadow: 0px 0px 0px 5000px #00000075 inset !important;}
body.common-home header{width: 100%;height: auto;margin-bottom: 0px;position: absolute;z-index: 99;box-shadow: none !important;}
.header-fix{background: transparent;position: fixed;top: 0;z-index: 99;padding: 5px 0;left: 0;right: 0;}
.web-slider{overflow-x: hidden;background: #eaf3f4;}
.header-fix.sticky{background: white;box-shadow: 0 3px 15px #0000001f;}

/** logo **/
#logo {margin: 0 0 0px 0;}
.sticky-logo {display: none !important;}
.default-logo {display: inline-block;}
.header-fix.sticky .default-logo {display: none !important;}
.header-fix.sticky .sticky-logo {display: inline-block !important;}

/** search **/
#search .input-lg {height: 40px;line-height: 20px;padding: 0 10px;}
#search .btn-lg {font-size: 15px;line-height: 18px;padding: 10px 35px;text-shadow: 0 1px 0 #FFF;}

/** menu + mobile **/
#menu {min-height: 40px;margin-bottom: 0;}
#menu .nav > li > a {color: #fff;text-shadow: none;padding: 10px 15px 9px 10px;min-height: 15px;background-color: transparent;font-size: 16.5px;position: relative;}
#menu .nav > li > a:hover, #menu .nav > li.open > a {background-color: transparent;color: #fff;}
li.dropdown a:not(.dropdown-menu a):after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #118a9b;
    margin-left: 10px;
    transition: transform 0.3s ease;
    margin-bottom: 1px;
}
#menu .dropdown-menu {padding-bottom: 0;}
#menu .dropdown-inner {display: table;}
#menu .dropdown-inner ul {display: table-cell;}
#menu .dropdown-inner a {min-width: 200px;display: block;padding: 9px 20px;clear: both;line-height: 22px;color: #333333;font-size: 17px;}
#menu .dropdown-inner li a:hover {color: #148ca2;background: transparent;}
#menu .see-all {display: block;margin-top: 0.5em;border-top: 1px solid #DDD;padding: 3px 20px;border-radius: 0 0 3px 3px;font-size: 12px;}
#menu .see-all:hover, #menu .see-all:focus {text-decoration: none;color: #ffffff;background-color: #229ac8;background-image: none;}
#menu #category {float: left;padding-left: 15px;font-size: 16px;font-weight: 700;line-height: 40px;color: #fff;}
#menu .btn-navbar {font-size: 20px;font-stretch: expanded;color: #FFF;float: right;background-color: #173a61;background-image: none;border-color: #173a61;border-radius: 20%;margin-right: 0;display: none;}
#menu .btn-navbar i{font-size: 24px;line-height: 1;}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {color: #000;background-color: transparent;border: none;outline: none;}
.navbar-nav{float: right;display: flex;align-items: center;}
.menu-item-flex a{color: #fff;text-shadow: none;padding: 10px 15px 22px;min-height: 15px;background-color: transparent;font-size: 16.5px;}
.open{margin: 0 0 10px 20px;}
.menu-item-flex a:hover{color: #fff;}
.navbar-nav>li>.dropdown-menu{margin-top: 10px;border-radius: 9px;min-width: 220px;}

.header-fix.sticky #menu .nav > li > a, .header-fix.sticky .menu-item-flex a {color: #000;}
.xfront{display: flex;justify-content: space-between;align-items: center;}
/* HAMBURGER MENU */
.hamburger-menu { width: 30px; height: 20px;position: relative;transform: rotate(0deg);transition-duration: 500ms;transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);  cursor: pointer; }
.hamburger-menu span {display: block;position: absolute;height: 2px;width: 100%;background: #fff;opacity: 1;left: 0;transform: rotate(0deg);transition: .25s ease-in-out;}
.hamburger-menu span:nth-child(1) {top: 0px; width: 100%;}
.hamburger-menu span:nth-child(2) {  top: 9px; width: 22px;}
.hamburger-menu span:nth-child(3) {  top: 18px; width: 100%;}
.hamburger-menu:hover span{ width: 100% !important;}
.hamburger-menu.open span{ width: 20px !important;}
.hamburger-menu.open span:nth-child(1) {  top: 9px; right: 0;transform: rotate(135deg); width: 28px !important}
.hamburger-menu.open span:nth-child(2) {  opacity: 0;  left: -20px;}
.hamburger-menu.open span:nth-child(3) {  top: 9px; right: 0;transform: rotate(-135deg); width: 28px !important}

.menu-close-open { display: none;margin-top: 14px;width: 30px; height: 20px;position: relative;transform: rotate(0deg);transition-duration: 500ms;transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);  cursor: pointer; }
.menu-close-open span {display: block;position: absolute;height: 2px;width: 100%;background: #000;opacity: 1;left: 0;transform: rotate(0deg);transition: .25s ease-in-out;}
.menu-close-open span:nth-child(1) {top: 0px; width: 100%;}
.menu-close-open span:nth-child(2) {  top: 11px; width: 22px;}
.menu-close-open span:nth-child(3) {  top: 22px; width: 100%;}
.menu-close-open:hover span{ width: 100% !important;}
.menu-close-open.open span{ width: 20px !important;}
.menu-close-open.open span:nth-child(1) {  top: 9px; right: 0;transform: rotate(135deg); width: 28px !important}
.menu-close-open.open span:nth-child(2) {  opacity: 0;  left: -20px;}
.menu-close-open.open span:nth-child(3) {  top: 9px; right: 0;transform: rotate(-135deg); width: 28px !important}

.btn-1 {position: relative;color: #fff;line-height: 70px;display: inline-flex;padding: 0 21px;padding-left: 6px;padding-right: 11px;margin-top: 8px;}
.btn-1 svg{display: flex;justify-content: center;color: #fff;align-items: center;border-radius: 50%;z-index: 2;position: relative;width: 50px;height: 50px;margin-right: 8px;}
p.asdas {color: #fff;font-weight:600;z-index: 2;position: relative;display: flex;line-height: 1.1 !important;font-size: 23px;text-align: left !important;align-items: center;}

.header-fix p.asdas, .header-fix .btn-1 svg{color: white;fill: white;}
.header-fix .hamburger-menu span{background: white;}
.header-fix.sticky p.asdas, .header-fix.sticky .btn-1 svg{color: black;fill: black;}
.header-fix.sticky .hamburger-menu span{background: black;}
.header-fix .menu-close-open span{background: white;}
.header-fix.sticky .menu-close-open span{background: black;}

.side-widget{transition-duration: 1s;transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);width: 489px; height: 100vh; max-width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: fixed; left: -100%; top: 0; background: #ffffff; z-index: 6;  padding:20px 30px; color: rgb(0, 0, 0);}
.side-widget.active {left: 0;z-index: 9999;box-shadow: 0 0 60px rgba(0,0,0,0.4);}
.side-widget .inner{display: flex; flex-wrap: wrap; justify-content: space-around; overflow-y: auto;  height: 100%;}
.side-widget .side-icon{display: flex;width: 100%;text-align: center;flex-wrap: wrap;justify-content: center;}
.side-widget .side-icon svg{width: 65px;height: 65px;flex: 100%;}
.side-widget .side-icon a{color: black;font-size: 24px;margin: 25px 0;}
.side-widget .topinfo{width: 100%;display: block;margin-top: 40px;margin-left: 0;text-align: center;}
.side-widget .topinfo li{display: block;margin: 8px 0;}
.side-widget .topinfo li a{color: black;}
.side-widget .topinfo li a:before{content: none;}

/* custom button effect */
@keyframes criss-cross-left2 {
    0% {left: -10px;}
    50% {left: 35%;width: 50px;height: 50px;}
    70%{left: 20%;}100% {left: 110%;width: 375px;height: 375px;}
  }  
@keyframes criss-cross-right2 {
    0% {right: -20px;}
    30% {right: 30%;width: 20px;height: 20px;}
    40%{right: 20%;}
    100% {right: 80%;width: 125px;height: 125px;}
}

@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {display: block;}
	#logo img{max-width: 270px;padding: 3px;}
	.dflex{justify-content: end;}
}
.frst{justify-content: start;}
.sec{justify-content: center;}
.navbar-button{display: inline-block;vertical-align: middle;float: right;}
.logo-img{padding: 20px;border-bottom: 1px solid #ededed;display: none;}

@media (max-width: 1025px) {
    .navbar-button{display: none;}
}
@media (max-width: 767px) {
	#menu {border-radius: 4px;}
	#menu div.dropdown-inner > ul.list-unstyled {display: block;}
	#menu div.dropdown-menu {margin-left: 0 !important;padding-bottom: 10px;background-color: rgb(0 0 0 / 3%)}
	#menu .dropdown-inner {display: block;}
	#menu .dropdown-inner a {width: 100%;color: #000;}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {background: rgba(0, 0, 0, 0.1);}
	#menu .see-all {margin-top: 0;border: none;border-radius: 0;color: #fff;}
}
/* Εμφάνιση κουμπιού και απόκρυψη οριζόντιου μενού έως τα 912px */
@media (max-width: 913px) {
    li.dropdown a:not(.dropdown-menu a):after{display: none;}
    .menu-close-open, .logo-img{display: block;}
    .navbar-header {float: none;}
    .navbar-toggle {display: block;float: left;margin-left: 15px;}
    .navbar-collapse.collapse {display: none !important;transition-duration: 1s;transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);transition: all 0.3s ease;}
    .navbar-collapse.collapse.in {display: block !important;height: 100% !important;overflow-y: auto;}
    .navbar-nav {float: none !important;margin: 0;}
    .navbar-nav > li {float: none;}  
    .custom-sidebar {position: fixed;top: 0;left: -300px;width: 300px;height: 100%;background: #fff;z-index: 9999;transition: all 0.3s ease;
        overflow-y: auto;box-shadow: 2px 0 5px rgba(0,0,0,0.2);display: block !important;visibility: hidden;padding: 0; transition: left 0.3s ease-in-out;
        transition-duration: 1s;transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    }
    .custom-sidebar.in {left: 0;visibility: visible;}
    .custom-sidebar.active {left: 0;visibility: visible;box-shadow: 0 0 60px #118a9b !important;}
    .custom-sidebar .dropdown-menu {position: static;float: none;width: 100%;box-shadow: none;border: none;background: #f9f9f9;}    
    .visible-xs {display: inline-block !important;}
    .navbar-header .visible-xs {display: inline-block !important;}
    .navbar-toggle {display: block !important;}
    .navbar-header {display: flex;align-items: center;justify-content: end;}
    .navbar-nav{display: block;}
    .menu-item-flex {display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;border-bottom: 1px solid #eee;}
    .dropdown:last-child .menu-item-flex{border-top: 1px solid #eee;}
    .navbar-nav > li > .menu-item-flex > a {padding: 0 !important;display: inline-block;}
    .toggle-submenu {padding: 5px 10px;cursor: pointer;font-size: 18px;color: #fff;background: #118a9b;border-radius: 50%;}
    .custom-sidebar .dropdown-menu {display: none;position: static;width: 100%;float: none;padding-left: 15px;}    
    .dropdown.open-mobile .toggle-submenu i:before {content: "\f068";}    
    .dropdown.open-mobile > .dropdown-menu {display: block !important;}
    .navbar-nav>li>.dropdown-menu{margin-top: 0;}
    .hamburger-menu{display: none;}
    .xfront{display: block;}
    .logo{display: inline-block;}
    .site-menu{display: inline-block;float: right;}
    .menu-item-flex a{color: black;}
    #menu .btn-navbar{display: inline-block;background: transparent;color: black;border: none;}
    #menu .btn-navbar i{font-size: 42px;}
    .navbar-button{display: inline-block;}
    .default-logo{display: block !important;}
    .sticky-logo{display: none !important;}
    .navbar-button p.asdas{color: white;}
    .btn-1 svg{fill: white;}
    .slideshow{margin-top: 72px;}
    #menu .nav > li > a{color: black;}
}
@media (max-width: 640px) {
    .navbar-button{display: none;}
    .logo{max-width: 60%;}
    .default-logo{display: block !important;}
    .sticky-logo{display: none !important;}
}

/*.menu-overlay {position: fixed !important;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 9998;display: none;}*/
.sidebar-close-container {padding: 6px 15px;text-align: right;border-bottom: 1px solid #6493fb;width: 100%;}
.close-sidebar {background: none;border: none;font-size: 19px;color: #173a61;cursor: pointer;display: flex;align-items: center;gap: 7px;}
.close-sidebar i{font-size: 20px;border-radius: 50%;background: #118a9b;color: white;width: 25px;height: 25px;line-height: 25px;}
.menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);/*z-index: 9998;*/display: none;
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="white"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>'), auto; /* Custom X cursor */
}
.custom-sidebar {z-index: 9999 !important;}

/** content **/
#content {min-height: 600px;margin-bottom: 30px;}
/*#product-category #content, #product-product #tab-description, #information-information #content {font-size: 13px;}*/
#product-product, #product-category{margin-bottom: 30px;}
#tab-description ul{padding-left: 3px;}
#tab-description ul li{line-height: 1.8;list-style: none;}
#tab-description ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #db1c23;
    margin-right: 6px;
    vertical-align: middle;
    transition: transform 0.3s ease, background 0.3s ease;
    margin-top: -5px;
}

/** footer **/
footer {margin-top: 30px;padding: 40px 0 30px;background-color: #001963;color: #e2e2e2;}
footer{background: url(../image/footerbg.jpg); background-size: cover !important;background-position: center !important;box-shadow: 0px 0px 0px 5000px #00000073 inset;}
footer hr {border-top: none;border-bottom: 1px solid #666;}
footer a {color: #fff;line-height: 2;}
footer a:hover {color: #fff;}
footer h5 {font-family: 'webzone-Regular', sans-serif;font-size: 20px;font-weight: bold;color: #fff;}

/** alert **/
.alert {padding: 8px 14px 8px 14px;}
.alert > .close {position: relative;top: -2px;right: 0px;color: inherit;}

/** breadcrumb **/
.breadcrumb {margin: 0 0 20px 0;padding: 8px 0;background: transparent;}
.breadcrumb i {font-size: 15px;}
.breadcrumb > li {text-shadow: 0 1px 0 #FFF;padding: 0 12px;position: relative;white-space: nowrap;}
.breadcrumb > li + li:before {content: '';padding: 0;}
.breadcrumb > li:after {content: '';display: block;position: absolute;top: 7px;right: -4px;width: 10px;height: 10px;
    border-right: 1px solid #a1a1a1;border-bottom: 1px solid #a1a1a1;transform: rotate(-45deg);
}
.breadcrumb > li:last-child:after{display: none;}
.pagination {margin: 0;}

/** buttons **/
.buttons {margin: 1em 0;}
.btn {padding: 7.5px 12px;font-size: 17px;border: 1px solid #cccccc;border-radius: 14px;box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
.btn-xs {font-size: 9px;}
.btn-sm {font-size: 10.2px;}
.btn-lg {padding: 10px 16px;font-size: 15px;}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {font-size: 12px;}
.btn-group > .btn-xs {font-size: 9px;}
.btn-group > .btn-sm {font-size: 10.2px;}
.btn-group > .btn-lg {font-size: 15px;}
.btn-default {color: #777;background-color: #e7e7e7;background-image: none;border-color: #b7b7b7;}
.btn-primary {color: #ffffff;background-color: #2cb5ce;background-image: none;border-color: #3ba2b9;}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color: #1f90bb;background-position: 0 -15px;}
.btn-warning {color: #ffffff;background-color: #faa732;background-image: none;border-color: #ad6704;}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);}
.btn-danger {color: #ffffff;background-color: #da4f49;background-image: none;border-color: #bd362f;}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);}
.btn-success {color: #ffffff;background-color: #5bb75b;background-image: none;border-color: #51a351;}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);outline: none;}
.btn-info {color: #ffffff;background-color: #df5c39;background-image: none;border-color: #dc512c;}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {background-image: none;background-color: #df5c39;outline: none;}
.btn-link {border-color: rgba(0, 0, 0, 0);cursor: pointer;color: #23A1D1;border-radius: 0;}
.btn-link, .btn-link:active, .btn-link[disabled] {background-color: rgba(0, 0, 0, 0);background-image: none;box-shadow: none;outline: none;}
.btn-inverse {color: #ffffff;background-color: #363636;background-image: none;border-color: #222222;}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {background-color: #222222;background-image:none;outline: none;}
.btn:focus{outline: none;box-shadow: none;border-color: transparent !important;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, 
.btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{border-color: transparent !important;outline-offset: 0;}

/** list group **/
.list-group a {border: 1px solid #DDDDDD;color: #888888;padding: 8px 12px;}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {color: #444444;background: #eeeeee;border: 1px solid #DDDDDD;text-shadow: 0 1px 0 #FFF;background-color: #4baee5;color: white;}

/** carousel **/
.carousel-caption {color: #FFFFFF;text-shadow: 0 1px 0 #000000;}
.carousel-control .icon-prev:before {content: '\f053';font-family: FontAwesome;}
.carousel-control .icon-next:before {content: '\f054';font-family: FontAwesome;}

/** product list **/
.product-layout{margin-bottom: 20px;}
.product-thumb {margin-bottom: 20px;overflow: hidden;border-radius: 25px;background: white;position: relative;border: 2px solid transparent;display: flex;flex-direction: column;height: 100%;
	border-radius: 20px;background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to left, #fc2a33, #308d9e) border-box/*border: 1px solid cornflowerblue;*/
}

.product-thumb .image {text-align: center;}
.product-thumb .image a {display: block;}
.product-thumb .image img {margin-left: auto;margin-right: auto;width: 100%;border-radius: 20px;}
.product-grid .product-thumb .image {float: none;}
@media (min-width: 767px) {
	.product-list .product-thumb .image {float: left;padding: 0 15px;}
}
.product-thumb h4 {font-weight: bold;font-size: 21px;font-family: 'webzone-Bold', sans-serif;}
.product-thumb .caption {padding: 0 20px;min-height: 80px;}
.product-list .product-thumb .caption {margin-left: 230px;}
@media (max-width: 1200px) {
	.product-grid .product-thumb .caption {min-height: 210px;padding: 0 10px;}
}
@media (max-width: 767px) {
	.product-list .product-thumb .caption {min-height: 0;margin-left: 0;padding: 0 10px;}
	.product-grid .product-thumb .caption {min-height: 0;}
}

h2.price {margin: 0;}
.product-thumb .price {color: #17274a;font-size: 22px;color: black;}
.product-thumb .price-new {font-weight: 600;font-size: 22px;color: indianred;}
.product-thumb .price-old {color: #999;text-decoration: line-through;margin-left: 10px;}
.product-thumb .price-tax {color: #999;font-size: 12px;display: block;}
.product-thumb .button-group {display: flex;justify-content: start;align-items: center;margin-top: auto;}
body.common-home .product-thumb .button-group{margin-bottom: 20px;}
.price span{font-size: 18px;}
.caption h4 a{color: #af1d23;}

@media (max-width: 768px) {
	.product-list .product-thumb .button-group {border-left: none;}
}
.product-thumb .button-group button {width: 62% !important;border: none;display: inline-block;color: #308d9e;
	line-height: 31px;font-weight: bold;background: transparent;float: right;text-align: center;border-radius: 25px;font-size: 15px;
	outline: 1px solid;outline-color: #308d9e;outline-offset: 0px;margin-block-start: auto;margin-left: 15px;
}
.gradient-box::before {content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;border-radius: 20px;background: linear-gradient(45deg, orange, purple);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;pointer-events: none;  
}

/*.mod-feature-plus .image img{border-radius: 30% 80% 50% 30% / 30% 30% 70% 70% !important;height: 320px;}*/
.mod-feature-plus .product-thumb{background: transparent;text-align: center;}
.mod-feature-plus .product-thumb p{text-align: center;}
.mod-feature-plus .product-thumb p.price{display: inline-block;text-align: center;}
.mod-feature-plus .product-thumb .button-group{justify-content: center;}
.mod-feature-plus .product-thumb .button-group button{margin-left: 0;}
.product-thumb .button-group button span{margin-right: 9px;}

.mod-feature-plus .product-thumb .button-group button{background: black;color: white;outline-color: black;width: 62%;line-height: 45px;border-radius: 10px;}
.mod-feature-plus .product-thumb .button-group button:hover{background: black;color: white;outline-color: black;}
.product-thumb .button-group button:hover {color: #308d9e;background-color: transparent;text-decoration: none;cursor: pointer;outline-color: #308d9e;}

@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {width: 33.33%;}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {width: 33.33%;}
}
.thumbnails {overflow: auto;clear: both;list-style: none;padding: 0;margin: 0;}
.thumbnails > li {margin-left: 20px;}
.thumbnails {margin-left: -20px;}
.thumbnails > img {width: 100%;}
.image-additional a {margin-bottom: 20px;padding: 5px;display: block;border: 1px solid #ddd;}
.image-additional {max-width: 78px;}
.thumbnails .image-additional {float: left;margin-left: 20px;}
.product-thumb p{line-height: 1.2;text-justify: distribute;hyphens: auto;-webkit-hyphens: auto;/* word-spacing: -0.05em; */text-align-last: left;text-align: start;
	max-height: 40px;-webkit-line-clamp: 2;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;font-size: 17px;	
}
.list-group-item:first-child{border-top-left-radius: 20px;border-top-right-radius: 20px;}
.list-group-item:last-child {border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}

@media (max-width: 1281px){
	.menu-item-flex a{padding: 10px 12px;}
	.product-thumb .button-group{padding: 0 10px;}
	.product-thumb .button-group button{width: 100% !important;}
}
@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),#content .col-lg-3:nth-child(4n+1),#content .col-lg-4:nth-child(3n+1),#content .col-lg-6:nth-child(2n+1){clear:left;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),#content .col-md-3:nth-child(4n+1),#content .col-md-4:nth-child(3n+1),#content .col-md-6:nth-child(2n+1){clear:left;}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),	#content .col-sm-3:nth-child(4n+1),	#content .col-sm-4:nth-child(3n+1),	#content .col-sm-6:nth-child(2n+1){clear:left;}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {width: 100%;}
	#column-left + #content .product-layout .col-md-3 {width: 50%;}
	#column-left + #content + #column-right .product-layout .col-md-3 {width: 100%;}
    #content + #column-right .product-layout .col-md-3 {width: 100%;}
}

#column-left .product-layout, #column-right .product-layout {width: 100%;}
.input-group .form-control[name^=quantity] {min-width: 50px;}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {background-image: none;background-color: #df5c39;}

/*-------------------------------------
 		web-infox stylesheet 	   
-------------------------------------*/
.swiper-viewport{border: none !important;box-shadow: none !important;}
#content h2{margin: 0;margin-bottom: 40px;}
.abc-main-title{color: black !important;}
.align-items-center {align-items: center !important;}
.g-5, .gy-5 {--bs-gutter-y: 3rem;}

/** frontpage module infos **/
:root {--lv-primary: #0d6efd;--lv-dark: #1e293b;--lv-light: #f8fafc;--lv-muted: #64748b;}
.about-banner{padding: 60px 0;}
.lv-about__photo-grid {position: relative;display: flex;flex-direction: column;gap: 20px;width: 100%;align-items: center;}
.lv-about__photo-item img{max-width: 100%;}
.lv-about__photo-item {position: relative;width: 100%;border-radius: 12px;overflow: hidden;}
.lv-about__photo-grid .lv-about__photo-item:nth-child(1) {width: 85%;margin-left: 0;z-index: 1;}
.lv-about__photo-grid .lv-about__photo-item:only-child {width: 100% !important;}
.lv-about__photo-grid .lv-about__photo-item:only-child img{min-height: 580px;}
.lv-about__photo-grid .lv-about__photo-item:nth-child(2) {width: 60%;margin-left: auto;z-index: 2;border: 10px solid #ffffff;
	box-shadow: 0 20px 40px rgba(0,0,0,0.12);left: 0;position: absolute;top: 170px;
}
.lv-about__photo-grid .lv-about__photo-item:nth-child(3){position: absolute;bottom: -30%;z-index: 9;right: 9px;left: 48%;height: 275px;max-width: 290px;overflow: visible;}
.lv-about__photo-grid .lv-about__photo-item:nth-child(3) img{border: 8px solid #ffffff;box-shadow: 18px 0px 40px rgba(0, 0, 0, 0.12);}
.flex-row-reverse .lv-about__photo-grid .lv-about__photo-item:nth-child(2) {
    width: 60%;margin-left: auto;margin-top: -46%;z-index: 2;border: 10px solid #ffffff;
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);position: relative;top: 0;
}
.lv-about__photo-item img {width: 100%;height: auto;object-fit: cover;display: block;border-radius: 12px;}
.lv-about__stat-pin--top-left {position: absolute;bottom: 8%;left: 0% !important;z-index: 3;}
.flex-row-reverse .lv-about__photo-grid .lv-about__stat-pin--top-left{right: 0px !important;left:  auto !important;}
.lv-about__stat-card--a {background: #ffffff;padding: 14px 14px !important;border-radius: 16px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);display: inline-flex;
    flex-direction: column;align-items: center;gap: 12px;border: 1px solid rgba(0,0,0,0.05);border: 2px solid #c9d1e5;
}
.lv-about__stat-icon {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: #fef3c7;color: #f59e0b;border-radius: 50%;font-size: 16px;}
.lv-about__stat-value {font-size: 20px;font-weight: 700;color: var(--lv-dark);line-height: 1;}
.lv-about__stat-label {font-size: 12px;color: var(--lv-muted);font-weight: 500;}
.lv-section-title {font-size: 40px;font-weight: 700;letter-spacing: -0.02em;color: black;}
.about-banner0 .lv-section-title:after {content: '';position: relative;top: -12px;width: 120px;background: #30abc2;height: 4px;border-radius: 30px;display: inline-block;margin-inline-start: 20px;}
.about-banner1 .lv-section-title:after {content: '';position: relative;top: -12px;width: 120px;background: #cb6a6e;height: 4px;border-radius: 30px;display: inline-block;margin-left: 20px;}
.about0 .lv-section-title:after {content: '';position: relative;top: -12px;width: 120px;background: #30abc2;height: 4px;border-radius: 30px;display: inline-block;margin-inline-start: 20px;}
.about1 .lv-section-title:after {content: '';position: relative;top: -12px;width: 120px;background: #cb6a6e;height: 4px;border-radius: 30px;display: inline-block;margin-left: 20px;}
.lv-about__text {font-size: 18px;line-height: 1.4;color: #000;margin-bottom: 24px !important;text-align: justify;}
.lv-about__text p, .lv-about__text p span{font-size: 18px;line-height: 1.5;}
.lv-about__feature-box {background: #51bace40;border-radius: 12px;padding: 16px;display: flex;align-items: center;gap: 16px;height: 100%;}
.about-banner1 .lv-about__feature-box{background: #e9cdd194 !important;box-shadow: inset 3px 0 #ab384c;}
.about-banner1{background: #af1d230f;margin-top: 0px;left: calc(-1 * (100vw - 100%) / 2);width: 99.6vw;position: relative;padding: 50px 20px;}
.lv-about__feature-box i {font-size: 34px;color: #0690aa;}
.about-banner1 .lv-about__feature-box i{color: #b1394c;}
.btn-lv-primary {display: inline-flex;align-items: center;gap: 8px;background-color: #000;color: #ffffff !important;padding: 12px 28px;font-weight: 600;
    font-size: 15px;border-radius: 8px;text-decoration: none;transition: all 0.2s ease-in-out;border: 1px solid #0D2878;
}
.btn-lv-primary:hover {opacity: 0.9;transform: translateY(-1px);}
.lv-about__feature-box{background: #eff2fa;border-radius: 7px;padding: 12px;display: flex;align-items: center;gap: 0 20px;box-shadow: inset 3px 0 #2d91ab;}
.fw-bold{font-weight: 900;font-size: 17px !important;font-family: 'webzone-ExtraBold', sans-serif;}

@media (max-width: 991px) {
    .lv-about__photo-grid {margin-bottom: 40px;}
    .lv-section-title , .col-md-12.lv-service-item h1.lv-service-title{font-size: 2.35rem !important;}
}

.mod-feature-plus{text-align: center;}
.mod-feature-plus h3{font-size: 40px;text-align: center;position: relative;padding: 0 10px;background: white;display: inline-block;}
.mod-feature-plus h3:before, .mod-feature-plus h3:after{content: '';position: absolute;width: 60px;background: #2fb5ce;height: 6px;}
.mod-feature-plus h3:before{left: -60px;top: 15px;}
.mod-feature-plus h3:after{right: -60px;top: 15px;}
.mod-feature-plus p{text-align: center;}

/** services **/
@media (min-width: 992px) {
    .col-md-2-5 {width: 20%;float: left;}
}
.lv-services-grid {display: flex;flex-wrap: wrap;}
.lv-service-item {margin-bottom: 30px;display: flex;}
.lv-service-card {background: #fff;border: 1px solid #308d9e;border-radius: 15px;padding: 20px;width: 100%;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /*box-shadow: 0 6px 15px rgb(48 141 158 / 22%)*/ /*02*/;display: flex;flex-direction: column;align-items: center;text-align: center;
    transition: background 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;position: relative;overflow: hidden;/*box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);*/
}
.lv-service-media {margin-bottom: 16px;height: 120px;display: flex;align-items: center;}
.lv-icon-display {font-size: 40px;color: #0d6efd;color: #0b49a5;}
.lv-service-media img {max-height: 200px;width: auto;object-fit: contain;}
.lv-service-content {width: 100%;}
.lv-service-title {margin-top: 0;margin-bottom: 8px;font-weight: 600;color: #1e293b;}
.lv-main-section-title {font-size: 40px;font-weight: 700;color: black;margin-bottom: 10px;text-transform: uppercase;}
.lv-title-separator {width: 60px;height: 3px;background-color: #0d6efd;margin: 0 auto;border-radius: 2px;display: none;}
.lv-service-media .material-icons{font-size: 55px;color: #338fa0;}
h2.lv-main-section-title{margin-bottom: 10px !important;position: relative;display: inline-block;padding: 0 10px;background: #f1f7f8;}
h2.lv-main-section-title:before, h2.lv-main-section-title:after{content: '';position: absolute;width: 60px;background: #2fb5ce;height: 6px;}
h2.lv-main-section-title:before{left: -60px;top: 15px;}
h2.lv-main-section-title:after{right: -60px;top: 15px;}
h1.lv-service-title { font-size: 27px;word-wrap: break-word; }
h2.lv-service-title { font-size: 25px;word-wrap: break-word; }
h3.lv-service-title { font-size: 22px;word-wrap: break-word; }
h4.lv-service-title { font-size: 19px;word-wrap: break-word; }
.btn-lv-service .material-icons { transition: transform 0.2s ease-in-out; }
.btn-lv-service:hover { color: #0b5ed7; text-decoration: none; }
.btn-lv-service:hover .material-icons { transform: translateX(3px); }

.lv-service-desc {font-size: 16px;color: #000;line-height: 1.2;margin-bottom: 0;}
.col-md-12.lv-service-item .lv-service-desc{font-size: 19px;line-height: 27px;}
.col-md-12.lv-service-item .lv-service-card{border: none;box-shadow: none;padding: 0;flex-direction: row;align-items: center;}
.col-md-12.lv-service-item .lv-service-media{height: auto;width: 50%;margin-inline-end: 50px;}
.col-md-12.lv-service-item .lv-service-media img{max-width: 100%;max-height: 100%;/*border-radius: 50%;outline: 4px solid;outline-offset: 11px;outline-color: steelblue;*/}
.col-md-12.lv-service-item h1.lv-service-title{margin-bottom: 10px !important;font-size: 45px;}
.btn-lv-service, .btn-lv-service:hover, .btn-lv-service:focus{background: #000;color: white;padding: 12px 28px;font-weight: 600;font-size: 15px;border-radius: 8px;
    margin-block-start: 15px;display: inline-flex;align-items: center;gap: 10px;text-decoration: none;transition: all 0.2s ease-in-out;border: 1px solid #000;	
}
.col-xs-12.col-sm-6.col-md-3.lv-service-item .btn-lv-service{padding: 6px 10px;font-size: 13px;}
.btn-lv-service:hover{opacity: 0.9;transform: translateY(-1px);}
.about-banner0{margin-bottom: 50px;margin-top: 45px;}

/** slideshow module **/
.slideshow-text {position: absolute;width: 55%;z-index: 2;font-size: 14px;color: #000;/*display: flex;*/flex-direction: column;/*backdrop-filter: saturate(180%) blur(10px);*/
    /*height: 100%;*/justify-content: center;gap: 20px 0;box-shadow: none !important;transform: translateY(-50%);top: 50%;padding: 20px;
}
.slideshow-text:before{content: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 27%);border-radius: 16px;z-index: -1;
	/*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgb(255 255 255 / 68%);	
	/*rgb(0 64 117 / 11%)*/
}
.slideshow-text .title {font-size: 38px;font-weight: 900;color: cornflowerblue;line-height: 1.1;color: #fff;margin-bottom: 14px;letter-spacing: -1px;font-size: clamp(28px, 3.8vw, 52px);}
.slideshow-text .description {font-size: 20px;line-height: 27px;text-align: justify;color: white;}
.slideshow-text.position-left {left: 20px;margin: 0;padding-left: 4%;box-shadow: none !important;}
.slideshow-text.position-right {right: 20px;margin: 0;padding-right: 4%;box-shadow: none !important;}
.slideshow-text.position-center {left: auto;right: auto;margin: 0 auto;width: 100%;box-shadow: none !important;}
.slideshow-text.position-right .title{text-align: right;}
.center-block{max-height: 810px;object-fit: cover;width: 100%;}
.slideshow-text.position-right .description{color: white;}
.slick-slide > div > div{position: relative;}
.slick-slide > div > div:before{content: '';background: #081a286b;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
.slide-btn{border: 1px solid;padding: 5px 15px;margin-block-start: 25px;display: inline-block;font-size: 22px;color: #36cbe7;border-radius: 6px;}

@media (max-width: 821px) {
    .fullw .lv-service-item{flex: 0 0 auto;width: 33.33333333%;}
    .slideshow-text{width: 57%;}
    .slideshow-text .title{font-size: 30px;color: white;margin-bottom: 16px;}
    .slideshow-text .description {font-size: 17px;line-height: 22px;text-align: left;}
}
@media (max-width: 769px) {
    .slideshow-text .title {font-size: 18px;box-shadow: none !important;}
    .slideshow-text .description {font-size: 14px;box-shadow: none !important;}
    .slideshow-text {font-size: 12px;box-shadow: none !important;}
    .slideshow-text{gap: 0;}    
}
@media (max-width: 478px) {
    .slideshow-text {width: 95%;font-size: 10px;padding: 10px;text-align: center;top: 27%;}
    .slideshow-text .title {font-size: 14px;margin: 0 0 5px 0;box-shadow: none !important;}
    .slideshow-text .description {font-size: 12px;line-height: 15px;margin: 10px 0;box-shadow: none !important;max-height: 80px;-webkit-line-clamp: 4;
        white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;text-align: center;
    }
    .slideshow-text.position-left {left: 2%;}
    .slideshow-text.position-right {right: 2%;}
    .slideshow-text .btn-primary {padding: 5px 15px;font-size: 10px;font-weight: normal;}
    .frst ul{margin-bottom: 0;}
    .col-md-12.lv-service-item .lv-service-card{flex-direction: column;}
    .center-block{max-height: 210px;}
    .fullw .lv-service-item{flex: 0 0 auto;width: 49.666%;}
}
.psa{position: absolute;top: 50%;}
.product-mockup-img {position: absolute;top: 50%;z-index: 3;max-height: 400px;width: auto;object-fit: contain;opacity: 0;transform: translateY(-50%) scale(0.3);  
    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s ease-out;transition-delay: 0.4s;
}
.slideshow-text.position-left ~ .product-mockup-img {right: 10%;left: auto;}
.slideshow-text.position-right ~ .product-mockup-img {left: 10%;right: auto;}
.slideshow-text.position-center ~ .product-mockup-img {left: 50%;transform: translate(-50%, -50%) scale(0.3);}
.slick-slide.slick-active .product-mockup-img {opacity: 1;transform: translateY(-50%) scale(1);}
.slick-slide.slick-active .slideshow-text.position-center ~ .product-mockup-img {transform: translate(-50%, -50%) scale(1);}
.slick-dots li.slick-active button{background: #308d9e !important;}
.slick-dots li.slick-active button:before{color: #308d9e !important;font-size: 10px !important;}
.slick-dots li button:before{font-size: 10px !important;}

@media (max-width: 825px) {
    .web-slider{margin-top: -75px;}
    .center-block{max-height: 530px;height: 520px;}
    .product-mockup-img{max-width: 200px;}
}
@media (max-width: 769px) {
    .product-mockup-img {max-height: 180px;transition-delay: 0.2s;}
    .slideshow-text.position-left ~ .product-mockup-img { right: 5%; }
    .slideshow-text.position-right ~ .product-mockup-img { left: 5%; }
}
@media (max-width: 478px) {
    .product-mockup-img {max-height: 100px;top: auto;bottom: 10px;transform: scale(0.3);}
    .slick-slide.slick-active .product-mockup-img {transform: scale(1);}
    .slideshow-text.position-left ~ .product-mockup-img,
    .slideshow-text.position-right ~ .product-mockup-img {left: 50%;right: auto;transform: translateX(-50%) scale(0.3);}
    .slick-slide.slick-active .slideshow-text.position-left ~ .product-mockup-img,
    .slick-slide.slick-active .slideshow-text.position-right ~ .product-mockup-img {transform: translateX(-50%) scale(1);}
    body.common-home .header-fix{background: #257881;}
    body.common-home .header-fix.sticky{background: white;}
    .slide-btn{font-size: 10px;color: #fff;border-color: white;margin-top: 1px;}
    .web-slider{margin-top: -3px;}
    .center-block{max-height: 310px;height: 300px;}
    .product-mockup-img{max-width: 200px;}
    h2.lv-main-section-title:before, h2.lv-main-section-title:after, .main-module-title:before, .main-module-title:after{display: none;}
}

h2.module-title{margin-bottom: 8px !important;}
.thumbnail{padding: 0 !important;border: 0 !important;margin-bottom: 0 !important;}
.image-description{align-items: center !important;}

/** product **/
.col-left-img{margin-right: 25px;}
.col-right-prod{/*border: 1px solid cornflowerblue;border-radius: 20px;*/padding: 20px;background: #ffffff;border: 1px solid #e7e7e7;border-radius: 14px;height: calc(100% - 45px);/*display: inline-flex;flex-wrap: wrap;flex-direction: column;box-shadow: 0 14px 30px -15px #0000007a;*/}
.col-left-img img{aspect-ratio: 16 / 9;object-fit: cover;width: 100%;padding: 0;border-radius: 20px;margin-block-end: 25px;/*box-shadow: 0 14px 30px -15px #0000007a;*/}
.tab-content{/*border: 1px solid cornflowerblue;border-radius: 20px;padding: 20px;display: inline-flex;flex-direction: column;box-shadow: 0 14px 30px -15px #0000007a;*/
    text-align: justify !important;font-size: 16px !important;line-height: 1.7 !important;margin-block-start: 25px;
}
.tab-content ul{list-style: none;padding-inline-start: 10px;}
.tab-content ul li:before{content: '\f00c';font-family: Fontawesome;font-size: 17px;margin-right: 6px;color: royalblue;}
.tab-content p, .tab-content div, .tab-content p span{text-align: justify !important;font-size: 17px !important;line-height: 1.4 !important;font-family: "webzone-Regular", sans-serif !important;color: black;}
.tab-content ul li{line-height: 1.7;color: black;}
.col-right-prod h1{color: #6495ed;}

.logo-footer{max-width: 250px;}

footer h4{font-family: 'webzone-Bold', sans-serif;color: white;font-size: 22px;}
.info-co svg{fill: white;position: relative;top: 6px;margin-inline-end: 5px;}
.info-co ul li{font-size: 20px;color: white;}
.info-co ul li i{color: #f9b800;font-size: 17px;margin-right: 4px;}
.info-co h3{color: #4fb0e5;font-size: 38px;text-shadow: 7px 1px 23px #ffffff;filter: drop-shadow(2px 4px 10px #ffffff17);mix-blend-mode: plus-lighter;margin: 2px 0;}
.info-co h3 a:hover, .info-co h3 a{color: #4fb0e5;}
.info-co h3 a span{position: relative;font-size: 21px;top: -12px;margin-inline-start: 5px;}
.contact-foo{padding: 10px 13px;border: 1px solid;border-radius: 6px;height: 100%;}
.contact-foo ul li{font-size: 17px;}
.contact-foo ul li a{color: #white;font-size: 17px;margin-right: 4px;position: relative;transition: color 0.3s ease !important;}
.contact-foo ul li a:focus, .info-co a:focus{color: white;}
.contact-foo ul li a:before{content: "";display: inline-block;width: 8px;height: 8px;border-radius: 2px;background: #fff;margin-right: 6px;vertical-align: middle;transition: transform 0.3s ease, background 0.3s ease !important;}
.contact-foo ul li a:after {content: "";position: absolute;left: 0;bottom: -2px;width: 0%;height: 2px;background: #fff;transition: width 0.3s ease;}
.contact-foo ul li a:hover:after{width: 100% !important;}
.contact-foo ul li a:hover::before {transform: scale(1.2) !important;background: #fff !important;}
p.copy{text-align: center;color: #fff;position: relative;display: flex;align-items: center;justify-content: center;gap: 0 10px;}
p.copy:before {flex: 1;content: "";height: 1px;width: 100%;z-index: 1;background-color: #fff;}
p.copy:after {flex: 1;content: "";height: 1px;width: 100%;z-index: 1;background-color: #fff;}
p.copy a{color: #fff;}
footer hr {border-top: 1px solid #28386a;border-bottom: 0;overflow: hidden;height: 20px;width: 78%;margin: 14px 0;}
footer hr:after {content: '';display: block;margin: -25px auto 0;width: 94%;height: 25px;border-radius: 125px / 12px;box-shadow: 0 0 15px #00000075;}
footer .comp{display: flex;justify-content: center;padding-right: 40px;}
footer .comp p{font-size: 14px;color: #fff;margin-top: 20px;}
hr.hrtop{border-bottom: 1px solid #28386a;border-top: 0;height: 3px;}
blockquote {text-grow: per-line scale;padding: 10px 20px;font-size: 18.5px;border-left: 0;font-family: 'webzone-Bold', sans-serif;font-style: italic;
    border-radius: 7px 0 0 7px;display: flex;flex-wrap: wrap;justify-content: center;max-width: 60%;margin: 40px auto;line-height: 1.6;
}
blockquote:before {font-family: FontAwesome;font-size: 114px;line-height: .65;content: '\f10e';color: #308d9e;display: inline-block;position: relative;top: -10px;text-align: center;z-index: 9;font-weight: 900;opacity: .5;opacity: .1;}
blockquote:first-of-flex-line {font-size: 19.5px;}

.pos-left .banner-content-overlay, .pos-right .banner-content-overlay{background: #00000054;background: #0b444ec7;background: #4c030696;}
.banner-content-overlay{max-width: 100% !important;}
.pos-left .banner-content-overlay, .pos-right .banner-content-overlay{text-align: center !important;}
.banner-item{border-radius: 20px !important;}
#banners{margin: 150px 0 80px !important;}

.mod-feature-plus{margin: 80px 0 100px;}
.mdo-services.fullw{margin-top: 0px;left: calc(-1 * (100vw - 100%) / 2);width: 99.6vw;position: relative;padding: 50px 20px;background: #eff2fa69;clear: both;}
.mdo-services{margin-top: 60px;left: 0;width: auto;padding: 0;background: white;}

/** footer categories **/
.footer-categ{background: #011452;padding: 10px 0;}
.catfooter{text-align: center;}
.catfooter ul li{display: inline-block;margin-inline-end: 12px;}
.catfooter ul li a{font-size: 18px;}
.catfooter ul{margin-bottom: 0;}
.catfooter ul li i{color: #fff;font-size: 17px;margin-right: 4px;}

.footer-prods{padding: 10px;border: 1px solid;border-radius: 6px;height: 100%;}
.footer-prods ul{padding: 0;}
.footer-prods ul li a{font-size: 16px;position: relative;transition: color 0.3s ease !important;}
.footer-prods ul li a:before {content: "";display: inline-block;width: 8px;height: 8px;border-radius: 2px;background: #fff;margin-right: 6px;vertical-align: middle;transition: transform 0.3s ease, background 0.3s ease;}
.footer-prods ul li a:hover::before {transform: scale(1.2) !important;background: #fff !important;}
.footer-prods ul li a:after {content: "";position: absolute;left: 0;bottom: -2px;width: 0%;height: 2px;background: #fff;transition: width 0.3s ease;}
.footer-prods ul li a:hover:after{width: 100% !important;}
.footer-prods ul{margin-bottom: 0;}
.footer-prods ul li i{color: #fff;font-size: 17px;margin-right: 4px;color: #fff;}
.moto{color: #ddd;font-size: 18px;text-align: center;clear: both;margin: 10px 0 30px;}
.socialfooter{text-align: center;}
.socialfooter .fa-2x{font-size: 1.5em;margin-inline-end: 10px;color: white !important;}
.slick-prev:before, .slick-next:before{line-height: 0.30 !important;/*background: -webkit-linear-gradient(0deg, #022243 0%, #083260 100%);*/}
.slideshow svg{width: 60px;height: 60px;}
.slick-prev, .slick-next{background: transparent !important;}
.slideshow .slick-prev:before, .slideshow .slick-next:before{display: none !important;}
.btnbmore{padding: 8px 12px;background: orangered;color: white;display: inline-block !important;height: auto !important;margin-top: 30px;width: auto !important;border-radius: 9px;}

#tab-description{padding: 50px;/*box-shadow: 0 4px 18px -3px #0000001f;*/min-height: 200px;border-radius: 14px;margin-block-end: 40px;border: 1px solid #e7e7e7;background: white;}
#tab-description ul {padding-left: 3px;column-count: 2;border-bottom: 2px dashed #00000029;padding-block-end: 20px;}
.toprlt .product-thumb{padding-bottom: 18px;}
body[class*="product-product-"]{background: #f9fafd;}
.pricing-card ul{column-count: 1 !important;border: 0 !important;padding: 0;}
.pricing-card ul li{font-size: 17px;line-height: 2 !important;list-style: none;}
.pricing-card ul li:before{content: '\f00c' !important;font-family: Fontawesome;font-size: 17px;margin-right: 6px;color: #af1d23;background: transparent !important;height: unset !important;width: unset !important;margin-top: 0 !important;}
.pricing-card:before{content: '';background: linear-gradient(black to top grey);width: 100%;height: 40%;position: absolute;left: 0;top: 0;}

.block-drag-handle{display: none;visibility: hidden;}

/** responsive **/
@media (max-width:640px){
	footer .comp p{width: 100%;}
	footer hr{width: 90%;}
	.col-md-12.lv-service-item .lv-service-media{width: 100%;margin-right: 2px;}
	.col-left-img{margin-right: 0;}
	.frst{justify-content: center;}
	.about-banner0 h1{margin-top: 50px;}
	.about-banner0{margin-bottom: 50px;margin-top: 45px;}
	.about-banner1 .lv-about__photo-grid{margin-bottom: 0;}
}
.ekit-wid-con .elementskit-border-divider {height: 4px;width: 30px;background: #2575fc;border-radius: 2px;position: relative;margin-left: 27px;}
.ekit-wid-con .elementskit-border-divider::before {content: "";position: absolute;color: #0c5adb;left: -27px;top: 0;display: inline-block;
    height: 4px;width: 4px;border-radius: 50%;background-color: #0c5adb;box-shadow: 9px 0 0 0 currentColor,18px 0 0 0 currentColor;
}
.about-banner0{margin-bottom: 50px;margin-top: 45px;margin-top: 60px;left: calc(-1 * (100vw - 100%) / 2);width: 99.6vw;position: relative;padding: 50px 20px;background: #22aeca14;clear: both;}
 
.stripe {position: relative;width: 40%;min-width: 300px;padding: 1em;margin: 2em 10px 4em;background: #fff;}
.stripe:before {content: '';position: absolute;z-index: -2;top: 0;bottom: 0;left: 15px;right: 15px;box-shadow: 0 0 20px -5px rgba(0,0,0,.6);border-radius: 250px/20px;}

.grid-text-overlay h2{margin-bottom: 10px !important;font-family: 'webzone-Bold', sans-serif;}
.grid-text-overlay h3{margin-bottom: 10px !important;font-family: 'webzone-Bold', sans-serif;}
.grid-text-block h3{font-family: 'webzone-ExtraBold', sans-serif;} 
.grid-desc h2{font-family: 'webzone-Bold', sans-serif;}

#information-contact .panel-body{padding-top: 0;}
#information-contact .panel-body div[class*="col-sm-"]{width: 100%;background: #308d9e3b;padding: 15px 15px;border-radius: 14px;margin-block-end: 15px;box-shadow: -3px 0px #1b7281;}
#information-contact .panel.panel-default.col-sm-5{background: transparent !important;border-radius: 0 !important;border: 0 !important;box-shadow: none;}
#information-contact .form-group{margin-bottom: 23px;}
address{margin-bottom: 0;}
#information-contact .panel-body div[class*="col-sm-"] br{display: none;}
#information-contact .panel-body div:nth-child(4) br{display: block;}
:placeholder{font-size: 18px;}
input,input::placeholder, textarea::placeholder{font-size: 18px;font-family: 'webzone-Bold', sans-serif;}

p.product-custom-icon{position: absolute;left: 10px;bottom: 39%;background: white;border-radius: 50%;max-height: 80px;width: 60px;height: 60px;display: flex;
    justify-content: center;align-items: center;box-shadow: 0 -5px #3f8e9f, 0 2px 14px #00000030;
}
p.product-custom-icon i{font-size: 35px;color: #308d9e;}
.flex-module-section.mod-1 .col-small .text-pos-left .grid-text-block{align-items: flex-end;text-align: right;}

/* Just some basic settings for a document 
html, body {height: 100%; margin: 0}
body {display: flex; align-items: center; justify-content: center; font-family: sans-serif; font-size: 18px;}
p {text-align: center; line-height: 1.6}
p span {white-space: nowrap}*/
 /*{% if layout_type == '2_3' or layout_type == '3_2' %}
.flex-grid-main-wrapper {
  display: flex !important;
  gap: 20px !important;
  width: 100% !important;
  height: 750px !important; 
  margin-bottom: 30px;
  box-sizing: border-box;
}
{% else %}
.flex-grid-main-wrapper {
  display: flex !important;
  gap: 20px !important;
  width: 100% !important;
  height: 550px !important; 
  margin-bottom: 30px;
  box-sizing: border-box;
}
{% endif %}*/