.thelogin {
    position: absolute;
    right: 10px;
    margin-top: -100px;
}
.notloggedin .thelogin {
    position: static;
    margin: 0 auto;
    width: fit-content;
}
div.blackbutton a {
    display: block;
    margin: 0 auto;
    padding: 16px 24px;
    margin-top: 15px;
    margin-bottom: 30px;
    background-color: #282830;
    line-height: 1;
    color: white;
    text-decoration: none;
    width: fit-content;
}

.c-invalid {
    font-size: 0.9em;
    color: red;
}
.wishlist_input .c-invalid {
    position: absolute;
}
.c-thank-you {
    max-width: 720px;
    margin: 0 auto;
}

/* GO BACK BUTTON SE LISTA KAI DETAIL */
.notloggedin #belowsite,
#copyinfo {
display: none;
} 

div.items div.detail div.item {
 margin-bottom: 0;
}

div.items div.detail div.item div.itemcontent {
 padding-bottom: 0;
}

.c-goback-container {
    padding: 50px;
}

a.c-goback {
text-decoration: none;
}

.c-goback span {
font-size: 1.2em;
margin-right: 0.4em;
}

/* END GO BACK BUTTON SE LISTA KAI DETAIL */

.badgeid4149 {
    background-color: #4ac325;
}


