:root {
  --m1: #0066b3;
  --m2: #E9F0F7;
  --m3: #063260;
  --m4: #6eb92b;
  --header: 80px;
  --headerFixed: 65px;
  --mw: 90%;
  --sitew: 100%;
  --main-text: 15px;
  --pad: 20px;
  --padfw: 20px;
  --radius: .5rem;
  --input: #0066b3;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
 
 
body {
	font-family: "objektiv-mk1",sans-serif;
	font-size: var(--main-text);
	color:var(--m1);
}
a,
a:hover,
a:focus,
a:active,
a:visited {
  color: #000;
  outline: none;
  text-decoration: none;
  transition: all 300ms;
}
button {
    all: unset;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
p {
	margin-top:0;
	margin-bottom:0;
}
.mw {
    width: var(--mw);
	max-width: var(--sitew);
}
.m-auto {
    margin-left: auto;
    margin-right: auto;
}
.post, .page {
	margin-bottom:0;
}
.page-content, .entry-content, .entry-summary {
    margin: 0;
}
main#primary {
    padding-top: var(--header);
}
.main_wrapper {
	/* padding-left:var(--pad); */
	/* padding-right:var(--pad); */
}
#banner_section {
	background-image: linear-gradient(rgba(0, 65, 122, 0.85), rgba(0, 102, 179, 0.85)), url(https://www.leaotire.gr/wp-content/uploads/2025/05/leao_banner.jpg);
    background-size: cover;
    background-position: center center;
}
 
 
/*GENERAL*/
.icon24 svg {
    width: 24px;
    height: auto;
}
.hide_until_load {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.hide_until_load.slick-initialized {
    visibility: visible;
    opacity: 1;
}
.btn {
    color: #fff !important;
    padding: 0 25px;
    line-height: 58px;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}
.btn.orange {
    background-color: var(--m1);
	color:var(--m6) !important;
}
.btn.orange:hover {
    background-color: var(--m4);
	color:var(--m1) !important;
}
a.btn.green {
    background-color: var(--m2);
	border: solid 1px var(--m2);
}
.dots-general ul.slick-dots {
    list-style: none;
    margin-block-start: 0;
	margin-block-end: 0; 
	padding-inline-start: 0; 
	display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.dots-general ul.slick-dots li {
    width: 11px;
    height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    margin: 0 3px !important;
    background-color: transparent;
    border: 1px solid #fff;
}
.dots-general ul.slick-dots li button {
    display: none;
}
.dots-general ul.slick-dots li.slick-active {
    background-color: #fff;
}
.dots-general.bullet_dots ul.slick-dots li {
    width: 12px;
    height: 12px;
    border: solid 2px var(--m1);
    background-color: transparent;
}
.dots-general.bullet_dots ul.slick-dots li.slick-active {
    background-color: var(--m1);
}
.dots-general.dots_gprod {
    margin-top: 32px;
}

.general_text {
 
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    color: #000;
}
.general_text strong {
    font-weight: 700;
 
}
.section_general_wrap {
    max-width: 1100px;
    margin: 0 auto;
}
.general_text p {
    margin-bottom: 18px;
}

.general_text h1,
.general_text h2{
    font-weight: 700;
    font-size: 25px;
    text-align: left;
    color: var(--m1);
    line-height: 1;
    margin-bottom: 15px;
}
.general_text.description_wrapper_main ul {
    margin-bottom: 20px;
}
.description_wrapper_main ol {
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    color: #000;
    
    padding: 0 ;
    margin: 0;
    padding-left: 13px;
	margin-bottom:25px;
}
a.btn.transparent {
    border: solid 1px var(--m3);
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: var(--m3) !important;!i;!;
    width: 100%;
}

a.btn.transparent:hover {
    background-color: var(--m3);!;!I;!;
    color: #fff !IMPORTANT;!I;!;
}
.hide_until_load {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

.hide_until_load.slick-initialized {
    visibility: visible;
    opacity: 1
}
a#cta_banner_stores {
    color: #fff;
    border-radius: var(--radius);
}

a#cta_banner_tires {
    color: var(--m1);
    border-radius: var(--radius);
    border: solid 1px transparent;
}

a#cta_banner_tires:hover {
    color: #fff;
    background-color: var(--m1);
    border: solid 1px #fff;
}
textarea#your-message {
    height: 140px;
    padding: 5px !important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--m1);
    color: #fff;
    height: 40px;
}
nav#main_menu a {
    color: #000;
}

nav#main_menu a:hover {
    color: #fff;
}
/*END OF GENERAL*/

  

/*BREADCRUMBS*/
.breadcrumbs_wrap {
    line-height: 1;
    padding: 0 var(--pad);
    padding-top: 17px;
}

