* {  box-sizing:border-box; } a {  text-decoration:none !important; } .header {  display:flex;  align-items:center;  padding:10px 20px;  background-color:#fff;  width:100%; } .logo {  width:10%; } .logo img {  height:auto;  width:100%; } .nav {  width:65%;  justify-content:center; } .nav ul {  list-style:none;  display:flex;  gap:20px;  flex-direction:row; } .nav ul li a {  text-decoration:none;  color:#000;  font-weight:500; } .contact {  display:flex;  align-items:center;  width:20%;  gap:10px; } .contact .phone {  display:flex;  align-items:center;  gap:10px; } .contact .phone .icon {  width:30px;  height:30px;  background-color:#e40000;  border-radius:50%;  display:flex;  align-items:center;  justify-content:center;  color:#fff; } .contact .phone span {  font-size:16px;  font-weight:bold; } .contact .cta {  font-size:12px;  color:#666;  margin-left:10px; }  .search-icon {  width:5%;  align-items:end;  display:flex;  flex-direction:column;  padding:10px; } .search-icon img {  width:20px;  cursor:pointer; } .header-contact-info {  display:flex;  flex-direction:column; } .menu-header-container a {  font-size:15px;  font-weight:500;  font-family:"Roboto Flex", Sans-serif;  text-transform:uppercase;  color:#202020; } .header-info {  font-size:13px;  font-weight:300;  font-family:"Roboto Flex", Sans-serif;  color:#333; } .header-info-number {  font-size:22px;  font-weight:500;  font-family:"Roboto Flex", Sans-serif;  color:#202020; }  .hamburger-menu {  display:none;  flex-direction:column;  justify-content:center;  align-items:center;  gap:5px;  cursor:pointer;  border:none;  background:none;  padding:10px;  } .hamburger-menu .bar {  width:25px;  height:3px;  background:#000;  border-radius:3px; } .footer {  color:#fff;  padding:90px 10px;  background-position:right;  background-size:cover;  background-repeat:no-repeat; } .footer-container {  display:flex;  flex-wrap:wrap;  justify-content:space-between;  align-items:center;  max-width:1180px;  margin:0 auto; } .footer-content {  width:25%; } .footer-content h2 {  margin-bottom:10px; } .footer-content h3 {  margin:10px 0; } .contact-info, .opening-hours {  margin-bottom:20px; } .footer-map {  width:25%; } .footer-map iframe {  border:none;  height:300px;  width:100%; } .social-icons {  margin-top:10px; } .social-icons a {  margin:0 5px;  color:#fff;  text-decoration:none;  font-size:20px;  transition:color 0.3s; } .social-icons a:hover {  color:#ddd; } .footer-bottom {  background:#222;  color:#bbb;  padding:10px 20px; } .footer-bottom a {  color:#fff;  text-decoration:none; } .footer-bottom a:hover {  text-decoration:underline; } .footer-bottom-container {  display:flex;  flex-wrap:wrap;  align-items:center;  max-width:1180px;  margin:0 auto; } span.copy-text {  width:90%;  text-align:center;  font-size:16px;  font-weight:300;  font-family:"Roboto Flex", Sans-serif;  color:#fff; } a.privacy-link {  width:10%;  text-align:end;  font-size:16px;  font-weight:300;  font-family:"Roboto Flex", Sans-serif;  color:#fff; } .footer-title {  font-size:28px;  font-weight:600;  font-family:"Roboto Flex", Sans-serif;  color:#fff;  border-bottom:1px solid #fff;  line-height:1.5em; } .contact-info p {  font-size:16px;  font-family:"Roboto Flex", Sans-serif;  font-weight:500;  color:#fff; } .contact-info p a {  color:#fff; } .footer_addr_heading {  font-size:18px;  font-weight:bold;  font-family:"Roboto Flex", Sans-serif;  color:#fff; } .footer-logo {  width:50%;  text-align:center; }  .hero-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:column;  background-size:cover;  background-position:center;  padding:50px 20px 50px 20px; } .hero-container {  width:100%;  padding:20px 10px 40px 70px; } .hero-logo img {  width:100%;  height:auto; } .hero-logo-text {  display:flex;  flex-direction:row;  gap:30px;  align-items:center;  max-width:1200px;  margin:0 auto; } .hero-logo {  width:10%; } .hero-text {  width:90%; } .hero-text h1,.hero-text h2 {  font-family:'Roboto', sans-serif;  font-size:60px;  font-weight:bold;  color:#202020; } .hero-image img {  max-width:100%;  height:auto;  display:block;  margin:20px auto 0; } .button-section-abs-pos {  display:flex;  align-items:center;  justify-content:center;  flex-direction:column;  padding:50px 20px;  position:relative;  margin-bottom:0px; } .button-abs-pos {  display:flex;  flex-wrap:wrap;  flex-direction:row;  max-width:1180px;  gap:30px;  z-index:1;   position:absolute;   top:550px; } .osta-btn, .myymassa-btn {  background:#D93735;  padding:50px 100px 10px 100px;  border-radius:130px;  border:5px solid #fff;  color:#fff;  font-size:50px;  font-weight:500;  font-family:"Speeday", Sans-serif;  text-align:center;  box-shadow:0px 0px 10px 0px rgb(0 0 0 / 25%);  line-height:40px;  background-image:linear-gradient(90deg, #d93735 0%, #cb2b2a 27%, #a10509 61%, #760406 100%);  filter:drop-shadow(0px 6px 5px rgba(0, 0, 0, 0.16)); } .osta-btn a, .myymassa-btn a{   color:#fff; } .osta-btn a:hover, .myymassa-btn a:hover{   color:#fff; } a.complaint-link {   font-size:16px;   font-weight:400;   font-family:"Roboto Flex", Sans-serif;   color:#fff; } span.smallfont {  font-size:20px;  font-family:"Roboto Flex", Sans-serif; } .icon-with-text-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:column;  padding:120px 10px 10px 10px;  position:relative;  margin-bottom:30px; } .icon-with-text-container {  display:flex;  flex-wrap:wrap;  flex-direction:row;  max-width:1140px;  gap:40px; } .icon-details {  align-content:center; } .icon-text {  font-size:16px;  font-weight:500;  color:#202020;  font-family:"Roboto Flex", Sans-serif; } .redClr {  color:#D34F49;  font-weight:500; } .car-replacement-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:column;  padding:0px 10px 10px 10px;  position:relative;  margin-bottom:30px; } .car-replacement-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  padding:60px 10px 60px 10px;  position:relative;  margin-bottom:30px;  background:#B9060A;  align-items:center;  gap:50px;  filter:drop-shadow(0px 9px 5px rgba(0, 0, 0, 0.16));  background-image:linear-gradient(180deg, #b9060a 0%, #5d0305 100%); } .car-replacement-title span {  font-family:"Helvetica", Sans-serif;  font-size:26px;  font-weight:500;  line-height:1.5em;  color:#fff; } .car-name {  font-size:18px;  font-weight:400;  color:#fff;  font-family:"Helvetica", Sans-serif; } .car-replacement-repeat {  display:flex;  flex-direction:row;  width:70%;  flex-wrap:wrap;  text-align:center;  column-gap:10px;  row-gap:30px; } .car-item {  display:flex;  flex-direction:column;  width:24%;  align-items:center;  flex-wrap:wrap; } .car-item a {  display:flex;  flex-direction:column; } .car-icon {  width:130px;  height:50px;  object-fit:contain; } .blackClr {  color:#202020 !important; } .latest-car-model {  display:flex;  align-items:center;  justify-content:center;  flex-direction:column;  padding:10px 10px 10px 10px;  position:relative;  margin-bottom:30px;  background-position:top right;  background-size:cover;  background-repeat:no-repeat; } .latest-car-model-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  padding:60px 10px 60px 10px;  position:relative;  align-items:center;  gap:0px; } .latest-car-title span {  font-size:26px;  font-weight:500;  color:#DD0005;  font-family:"Roboto Flex", Sans-serif;  text-transform:uppercase; } .latest-car-subtitle span {  font-size:34px;  font-weight:bold;  color:#202020;  font-family:"Montserrat", Sans-serif;  line-height:1.5em;  text-transform:uppercase; } .latest-car-description {  display:flex;  width:50%; } .latest-car-description span {  font-size:16px;  font-weight:300;  text-align:center;  color:#333;  line-height:1.5em; } .buy-sell-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative;  margin-bottom:30px; } .buy-sell-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:row;  padding:60px 10px 10px 10px;  position:relative;  gap:50px; } .buy-sell-text-section {  display:flex;  width:55%;  flex-direction:column; } .buy-sell-image-section {  display:flex;  width:45%; } .buy-sell-title {  font-size:26px;  font-weight:500;  color:#DD0005;  text-transform:uppercase;  font-family:"Roboto Flex", Sans-serif;  padding-left:10px;  line-height:15px; } .buy-sell-subtitle {  font-size:34px;  font-weight:bold;  text-transform:uppercase;  padding-left:10px;  line-height:normal;  font-family:"Montserrat", Sans-serif;  color:#FFF; } .buy-sell-heading {  font-size:24px;  font-weight:bold;  line-height:2em;  color:#FFF;  font-family:"Roboto Flex", Sans-serif; } .buy-sell-description {  font-size:18px;  font-weight:300;  color:#fff;  text-align:left;  line-height:1.5em;  margin-bottom:20px;  font-family:"Roboto Flex", Sans-serif; } .buy-sell-sub-description {  font-size:18px;  font-weight:300;  color:#fff;  text-align:left;  line-height:1.5em;  margin-bottom:20px;  font-family:"Roboto Flex", Sans-serif; } .buy-sell-contact-info {  display:flex;  flex-direction:row;  width:100%;  margin-bottom:30px; } .buy-sell-contact-number {  display:flex;  flex-direction:row;  align-self:center;  gap:10px;  width:50%;  align-items:center; } .buy-sell-whatsapp {  display:flex;  flex-direction:row;  align-self:center;  gap:10px;  width:50%;  align-items:center; } .buy-sell-contact-number span {  color:#fff;  font-size:22px;  font-weight:500;  font-family:"Roboto Flex", Sans-serif; } .buy-sell-whatsapp-number span {  color:#fff;  font-size:16px;  font-weight:400;  font-family:"Roboto Flex", Sans-serif; } .buy-sell-katso-btn {  display:flex;  flex-direction:row;  width:100%; } a.katso-btn-link {  display:flex;  flex-direction:row;  width:100%;  gap:20px;  align-items:center; } .katso-btn-link span {  font-size:16px;  font-weight:500;  color:#fff;  font-family:"Roboto Flex", Sans-serif; } .katso-btn-link img {  width:12px;  height:12px; } .meilta-aina-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:row;  padding:120px 10px;  position:relative;  margin-bottom:30px; } .meilta-aina-container {  max-width:1240px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:row;  position:absolute;  z-index:1;  top:0; } .meilta-left-side {  display:flex;  width:50%; } .meilta-right-side {  display:flex;  flex-direction:column;  width:50%;  background-position:top left;  background-size:contain;  background-repeat:no-repeat;  padding:30px 10px 10px 40px;  background-color:#fff; } .meilta-ois-auto-img {  width:100%;  height:auto; } .meilta-sub-heaing {  font-size:14px;  font-weight:500;  text-transform:uppercase;  color:#DD0005;  line-height:1.5em;  font-family:"Roboto Flex", Sans-serif; } .meilta-heading {  font-size:34px;  font-weight:bold;  line-height:2em;  color:#202020;  font-family:"Montserrat", Sans-serif; } .meilta-description {  font-size:20px;  font-weight:300;  color:#202020;  line-height:1.5em;  font-family:"Roboto Flex", Sans-serif; } .meilta-lue-lissa-btn {  width:70%;  background:#DD0005;  margin-top:20px;  display:flex;  flex-direction:row; } .meilta-button-link {  display:flex;  flex-direction:row;  gap:30px;  padding:20px;  text-align:center;  width:100%;  align-items:center;  justify-content:center; } .meilta-button-text {  font-size:16px;  font-weight:500;  text-transform:uppercase;  color:#fff;  font-family:"Roboto Flex", Sans-serif; } .meilta-button-icon {  width:12px;  height:auto; } .meilta-second-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:row;  padding:260px 20px 0px;  position:relative;  margin-bottom:30px;  background-size:cover;  background-position:center center;  background-repeat:no-repeat; } .meilta-second-section-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:row;  position:relative;  padding:60px 10px; } .meilta-second-icon-text {  display:flex;  flex-direction:column;  width:25%;  align-items:center;  align-self:center;  justify-content:center;  gap:10px; } .meilta-second-button-icon {  width:80px;  height:80px; } .meilta-second-text {  font-size:26px;  font-weight:500;  color:#fff;  font-family:"Roboto Flex", Sans-serif; } .viimeski-katsotut-settings-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:row;  padding:40px 10px;  position:relative; } .viimeski-katsotut-settings-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  padding:10px 10px 10px 10px;  position:relative;  align-items:center;  justify-content:center;  gap:40px; } .viimeski-katsotut-subheading {  font-size:16px;  font-weight:500;  color:#DD0005;  text-transform:uppercase;  font-family:"Roboto Flex", Sans-serif; } .viimeski-katsotut-heading {  font-size:34px;  font-weight:bold;  text-transform:uppercase;  color:#202020;  font-family:"Montserrat", Sans-serif; } .viimeski-katsotut-settings-main {  display:flex;  flex-direction:column;  align-items:center;  justify-content:center; } .luotettava-main-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:row;  position:relative;  background-position:center center;  background-size:cover;  background-repeat:no-repeat; } .luotettava-main-container {  margin:0 auto;  width:100%;  display:flex;  flex-direction:row;  position:relative;  gap:20px; } .luotettava-left-section {  display:flex;  flex-direction:column;  width:50%;  align-self:center;  justify-content:center;   padding-left:90px;  padding-top:50px;  padding-bottom:50px; } .luotettava-right-section {  display:flex;  flex-direction:column;  width:50%;  background-size:cover;  background-position:center center;  background-repeat:no-repeat; } .luotettava-cars-img {  width:100%;  height:100%; } .luotettava-logo {  width:150px;  height:auto; } .luotettava-autokauppa-subheading {  color:#DD0005;  font-size:16px;  font-weight:500;  text-transform:uppercase;  font-family:"Roboto Flex", Sans-serif; } .luotettava-autokauppa-heading {  font-size:34px;  font-weight:bold;  text-transform:uppercase;  color:#fff;  font-family:"Montserrat", Sans-serif;  line-height:40px; } .luotettava-autokauppa-descrption {  color:#FFF;  font-size:20px;  font-weight:300;  font-family:"Roboto Flex", Sans-serif;  margin:10px 0px; } .luotettava-ota-btn {  margin:30px 0px; } .luotettava-ota-btn-link {  background:#D93735;  padding:20px 30px;  gap:20px;  display:flex;  flex-direction:row;  width:60%;  align-items:center;  justify-content:center; } .luotettava-ota-btn-text {  font-size:16px;  font-weight:500;  text-transform:uppercase;  color:#fff;  font-family:"Roboto Flex", Sans-serif; } .luotettava-ota-btn-icon {  width:12px;  height:12px; } .image-shortcode {  width:100%;  height:auto; } .buy-sell-car-image {  width:100%;  height:auto; } .filter {  display:flex;  flex-direction:column;  padding:0px 10px 10px 10px;  position:relative; } .filter-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  padding:60px 0px;  position:relative; } .filter-main-title {  font-size:34px;  font-weight:400;  font-family:"Roboto", Sans-serif;  color:#202020; } .filter-option-title {  font-size:30px;  font-weight:500;  color:#DD0005;  font-family:"Montserrat", Sans-serif; } .filter-option {  margin-top:30px;  display:flex;  flex-direction:column;  align-items:center;  box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.25);  filter:drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.19));  border-radius:5px;  padding:20px 40px 40px;  gap:20px; } .multi-filter-option {  display:flex;  flex-direction:row;  gap:20px;  width:100%;  justify-content:center; } .first-filter-option, .second-filter-option, .third-filter-option {  width:33.33%; } .select select {  background:#F8F8F8;  border:unset;  padding:20px;  color:#333;  font-size:16px;  font-weight:300;  width:100%;  cursor:pointer;  appearance:none;  background-repeat:no-repeat;  background-position:right 20px center;  background-size:12px;  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1 L5 5 L9 1' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); } .nayta-tulosta-link {  background:#D93735;  padding:15px 30px;  display:flex;  flex-direction:row;  gap:30px;  width:80%;  justify-content:center;  align-items:center;  cursor:pointer; } .nayta-tulosta-icon {  width:12px;  height:12px; } .tulosta-text {  font-size:16px;  font-weight:500;  text-transform:uppercase;  color:#fff;  font-family:"Roboto Flex", Sans-serif; } .laajennettu-haku-link {  background:#F8F8F8;  padding:15px 30px;  display:flex;  flex-direction:row;  gap:30px;  width:80%;  justify-content:center;  align-items:center; } .laajennettu-haku-icon {  width:12px;  height:12px; } .laajennettu-haku-text {  font-size:16px;  font-weight:500;  text-transform:uppercase;  color:#333;  font-family:"Roboto Flex", Sans-serif; } .latest-car-model-slider .card, .latest-car-model-slider-mobile .card, .latest-car-model-slider-tablet .card {  background:#fff;  border-radius:0px;   overflow:hidden;  text-align:center;  padding:0px;  margin:5px; } .latest-car-model-slider .card-header, .four-columns .card-header, .latest-car-model-slider-mobile .card-header, .latest-car-model-slider-tablet .card-header {  margin-bottom:0px;  padding:0px; } .latest-car-model-slider .card-footer, .four-columns .card-footer, .latest-car-model-slider-mobile .card-footer, .latest-car-model-slider-tablet .card-footer {  display:flex;  justify-content:space-between;  padding-top:0px;  border-top:unset;  background:#fff;  padding-bottom:30px; } .slick-prev, .slick-next {  background-color:#333;  border-radius:50%;  color:white;  font-size:18px;  padding:10px; } .latest-car-model-slider .slick-prev:hover, .latest-car-model-slider .slick-next:hover, .latest-car-model-slider-mobile .slick-prev:hover, .latest-car-model-slider-mobile .slick-next:hover, .latest-car-model-slider-tablet .slick-prev:hover, .latest-car-model-slider-tablet .slick-next:hover, .main-slider-wrapper .slick-prev:hover, .main-slider-wrapper .slick-next:hover {  background-color:#D93735; } .car-image {  width:100%;  height:auto; } .card-body {  padding:15px; } .card-body h3 {  margin:15px 0;  font-size:20px;  font-weight:500;  text-align:left;  font-family:"Roboto Flex", Sans-serif;  color:#202020; } .features {  list-style:none;  padding:0;  margin:10px 0; } .features li {  display:flex;  align-items:center;  margin:5px 0;  color:#555;  font-size:0.9em; } .features img {  width:20px;  height:20px;  margin-right:10px; } .latest-car-model-slider {  margin:0 auto;  max-width:1180px;  padding:40px 0; display:flex;   position:relative;   flex-direction:column;   width:100%; } .latest-car-model-slider-mobile, .latest-car-model-slider-tablet {  max-width:100%;  margin:0 auto;  padding:40px 0; } .price {  font-size:20px;  font-weight:500;  color:#FFF;  width:50%;  text-align:left;  font-family:"Roboto Flex", Sans-serif;  padding-left:10px; } .monthly {  font-size:15px;  font-weight:500;  color:#D93735;  background:#fff;  border-radius:30px;  padding:2px 15px;  font-family:"Roboto Flex", Sans-serif; } .vehicle-details {  display:flex;  flex-direction:row;  gap:10px;  margin:15px 0px;  padding-top:15px; } .card-body .vehicle-details:nth-child(2) {  border-top:1px solid #eee; } .vehicle-details-left {  display:flex;  flex-direction:row;  width:50%;  gap:10px;  align-items:center; } .vehicle-details-right {  display:flex;  flex-direction:row;  width:50%;  gap:10px;  align-items:center; } .vehicle-details span {  font-size:13px;  font-weight:300;  color:#202020;  font-family:"Roboto Flex", Sans-serif; } .card-red {  background:#D93735;  width:100%;  display:flex;  border-radius:60px;  padding:3px 5px;  justify-content:space-between;  align-items:center; } .latest-car-model-slider .slick-prev:before, .latest-car-model-slider .slick-next:before, .latest-car-model-slider-mobile .slick-prev:before, .latest-car-model-slider-mobile .slick-next:before, .latest-car-model-slider-tablet .slick-prev:before, .latest-car-model-slider-tablet .slick-next:before, .main-slider-wrapper .slick-prev:before, .main-slider-wrapper .slick-next:before {  color:#FFF;  background:#D93735; } .latest-car-model-slider .slick-prev, .latest-car-model-slider .slick-next, .latest-car-model-slider-mobile .slick-prev, .latest-car-model-slider-mobile .slick-next, .latest-car-model-slider-tablet .slick-prev, .latest-car-model-slider-tablet .slick-next, .main-slider-wrapper .slick-prev, .main-slider-wrapper .slick-next {  width:40px;  height:40px;  background:#D93735;  z-index:1; } .latest-car-model-slider .slick-prev, .latest-car-model-slider-mobile .slick-prev, .latest-car-model-slider-tablet .slick-prev, .latest-car-model-slider-tablet .slick-prev {  left:-50px; } .latest-car-model-slider .slick-next, .latest-car-model-slider-mobile .slick-next, .latest-car-model-slider-tablet .slick-next {  right:-50px; } .vehicle-details:nth-child(4) {  border-bottom:1px solid #eee;  padding-bottom:15px;  margin-bottom:0px; } .four-columns {  display:flex;  flex-direction:row;  width:100%;  gap:10px; } .hero-banner-section {  display:flex;  align-items:center;  justify-content:center;  background-size:cover;  background-repeat:no-repeat;  background-position:center center;  padding:10px; } .ostamme-hero-text-section {  display:flex;  width:50%;  flex-direction:column; } .ostamme-hero-text-section h1 {  font-size:60px;  color:#202020;  font-weight:500;  line-height:55px;  font-family:"Roboto", Sans-serif; } .ostamme-hero-text-section span {  font-size:20px;  font-weight:500;  line-height:1.5em;  margin-top:35px;  color:#fff;  font-family:"Roboto", Sans-serif; } .ostamme-hero-car-image {  display:flex;  width:50%; } .ostamme-hero-car-image img {  max-width:100%;  height:auto; } .hero-section-container {  max-width:990px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:row;  position:relative;  align-items:center;  padding:70px 0px; } .ostamme-hero-text-section .redClr {  color:#D93735 !important;  font-size:60px;  font-weight:500;  line-height:1.3em;  font-family:"Roboto", Sans-serif; } .ota-yhteytta-section {  display:flex;  align-items:center;  justify-content:center;  padding:10px; } .ota-yhteytta-container {  max-width:600px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  position:relative;  align-items:center;  padding:40px 0px; } .ota-yhteytta-desc span {  font-size:20px;  font-weight:500;  line-height:1.5em;  text-align:left;  font-family:"Roboto", Sans-serif; } .ota_yhteytta {  justify-items:center; } .ota_box {  display:flex;  flex-direction:row;  gap:15px; } .ota_box input, .ota_desc textarea {  font-size:16px;  font-weight:400;  font-family:"Roboto Flex", Sans-serif;  width:100%;  border:1px solid #DDDDDD;  border-radius:3px;  padding:.5rem 1rem;  transition:all .3s; } .ota_desc {  width:100%; } .ota_yhteytta input.wpcf7-form-control.wpcf7-submit.has-spinner {  background:#DD0005;  border-radius:unset;  color:#fff;  padding:15px 60px;  font-family:"Roboto Flex", Sans-serif;  font-size:18px;  font-weight:500;  border:unset;  text-transform:uppercase; } .ota_yhteytta span.wpcf7-spinner {  display:none; } .ota-yhteytta-form {  box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);  padding-top:50px;  padding-bottom:50px;  padding-left:30px;  padding-right:30px; } .ota-yhteytta-form-title {  font-size:24px;  font-weight:600;  line-height:1.5em;  margin-bottom:30px;  text-transform:uppercase;  font-family:"Roboto Flex", Sans-serif; } .ota-yhteytta-form {  box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);  padding-top:50px;  padding-bottom:50px;  padding-left:30px;  padding-right:30px;  margin:40px 0px 10px; } .auton-myyminen-section-with-icons-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:column;   position:relative;  background-size:cover;  background-position:top center;  background-repeat:no-repeat;  background-color:#a90000; } .auton-myyminen-section-with-icons-section::before {   content:"";   position:absolute;   top:0;   left:0;   width:100%;   height:100%;   background-color:rgba(0, 0, 0, 0.5); } .auton-myyminen-section-with-icons-container {   margin:0 auto;   width:100%;   display:flex;   flex-direction:row;   position:relative;   gap:20px; } .auton-myyminen-section-with-icons-left {   display:flex;   flex-direction:column;   width:50%;   align-self:center;   justify-content:center;   padding-left:300px;   padding-top:50px;   padding-bottom:50px; } .auton-myyminen-section-with-icons-right {   display:flex;   flex-direction:column;   width:50%;   background-size:cover;   background-position:center center;   background-repeat:no-repeat; } .auton-myyminen-section-with-icons-heading {  font-size:30px;  font-weight:500;  text-align:left;  color:#fff;  font-family:"Roboto", Sans-serif;  line-height:1.2em; } .auton-myyminen-section-with-icons-heading .redClr {   color:#FFF;   font-size:34px;   font-weight:bold;   text-transform:uppercase;   font-family:"Montserrat", Sans-serif; } .auton-myyminen-section-with-icons-subheading {   font-size:22px;   font-weight:bold;   color:#fff;   line-height:1.5em;   margin:10px 0px;   font-family:"Roboto", Sans-serif;   text-align:left;   width:80%; } .auton-myyminen-section-with-icons-with-text {  display:flex;  flex-direction:column;  width:100%;  justify-content:center;  gap:20px;  margin-top:20px; } .feature {  display:flex;  flex-direction:row;  align-items:center;  justify-content:left;  width:100%;  gap:20px; } .auton-icon-text {  font-size:22px;  font-weight:500;  color:#FFF;  font-family:"Roboto Flex", Sans-serif; } .feature img {  width:60px;  height:60px; } .yhteystiedot-banner-section {  display:flex;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative;  background-size:cover;  background-position:center center;  background-repeat:no-repeat; } .yhteystiedot-banner-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  padding:60px 10px 10px 10px;  position:relative; } .yhteystiedot-banner-title {  font-size:30px;  font-weight:500;  color:#fff;  text-transform:uppercase;  font-family:"Roboto Flex", Sans-serif; } .yhteystiedot-banner-sub-title {  font-size:40px;  font-weight:bold;  color:#D93735;  text-transform:uppercase;  line-height:1em;  font-family:"Montserrat", Sans-serif; } .yhteystiedot-banner-section:before {  content:"";  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background-color:rgba(32, 32, 32, 0.8); } .yhteystiedot-image-section {  display:flex;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative; } .yhteystiedot-image-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:row;  padding:30px 10px 30px 10px;  position:relative;  gap:20px; } .yhteystiedot-image-left {  display:flex;  width:50%;  flex-direction:column; } .yhteystiedot-img {  width:100%;  height:auto; } .yhteystiedot-image-right {  display:flex;  flex-direction:column;  gap:20px;  width:50%; } .two-columns {  display:flex;  flex-direction:row;  gap:20px; } .yhteystiedot-information-section {  display:flex;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative; } .yhteystiedot-information-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:row;  padding:10px;  position:relative;  gap:20px; } .yhteystiedot-information-left-col {  display:flex;  flex-direction:column;  width:50%; } .yhteystiedot-information-right-col {   display:flex;  flex-direction:column;  gap:10px;  width:50%; } .yhteystiedot-form-map-left {  display:flex;  flex-direction:column;  width:50%;  box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);  padding-top:50px;  padding-bottom:20px;  padding-left:30px;  padding-right:30px; } .yhteystiedot-form-map-left .ota_yhteytta {  width:100%;  justify-items:left; } .yhteystiedot-form-map-left .ota_box {  width:100%; } .yhteystiedot-form-map-left .ota_box p {  display:flex;  flex-direction:column;  width:100%; } .yhteystiedot-form-map-left .ota_box p textarea {  font-size:16px;  font-weight:400;  font-family:"Roboto Flex", Sans-serif;  width:100%;  border:1px solid #DDDDDD;  border-radius:3px;  padding:.5rem 1rem;  transition:all .3s; } .yhteystiedot-form-map-left .ota_left .wpcf7-form-control-wrap {  display:flex;  flex-direction:row;  width:100%; } .yhteystiedot-form-map-left .ota_left .wpcf7-form-control.wpcf7-radio {  display:flex;  flex-direction:column;  width:100%; } .yhteystiedot-form-map-left .ota_left .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {  display:flex;  flex-direction:row;  margin:0px; } .yhteystiedot-form-map-left .ota_left .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {  display:flex;  flex-direction:row;  gap:10px; } .yhteystiedot-form-map-left .ota_box p {  margin-bottom:0px;  gap:10px; } .yhteystiedot-form-map-left .ota_box br {  display:none; } .yhteystiedot-form-map-left .ota_box .ota_right {  align-content:flex-end; } .yhteystiedot-form-map-left .ota_left label {  font-size:16px;  font-weight:400;  color:#333;  font-family:"Roboto Flex", Sans-serif; } .yhteystiedot-info-title, .yhteystiedot-time-title {  font-size:46px;  font-weight:600;  text-transform:uppercase;  color:#212121;  font-family:"Roboto Flex", Sans-serif; } .yhteystiedot-info-address, .yhteystiedot-time-info, .yhteystiedot-info-address a{  font-size:22px;  font-weight:500;  color:#333;  line-height:1.5em;  font-family:"Roboto Flex", Sans-serif; } .yhteystiedot-timi-section {  display:flex;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative; } .yhteystiedot-timi-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  padding:10px;  position:relative;  gap:20px; } .yhteystiedot-timi-title {  font-size:46px;  font-weight:600;  text-transform:uppercase;  color:#212121;  font-family:"Roboto Flex", Sans-serif; } .yhteystiedot-timi-person-info {  display:flex;  flex-direction:row;  gap:40px; } .yhteystiedot-timi-card {  width:30%;  display:flex;  flex-direction:column;  } .yhteystiedot-timi-card-header {  display:flex;  flex-direction:row;  width:100%;  gap:10px;  align-items:center;  background:#F7F7F7;  padding:25px 10px 25px 25px; } .yhteystiedot-timi-card-header .person-img img {   width:100%; } .yhteystiedot-timi-card-body {  display:flex;  background:#F7F7F7; } .yhteystiedot-timi-contact-info {  display:flex;  flex-direction:column;  width:100%;  gap:20px;  background:#fff;  margin:0 3px; } .icon-with-text {  display:flex;  flex-direction:row;  gap:10px;  align-items:center;  padding:20px;  border-bottom:3px solid #F7F7F7; } .person-img, .person-details {  width:50%; } .person-details h3 {  font-size:16px;  font-weight:500;  color:#212121;  font-family:"Roboto Flex", Sans-serif;  text-transform:uppercase;  margin-bottom:0px; } .occupation {  font-size:14px;  font-weight:400;  color:#333;  font-family:"Roboto Flex", Sans-serif; } .icon-text-details {  display:flex;  flex-direction:column; } .icon-text-details .title {  font-size:16px;  font-weight:400;  color:#333;  font-family:"Roboto Flex", Sans-serif; } .icon-text-details .number {  font-size:17px;  font-weight:500;  color:#212121 !important;  font-family:"Roboto Flex", Sans-serif; } .yhteystiedot-timi-more-details {  font-size:20px;  font-weight:400;  color:#333;  font-family:"Roboto", Sans-serif; } .yhteystiedot-timi-contact-number {  font-size:26px;  font-weight:500;  color:#202020;  font-family:"Roboto", Sans-serif; } .product-list-col-section {  display:flex;  flex-direction:column;  padding:10px;  position:relative;  margin-bottom:60px; } .product-list-col-contianer {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-wrap:wrap;  position:relative;  gap:20px; } .et_pb_row {  display:flex;  flex-wrap:wrap;  gap:20px; } .et_pb_column {  flex:0 1 calc(33.33% - 20px);  box-sizing:border-box; } .et_pb_column img {  width:100%;  height:auto;  display:block; } .vehiclebox {  background-color:#fff;  border:1px solid #ddd;  transition:transform 0.2s ease-in-out; } .vehiclebox .vehicle-details-left img {  width:25px !important;  height:auto; } .vehiclebox .vehicle-details-right img {  width:25px !important;  height:auto; } .latest-car-model-slider .vehicle-details-right img {   width:28px !important;   height:28px !important; } .four-columns .vehicle-details-right img {   width:28px !important;   height:28px !important; } .product-details {  padding:25px; } .vehicle-details-price {  display:flex;  justify-content:center;  padding-top:0px;  border-top:unset;  background:#fff;  padding-bottom:10px; } .vehicle-details-price-red {  background:#D93735;  width:80%;  display:flex;  border-radius:60px;  padding:3px 5px;  justify-content:space-between;  margin-top:15px; } .product-details .model {  font-size:20px;  font-weight:500;  color:#202020;  font-family:"Roboto Flex", Sans-serif; } .vehicle-details:nth-child(2) {  border-top:2px solid #eee; } .product-details .vehicle-details:nth-child(4) {  border-bottom:2px solid #eee; } .katso-lissa-btn {  display:flex;  width:100%;  justify-content:center;  margin:5px 0px; } .katso-lissa-link {  background:#D93735;  padding:10px 25px;  color:#fff;  font-size:19px;  font-weight:500;  font-family:"Roboto Flex", Sans-serif; } .katso-lissa-link:hover {  color:#fff; } .vaihtoautot-section {  display:flex;  align-items:center;  justify-content:center;  flex-direction:column;  background-size:cover;  background-position:center;  padding:50px 20px 50px 20px; } .vaihtoautot-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;   position:relative;  align-items:center; } .vaihtoautot-container h1 { color:white;   font-size:20px;   text-transform:uppercase; } .image-with-logo-section {  display:flex;  flex-direction:row;  align-items:center;  width:70%; } .image-with-logo-section .logo {  width:15%;  margin:15px 0px; } .vaihtoautot-description {  display:flex;  flex-direction:column;  width:70%;  margin:10px 0px; } .vaihtoautot-description span {  font-size:16px;  font-weight:300;  color:#202020;  font-family:"Roboto Flex", Sans-serif;  line-height:1.6em; } .vaihtoautot-button {  display:flex;  width:70%;  padding:0px 10px; } .vaihtoautot-button-link {  text-decoration:none;  color:#DD0005;  font-size:16px;  font-weight:500;  display:flex;  flex-direction:row;  gap:20px;  align-items:center; } .vaihtoautot-button-text {  font-size:16px;  font-weight:500;  color:#DD0005;  font-family:"Roboto Flex", Sans-serif; } .vaihtoautot-button-link img {  width:12px;  height:12px; } .vaihtoautot-heading-text h1, .vaihtoautot-heading-text h2 {  font-size:60px;  font-weight:600;  color:#fff;  line-height:0.9em;  margin:10px 0px 20px;  font-family:"Roboto", Sans-serif; } .latest-car-model-slider-mobile, .latest-car-model-slider-tablet {  display:none; } .yhteystiedot-info-form-title {  font-size:24px;  font-weight:600;  color:#212121;  margin-bottom:30px;  font-family:"Roboto Flex", Sans-serif; } .vehicle-header {  display:flex;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative;  background-size:cover;  background-position:center center;  background-repeat:no-repeat; } .vehicle-header:before {  content:"";  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background-color:rgba(32, 32, 32, 0.8); } .vehicle-header-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  padding:60px 10px 10px 10px;  position:relative; } .vehicle-title {  font-size:30px;  font-weight:500;  color:#fff;  text-transform:uppercase;  font-family:"Roboto Flex", Sans-serif; } .vehicle-header-title span {  font-size:40px;  font-weight:bold;  color:#D93735;  text-transform:uppercase;  line-height:1em;  font-family:"Montserrat", Sans-serif; } .vehicle-header-content {  display:flex;  flex-direction:row;  justify-content:space-between; } .vehicle-header-breadcrumbs {  background:#D93735;  align-self:center;  padding:10px 20px; } .breadcrumbs {  font-size:14px;  font-weight:400;  color:#fff;  font-family:"Roboto Flex", Sans-serif; } .main-slider-wrapper {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  padding:10px;  position:relative; } .post-slider-section {  display:flex;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative; } .post-meta-details-section {  display:flex;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative; } .post-meta-details-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  position:relative; } .vehicle-merkki-item {  font-size:46px;  font-weight:600;  color:#212121;  font-family:"Roboto Flex", Sans-serif; } .ajoneuvot-related-vehicles-section {  display:flex;  flex-direction:row;  padding:10px 10px 10px 10px;  position:relative;  margin:20px 0px 50px; } .ajoneuvot-related-vehicles-container {  max-width:1180px;  margin:0 auto;  width:100%;  display:flex;  flex-direction:column;  position:relative; } .ajoneuvot-related-title {  font-size:34px;  font-weight:400;  color:#707070;  font-family:"Roboto", Sans-serif;  margin-bottom:20px; } .ajoneuvot-related-vehicles-shortcode {  display:flex;  flex-direction:column;  max-width:1100px;  place-self:center;  width:100%; } .type-vehicle .profile-block {  background:#eee;  padding-bottom:1px; } .type-vehicle .profile-block.form {  box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);  padding-top:30px;  padding-bottom:30px;  padding-left:20px;  padding-right:20px;  background:#fff; } .type-vehicle .profile-block.form .form-title {  font-size:24px;  font-weight:600;  color:#212121;  margin-bottom:30px;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .profile-block.form .ota_box br {  display:none; } .type-vehicle .profile-block.form .ota_box p {  display:flex;  flex-direction:column;  width:100%;  margin-bottom:0px;  gap:10px; } .type-vehicle .profile-block.form .ota_box textarea {  width:100%;  border:1px solid #ddd;  padding:.5rem 1rem; } .type-vehicle .profile-block.form .wpcf7.js {  margin-top:25px; } .type-vehicle .profile-img {  display:flex;  flex-direction:column;  width:30%; } .type-vehicle .profile {  width:100%;  display:flex;  flex-direction:row;  padding:10px;  place-items:center;  gap:10px; } .type-vehicle .profile-text {  display:flex;  flex-direction:column;  width:70%; } .type-vehicle .contact-name .name {  margin-bottom:0px;  font-size:16px;  color:#333;  font-weight:400; } .type-vehicle .contact-info .number {  font-size:17px;  font-weight:500;  color:#212121; } .type-vehicle .contact-info .wapp-number {  font-size:17px;  font-weight:400;  color:#212121; } .type-vehicle .main-slider img {  width:100%;  height:auto; } .type-vehicle .thumbnail-slider {  width:100%;  margin:20px 0px; } .type-vehicle .thumbnail-slider img {  width:100%;  cursor:pointer; } .type-vehicle .thumbnail-slider .slick-slide {  margin:0 5px; } .type-vehicle .thumbnail-slider .slick-current img {  border:2px solid #007bff; } .type-vehicle .post-slider-section .slick-prev {  left:25px;  z-index:1; } .type-vehicle .post-slider-section .slick-next {  right:25px;  z-index:1; } .type-vehicle .meta-details {  display:flex;  flex-direction:row;  width:100%;  gap:40px; } .type-vehicle .meta-details-left {  display:flex;  flex-direction:column;  width:55%; } .type-vehicle .meta-details-right {  display:flex;  flex-direction:column;  width:45%;  align-items:flex-end; } .type-vehicle .meta-details-extra-text {  font-size:18px;  font-weight:400;  color:#333;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .meta-price {   display:flex;   flex-direction:row;   justify-content:space-between;   align-items:center;   width:100%;   padding:20px 0px;   border-bottom:1px solid #ddd; } .type-vehicle .meta-price-right {   font-size:42px;   font-weight:500;   color:#DD0005;   font-family:"Roboto Flex", Sans-serif; } .type-vehicle .meta-kakku {   display:flex;   flex-direction:row;   justify-content:space-between;   align-items:center;   width:100%;   padding:20px 0px;   border-bottom:1px solid #ddd; } .type-vehicle .meta-price-small-desc {   font-size:24px;   font-weight:400;   color:#202020;   font-family:"Roboto Flex", Sans-serif; } .type-vehicle .meta-price-desc {   font-size:42px;   font-weight:500;   color:#DD0005;   font-family:"Roboto Flex", Sans-serif; } .type-vehicle .content-area {  display:flex;  flex-direction:row;  width:100%;  margin:50px 0px 10px;  gap:30px; } .type-vehicle .meta-price-title {   font-size:24px;   font-weight:400;   color:#202020;   font-family:"Roboto Flex", Sans-serif; } .type-vehicle .left {  display:flex;  flex-direction:column;  width:70%; } .type-vehicle .right {  display:flex;  flex-direction:column;  width:30%; } .type-vehicle .car-details-container {  display:flex;  flex-direction:row;  gap:10px;  align-items:center;  text-align:center;  padding:40px 0px;  border-top:1px solid #ddd;  border-bottom:1px solid #ddd; } .type-vehicle .block {  display:flex;  flex-direction:column;  align-items:center;  border-left:1px solid #ddd;  width:160px;  height:150px;  justify-content:center; } .type-vehicle .car-details-container img {  width:35px;  height:35px; } .type-vehicle .icon-title {  font-size:14px;  font-weight:500;  color:#212121;  margin-top:20px;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .icon-desc {  font-size:14px;  font-weight:400;  color:#333;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .block:nth-child(5) {  border-right:1px solid #ddd; } .type-vehicle .team-container {  width:100%; } .type-vehicle .team-card {  margin-bottom:10px; } .type-vehicle .team-card.card1 {   margin-top:10px;  width:50%; } .type-vehicle .profile-text h3 {  font-size:21px;  font-weight:500;  margin-bottom:0px;  color:#212121;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .profile-text p {  margin-top:0px;  font-size:12px; } .type-vehicle .contact-info, .type-vehicle .mail-info, .type-vehicle .wp-info {  background-color:white;  margin:2px;  display:flex;  align-items:center;  padding:20px;  gap:10px; } .type-vehicle .icon {  width:15%;  display:flex;  align-items:center; } .type-vehicle .contact-name {  width:85%;  display:flex;  flex-direction:column; } .type-vehicle .contact-name .wpName {  font-size:14px;  margin:20px 0px; } .type-vehicle .img-block img {  width:100%; } .type-vehicle .heading-block {  background-color:#dd0005;  color:white;  padding:15px;  margin-top:25px;  display:flex;  flex-direction:column; } .type-vehicle .heading-block .raho-title {  font-size:21px;  font-weight:500;  color:#fff;  line-height:29px;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .heading-block .raho-subtitle {  font-size:12px;  font-weight:300;  color:#fff;  line-height:15px;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .heading-block p {  margin:0px;  font-size:9px;  margin-top:6px;  font-weight:100; } .type-vehicle .border {  height:3px;  background-color:black; } .type-vehicle .container {  background:#ffffff;  box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);  padding:25px;  width:100%;  box-sizing:border-box;  border:1px solid #eeeeee; } .type-vehicle .dropdown {  width:100%;  padding:10px;  font-size:14px;  border:1px solid #ccc;  appearance:none;  background:#ffffff;  cursor:pointer;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .range-container {  padding:25px 25px 10px 25px;  width:100%;  box-sizing:border-box;  } .type-vehicle .slider-label {  font-weight:600;  font-size:18px;  margin-bottom:12px;  display:flex;  color:#202020;  text-transform:uppercase;  line-height:19px; } .type-vehicle .value {  border:1px solid lightgray;  width:45%;  padding:9px 0px 10px 8px;  font-size:12px;  display:flex;  color:gray;  margin-bottom:10px; } .type-vehicle .slider {  width:100%;  -webkit-appearance:none;  appearance:none;  height:5px;  background:#ddd;  outline:none; } .type-vehicle .slider:hover {  background:#ccc; } .type-vehicle .slider::-webkit-slider-thumb {  -webkit-appearance:none;  appearance:none;  width:16px;  height:16px;  border-radius:50%;  background:#ff5555;  cursor:pointer; } .type-vehicle .slider::-moz-range-thumb {  width:16px;  height:16px;  border-radius:50%;  background:#ff5555;  cursor:pointer; } .type-vehicle .slider-values {  display:flex;  justify-content:space-between;  font-size:12px;  color:#888; } .type-vehicle .summary-section {  display:flex;  flex-direction:column;  width:100%; } .type-vehicle .slider-section {  display:flex;  flex-direction:column;  gap:20px; } .type-vehicle .summary-section-details {  display:flex;  justify-content:space-between;  align-items:center;  margin-bottom:30px; } .type-vehicle .summary-lable {  font-weight:600;  font-size:14px;  color:#202020;  width:70%;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .summary-val {  font-weight:600;  font-size:14px;  color:#202020;  width:30%;  text-align:right;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .hint-section p {  font-size:12px;  color:gray;  line-height:1.4;  margin-top:20px; } .type-vehicle .hintaerittely-desc {  font-size:12px;  color:#333;  font-weight:600;  line-height:19px;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .button-container {  padding:25px;  width:100%;  box-sizing:border-box;   display:flex;  justify-content:center; } .type-vehicle .button {  border:none;  color:white;  padding:12px 35px;  text-align:center;  text-decoration:none;  display:inline-block;  font-size:14px;  margin:4px 2px;  cursor:pointer;  color:white;  background-color:#ff5555; } .type-vehicle .car-details-accordion {  display:flex;  margin-top:40px;  flex-direction:column;  width:100%; } .type-vehicle .car-desc-accordion, .type-vehicle .car-desc-accordion-1{  background-color:#fff;  color:#343434;  cursor:pointer;  padding:18px;  width:100%;  border:none;  text-align:left;  outline:none;  font-size:24px;  transition:0.4s;  border-bottom:1px solid #ddd;  font-weight:500;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .desc-detail p {  font-size:16px;  font-weight:300;  line-height:27px;  color:#333;  font-family:"Roboto Flex", Sans-serif; } .type-vehicle .active {  background-color:#FFF;  border-bottom:0; } .type-vehicle .car-desc-accordion:hover {  background-color:#FFF; } .type-vehicle .car-desc-accordion:after {  content:'\2304';   color:#DDD;  font-weight:bold;  float:right;  margin-left:5px; } .type-vehicle .active:after {  content:"\2303";  } .type-vehicle .car-desc-panel {  padding:0 18px;  background-color:#fff;  max-height:0;  overflow:hidden;  transition:max-height 0.2s ease-out; } .type-vehicle .car-desc-panel.open {  max-height:none;  } .type-vehicle .role {  font-size:14px;  font-weight:400;  color:#333;  font-family:"Roboto Flex", Sans-serif; } .footer-logo img {  width:70%; } .two-view-mode {  display:flex;  flex-direction:row;  gap:10px;  justify-content:flex-end;  align-items:center; } .views.grid-view, .views.list-view {  display:flex;  flex-direction:column;  align-self:center;  padding:10px;  background:#fff;  border:1px solid #ddd; } .views.grid-view.active, .views.list-view.active {  background:#DDD; } .views.grid-view:hover, .views.list-view:hover {  background:#DDD; } .view-image {  width:25px;  height:auto;  object-fit:contain; } .filter-section {  display:flex;  flex-direction:row;  gap:10px;  align-items:center;  width:70%;  justify-content:flex-end; } .order-filter {  display:flex;  flex-direction:row;  gap:10px;  justify-content:flex-end;  align-items:center; } .order-filter select {  background:#fff;  border:1px solid #DDD;  padding:10px;  color:#202020;  font-size:16px;  font-weight:300;  width:100%;  cursor:pointer; } .product-filter-section {  display:flex;  flex-direction:row;  justify-content:space-between;  width:100%;  align-items:center; } .product-count {  width:30%;  display:flex;  border-bottom:2px solid #202020; } .product-count {  width:30%;  display:flex;  border-bottom:2px solid #212121;  font-size:13px;  font-weight:300;  color:#202020;  padding-bottom:10px;  font-family:"Roboto Flex", Sans-serif; } body #ajaxsearchlite1 .probox, body div.asl_w .probox {  background-color:transparent;  justify-content:flex-end; } .proinput {  display:none; } body #ajaxsearchlite1 {  background-color:transparent;  box-shadow:unset; } .thumb-search-img {  width:100%; } .range-slider {  width:100%;  position:relative;  height:6px;  background:#ddd;  border-radius:5px; } .range-slider input {  position:absolute;  width:100%;  pointer-events:none;  -webkit-appearance:none;  appearance:none;  height:6px;  background:none; } .range-slider input::-webkit-slider-thumb {  pointer-events:all;  width:20px;  height:20px;  background:#f00;  border-radius:50%;  border:none;  cursor:pointer; } .range-slider input::-moz-range-thumb {  pointer-events:all;  width:20px;  height:20px;  background:#f00;  border-radius:50%;  border:none;  cursor:pointer; } .range-slider .range-progress {  position:absolute;  top:0;  height:6px;  background:red;  border-radius:5px; } .price-display {  margin-top:10px;  display:flex;  justify-content:space-between; } .vehiclebox img {  width:100% !important; } .sales-person-title {   font-size:18px;   text-transform:uppercase;   font-weight:600;   font-family:"Roboto Flex", Sans-serif;   margin-bottom:10px; } .sales-person {   display:flex;   flex-direction:column;   gap:10px;   margin-bottom:10px; } .sales-person .name {   font-size:16px;   font-weight:400;   font-family:"Roboto Flex", Sans-serif; } .number-with-icon {   width:100%;   display:flex;   flex-direction:row;   align-items:center; } .sales-person .number {   width:40%;   color:#fff; } .sales-person .w-icon {   width:35%; } .interest-rate, .selling-price-block, .processing-fees-block, .annual-percentage-rate-block, .credit-costs-block, .office-expenses-block, .establishment-fee-block, .credit-price-block{   display:flex;   flex-direction:row;   justify-content:space-between;   align-items:center; } .interest,.interest-percent, .selling,.selling-price, .processing,.processing-fee, .annual-percentage,.annual-percentage-rate, .credit-costs,.credit-costs-rate, .office-expenses,.office-expenses-rate, .establishment-fee,.establishment-fee-rate, .credit-price,.credit-price-rate{   font-weight:600;   font-size:14px;   color:#202020;   font-family:"Roboto Flex", Sans-serif; } .katso-lissa-btn .vehicleLink {   width:0% !important; }  .spec-table { width:100%; max-width:600px; border-collapse:collapse; font-family:Arial, sans-serif;  }  .spec-table tr { border-bottom:1px solid #e0e0e0;  }  .spec-table td { padding:12px 8px; color:#838383;  }  .spec-table td:first-child { font-weight:normal; color:#666;  }  .spec-table td:last-child { text-align:right; font-weight:bold;  }  .yhteystiedot-form-map-section {   display:flex;   flex-direction:row;   padding:10px 10px 10px 10px;   position:relative;   margin-bottom:50px; } .yhteystiedot-form-map-container {   max-width:1180px;   margin:0 auto;   width:100%;   display:flex;   flex-direction:row;   padding:10px;   position:relative;   gap:20px; } .yhteystiedot-form-map-left {   display:flex;   width:50%; } .yhteystiedot-form-map-right {   display:flex;   width:50%; } .reklamaatiot-section, .tietosuojaseloste-section{   display:flex ;   flex-direction:column;   padding:10px 10px 10px 10px;   position:relative; } .reklamaatiot-container, .tietosuojaseloste-container{   max-width:1180px;   margin:0 auto;   width:100%;   display:flex ;   flex-direction:column;   padding:60px 0px;   position:relative; } .reklamaatiot-desc, .tietosuojaseloste-desc{   font-size:20px;   font-weight:400;   color:#333;   font-family:"Roboto", Sans-serif; } .page-template-page-reklamaatiot .ota_box p br {   display:none; } .page-template-page-reklamaatiot .ota_box p {   display:flex;   flex-direction:column;   width:100%;   gap:10px;   margin-bottom:0px !important; } .page-template-page-reklamaatiot .ota_box p textarea {   font-size:16px;   font-weight:400;   font-family:"Roboto Flex", Sans-serif;   width:100%;   border:1px solid #DDDDDD;   border-radius:3px;   padding:.5rem 1rem;   transition:all .3s; } .reklammatiot-form {   display:flex ;   flex-direction:column;   justify-content:center;   margin-top:30px; } .price-accordion {   background-color:#fff;   color:#343434;   cursor:pointer;   padding:18px 0px;   width:100%;   border:none;   text-align:left;   outline:none;   font-size:18px;   transition:0.4s;   border-bottom:1px solid #ddd;   font-weight:500;   font-family:"Roboto Flex", Sans-serif; } .price-accordion:after {  content:'\2304';  color:#333;  font-weight:bold;  float:right;  margin-left:5px; } .active1:after {  content:"\2303"; } .price-panel {  padding:0 18px;  background-color:white;  max-height:0;  overflow:hidden;  transition:max-height 0.2s ease-out; } .home .multi-filter-option.option-2 {   display:none; } .home .option-3 .first-filter-option {   display:none; } .multi-filter-option.option-3 {   justify-content:left; } .page-template-page-vaihtoautot .option-3 .third-filter-option .laajennettu-haku-link {  display:none; } .nollaa-valinnat-button {   background:#F8F8F8;   padding:15px 30px;   display:flex ;   flex-direction:row;   gap:30px;   width:80%;   justify-content:center;   align-items:center;   cursor:pointer; } .nollaa-valinnat-button-text {   font-size:16px;   font-weight:500;   text-transform:uppercase;   color:#333;   font-family:"Roboto Flex", Sans-serif; } .nollaa-valinnat-button-icon {   width:12px;   height:12px; } .desc-detail {   color:#838383; } .sticky {   position:fixed;   top:0;   width:100%;   z-index:1000; } .button-abs-pos.changeTop {   top:495px; } .reklammatiot-title {   font-size:34px;   font-weight:bold;   text-transform:uppercase;   color:#202020;   font-family:"Montserrat", Sans-serif; } .type-vehicle .car-desc-accordion-1 {   pointer-events:none;   cursor:unset !important; } .page-template-page-muut-ajoneuvot .product-count {   display:none;   width:0%; } .page-template-page-muut-ajoneuvot .filter-section {   width:100%; } .option-2 .third-filter-option {   display:flex;   flex-direction:row;   gap:10px; } .option-2 .third-filter-option .select {   display:flex;   flex-direction:row;   width:50%;   gap:10px; } .home .multi-filter-option.option-3 .third-filter-option {   display:flex;   width:66.66%;   gap:20px; }  @media screen and (max-width:1280px) {   .button-abs-pos {   top:630px; } } @media screen and (max-width:1024px) {  .nav {   width:60%;  }  .contact {   width:25%;  }  .footer-bottom {   padding:10px 20px;  }  .footer {   padding:90px 20px;  }  span.copy-text {   width:85%;  }  a.privacy-link {   width:15%;  }  .hero-text h1, .hero-text h2 {   font-size:42px;  }  .osta-btn,  .myymassa-btn {   font-size:38px;  }  .car-replacement-repeat {   width:80%;  }  img.buy-sell-whatsapp-icon {   width:50px;   height:auto;  }  .meilta-heading {   line-height:1.2em;  }  .meilta-aina-container {   padding:10px;  }  .meilta-second-text {   font-size:20px;  }  .meilta-second-section-container {   padding:70px 10px;  }  .luotettava-left-section {   padding-left:30px;   padding-top:30px;  }  .luotettava-autokauppa-heading {   font-size:20px;   line-height:30px;  }  .luotettava-logo {   width:100px;   height:auto;  }  .luotettava-ota-btn-link {   width:80%;  }  .luotettava-autokauppa-descrption {   font-size:16px;  }  .nayta-tulosta-link,  .laajennettu-haku-link {   width:100%;  }  .viimeski-katsotut-shortcode {   width:100%;  }  .ostamme-hero-text-section .redClr,  .ostamme-hero-text-section h1 {   font-size:48px;  }  .latest-car-model-slider-tablet {   display:block;  }   .vehicle-details-price-red {   width:100%;  }  .four-columns {   flex-wrap:wrap;  }  .viimeski-katsotut-shortcode .card {   flex:1 0 calc(50% - 10px);  }   .type-vehicle .meta-price-right,  .type-vehicle .meta-price-desc{ font-size:36px;  }   .auton-myyminen-section-with-icons-left { padding-left:50px;  }  .reklammatiot-title {   font-size:24px;  } } @media screen and (max-width:768px) {   .meilta-lue-lissa-btn {  width:100%;   }  .hamburger-menu {   display:flex;   width:50%;   align-items:end;  }  .header .nav {   display:none;   position:absolute;   top:100px;   right:0px;   background:#fff;   flex-direction:column;   gap:15px;   padding:20px;   box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);   z-index:1000;   width:100%;  }  .nav ul {   flex-direction:column;   gap:20px;  }  .nav.active {   display:flex;  }  .header {   row-gap:20px;   flex-wrap:wrap;  }  .logo {   width:50%;  }  .contact {   width:100%;  }  .search-icon {   width:0%;  }  .footer-container {   flex-direction:column;   text-align:center;  }  .footer-content,  .footer-logo,  .footer-map {   margin-bottom:20px;  }  .footer-bottom {   display:flex;   flex-direction:column;   text-align:center;  }  .footer-content,  .footer-logo,  .footer-map,  span.copy-text,  a.privacy-link {   width:100%;  }  a.privacy-link {   text-align:center;  }  .hero-container {   padding:10px;  }  .hero-logo {   width:30%;  }  .hero-text {   width:70%;  }  .hero-text h1, .hero-text h2 {   font-size:24px;  }  .button-section-abs-pos {   margin-bottom:90px;  }  .button-abs-pos {   justify-content:center;   max-width:100%;   gap:15px;  }  .osta-btn,  .myymassa-btn {   font-size:28px;   padding:30px 40px 10px 40px;  }  .icon-with-text-container {   gap:20px;  }  .icon-details {   align-content:center;   width:100%;   text-align:center;  }  .car-replacement-container {   padding:60px 20px;  }  .car-replacement-title {   text-align:center;  }  .car-replacement-repeat {   width:100%;  }  .car-item {   width:100%;  }  .car-replacement-title span {   font-size:22px;  }  .buy-sell-container {   flex-direction:column;  }  .buy-sell-text-section {   width:100%;  }  .buy-sell-image-section {   width:100%;   flex-direction:column;  }  .latest-car-description {   width:100%;  }  .buy-sell-contact-info {   flex-direction:column;   gap:20px;  }  .buy-sell-contact-number {   width:100%;  }  .buy-sell-whatsapp {   width:100%;  }  img.buy-sell-whatsapp-icon {   width:50px;   height:auto;  }  .meilta-aina-container {   flex-direction:column;   padding:10px;  }  .meilta-aina-section {   padding:400px 10px;  }  .meilta-left-side {   width:100%;  }  .meilta-right-side {   width:100%;  }  .meilta-second-section-container {   flex-direction:column;   gap:20px;  }  .meilta-second-icon-text {   width:100%;   flex-direction:column;  }  .luotettava-main-section {   flex-direction:column;  }  .luotettava-main-container {   flex-direction:column;  }  .luotettava-left-section {   padding:60px 20px 20px;   width:100%;  }  .luotettava-right-section {   width:100%;   padding:170px;  }  .luotettava-ota-btn-link {   width:100%;  }  .multi-filter-option {   flex-direction:column;  }  .first-filter-option, .second-filter-option, .third-filter-option {   width:100%;  }  .four-columns {   flex-direction:column;  }  .hero-section-container {   flex-direction:column;  }  .ostamme-hero-text-section {   width:100%;  }  .ostamme-hero-car-image {   width:100%;  }  .ostamme-hero-text-section .redClr,  .ostamme-hero-text-section h1 {   font-size:40px;  }  .auton-myyminen-section-with-icons-heading {   font-size:40px;  }  .auton-myyminen-section-with-icons-subheading {   font-size:22px;  }  .auton-myyminen-section-with-icons-with-text {   flex-direction:column;   align-items:center;   gap:20px;  }  .feature {   width:100%;  }  .et_pb_column {   flex:0 1 calc(100%) !important;  }  .vaihtoautot-heading-text h1, .vaihtoautot-heading-text h2 {   font-size:32px;   line-height:1.2em;  }  .image-with-logo-section {   flex-direction:column;   text-align:center;  }  .image-with-logo-section .logo,  .image-with-logo-section .image-section {   width:100%;  }  .image-with-logo-section .image-section img {   width:100%;  }  .image-with-logo-section .logo img {   width:50%;  }  .vaihtoautot-description,  .vaihtoautot-button {   width:100%;  }  .latest-car-model-slider-mobile {   display:block;  }   .type-vehicle .content-area {   flex-direction:column;  }  .type-vehicle .left {   width:100%;  }  .type-vehicle .right {   width:100%;  }  .type-vehicle .meta-details {   flex-direction:column;  }  .type-vehicle .meta-details-left,  .type-vehicle .meta-details-right {   width:100%;  }  .type-vehicle .car-details-container {   flex-wrap:wrap;   justify-content:center;   gap:20px;  }  .type-vehicle .block {   width:30%;  }  .vehicle-merkki-item {   font-size:32px;  }  .type-vehicle .meta-price { }  .ajoneuvot-related-title {   font-size:24px;  }  .type-vehicle .contact-info,  .type-vehicle .mail-info,  .type-vehicle .wp-info {   gap:0px;  }  .type-vehicle .profile {   gap:20px;  }  .yhteystiedot-banner-title {   font-size:24px;  }  .yhteystiedot-banner-sub-title {   font-size:28px;  }  .product-filter-section {   flex-direction:column;   justify-content:normal;   gap:10px;  }  .product-count {   width:100%;  }  .filter-section {   width:100%;  }  .vehiclebox {   flex-direction:column !important;  }  .vehiclebox img {   width:100% !important;  }  .product-details {   width:100% !important;  }  .vehicle-header-breadcrumbs {   align-self:baseline;  }  .viimeski-katsotut-shortcode .card {   flex:1 0 calc(100%);  }   .type-vehicle .meta-price-right,  .type-vehicle .meta-price-desc{ font-size:28px;  }   .yhteystiedot-form-map-section,  .yhteystiedot-form-map-container{ flex-direction:column;  }   .yhteystiedot-form-map-left,  .yhteystiedot-form-map-right{ width:100%;  }   .yhteystiedot-timi-card-header .person-img img {   width:90%; } .button-abs-pos {   top:480px; } .icon-with-text-section {   padding:200px 10px 10px 10px; } .number-with-icon {   justify-content:center; } .auton-myyminen-section-with-icons-container {   flex-direction:column; }   .auton-myyminen-section-with-icons-left {  padding-left:20px;  width:100%;  padding-right:20px;   }   .auton-myyminen-section-with-icons-right {   height:400px;   width:100%; } .footer-content{   order:1; } .footer-logo {   order:3; } .footer-map {   order:2; } .type-vehicle .team-card.card1 {  width:100%; } .reklammatiot-title {   font-size:20px;  }  .header-contact-info {  width:auto !important;   }   .home .multi-filter-option.option-3 .third-filter-option {  width:100%;  flex-direction:column;   }   .nollaa-valinnat-button {  width:100%;   } } @media screen and (max-width:415px) {   .type-vehicle .block {  width:32%;   }   .type-vehicle .car-details-container {  gap:0px;   }   .button-abs-pos {  top:470px;   }  } @media screen and (max-width:394px) {   .button-abs-pos {  top:440px;   }   .icon-with-text-section {  padding:220px 10px 10px 10px   } } @media screen and (max-width:391px) {   .button-abs-pos {  top:440px;   }   .icon-with-text-section {  padding:220px 10px 10px 10px   } } @media screen and (max-width:376px) {   .type-vehicle .block {  width:32%;   }   .type-vehicle .car-details-container {  gap:0px;   }  .button-abs-pos {  top:440px;   }   .icon-with-text-section {  padding:220px 10px 10px 10px   } } @media screen and (max-width:361px) {   .button-abs-pos {  top:460px;   } } @media screen and (max-width:321px) {   .buy-sell-subtitle {  font-size:28px;   }   .buy-sell-title {  line-height:30px;   }  .luotettava-right-section {  width:100%;  padding:140px;   } }