@font-face {
  font-family: "Toyota Regular";
  src: url(https://d6tizftlrpuof.cloudfront.net/themes/production/toyota-motor-europe-foundation-dxp-font-file-url-d5f8565209f2086d118acd95450c59dd.woff);
}

body, select, input, textarea, label, table, form, button, optgroup {
font-family: "Toyota Regular";
}

.c-belowsitetitle{
padding-top: 20px;
font-weight: 300;
font-size: 1.4em;
line-height: 2em;
margin-bottom: 10px;
}


/* MY TOYOTA CSS */

.c-maintitle {
/* My TOYOTA Wishlist */
height: 32px;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 32px;
/* identical to box height, or 114% */
text-align: center;
/* Toyota Primary Black */
color: #282830;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 0px;
font-weight: 800;
} 

/* Line */

.c-maintitle-line {
    width: 79px;
    height: 3px;
    background: #FF0022;
/* Toyota/Primary Red */
    margin: 40px auto;
}

.c-maintitle-box {
    max-width: 720px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
}

.c-maintext {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: -0.02em;
flex: none;
order: 2;
flex-grow: 0;
}

.c-text-lg {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 28px;
text-align: center;
letter-spacing: -0.02em;
margin-left: 20px;
    margin-right: 20px;
}

.c-find-model {
margin-bottom: 30px;
}


/* AXESOUAR KATIGORIES */

.c-categories-axesouar-container {
    background-color: #282830;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.c-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 8;
}

.c-categories-axesouar-container .c-text-lg {
color: white;
}

.c-categories-inner {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.c-categories-box {
    width: 33.33%;
}

.c-categories-box-content {
    margin: 15px;
}

.c-categories-image {
position: relative;
overflow: hidden;
}

.c-categories-image img {
    width: 100%;
    height: auto;
    transform: scale(1);
transition: 0.5s;
}

.c-categories-image:hover img {
    transform: scale(1.1);
}

.c-categories-text {
    color: white;
    margin-top: 15px;
}

.c-categories-plus {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 1.5px solid white;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-categories-plus img {
    width: 12px;
}


/* PRODUCTS LIST & DETAILS */




div.horizontalitems .list {

}

div.dynpager_info {
width: 100%;
text-align: right;
max-width: 1120px;
margin: 0 auto;
margin-bottom: 14px;
}

div.horizontalitems div.theitems {
max-width: 1120px;
    margin: 0 auto;
}

div.horizontalitems div.basketbutton {
background-color: transparent;
text-align: center;
border: 0px;
}

div.horizontalitems div.basketbutton a {
background-image: none;
}

div.horizontalitems div.basketbutton a,
div.dynpager_content button {
    background-image: none;
    display: inline-block;
    flex-direction: column;
    align-items: center;
    padding: 16px 24px;
    margin-top: 15px;
    margin-bottom: 30px;
    background-color: #282830;
    line-height: 1;
    color: white;
}

div.dynpager_content button {
    display: block;
    min-width: 250px;
    margin: 20px auto;
    margin-bottom: 24px;
}

div.items div.group a {
font-weight: 400;
}

/* FILTRA DESIGN */

.c-filter-container .filter_opt .filterlabel {
    padding-bottom: 0;
}

.c-filter-container .filter_opt {
    padding: 0;
    text-align: center;
    margin-bottom: 40px;
}

.c-filter-container .filter_opt a {
    display: inline-block;
    padding: 14px 20px;
    text-decoration: none;
    position: relative;
    border: 1px solid #E4E4E4;
    border-radius: 70px;
    line-height: 1;
margin: 5px;
}

.c-filter-container .filter_opt a::after {
    content: '';
    position: relative;
    width: 15px;
    height: 15px;
    line-height: 0;
    display: inline-block;
    position: relative;
    margin-left: 12px;
    background-image: url('/cache/files/cf33138642f5c22ce840ebc2d1cfb151f6be4e12.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 1080px) {
.c-goback-container {
    position: absolute;
    top: -50px;
    width: auto;
    left: 20px;
    transform: translateX(0%);
    text-align: left;
}
}

@media (max-width: 768px) {
.c-categories-box {
    width: 100%;
}
.c-goback-container {
    position: relative;
    top: 0;
    width: 1120px;
    left: 0%;
    transform: translateX(0%);
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
}
}.c-newlogo {
    background-image: url('cache/files/notfound');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
}


a.mobile-header-startlink {
    background-image: url('cache/files/notfound');
    background-position: center;
    background-size: contain;
background-repeat: no-repeat;
width: 220px;
    transform: translate(-50%, 0%);
}

.side-nav__header {
    background-color: white;
    background-image: url('cache/files/notfound') !important;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8vh;
    margin-right: 8vh;
}.cartButton{
  background: #1a1a1a;
  border-radius: 12px;
  margin-top: 0.5em;
  margin-right: 2em;
  margin-left: 2em;
  margin-bottom: 1em;
}

.cartButton span {
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 30 px;
  font-weight: bold;
}

.cartButton:hover {
  background-color: #cccccc;
  color: #1a1a1a !important;
}.c-newsletter {
padding-top: 100px;
padding-bottom: 100px;
width: 60%;
margin: auto;
}

.c-newsletter form {
    margin: auto;
}

.c-newsletter form label {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 800;
font-family: 'Manrope', sans-serif;
}

.c-newsletter form input {
    padding: 10px;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}


.c-newsletter form input:focus-visible {
outline: none;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.c-newsletter form input::placeholder {
color: #d1d1d5;
font-size: 14px;
}

.c-newsletter form .submit {
margin-top: 20px;
text-align: center;
}

.c-newsletter form .submit button {
    font-size: 14px;
    font-weight: 400;
    padding: 20px 25px;
    color: white;
    background-color: #595959;
    transition: 0.3s;
    letter-spacing: 1px;
    border-radius: 3px;
    border-color: transparent;
    min-width: 170px;
}

.c-newsletter form .submit button:hover {
color: white;
background-color: #e0751b;
}

@media only screen and (max-width: 768px) {
.c-newsletter {
width: 90%;
}
}.c-kalathi {
    position: fixed;
    top: 20px;
    right: 70px;
    color: white;
    z-index: 100;
}

#contenttop .c-kalathi .c-kalathi-link {
    padding: 12px 15px;
    background-color: #282830;
    border-radius: 40px;
    color: white;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.c-kalathi-icon {
    position: relative;
    width: 16px;
    height: 16px;
    background-image: url('/cache/files/a7e4e4b183673d1b43784c022d26180244c2bf06.svg');
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}

@media (max-width: 768px) {
.c-kalathi {
    right: 20px;
}
}#contenttop h1.pagetitle {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    color: #282830;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 0px;
    font-weight: 800;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
margin-top: 80px;
border: 0px;
}

#contenttop h1.pagetitle::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
    width: 80px;
height: 3px;
background-color: #FF0022;
}

.hasbacklink {
display: none;
}

@media (max-width: 768px) {
#contenttop h1.pagetitle {
    padding-bottom: 40px;
    margin-top: 60px;
    border: 0px;
    margin-left: 20px;
    margin-right: 20px;
}
}/* DETAILS DESIGN */

/* BOX ME INFORMATION KAI PHOTO */

.box2283 {
    display: flex;
    width: 100%;
    flex-direction: row;
}

.box2283 > div {
width: 50%;
}

.box2283 > div:nth-child(1) {
order: 2;
}

.box2283 > div:nth-child(2) {
order: 1;
}



.c-procuct-details-boxy {
    width: auto;
    /* padding: 0 15%; */
    /* height: 35vw; */
    /* min-height: 550px; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

.c-procuct-details-boxy {
    width: auto;
    padding: 90px 15% 0px 15%;
    /* height: 35vw; */
    /* min-height: 550px; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}

/* .c-procuct-details-boxy:before {
    content: '';
    background-color: #FF0022;
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 2px;
    height: 6vw;
    max-height: 120px;
} */

.c-procuct-details-boxy::after {
    content: '';
    background-color: #FF0022;
    position: relative;
    bottom: 0px;
    left: 0;
    width: 2px;
    height: 120px;
    margin-top: 90px;
}



/* END BOX ME INFORMATION KAI PHOTO */

/* DESIGN GIA TO CONTENT-INFORMATION STO DETAIL */

div.items div.detail h3 {
text-align: left;
}

/* TITLOS PROIONTOS & TIMI PROIONTOS */

.am_2130, .am_2131, .am_2133 {
width: 100%;
}

/* EIKONA PROIONTOS */
.am_1612 div {
height: 100%;
}

/* END TITLOS PROIONTOS */

/* KODIKOS PROIONTOS */

.am_2129 {
width: 100%;
}

.c-kodiko-proiontos {
font-size: 13px;
color: #6C7073;
margin-bottom: 25px;
}

/* END KODIKOS PROIONTOS */

div.items div.detail div.c-procuct-details-boxy div.infoline.pricenovat {
display: inline-block;
position: relative;
}

.items .detail .price .pricenovat .value {
    font-size: 16px;
    display: inline-block;
position: relative;
}


/* PRICE INFORMATION */

.c-procuct-details-boxy .price {
    display: inline-block;
    float: left;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.c-price-information {
    background-image: url('/cache/files/1079d4ebd3998b4869f745ade1f81b3b221caef4.svg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 11px;
    position: relative;
    top: 61px;
}

.c-price-information, .wishlist_input .wishlist_info {
    width: 19px;
    height: 19px;
    display: inline-block;
    position: relative;
}

.c-price-information:before, .wishlist_input .wishlist_info:before {
    visibility: hidden;
    background-color: #282830;
    position: absolute;
    display: inline-block;
    max-width: 240px;
    bottom: 40px;
    padding: 30px;
    left: -30px;
    color: white;
    width: max-content;
    content: 'Προσθέστε τον μοναδικό κωδικό Accessories Wishlist που έχετε λάβει στο e-mail σας, για να δείτε ξανά τη Wishlist σας.';
}

.c-price-information:before {
    max-width: 250px;
    padding: 40px;
    content: 'Στην τιμή συμπεριλαμβάνεται Φ.Π.Α. 24%.';
}

.c-price-information::after, .wishlist_input .wishlist_info::after {
    visibility: hidden;
    content: '';
    background-color: #282830;
    width: 20px;
    height: 20px;
    position: absolute;
    transform: rotate(45deg);
    bottom: 30px;
    left: 0px;
}

.c-price-information:hover::after, .c-price-information:hover:before, .wishlist_input .wishlist_info:hover:before, .wishlist_input .wishlist_info:hover::after {
visibility: visible;
}

/* TIMI GIA KOSTOS TOPOTHETHISIS */

.am_2254 {
width: 100%;
}

.c-procuct-details-boxy .c-kostos-topothetisis {
    display: block;
    margin-top: 25px;
    float: none;
    height: auto;
}

div.items div.detail div.c-procuct-details-boxy .c-kostos-topothetisis div.infoline {
    display: flex;
    flex-direction: column;
}

.c-procuct-details-boxy .c-kostos-topothetisis div span.label, .c-endiktikes-foto span {
color: #6C7073;
    font-size: 13px;
}

.c-endiktikes-foto span {
    margin-top: 20px;
    display: block;
}

/* END TIMI GIA KOSTOS TOPOTHETHISIS */

/* PRODUCT CONTENT */

div.items .c-procuct-details-boxy div.group {
margin-top: 40px;
}

div.items .c-procuct-details-boxy div.group a {
font-weight: 400;
}

/* END PRODUCT CONTENT */

/* PRODUCT IMAGE */

/* .am_1612 {
    display: inline-block;
    width: 50%;
    float: right;
} */
div.items div.detail div.photos {
    width: 100% !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

/* 
div.items div.detail div.photos {
    width: 50% !important;
    padding-left: 0px !important;
} */

#contenttop .am_1634 div.detail .photos-1612 div.p_photos_main_image_detail {
margin-bottom: 0px;
}

/* OLD 
#contenttop .am_1634 div.detail .photos-1612 div.p_photos_main_image_detail .cboxElement {
    height: 100%;
    display: flex;
} */

#contenttop .am_1634 div.detail .photos-1612 div.p_photos_main_image_detail .cboxElement {
    height: 35vw;
    height: 100%;

    display: flex;
    align-content: center;
    align-items: center;
}

div.items div.detail div.photos img {
    width: 100% !important;
    height: auto;
    height: 100% !important;
    object-fit: cover;
}

/* END PRODUCT IMAGE */


/* GO BACK BUTTON GIA TO DETAIL */

div.items div.detail div.back {
    border: 0;
    background-color: transparent;
    background-image: none;
}

div.items div.detail div.back a:before {
    content: '';
    background-image: url('/cache/files/e9df05462c0e5bcd5100fef21e73bee8e1513288.svg');
    width: 20px;
margin-right: 5px;
    position: relative;
    display: inline-block;
    background-size: contain;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

/* END GO BACK BUTTON GIA TO DETAIL */

/* KOKKINI GRAMMI KATHETI VERTICAL LINE

.c-product-vertical-line {
    border-left: 2px solid #FF0022;
    height: 6vw;
    margin-left: 7.5%;
    margin-top: -6vw;
    max-height: 120px;
} */

/* END KOKKINI GRAMMI KATHETI VERTICAL LINE */

@media (max-width: 1024px) {
.c-kodiko-proiontos {
    margin-bottom: 15px;
}

.c-procuct-details-boxy .price {
    height: 50px;
}
.c-price-information {
    height: 19px;
    top: 31px;
}
.c-procuct-details-boxy .c-kostos-topothetisis {
    margin-top: 5px;
}
div.items .c-procuct-details-boxy div.group {
    margin-top: 20px;
}
.c-price-information span {
    padding: 30px;
}
}

@media (max-width: 768px) {
.box2283 {
    flex-wrap: wrap;
}
.box2283 > div:nth-child(1) {
    order: 1;
}
.box2283 > div:nth-child(2) {
    order: 2;
}
.box2283 > div {
    width: 100%;
}
div.items div.detail div.photos img {
    width: auto !important;
    height: 100% !important;
    object-fit: initial;
}

.c-procuct-details-boxy {
    padding: 40px 20px 0px 20px;
}
.c-procuct-details-boxy::after {
    height: 90px;
    margin-top: 40px;
}
div.items div.detail h3 {
    font-size: 28px;
}

.c-procuct-details-boxy .c-kostos-topothetisis {
    margin-top: 15px;
}

div.items div.detail div.back {
    padding-top: 5px;
    padding-bottom: 0px;
    margin-left: 20px;
    position: relative;
    top: 0;
    left: 0;
}


}.c_toyota_wishlist div.noitemsinfo {
    padding: 50px 100px;
    margin: auto;
    max-width: 600px;
    text-align: center;
    border: 1px solid #e4e4e4;
    margin-bottom: 40px;
}

div.dynpager_info {
    padding-left: 0px;
    padding-right: 0px;
}

div.horizontalitems div.theitems {
max-width: 1120px;
    margin: 0 auto;
}

#contenttop div.horizontalitems div.item div.photos img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

div.horizontalitems div.item h3 {
    height: 55px;
    padding-left: 40px;
    padding-right: 40px;
margin-top: 40px;
}

/*price view*/
.horizontalitems .price .pricenovat .value {
    font-size: 22px;
    display: inline-block;
}
.items .detail .price .pricenovat .value {
        font-size: 16px;
}
.items .detail .price .startprice .value {
        color: #666;
}

div.horizontalitems div.infoboxy div.price {
    height: 55px;
    vertical-align: baseline;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

div.price div.startprice span.value {
    text-decoration: line-through;
    color: #6C7073;
    font-size: 13px;
}

/*end of price*/

@media (max-width: 768px) {
div.dynpager_info {
    padding-left: 20px;
    padding-right: 20px;
}
div.horizontalitems div.list div.item {
    padding-right: 20px;
}
}.c-addtocartmodal-full {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.3);
z-index: 100;
display: none;
}
.c-modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 90%;
    max-width: 960px;
}

.c-modal-container::after {
content: '';
width: 3px;
height: 180px;
position: absolute;
right: 0;
top: 0;
background-color: #FF0022;
}

.c-modal-close {
    position: absolute;
    top: 25px;
    right: 25px;
    background-color: #282830;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: white;
    text-align: center;
    cursor: pointer;
}

.c-modal-close span {
    display: block;
    margin-top: 5px;
}

.c-modal-inner {
padding: 120px;
    max-width: initial;
}

.c-modal-checkicon {
text-align: center;
margin-bottom: 30px;
}

.c-modal-checkicon img {
    border: 2px solid #282830;
    padding: 20px;
    border-radius: 50%;
}

.c-modal-info {
    font-size: 28px;
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.c-modal-info p {
    margin-bottom: 50px;
}

.c-modal-buttons {
    text-align: center;
}

.c-modal-buttons a {
margin-left: 15px;
margin-right: 15px;
}

.c-modal-shopping {
    display: inline-block;
    width: auto;
    text-align: center;
    background-color: #282830;
    color: white;
    text-decoration: none;
    padding: 15px 25px;
}

.c-modal-wishlist {
    display: inline-block;
    width: auto;
    text-align: center;
    text-decoration: none;
    padding: 15px 25px;
    border-bottom: 1px solid #282830;
}

@media (max-width: 768px) {
.c-modal-container {
    width: 90%;
}
.c-modal-container .c-modal-close {
    top: 20px;
    right: 20px;
}
.c-modal-container .c-modal-inner {
    padding: 80px 20px;
    max-width: initial;
}

.c-modal-info {
    font-size: 20px;
    padding: 0px;
    width: auto;
}
.c-modal-info p {
    margin-bottom: 20px;
}

.c-modal-checkicon {
    margin-bottom: 20px;
}
.c-modal-checkicon img {
    padding: 15px;
    width: 20px;
    height: auto;
}
.c-modal-shopping {
    margin-bottom: 20px;
}
}@keyframes cAnimShow {
  from {
    opacity: 0;
    top: 20px;
  }

  to {
    opacity: 1;
    top: 0px;
  }
}

.cAnimationShow {
  -webkit-animation-name: cAnimShow;
  animation-name: cAnimShow;
  animation-duration: 1s;
  animation-delay: 0.3s;
position: relative;
}