.breadcrumbs-wrapper span,
.breadcrumbs-wrapper span a,
.breadcrumbs-wrapper span.breadcrumb_last {
    font-weight: normal;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    color: var(--m1);
}
.breadcrumbs-wrapper span.bsep {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.825' height='8.825' viewBox='0 0 8.825 8.825'%3E%3Cpath id='Path_7429' data-name='Path 7429' d='M0,0H5.239V5.241' transform='translate(4.413 0.707) rotate(45)' fill='none' stroke='%23004b9a' stroke-linecap='round' stroke-width='1'/%3E%3C/svg%3E%0A");
    text-decoration: unset;
    width: 6px;
    height: 6px;
    display: inline-block;
    background-position: right;
    background-repeat: no-repeat;
}
.breadcrumbs-wrapper span {
    text-decoration: underline;
    margin-right: 5px;
}

.breadcrumbs-wrapper div > span {
    text-decoration: none;
}

.breadcrumbs-wrapper span.breadcrumb_last {
    margin-right: 0;
	    text-decoration: none;
}
/*END OF BREADCRUMBS*/


/*HEADER*/
.logo_wrapper {
    max-width: 235px;
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: var(--header);
    display: flex;
    align-items: center;
    transition: all 100ms;
}

.site-header.sticky {
    height: var(--headerFixed);
    transition: height 300ms;
    background-color: var(--m4);
}

.header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo_wrapper a {
    display: block;
}

.logo_wrapper a img {
    display: block;
	height: 3rem;
}
header#masthead {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: #fff;
}

a.text-white.animate-bounce {
}

a.text-white.animate-bounce:hover svg path {
    color: var(--m3);
}

a.text-white.animate-bounce svg path {
    color: #fff;
    transition:all 300ms;
}
/*END OF HEADER*/
 
/*FOOTER*/
.backto.top {
    position: fixed;
    right: 16px;
    bottom: 16px;
	opacity:0;
	transition:all 300ms;
}
.backto.top.active {
	opacity:1;
}
.footer_col_4 a:hover {
    color: #fff;
}

.footer-copyright a:hover {
    color: #fff;
}
/*FOOTER*/
/*NEWSLETTER*/
.email_submit {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex: 1;
}

.nl_submit {
    max-width: 219px;
    width: 100%;
    margin-left: 7px;
}

span.chk_text a {
    color: var(--m1);
    font-weight: 300;
    font-size: 13px;
}

.newsletter_form input.email {
    width: 100%;
    height: 53px;
    padding-left: 10px;
    outline: none !important;
    background-color: transparent;
    border: solid 1px var(--m1);
    border-radius: 6px;
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    color: var(--m1) !important;
}

.chk_container {
    display: flex !important;
    position: relative;
    padding-left: 36px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
    height: 28px;
    align-items: center;
    margin-top: 7px;
    width: 100%;
}

.chk_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0 !important;
    width: 0 !important;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: transparent;
    border: 1px solid var(--m1);
    border-radius: 50%;
}

.chk_container:hover input ~ .checkmark {
    background-color: transparent;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.chk_container input:checked ~ .checkmark:after {
    display: block;
}

.chk_container .checkmark:after {
    left: 10px;
    top: 5px;
    width: 8px;
    height: 13px;
    border: solid var(--m1);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

span.chk_text {
    color: var(--m1);
    font-weight: 300;
    font-size: 13px;
}

.newsletter_form .submit_newsletter {
    max-width: 100%;
    height: 53px;
    border: solid 1px var(--m2);
    transition: all 300ms;
    font-weight: normal;
    cursor: pointer;
    line-height: 53px;
    border-radius: 5px;
    background-color: var(--m2);
    background-color: #0066b3;
    padding: 0;
    font-size: 15px;
    text-align: center;
    color: #fff;
    width: 100%;
	    padding: 0 !important;
}

.nl_wrap {
    display: block;
    width: 100%;
    flex: 1;
}

.newsletter_footer_wrap {
    _background-color: #F7F9FB;
    padding-top: 41px;
    padding-bottom: 37px;
	
}
#nl_wp {
	border-top: solid 1px rgb(0 102 179 / 10%);
	background-color:#F7F9FB;
}
.nl_icon_wrap span {
    font-weight: 700;
    font-size: 28px;
    text-align: left;
    color: var(--m1);
    line-height: 38px;
    max-width: 241px;
    display: block;
    font-weight: 500;
    font-size: 26px;
    line-height: 34px;
}

.nl_icon_wrap {
    display: flex;
    align-items: center;
}

.nl_icon_wrap img {
    display: block;
    margin-right: 18px;
    margin-bottom: 0;
}

.nl_icon_title {
    width: 100%;
    max-width: 305px;
    margin-right: 20px;
}

.newsletter_error {
    color: red;
    font-size: 14px;
    font-weight: 300;
    margin-top: 15px;
}

.newsletter_success {
    color: green;
    font-size: 15px;
    font-weight: 500;
    margin-top: 14px;
}

.nl_submit {
    max-width: 219px;
    width: 100%;
    margin-left: 7px;
}

span.chk_text a {
    color: var(--m1);
    font-weight: 300;
    font-size: 13px;
}

form#newsletter_form {
    display: flex;
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
}

.nl_check {
    display: block;
    width: 100%;
    padding-left: 325px;
}

.newsletter_form .submit_newsletter:hover {
    background-color: var(--m3);
}

/*END OF NEWSLETTER*/
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
:before,
:after {
  --tw-content: "";
}
h1,
h2,
h3,
h4 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}

input,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  width: 100%;
  border: solid 1px var(--m1) !IMPORTANT;
  height: 40px;
  padding: 0 5px !important;
}
button {
  text-transform: none;
}
button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
h1,
h2,
h3,
h4,
p {
  margin: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg {
  display: block;
  vertical-align: middle;
}
img {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
* {
  border-color: hsl(var(--border));
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.-bottom-6 {
  bottom: -3.5rem;
}
.-right-6 {
  right: -1.5rem;
}
.bottom-8 {
  bottom: 2rem;
}
.left-0 {
  left: 0;
}
.left-3 {
  left: 0.75rem;
}
.right-0 {
  right: 0;
}
.top-0 {
  top: 0;
}
.top-3 {
  top: 0.75rem;
}
.z-50 {
  z-index: 50;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-4 {
  height: 1rem;
}
.h-full {
  height: 100%;
}
.max-h-0 {
  max-height: 0px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-screen {
  min-height: calc(100vh - var(--header));
}
.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-md {
  max-width: 28rem;
}
.animate-bounce {
  animation: bounce 1s infinite;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.border {
  border-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-input {
  border-color: var(--input) !important;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-brand {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 179 / var(--tw-bg-opacity, 1));
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-current {
  background-color: currentColor;
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-muted {
  background-color: hsl(var(--muted));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-brand-dark {
  --tw-gradient-from: #00417a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 65 122 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-brand {
  --tw-gradient-to: rgb(0 102 179 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    #0066b3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-brand-light {
  --tw-gradient-to: #338ac7 var(--tw-gradient-to-position);
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-center {
  text-align: center;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 500;
}
.not-italic {
  font-style: normal;
}
.text-brand {
  --tw-text-opacity: 1;
  color: rgb(0 102 179 / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.opacity-100 {
  opacity: 1;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
    0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-colors {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.duration-500 {
  transition-duration: 0.5s;
}
.duration-300 {
  animation-duration: 0.3s;
}
.duration-500 {
  animation-duration: 0.5s;
}
.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-brand:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 179 / var(--tw-bg-opacity, 1));
}
.hover\:bg-brand-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 138 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-white\/10:hover {
  background-color: #ffffff1a;
}
.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
    0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}
.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}
.data-\[state\=active\]\:shadow-sm[data-state="active"] {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tire-image {}

.tire-image img {
    display: block;
    height: 250px;
    object-fit: contain;
}
#fragoulopoulos {
    background-color: #fff;
    margin: 0 auto;
    max-width: 318px;
    left: 0;
    right: 0;
}

#fragoulopoulos img {
    display: block;
    width: 100%;
}
@media (min-width: 640px) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }	
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1.3;
  }
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
/*! CSS Used keyframes */
@keyframes bounce {
  0%,
  to {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}


/*Contact - Distribution network*/
.w994 {
    max-width: 994px;
}
.dktio_inputs, #dktio_search {
    width: 100%;
}
.dktio_inputs {
    width: calc(33.33% - 5px);
    height: auto;
    margin-bottom: 0;
}
div#dktio_search {
	width: calc(25% - 5px);
    height: auto;
}
div#network_values {
    margin-top: 24px;
}
div#network_values {
    max-width: 792px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 40px;
}
div#dn3 {
    padding-top: 10px;
}
.dktio_inputs span, .dktio_inputs div {
    display: none;
}
div#dn3 {padding-top: 41px;}
div#section_distribution {
    overflow: hidden;
    padding-bottom: 120px;
}
.distribution_network .breadcrumbs-wrapper {
    _background-color: #f8f8f8;
}
.search_results {
    width: 100%;
    height: 100px;
}
div#sl_map {
    width: 100%;
    height: calc(100vh - var(--headerFixed));
}
div#section_distribution_netwok {
    padding-bottom: 122px;
    margin-top: 74px;
}
.sl_map_wrapper {/* Make the map “stick” to the top of its column */        /* ensure it sticks at the top rather than stretching */        /* ensure it sticks at the top rather than stretching */        /* ensure it sticks at the top rather than stretching */height: calc(100vh - var(--headerFixed));}
div#sl_map-sticky-wrapper {
    _overflow: hidden !IMPORTANT;
    position: relative;
    margin-top: 10px;
}
div#section_distribution_stores {
    background-color: #EDEDED;
}
div#dt1 p.page_text {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    text-align: left;
    color: var(--m1);
}
div#dt2 h1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #2d7440;
    margin-bottom: 35px;
}
.selected_stores {
    display: flex;
    max-width: 912px;
    margin: 0 auto;
    justify-content: center;
}
.selected_stores a {
    display: flex;
    width: 25%;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 18px;
    border-right: solid 1px #D4D4D4;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 112px;
}
.selected_stores a:last-child {
    border: none;
}
a.s_store p {
    font-weight: normal;
    text-decoration: underline;
    font-size: 15px;
    line-height: 1.35;
    text-align: center;
    color: #000;
    margin: 0;
}
.marker-wrapper {
    width: 100%;
    background-color: #F4F7FD;
    position: relative;
    border-radius: 11px;
    margin-bottom: 38px;
    padding: 18px 21px;
    border-radius: 15px;
}
.marker-wrapper .counter {
    position: absolute;
    right: 0;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    border-left: 2px solid var(--m1);
    top: 0;
    font-weight: bold;
    font-size: 32px;
    line-height: 50px;
    text-align: left;
    color: var(--m1);
}
.sidecol1 {
    margin-bottom: 11px;
    font-weight: bold;
    line-height: 17px;
    text-align: left;
    color: #0066b3;
    font-size: 14px;
    padding-right: 53px;
    line-height: 20px;
}
.marker-row {
    padding: 0;
}
.sidecol2, .sidecol2 a, .sidecol3 a {
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: var(--m1);
    font-size: 15px;
    padding-right: 60px;
}
.sidecol.sidecol4 a {
    color: var(--m1);
    line-height: 26px;
    font-weight: normal;
    font-weight: 500;
}
.sidecol.sidecol4 a:hover {
}
.num_found_markers {
    margin-top: 0;
    color: var(--m1);
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    margin: 23px 0;
}
div#dt2 {
    padding-bottom: 0;
    padding-top: 0;
}
.network-text h1 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.7;
    text-align: left;
    color: #2d7440;
    margin-bottom: 12px !important;
}
.network-text p {
    font-size: 16px;
    line-height: 27px;
    color: #000;
    margin: 0;
}
.stores_result {
    margin: 0;
}
.network-text {
}
#search_diktio_bn {
    font-weight: 500;
    color: #fff;
    height: 42px;
    max-width: 100%;
    line-height: 42px;
    background: var(--m1) !important;
    font-size: 14px;
    border-radius: 5px;
}
.network_inside_inputs input {
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    /* border-radius: 0; */
    text-align: left;
    color: var(--m1);
    padding-left: 8px;
    padding-right: 5px;
    height: 42px;
    border: none;
    background: #F4F7FD !important;
    outline: none !IMPORTANT;
    box-shadow: none !important;
    padding-left: 10px !important;
    padding-right: 10px !IMPORTANT;
}
.network_inside_inputs input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--m1);
    font-weight: normal;
    font-size: 13px;
}
.network_inside_inputs input::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--m1);
    font-weight: normal;
    font-size: 13px;
}
.network_inside_inputs input:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--m1);
    font-weight: normal;
    font-size: 13px;
}
.network_inside_inputs input:-moz-placeholder {
    /* Firefox 18- */
    color: var(--m1);
    font-weight: normal;
    font-size: 13px;
}
.store_results {
             /* make results scrollable */
}
.store_locator_cols {
    display: grid;
    grid-template-columns: 1.5fr 2fr; /* adjust proportions as needed */
    gap: 4rem;
    height: calc(100vh - var(--headerFixed));            /* fill the viewport */
    /* overflow: hidden; */
    position: sticky;
    top: var(--headerFixed);
}
div#side_bar {
    margin-top: 0;
    height: calc(100vh - var(--headerFixed) - 200px);
    overflow: auto;
    /* height: 400px !important; */
    padding-right: 12px;
}
.store_locator_pg {
    position: relative;
    background-color: var(--mainbg);
    overflow: hidden;
}
.store_locator_pg:after {
    content: '';
    position: absolute;
    right: -203px;
    top: -123px;
    width: 100%;
    height: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 1366px;
    max-height: 1036px;
}
.net_inputs_wrap {
    display: flex;
    width: 75%;
    position: relative;
    justify-content: space-between;
}
.net_inputs_wrap:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 32px;
    background-color: #fff;
    left: 50%;
    top: 5px;
}
.distribution_wrapper {
    position: relative;
    z-index: 2;
}
div#dt1 h1 {
    font-weight: normal;
    font-size: 46px;
    line-height: 1.29;
    text-align: left;
    color: var(--m1);
    margin-bottom: 0;
}
.sidecol.sidecol4 a:hover {
    color: var(--sl-main-color);
}
.store_results .error_message {
    color: var(--m1);
    text-align: center;
    padding-top: 26px;
}
.num_found_markers.num_found_markers_mobile {
    display: none !important;
}
div#dn1 {
    padding-bottom: 30px;
}
.network-text h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 25px;
}
.network-text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
}
input#radius {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
input#address {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.praktoreia_content {
    background-color: var(--m1);
    display: flex;
    padding: 32px 28px;
    border-radius: 10px;
}
.praktoreia_col {
    flex: 1;
    padding: 0 50px;
    border-right: solid 1px #D5DCEB;
}
.praktoreia_col h2 {
    color: var(--m2);
    font-size: 16px;
    line-height: 24px;
}
.praktoreia_col div {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
.praktoreia_col div a {
    color: #fff;
}
.praktoreia_col div a:hover {
    color: var(--m2);
}
.prakt_wrap {
    max-width: 166px;
    margin: 0 auto;
}
.praktoreia_col.prakt_col3 {
    border: none;
}
.w85 {
    width: 83.5%;
}
div#dn2 {
    margin-bottom: 50px;
}
.contact_intro h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 43px;
    text-align: center;
}
#search_diktio_bn:hover {
    background-color: var(--m3) !important;
}
.network_inside_inputs {
 
    width: 100%;
}
/*END OF Contact - Distribution network*/

form#diktio_form input[type="submit"] {
    all: unset;
    height: 38px;
    width: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.355' height='23.355' viewBox='0 0 23.355 23.355'%3E%3Cg id='Group_806' data-name='Group 806' transform='translate(0 0)'%3E%3Cg id='Ellipse_5' data-name='Ellipse 5' transform='translate(0 11.678) rotate(-45)' fill='none' stroke='%23ffffff' stroke-width='1.5'%3E%3Ccircle cx='8.257' cy='8.257' r='8.257' stroke='none'/%3E%3Ccircle cx='8.257' cy='8.257' r='7.507' fill='none'/%3E%3C/g%3E%3Cpath id='Path_19' data-name='Path 19' d='M0,0V5.505' transform='translate(17.3 17.301) rotate(-45)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    font-size: 0;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 4;
    border-radius: var(--radius);
    margin-left: 4px;
    background-color: var(--m1);
    transition: all 300ms;
}
form#diktio_form {
    display: flex;
    align-items: center;
    margin-top: 40px;
    width: 100%;
    max-width: 600px;
}
input#zipco {
    padding: 0 10px !important;
    width: 100%;
    border-radius: var(--radius);
    border: solid 1px var(--m1);
}
form#diktio_form input[type="submit"]:hover {
    background-color: var(--m3);
}
.footer_urls a:hover {
    color: #fff !IMPORTANT;
}
.wpcf7 form .wpcf7-response-output {
    max-width: 817px !important;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    font-weight: 500;
    font-size: var(--f3);
    line-height: var(--lh-25);
    text-align: left;
    color: var(--m3);
    margin-bottom: 8px;
    text-align: center;
    padding: 6px 0;
    margin-top: 6px;
}
.privacy_title {
    font-weight: 500;
    font-size: var(--f3);
    color: var(--m1);
    margin-bottom: 17px;
}
.privacy_text {
    font-weight: normal;
    font-size: var(--f6);
    line-height: var(--lh-25);
    color: var(--m1);
    margin-bottom: 31px;
}
input.wpcf7-not-valid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg id='Group_7003' data-name='Group 7003' transform='translate(-1162 -1398)'%3E%3Cg id='Ellipse_313' data-name='Ellipse 313' transform='translate(1162 1398)' fill='none' stroke='%23FF0000' stroke-width='1'%3E%3Ccircle cx='11.5' cy='11.5' r='11.5' stroke='none'/%3E%3Ccircle cx='11.5' cy='11.5' r='11' fill='none'/%3E%3C/g%3E%3Ctext id='_' data-name='!' transform='translate(1171 1414)' fill='%23FF0000' font-size='14' %3E%3Ctspan x='0' y='0'%3E!%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    border-color: var(--m1);
}
span.wpcf7-not-valid-tip {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    text-align: left;
    color: #FF0000;
    margin-top: 12px;
    font-weight: 300;
    /* position: absolute; */
    margin-top: 4px;
}
.wpcf7 form .wpcf7-response-output {
    max-width: 767px !important;
    border: none !IMPORTANT;
    margin-bottom: 0 !IMPORTANT;
    /* color: #fff; */
    /* font-weight: 300; */
}
#contact ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: 400;
    font-size: var(--f2);
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
#contact ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    font-size: var(--f2);
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
#contact :-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 400;
    font-size: var(--f2);
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
#contact :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    font-size: var(--f2);
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
/*PRIVACY ACCEPT BOX*/
.wpcf7-list-item label {
    position: relative;
    cursor: pointer;
    padding-top: 0;
    padding-left: 30px;
    display: block;
    font-size: var(--f11);
    line-height: var(--lh-20);
    text-align: left;
    color: var(--m1);
    font-weight: 300;
}
.wpcf7-list-item input[type="checkbox"] {
    position: relative;
    visibility: hidden;
    width: 0px;
    height: 0px;
    margin: 0;
}
.wpcf7-list-item input[type="checkbox"] + span:before {
    display: block;
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    border: 1px solid var(--m1);
    top: 0;
    background-color: transparent;
    color: #ffffff;
    border-radius: 50%;
    right: unset;
    left: 0;
}
.wpcf7-list-item input[type="checkbox"] + span:after {
    display: block;
    position: absolute;
    content: "\2713";
    border-radius: 100%;
    height: 24px;
    width: 24px;
    visibility: hidden;
    font-size: var(--f13);
    left: 0;
    color: var(--m1);
    ); z-index: 999;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: CENTER;
}
span.wpcf7-list-item {
    width: 100%;
    max-width: calc(100% - 10px)!important;
    margin-right: auto!important;
    margin-left: 0;
    color: var(--m1);
}
.wpcf7-list-item input[type="checkbox"]:checked + span:after {
    visibility: visible;
}
.newsletter-accept {
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    color: var(--m1);
    padding-right: 0;
    margin-bottom: 22px;
}
@media screen and (max-width: 640px) {
    .newsletter-accept {
        margin-bottom:35px;
    }
}
/*END OF PRIVACY ACCEPT BOX*/
ul li.text-sm {
    padding-left: 17px;
    position: relative;
}
ul li.text-sm:after {
    content: '';
    background-color: currentColor;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}
.tire_product ul li.text-sm:after {
    background: transparent;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230066b3' viewBox='0 0 20 20' class='w-4 h-4 text-brand mr-2'%3E%3Cpath d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
}
.tire_product ul li.text-sm {
    padding-left: 25px;
}
.tire_more {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--m1);
    cursor: pointer;
	color: var(--m1) !important;
}
.tire_more:hover {
    color: #fff !important;
    background-color: var(--m1);
}
/* basic tab styles – adjust to taste */
.tires-tab-links {
    list-style: none;
    padding: 0;
    display: flex;
    margin-bottom: 3em;
    justify-content: center;
}
.tires-tab-links li {
    margin-right: 1em;
    width: auto;
    _max-width: 300px;
    text-align: center;
}
.tires-tab-links li a {
    text-decoration: none;
    padding: 0.8em 1em;
    display: block;
    background: #fff;
    border-radius: 3px;
    border-radius: var(--radius);
    border: solid 1px var(--m1);
	color:var(--m1);
}
.tires-tab-links li.active a {
    background: var(--m1);
    color: #fff;
}
.tires-tab-pane {
    display: none;
}
.tires-tab-pane.active {
    display: block;
}
.tires_carousel  .slick-list.draggable {
    margin: 0 -10px;
}
.tires_carousel  .slick-slide {
    margin: 0 10px;
}
.tires-tab-links li:last-child {
    margin-right: 0;
}
.dots-general ul.slick-dots {
    list-style: none;
    margin-block-start: 0;
	margin-block-end: 0; 
	padding-inline-start: 0; 
	display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.dots-general ul.slick-dots li {
    width: 11px;
    height: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    margin: 0 3px !important;
    background-color: transparent;
    border: 1px solid #fff;
}
.dots-general ul.slick-dots li button {
    display: none;
}
.dots-general ul.slick-dots li.slick-active {
    background-color: #fff;
}
.dots-general.bullet_dots ul.slick-dots li {
    width: 14px;
    height: 14px;
    border: solid 1px var(--m1);
    background-color: transparent;
}
.dots-general.bullet_dots ul.slick-dots li.slick-active {
    background-color: var(--m1);
}
.dots-general.dots_gprod {
    margin-top: 32px;
}
.dots_col_prod {
    margin-top: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: -40px;
}
.tires_carousel_wrapper {
    position: relative;
}
.tires_carousel_wrapper .slick-arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--m1);
    border-radius: 50%;
    color: #fff;
    max-width: 40px;
    padding: 0 !IMPORTANT;
}
.tires_carousel_wrapper .arrow-prev {
    left: 0;
    transform: translate(-50%,50%);
}
.tires_carousel_wrapper .arrow-next {
    right: 0;
    transform: translate(50%, 50%);
}
.tire_product {
    display: flex;
    align-items: center;
    border-radius: 0;
    border-bottom: none;
    position: relative;
    /* border-color: var(--m4); */
}
.atts_icon_list {
    display: grid;
    column-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.attr_icon_wrap > div {
    background-color: var(--m4);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.attr_icon_wrap p {
    margin-top: 10px;
    text-align: center;
    color: var(--m4);
    line-height: 1.3;
    font-size: 13px;
}
.tire-atts {
    border-left: solid 1px var(--m1);
    width: 35%;
    /* border-color: var(--m4); */
}
.tire-image {
    width: 25%;
    padding-right: 0;
    padding-left: 0;
}
.attr_icon_wrap {
    margin-top: 5px;
    margin-bottom: 5px;
}
.tdesc_col {
    width: 40%;
}
.tire_product:last-child {
    border-bottom: solid 1px var(--m1);
}
.star_tire {
    position: absolute;
    top: 0;
    left: 0;
}
.tech_specs p {
    margin-bottom: 7px;
    font-weight: 700;
}
.hover\:shadow-xl:hover .tire-image img {
    transform: scale(1.05, 1.05) rotate(-2deg);
    -webkit-transform: scale(1.05, 1.05) rotate(-2deg);
}
.tire-image img {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}
p.pos_tile {
    margin-bottom: 7px;
    font-weight: 700;
}
p.pos_tile {
    margin-bottom: 7px;
    font-weight: 700;
}
.atts_wrap_inner {
    display: flex;
    margin-bottom: 5px;
}
.attr_pos_icon_wrap {
    width: auto;
    margin-bottom: 10px;
}
.attr_pos_icon_wrap:nth-child(odd) {
    margin-right: 4%;
}
.attr_pos_icon_wrap p {
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    font-weight: 400;
    margin-top: 5px;
}
.attr_pos_icon_wrap p img {
    display: block;
    margin: 0 auto;
}
.attr_pos_icon_wrap div img {
    display: block;
}
button.load-more {
    text-decoration: none;
    padding: 0.8em 1em;
    display: block;
    background: transparent;
    border-radius: 3px;
    border-radius: var(--radius);
    border: solid 1px var(--m1);
    color: var(--m1);
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: 200px;
    margin-top: 40px;
    transition:all 300ms;
}
button.load-more:hover {
    background-color:var(--m1);
    color:#fff;
}
.tires_carousel.border_bottom {
    border-bottom: solid 1px var(--m1);
}



/*FOOTER*/
.footer-copyright {
    display: flex;
    justify-content: space-between;
}
.footer_urls a {
    color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important;
}
.footer_logo img {
    height: 145px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    position: absolute;
    top: -3rem;
}
.footer_logo {
    position: relative;
    padding-bottom: 109px;
}
/*END OF FOOTER*/


@media screen and (max-width: 1440px) {
    .container {
        width: 94%;
    }
/*     .dktio_inputs {
        width: calc(50% - 1px);
    }
    .net_inputs_wrap {
        width: 66%;
    } */
}
@media screen and (max-width: 1280px) {
    .store_locator_cols {
        grid-template-columns: 2fr 2fr;
        gap: 2rem;
    }
}

@media screen and (max-width: 1180px) {
    .atts_icon_list {
        display: block;
    }
    .attr_icon_wrap {
        display: flex;
        align-items: center;
        text-align: left;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .attr_icon_wrap > div {
        margin-left: 0;
        margin-right: 9px;
    }
    .attr_icon_wrap p {
        flex: 1;
        text-align: left;
    }
}
/*END OF 1180*/

@media screen and (max-width: 991px) {
    #main_menu a {
        padding-left: 4px;
        padding-right: 5px;
    }
    .container {
        width: 100%;
    }
    .tires_carousel_wrapper button.arrow-prev,.tires_carousel_wrapper button.arrow-next {
        display: none !IMPORTANT;
    }
    .net_inputs_wrap {
        width: 100%;
    }
    div#dktio_search {
        width: 100%;
        margin-top: 6px;
    }
    .search_results {
        height: auto;
    }
    .store_locator_cols {
        flex-direction: column-reverse;
        display: flex;
        gap: 0;
        position: static !important;
        height: auto;
    }
    .sl_map_wrapper {
        height: 53vh;
    }
    div#sl_map {
        height: 53vh;
    }
    .store_results {
        margin-top: 23px;
    }
    .marker-wrapper {
        margin-bottom: 20px;
    }
    div#dn3 {
        padding-top: 0;
    }
}
@media screen and (max-width: 800px) {
    .nl_check {
        width: 100%;
        padding-left: 0;
    }
    form#newsletter_form {
        flex-direction: column;
    }
    .nl_icon_title {
        max-width: 100%;
        margin: 0;
        margin-bottom: 31px;
    }
    .nl_submit {
        margin-left: 5px;
        flex: 1;
        /* max-width: 100%; */
    }
    .nl_icon_wrap {
        justify-content: center;
    }
    .nl_icon_wrap {
        width: 100%;
        justify-content: center;
    }
    .newsletter_footer_wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .newsletter_form .submit_newsletter {
        height: 45px;
        line-height: 45px;
        display: block;
        padding: 0 !important;
    }
    .newsletter_form input.email {
        height: 45px;
    }
    .nl_icon_wrap span {
        font-size: 20px;
        line-height: 24px;
    }
    .nl_icon_wrap img {
        margin-right: 12px;
        max-width: 68px;
    }
}
@media screen and (max-width: 767px) {
    button#burger_btn {
        width: auto;
    }
    .rotate-45 {
        --tw-rotate: 45deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .translate-y-1\.5 {
        --tw-translate-y: .375rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .-rotate-45 {
        --tw-rotate: -45deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .-translate-y-1\.5 {
        --tw-translate-y: -.375rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .opacity-0 {
        opacity: 0;
    }
    .opacity-100 {
        opacity: 1;
    }
    div#burger_menu {
        top: var(--header);
        background-color: #fff;
    }
    .sticky_header #burger_menu {
        top: var(--headerFixed);
    }
    div#burger_menu.active {
        max-height: 400px;
    }
    div#burger_menu a:last-child {
        margin-bottom: 1rem;
    }
    div#burger_menu a:first-child {
        margin-top: 1rem;
    }
    #banner_section {
        background-position: 67% !IMPORTANT;
    }
    .footer_urls_2 h4.text-lg.font-semibold.mb-4 {
        display: none;
    }
    .footer_cols_wrapper.grid.grid-cols-1.gap-8 {
        gap: 0;
    }
    .footer_col_1 {
        margin-bottom: 3rem;
    }
    .footer_col_4 {
        margin-top: 3rem;
    }
    .copyright_wrapper {
        padding-top: 15px;
        margin-top: 1rem !important;
        padding-bottom: 15px !important;
    }
    footer#colophon > .container.mx-auto.px-4.py-12 {
        padding-bottom: 0 !IMPORTANT;
    }
    .footer-copyright {
        flex-direction: column;
    }
    .cpl {
        margin-bottom: 5px;
    }
    .backto.top svg {
        width: 45px;
        height: auto;
    }
    .backto.top {
        bottom: 2%;
    }
    .tires-tab-links {
        margin-bottom: 2rem;
    }
    section#stores .icon24 {
        display: block;
        margin: 0 auto;
    }
    section#stores .icon24 svg {
        margin: auto;
        margin-bottom: 10px;
    }
    #section_distribution_netwok .icon24 {
        display: block;
        margin: 0 auto;
    }
    #section_distribution_netwok .icon24 svg {
        margin: auto;
        margin-bottom: 10px;
    }
    .footer_logo img {
        top: -4rem;
    }
    
    .footer_logo {
        padding-bottom: 85px;
    }
	    .tire_product {
        flex-direction: column;
        margin-bottom: 20px;
        border-bottom: solid 1px var(--m1);
    }
    .tire-image {
        width: 100%;
    }
    .tdesc_col {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .tire-atts {
        width: 100%;
        border: none;
        padding-top: 0;
    }
    .atts_icon_list {
        border-top: solid 1px var(--m1);
        padding-top: 10px;
    }
    .tech_specs ul.mb-6.space-y-2 {
        margin-bottom: 0;
    }
    .tires-tab-links {
        flex-wrap: wrap;
    }
    .tires-tab-links li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }
    .tires-tab-links li:nth-child(2) {
        margin-right: 0;
    }
    .tires-tab-links li:nth-child(3) {
        width: 100%;
        margin-top: 5px;
    }
    .tires-tab-links li a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 480px) {
	.dktio_inputs {
		width: 100%;
		margin-bottom: 7px;
	}

	.net_inputs_wrap {
		flex-direction: column;
	}

	div#dktio_search {
		margin-top: 0;
	}
    .nl_submit {
        max-width: 100%;
        margin-top: 5px;
    }
    .email_submit {
        flex-direction: column;
    }
    .nl_submit {
        width: 100%;
        margin-left: 0;
        max-width: 100%;
    }
	.atts_wrap_inner {
		flex-direction: column;
	}
	.attr_pos_icon_wrap:nth-child(odd) {
		margin-right: 0;
	}
}