/* CSS Document */ /*========== GOOGLE FONTS ==========*/ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); @media (max-width: 1024px) { #cssmenu > ul { display: none !important; } #cssmenu.small-screen #menu-button.menu-opened + ul, #cssmenu.small-screen > ul.open { display: block !important; } } html, body { max-width: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; } html{scroll-behavior: smooth; scroll-padding-top: 50px;} /* HMMM */ .sky-carousel .sc-content-wrapper span.class_description{font-size:15.5px;} @media (max-width: 1024px) { .sky-carousel .sc-content-wrapper span.class_description{font-size:15px;} } @media (max-width: 768px) { .sky-carousel .sc-content-wrapper span.class_description{font-size:14.5px;} } .sky-carousel .sc-content-wrapper span.class_description{max-width:800px !important;margin-left:auto !important; margin-right:auto !important;margin-top:20px !important;margin-bottom:100px !important; display:block !important;color:#374151 !important;font-size: clamp(14px, 1.2vw, 16.5px); font-weight: 400; letter-spacing: 0.1px; line-height: 1.6; color: #374151;z-index: 20;font-family: 'Inter', sans-serif !important;} .nav{height:42px !important;margin-bottom:-5px !important} /* PAGE BACKGROUND */ body { -webkit-text-size-adjust: none !important; background-color: white !important; padding-bottom:320px; height:100%; font-family: 'Inter', sans-serif; margin: 0; padding: 0; z-index: 1;position: relative; } #allcontent{min-height:100%; z-index: 2;margin-left:-10px !important; position: relative;} #allcontentmain{padding-bottom:320px; } /* WHAT IS THIS ---------------------------------------*/ .alignleft{text-align:left; font-size:60px;margin-top:-20px !important; letter-spacing:1px;} span.link {font-size: 13px; font-weight: 400 !important; letter-spacing: 0px; color: #111111 !important; text-align: center; margin-bottom:70px;font-family: 'Inter', sans-serif; margin-top:0px !important; text-decoration: none !important; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:relative; opacity:0.99;} span.link:hover {color:#BFBFBF !important;} .title_located { text-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.2); margin-top:-50px; color: #fff; font-weight: 300; font-size: 20px; text-transform:uppercase; letter-spacing:3px; margin-bottom:80px;} .herosub{font-size:20px; text-align:left !important; color:#ECECEC; margin-top:-40px; letter-spacing:2px; font-weight:100; text-shadow: none !important; text-decoration:none !important; margin-left:0% !important;} #terms-group li::marker {color: #0769e3 !important; font-size: 1.1em!important;} /* ===================================================== TYPOGRAPHY: HEADINGS ----------------------------------------------------- h1, h2, h3, h4, h5, h6 — base styles and overrides ====================================================== */ /* H1 ---------------------------------------*/ h1 {font-family: 'Inter', sans-serif !important; line-height: 1.15; text-align: center; overflow: hidden; position: relative; color: rgba(255,255,255,.95); font-weight: 800; letter-spacing: 0px; margin-block-start:0px!important; margin-bottom:20px; -webkit-font-smoothing: antialiased; text-shadow: 1.5px 1.5px 0.5px rgba(0,0,0,0.2); } .title_carquote {color: #282828;line-height: 1.15; margin-top:-50px; font-weight: 800; font-family: 'Inter', sans-serif !important; margin-bottom:0px; letter-spacing:0px !important; width:80%;margin-left:auto !important;margin-right:auto !important;} .title_rentingacar {-webkit-font-smoothing: antialiased; opacity:0.99; font-size: 1.2em; font-weight: 500; text-align:center; position:relative; display: block; letter-spacing: 1px; font-family: 'Inter', sans-serif; color: #ffffff; z-index:1000; margin-bottom:-10px; margin-top:40px !important; } .marquee.frontpage .marquee_panel .panel_caption h1{text-align:left !important; line-height:1.15 !important; margin-top:80px !important; -webkit-font-smoothing: antialiased; font-weight:900 !important;letter-spacing:0px !important; text-shadow: 1.5px 1.5px 0.5px rgba(0,0,0,0.2);} .marquee.frontpage .marquee_panel .panel_caption h2.heimh{margin-top:-30px !important;text-align:left !important; width:500px !important;} .bilaleiga_skadar h2{font-size:65px; color:#fff;line-height: 1.15;} .credit{font-size:11px; color:#888888;} /* OLD SAFARI FALLBACK */ h1 {font-size: 3rem;} .title_carquote{font-size: 3rem; } marquee.frontpage .marquee_panel .panel_caption h2{font-size: 3rem;} marquee.frontpage .marquee_panel .panel_caption h1{font-size: 3rem;} p{ font-size: 15px } #terms-group ul{font-size: 15px } .accordion-wrapper ul{font-size: 15px;} .wrapthisup h2 .boldf{font-size: 3rem;} @media (min-width: 768px) { h1 {font-size: 4rem;} .title_carquote{font-size: 55px; } .wrapthisup h2 .boldf{font-size: 55px;} .bilaleiga_skadar h2{font-size:55px;} marquee.frontpage .marquee_panel .panel_caption h2{font-size: 55px;} marquee.frontpage .marquee_panel .panel_caption h1{font-size: 55px;} } @media (min-width: 1024px) { h1 {font-size: 60px;} .title_carquote{font-size: 60px } .bilaleiga_skadar h2{font-size:60px;} p{ font-size: 15px } #terms-group ul{font-size: 16px } .accordion-wrapper ul{font-size: 16px;} .wrapthisup h2 .boldf{font-size: 60px;} marquee.frontpage .marquee_panel .panel_caption h2{font-size: 60px;} marquee.frontpage .marquee_panel .panel_caption h1{font-size: 60px;} } @media (min-width: 1300px) { p{ font-size: 16.5px } #terms-group ul{font-size: 16.5px;} .accordion-wrapper ul{font-size: 16.5px;} h1 {font-size: 75px;} .bilaleiga_skadar h2{font-size:65px;} marquee.frontpage .marquee_panel .panel_caption h2{font-size: 75px;} marquee.frontpage .marquee_panel .panel_caption h1{font-size: 75px;} } h1 {font-size: clamp(3rem, 8vw, 75px);} .title_carquote {font-size: clamp(3rem, 8vw, 60px);} .bilaleiga_skadar h2{font-size: clamp(3rem, 8vw, 65px);} .no-break { white-space: nowrap; } .heimh{hyphens: none;} /* H1 BROYTAST TIL H2*/ .wrapthisup h2{text-align:center !important; font-size: clamp(2rem, 5vw, 55px); margin-bottom:-20px !important; letter-spacing:1px; color: #ffffff; font-weight:800 !important;margin-top:0px !important;line-height: 1.15; width:70%!important; margin-left:auto !important; margin-right:auto !important; margin-bottom:40px !important;} .wrapthisup h2 .boldf{font-size: clamp(3rem, 8vw, 60px); letter-spacing:11px;} /* H2 ---------------------------------------*/ h2 { font-size:33px; font-weight:800; letter-spacing:-0.5px; text-align: center; color: #333333; font-family: 'Inter', sans-serif !important; } .marquee.frontpage .marquee_panel .panel_caption h2{text-align:center !important; line-height:1.15; margin-top:80px !important; font-size: clamp(3rem, 8vw, 75px);-webkit-font-smoothing: antialiased; font-weight:900 !important;letter-spacing:0px !important; margin-bottom:10px;text-shadow: 1.5px 1.5px 0.5px rgba(0,0,0,0.2);color:#fff;} .marquee.frontpage .marquee_panel .panel_caption h1{width:500px !important; margin-top:0px !important;} h2.call-to-action { font-size:25px; font-weight:800; letter-spacing:-0.5px; text-align: left; color: #333333; font-family: 'Inter', sans-serif !important; } h2.sectiontitle{ margin-top:90px !important;margin-left:30px;margin-right:30px; } .why-unicar h2{margin-top:90px;} .cta-section h2 {font-size: clamp(20px, 4vw, 32px); font-weight: 700; margin-bottom: 1rem;} h2.under{margin-bottom:40px !important; margin-top:-45px !important; font-size:17px; width:80%; margin-left:10%; } h2.echop{-webkit-font-smoothing: antialiased; font-size: 18px; letter-spacing:1px !important; text-align:center;font-weight:300; line-height:30px; font-family: 'Inter', sans-serif; } /* H3 ---------------------------------------*/ h3 { -webkit-font-smoothing: antialiased; font-size: 20px; display:block !important; font-weight:800; letter-spacing:0.5px; color:#444444; font-family: 'Inter', sans-serif;margin-block-start: 1.33em !important; margin-bottom:-2px;} .driving-info-row .text h3 {margin: 0 0 4px;font-size: 0.95rem;font-weight: 600;text-align: left!important; } .marquee .marquee_panel .panel_caption h3 { color: white !important; } .findus h3{text-align:left !important; margin-top:20px !important; font-weight:100 !important;} h3.mobile_termsandconditions{margin-bottom:20px !important;} h3.serkunnleiki{margin-bottom:-40px !important;} /* H4 ---------------------------------------*/ h4 { -webkit-font-smoothing: antialiased; font-size: 20px; font-weight:800; letter-spacing:0.5px; color:#444444; margin-bottom:-2px; font-family: 'Inter', sans-serif;} .paragraphtextwhite h3{color:#ffffff;} section.main_footer aside h4{font-size: 13px; font-weight: 500; letter-spacing: 1px; line-height: 18px; color: #E0E0E0 !important; font-style:normal; margin-bottom:20px;} section.main_footer aside h3{font-size: 13px; font-weight: 500; letter-spacing: 1px; line-height: 18px; color: #E0E0E0 !important; font-style:normal; margin-bottom:20px;} #rentalconditions h4{text-align:left !important;} .contact-column h4 {margin: 0.5rem 0 0.25rem; font-size: 1rem;font-weight: 800;color:#0769e3;} section.main_place aside h4 {margin-top:200px !important; margin-bottom:0px; font-weight:700; letter-spacing:0px; } /* H5 ---------------------------------------*/ h5 { font-size: 13px; font-weight: 400; letter-spacing: 0px; font-style:normal; line-height: 22px; color: #1C1C1C; z-index:20; } #termsandconditions h5 {font-weight: 700; letter-spacing: 1px; line-height: 20px; color: #191919; font-size:20px !important; margin-top:0px; text-align: left !important;} .contactus_info aside h5{color:#374151; font-size:14px; } section.contactdetails aside h5{line-height:43px; letter-spacing:0px; font-weight:500; font-size:14px; font-style: normal; z-index:500000000 !important; color: #ffffff; } /* H6 ---------------------------------------*/ h6 { margin: 0 0 1em 0; font-size: .71em; font-weight: 400; z-index:10; letter-spacing: 2px; line-height: 20px; } /* P ---------------------------------------*/ p{ font-size: clamp(15px, 1.2vw, 16.5px); font-weight: 500; letter-spacing: 0px; line-height: 1.6; color: #374151;z-index: 20;font-family: 'Inter', sans-serif !important;} #terms-group ul{font-size: clamp(15px, 1.2vw, 16.5px); font-weight: 500; letter-spacing: 0px; line-height: 1.6; color: #374151;z-index: 20;font-family: 'Inter', sans-serif !important;} .accordion-wrapper ul{font-size: clamp(15px, 1.2vw, 16.5px); font-weight: 500; letter-spacing: 0px; line-height: 1.6; color: #374151;z-index: 20;font-family: 'Inter', sans-serif !important;} .bilaleiga_skadar p.header{margin-top:-40px;} p.manchet{ font-size: clamp(16px, 1.2vw, 18.5px); font-weight: 400; letter-spacing: 1px; line-height: 1.6; color: #2F2F2F;max-width: 900px; margin-left:auto; margin-right:auto; margin-top:-10px; text-align: center;} p.header {font-size: clamp(16px, 1.2vw, 19.5px); line-height: 1.6;letter-spacing:2px !important; text-align:center; font-weight:400 !important;margin-top:-15px; color: rgba(255,255,255,1.0); margin-bottom:30px !important; width:90%;margin-left:auto;margin-right:auto; font-family: 'Inter', sans-serif;max-width:700px;} .experiences p.header{margin-top:20px;} .main_findus aside p{color: #818181;} .offers p{-webkit-font-smoothing: antialiased !important; } .offers p{color:#777777;} p.formtitle{font-size:14px;} .marquee. p.header {max-width:80%; } .marquee.frontpage .marquee_panel .panel_caption p.heimp{text-align:left !important; left:0px !important; margin-top:-30px !important;margin-bottom:-85px !important; font-weight:500;font-size:23px !important;} .marquee.frontpage .marquee_panel .panel_caption p.heimpp{width:45%; left:0px !important; text-align:left !important} .marquee.experience .marquee_panel .panel_caption p{margin-bottom:70px; color: #fff; margin-top:20px !important; letter-spacing:2px !important; font-size:18px !important; font-family: 'Inter', sans-serif; font-weight:100; } section.included aside .content p.title{text-align:left; font-weight:700; letter-spacing: 0.5px; font-size:13px;line-height: 22px; margin-bottom:-6px; margin-top:25px !important;color: #1A1A1A;} section.included aside .content p{ text-align:left; font-size: 13px; color: #404040; font-weight: 400; letter-spacing: 0px; line-height: 22px; font-style:normal; } p.header.stay {text-align:right !important; margin:0px !important; padding:0px !important; margin-right:0px !important; padding-right:0px !important; width:70% !important; margin-left:0px !important; float:right !important} p.link {font-size: 13px; font-weight: 400 !important; letter-spacing: 0px; color: #111111 !important; text-align: center; margin-bottom:70px;font-family: 'Inter', sans-serif; margin-top:0px !important; text-decoration: none !important; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:relative; opacity:0.99;} p.link:hover {color:#BFBFBF !important;} section.main aside .content p.title{text-align:left; font-weight:700; letter-spacing: 0.5px; font-size:14px;line-height: 22px; margin-bottom:-6px; margin-top:25px !important;color: #1A1A1A;} section.main aside .content p{ text-align:left; } section.mainfront aside .content p.title{text-align:left; font-weight:700; letter-spacing: 0.5px; font-size:14px;line-height: 22px; margin-bottom:-6px; margin-top:25px !important;color: #1A1A1A;} section.mainfront aside .content p{ text-align:left; font-size: 13px; color: #404040; font-weight: 400; letter-spacing: 0px; line-height: 26px; font-style:normal; } section.mainincluded aside .content p.title{text-align:left; font-weight:700; letter-spacing: 0.5px; font-size:14px;line-height: 22px; margin-bottom:-6px; margin-top:25px !important;color: #1A1A1A;} section.mainincluded aside .content p{ text-align:left; font-size: 13px; color: #404040; font-weight: 400; letter-spacing: 0px; line-height: 22px; font-style:normal; } #terms-group p, ul{ text-align: left; line-height:27px; letter-spacing:0px; font-weight:500; color:#374151; margin-top:-10px;} /* PARAGRAPH ---------------------------------------*/ .paragraphtext p{ font-size: clamp(15px, 1.6vw, 17px);font-weight: 400; line-height: 28px; color: #374151; z-index:20; font-family: 'Inter', sans-serif !important; letter-spacing: 0.2px; } .paragraphtextwhite p{ font-weight: 400; color: #ffffff; z-index:20; font-family: 'Inter', sans-serif !important; letter-spacing: 0.2px; } /* FOOTER ---------------------------------------*/ section.main_footer aside p{font-size: 13px; font-weight: 300; letter-spacing: 1px; line-height: 24px; color: #888888 !important; font-style:normal; margin-top:20px; } .bankaccount { margin-top:-1px; margin-left:-3px; font-size:13px; text-align:left; letter-spacing: 1px; font-weight:300; font-style:normal; color: #888888; hyphens: auto; line-height: 22px; } p.faircar { z-index:1000; text-align: center; float:left; overflow: hidden; color: #888888; font-weight: 400; margin-top:25px !important; font-size: 13px; height:100%; -webkit-font-smoothing: antialiased; } /* ===================================================== BUTTON ANCHORS ====================================================== */ #booking::before { content: ""; display: block; height: 60px; margin-top: -60px; visibility: hidden; } #driving-in-faroeislands::before { content: ""; display: block; height: 60px; margin-top: -60px; visibility: hidden; } /* ===================================================== RESPONSIVE / RESPONSIVE / RESPONSIVE / RESPONSIVE ====================================================== */ @media screen and (min-width:1400px) { h2.sectiontitle{margin-top:110px !important;} .marquee.aboutus h3{margin-top:170px !important;} #termsandconditions h5 {font-size:23px !important;} .marquee.termsandconditions p.header { margin-top:-10px !important;max-width:700px; margin-left:auto;margin-right:auto; } .contactusbackground p.header { margin-top:14px !important; max-width:700px; margin-left:auto;margin-right:auto; } .marquee.aboutus .marquee_panel .panel_caption p {-webkit-font-smoothing: antialiased;line-height:26px;font-size:14px; width:80%;margin-left:10%;} } @media screen and (max-width:1300px) { .marquee.frontpage .marquee_panel .panel_caption h1{font-size:60px !important;} .marquee.frontpage .marquee_panel .panel_caption h2{font-size:60px !important;} } @media screen and (max-width:1024px) { .title_rentingacar { margin-top:30px !important; } .marquee.experience.far h1 {font-size:40px !important; margin-bottom:-20px !important; line-height:45px !important; } p.header {width:70%;} .marquee .marquee_panel .panel_caption p.header {width: 70%!important; margin-left:auto;margin-right:auto;} p.header.stay {font-size: 15px; line-height:20px; } .placestovisit span.plus{line-height:16px !important;} .marquee.frontpage .marquee_panel .panel_caption p.heimp{font-size:19px !important;} } @media screen and (max-width: 900px) { .marquee.aboutus h3{margin-top:100px !important;} #rentalconditions h4{text-align:center !important;} } @media screen and (max-width: 800px) { .marquee.frontpage .marquee_panel .panel_caption h2.heimh{text-align:center !important; width:100% !important; margin-top:100px !important;} .marquee.frontpage .marquee_panel .panel_caption h1{ margin-top:100px !important;} h2.under{width:90%; margin-left:5%; } p.header {width:90%;margin-left:5%;} .marquee.frontpage .marquee_panel .panel_caption p.heimp{text-align:center !important; left:0px !important; margin-top:-30px !important;margin-bottom:-90px !important} .marquee.frontpage .marquee_panel .panel_caption p.heimpp{text-align:center !important} .marquee.frontpage .marquee_panel .panel_caption h1{width:90% !important; margin-left:auto;margin-right:auto;} } /* Mobile devices (max-width: 768px) */ @media screen and (max-width:768px){ .marquee.experience.far h1 {line-height:45px !important; } .marquee.frontpage .marquee_panel .panel_caption h1{font-size:50px !important;} .marquee.frontpage .marquee_panel .panel_caption h2{font-size:50px !important;} .marquee .marquee_panel .panel_caption h2 { margin-bottom:0px; } .marquee.experience h2{margin-bottom:30px !important; } h2 { font-size:26px;} .why-unicar h2{margin-top:50px;} h2.forcontact{margin-bottom:30px;} .main_findus aside h4 { margin-bottom:-15px; text-align: left;} section.main_aboutus aside h4 { margin-bottom:-10px;} .offers h4{font-size:14px; } .main_findus aside h5 { text-align: left;} .marquee.termsandconditions .marquee_panel .panel_caption p { margin-top:-10px !important; font-size:16px !important; } .marquee.aboutus .marquee_panel .panel_caption p {margin-top:-30px !important; } .marquee.termsandconditions .marquee_panel .panel_caption p {margin-top:-20px; } .offers p{font-size:13px !important;} .placestovisit p{color:white; vertical-align:middle; font-size:15px; letter-spacing:3px; font-weight:600; line-height:18px; z-index:100000000000 !important; position:relative; } .bilaleiga_skadar p.header{margin-top:-20px;} } @media screen and (max-width: 600px) { .marquee.frontpage .marquee_panel .panel_caption h1{font-size:55px !important; } .marquee.frontpage .marquee_panel .panel_caption h2{font-size:55px !important; } .marquee.aboutus .marquee_panel .panel_caption h3 { margin-bottom:20px; } p.header.stay{text-align:center !important; margin-left:auto !important; margin-right:auto !important;float:none !important} p.manchet{ line-height: 1.4; } p.header {line-height: 1.4;} .marquee .marquee_panel .panel_caption p.header {width: 90%!important; } .wrapper_time{margin-top:1.2px !important} } @media screen and (max-width: 550px) { #bilaleiga .wrapthisup h2 .boldf{font-size: clamp(2rem, 4vw, 40px);} } @media screen and (max-width: 500px) { .title_carquote { font-size: clamp(2rem, 8vw, 50px); line-height: 1.15; } .forcarrental .herocarvideo .text-content{top:6% !important;} } @media screen and (max-width: 480px) { .title_carquote {margin-top:15px !important; } .bilaleiga_skadar h2{font-size:40px !important;} .marquee.frontpage .marquee_panel .panel_caption h1{font-size:40px !important; } .marquee.frontpage .marquee_panel .panel_caption h2{font-size:40px !important; } h2 { margin-top:90px !important; font-size:24px; font-weight:800; letter-spacing:-0.5px; text-align: center; color: #2F2F2F; margin-bottom:60px; font-family: 'Inter', sans-serif; } .why-unicar h2{margin-bottom:20px;} .places h2{margin-bottom:30px; } .offers h4{font-size:14px; margin-top:5px;} p.link{font-size:11px !important;} section.main aside p.title {font-size:12px !important;line-height: 22px; margin-bottom:-6px; margin-top:25px !important; } section.main aside p {text-align:center !important;} .import aside p{margin-top:-34px !important;} .placestovisit p{top:120px; font-size:20px !important;} .offers p{font-size:13px !important;} #megamenu p{font-size:10px !important;} .wrapthisup h2 .boldf{font-size: clamp(2rem, 4vw, 40px);} } @media screen and (max-width: 340px) { .title_carquote {letter-spacing:-1px !important; } .wrapthisup h2 .boldf{font-size: clamp(1.5rem, 4vw, 30px);} .wrapthisup h2 {font-size: clamp(1.5rem, 4vw, 30px);} } .minispace{height:10px;display:block;} .myspacing{height:20px;display:block;} /* ===================================================== RUDDAST _ ER HETTAR BRUKT ====================================================== */ .testimonial-slider { width: 100%; background: no-repeat; background-size:cover; background-position: center 30%; color: white; padding-top:10px; padding-bottom:40px; text-align: center; } .swiper { max-width: 1200px; margin-left:auto; margin-right:auto; margin: 0 auto; } .section-dark p { margin-bottom: 20px; font-size: 16px; } .unic-cta-banner { display: flex; align-items: center; justify-content: center; gap: 2px; font-size: 16px; font-weight: 500; padding: 10px 20px; color: white; width: 100%; text-align: center; font-family: Inter, sans-serif; background-color: #FF7043; /* red variant */ transition: transform 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; } .unic-cta-banner i { font-size: 16px; animation: pulse 1.6s infinite; margin-top:2px; } .unic-cta-banner img{ margin-right: 12px; } .unic-cta-banner a { color: #fff; text-decoration: none; position: relative; } .unic-cta-banner a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background: #fff; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .unic-cta-banner a:hover::after { transform: scaleX(1); } .icon-heading { display: inline-flex; align-items: center; gap: 8px; font-size: 1em; } .icon-heading i { font-size: 1.3em; color: #0769e3; } .unic-cta-banner img{width:16px;} .pulse-icon { animation: pulse 3s infinite; display: inline-block; transform-origin: center; } /* Animations */ @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.15); opacity: 0.85; } 100% { transform: scale(1); opacity: 1; } } .driving-info-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1200px; margin: 40px auto 90px; padding: 40px 16px 0; border-top: 1px solid rgba(0, 0, 0, 0.3); } @media (max-width: 1024px) { /* Drop to 2 columns only if there's even number of items */ .driving-info-row { grid-template-columns: repeat(2, 1fr); } } .info-item { display: flex; align-items: flex-start; } .info-item img { width: 35px; height: 35px; flex-shrink: 0; margin-top: 17px; margin-right: 10px; } .info-item img.alcohol { width: 34px; height: 34px; margin-top: 18px; } .info-item img.emergency { width: 43px; height: 43px; margin-top: 11px; margin-right: 14px !important; } .driving-info-row .text p { margin: 0; font-size: 13px; color: #444; text-align: left; line-height: 1.4; } @media (max-width: 600px) { .driving-info-row { grid-template-columns: 1fr; } .info-item { flex-direction: column; align-items: center; text-align: center !important; } .info-item img { margin: 0 0 12px 0; width: 40px; height: 40px; margin-bottom:-20px !important; } .info-item img.alcohol { width: 38px; height: 38px; margin-bottom: 12px; } .driving-info-row .text h3{text-align: center !important;} .info-item img.emergency { width: 45px; height: 45px; margin-bottom: 12px; } .driving-info-row .text p { text-align: center !important; } } ul.checklist{padding-left:0px !important; margin-top:17px!important;padding-bottom:0px important;} .checklist { display: flex; justify-content: center; gap: 40px; margin-top: 20px; } .check-item { display: flex; align-items: center; gap: 10px; opacity: 0; transform: translateY(10px); font-size: 16px; font-weight: 700; color: #fff; margin-right: 20px !important; } /* Remove margin when gap is supported */ @supports (gap: 10px) { .check-item { margin-right: 0; } } .check-icon { width: 21px; height: 21px; stroke: #509eff; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; stroke-dashoffset: 24; transform: scale(0.8); transform-origin: center; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)); /* Fallback spacing for Safari */ margin-right: 20px; } /* Remove margin when gap is supported */ @supports (gap: 10px) { .check-icon { margin-right: 0; } } svg.check-icon { margin-right: 3px; } .wrapper_atlast { display: flex; flex-wrap: wrap; background: #989994; } .wrapper_atlast::after { content: ""; display: table; clear: both; } .hero_background{top:0;padding:0;position:relative;height:100vh;margin-bottom:0;max-width:5000px;margin-left:auto;margin-right:auto;background-size:cover;background-repeat:no-repeat;} .contactusbackground .hero_background_container{ display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; padding: 0 2rem; overflow: hidden;} .forcarrental .herocarvideo video { width: 100%; height: 100%; object-fit: cover; display: flex; } #video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } #herovid{ width: 100%; height: 100%; object-fit: cover; display: flex; } .myvideooverlay { top: 0; left: 0; width: 100%; z-index:1; height: 100%; background-color: rgba(73, 109, 135, 0.7); } .forcarrental .text-content { position: absolute; z-index: 100; } .forcarrental .myvideooverlay { position: absolute; top: 0; left: 0; width: 100%; z-index:1; height: 100%; background-color: rgba(73, 109, 135, 0.7); } .herocarvideo .text-content { top: 16%; width: 100%; max-width: 1000px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 100; } .herocarvideo h1 { margin: 0; margin-inline: 30px; color: #fff; } .btn { border: 2px solid #fff; color: #fff; padding: 12px 24px; display: inline-block; text-decoration: none; letter-spacing: 4px; text-transform: uppercase; margin-top: 20px; margin-inline: 30px; transition: all 700ms ease; } .btn:hover { background: #fff; color: #000; } #msform .action-button { transition: transform 0.2s ease, box-shadow 0.2s ease; } #msform .action-button:focus { outline: none; } .infographic-wrapper { max-width: 1200px; margin: 0 auto; padding: 2rem; } .infographic { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; } .info-block { display: flex; align-items: center; gap: 1.5rem; } .info-icon { flex: 0 0 100px; width: 100px; height: 100px; } .info-text h3 { margin: 0 0 0.5rem; font-size: 1.4rem; color: #333; } .info-text p { font-size: 1rem; color: #555; margin: 0; } .driving-title-section { text-align: center; margin: 6rem auto 2rem; max-width: 1200px; margin-top:-50px; width:1200px; margin-left:auto; margin-right:auto; position:relative; } .driving-title-section img{ width:100% !important; height:auto; max-width:1200px !important; margin-top:40px; } .driving-title-section img.infogramobile{ display:none !important; } .driving-title-section img.infogramobile2{ display:none !important; } .driving-title-section img.infogramobile3{ display:none !important; } .driving-title-section h2 { font-weight: 800; color: #2f2f2f; margin-bottom: 0.5rem; } .driving-title-section p { font-size: 1.5rem; color: #606060; margin: 0; } .forcarrental video{filter: saturate(1.5) contrast(1.1);} .forcarrental #msform p{text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3) !important;} #titles h1{text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1) !important;} #titles span {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1) !important;} .forcarrental form .form-control, .selectize-input, .ui-datepicker, .selectize-control.single .selectize-input { box-shadow: inset 0 1px 1px rgba(0,0,0,.025), 3px 6px 10px rgba(0, 0, 0, 0.08) !important; } #msform.input{ box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.08) !important;} form.input_date{ box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.08) !important;} /* ===================================================== INTERACTIVE MAP ====================================================== */ /* ===================================================== LINKS AND BUTTONS ====================================================== */ /* LINKS */ a:link { color: #000000; text-decoration: none; } a:visited{color:#3994f7} .link:hover { color: #7A7A7A; text-decoration: none; } footer a:link{ color:#3994f7; } section.totop a:link{color: #000000 !important;} section.totop a:hover{ border-color: rgba(255,255,255,1.0); text-decoration: none !important;} #termsandconditions a:link { color: #000000; text-decoration: none; } #termsandconditions a:visited { color:pink;} #termsandconditions a:hover { color:grey;} section.mainhalf a:link {color:#131313;} section.mainhalf a:hover {color:grey;} .clearthisfloat{clear:both !important; float:none;} .sky-carousel .sc-content-wrapper a.camper-popup-btn{color:#FF7043; font-weight:800;} .carousel-hidden{visibility: hidden; opacity: 0;} /* BUTTONS */ /* OLD SAFARI FALLBACK */ a.cta {font-size:14px;} @media screen and (max-width: 1024px) {a.cta {font-size:12px; }} a.cta {font-family: 'Inter', sans-serif; background-color: #0769e3; color:#ffffff !important; text-transform: uppercase; padding:14px 24px; transition: all 0.3s ease; border: 2px solid #0769e3; text-decoration: none; position:relative; z-index:1; font-size: clamp(12px, 1.2vw, 14px); font-weight:400; display:inline-block; letter-spacing:2px; text-align:center !important;border-radius: 8px;} a.cta:hover {border: 2px solid #045fc5; background-color:#045fc5; text-decoration: none; transform: scale(1.02);} .a_call_to_action{margin-top:70px;} .a_call_to_action .cta{margin-bottom:90px;margin-top:10px;} a.cta.cars_button{margin-top:-260px !important;background-color: #0769e3 !important; color:#fff !important; transition: background-color .2s, border .2s; border: 2px solid #0769e3; width:130px; left:50%; transform: translateX(-50%); height:30px !important; line-height: 30px !important;top:-52px;padding-bottom:0px; padding-top:0px;border-radius: 3px;padding-left:0px; padding-right:0px;} a.cta.cars_button:hover{background-color: #045fc5 !important;border: 2px solid #045fc5; } a.cta.experiencebutton {display: inline-flex; align-items: center;justify-content: center;gap: 8px;margin-bottom:90px; white-space: nowrap; width: auto;} a.cta.experiencebutton:hover { transform: none !important} a.cta.button_red{background-color:#f87171;border-color:#f87171;} .wrapthisup{position:relative !important;} #innflytan .cta-section{padding-top:30px !important;padding-bottom:0px !important;margin-bottom:0px !important} #innflytan .cta-section a.cta.experiencebutton2{margin-bottom:30px !important} .button-container a.cta.experiencebutton {margin-bottom:0px;} .marquee.termsandconditions a.cta.experiencebutton {margin-bottom:20px !important;} a.cta.callto{ display: inline-flex; align-items: center; justify-content: center;} a.cta.experiencebutton2 {display: inline-flex; align-items: center;justify-content: center;gap: 8px;margin-bottom:90px; white-space: nowrap; width: auto;} a.cta.experiencebutton2:hover { } a.cta.elegantbutton{background:none; border:2px solid#fff;} a.cta.elegantbutton:hover{background:#ffffff; border:2px solid#ffffff;color:#045fc5 !important} .overvideobutton_wrap{ position: absolute; top: 130px; left: 50%; transform: translateX(-50%); z-index: 1000000; } .appstore_button img{width:150px;} .appstore_button{height:20px !important;margin-right:10px;width:110px !important;} .simplelink_white{color:white !important; background:none;} .button-container { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 20px; width:95% !important; margin-left:auto; margin-right:auto; } /* Fallback for Safari */ .button-container > * { margin: 5px; /* Half the gap */ } /* BUTTON WRAPPERS */ .hero_background_container .ontopslider_button { position: relative; top:unset; left: 50%; transform: translateX(-50%); z-index: 10; } .ontopslider_button { position: absolute; top: 400px; left: 50%; transform: translateX(-50%); z-index: 10; } .ontopslider_text{ position: absolute; top: 220px; left: 50%; transform: translateX(-50%); z-index: 10; width:100%; } .ti-player-play{font-size:17px;} .ti-file-text{font-size:17px;} a.eittlink{color:#0769e3 !important} #termsandconditions a:visited { color: #7a93b7 !important; } .button_wrapper_ex{margin-left:auto; margin-right:auto; width:190px; margin-top:40px;} .experience.far .button_wrapper_ex{margin-left:auto; margin-right:auto; width:190px; margin-top:70px;} a.resbut{ background-color:rgba(255,255,255,0.0); text-transform: uppercase; color:rgba(255,255,255,0.6) !important; padding: 4px 30px; transition: background-color .7s, border .7s; text-decoration: none; position:relative; z-index:1000; font-size:14px; font-family: 'Inter'; font-weight:500; border:1px solid;border-color: rgba(255,255,255,0.6); width:130px !important;display:inline-block; } a.resbut:hover { border-color: rgba(255,255,255,1.0); text-decoration: none !important; background-color: rgba(255,255,255,0.0); color:rgba(255,255,255,1.0) !important; } .playbuttonw{background: url(../images/icons/termsandconditions/play2.png) no-repeat left; background-size:20px auto; background-position:17px 15px; padding-left:20px; transition: background .7s; } .playbuttonw:hover{background: url(../images/icons/termsandconditions/play2_hover.png) no-repeat left;background-size:20px auto; background-position:17px 15px; } a.ctablack { background-color: rgba(0,0,0,0.8); text-transform: uppercase; color:#ffffff !important; padding: 10px 20px; transition: background-color .7s, border .7s; text-decoration: none; position:relative; z-index:1000; font-size:14px; font-family: 'Inter'; font-weight:500; } a.ctablack:hover { border-color: rgba(0,0,0,1.0); text-decoration: none !important; } .infocus-button{box-shadow:none !important;} a.cta.accommodation_button14 { background-color: rgba(255,255,255,0.0) !important; color:#fff !important; transition: background-color .3s, border .3s; border: 2px solid rgba(255,255,255, 1); text-decoration: none; position:relative; z-index:1000; font-size:13px; font-family: 'Lato'; font-weight:500; width:190px; display:inline-block; letter-spacing:2px; text-align:center !important; } a.cta.accommodation_button14:hover { background-color: rgba(255,255,255,1.0) !important; color:#000 !important; text-decoration: none;} .button_wrapper{margin-left:auto; margin-right:auto; width:500px;} .button_margin_right{margin-right:7px;} .button_margin_left{margin-left:7px;} .playbutton{background: url(../images/icons/termsandconditions/play.png) no-repeat left; background-size:20px auto; background-position:17px 12px; padding-left:20px;} .buttonwrap{margin-left:0; float:left;} /* ===================================================== STICKY HEADER ====================================================== */ body.body-is-scrolled { padding-top: var(--header-height); } body.body-is-scrolled header { position: fixed; top: 0; opacity: 0; left:0; right:0; width:100%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); z-index: 10000000000000000; visibility: hidden; transform: translateY(-300px)!important; } body.body-is-scrolled header.header-fixed-visible { opacity: 1; visibility: visible; transform: translateY(0) !important; } header.header-fixed-pending { transition: opacity .3s ease, visibility .3s ease; background:#0769e3; } #over_map { right:0px; z-index: 99; background:#272727; box-shadow:0.5px 0.5px 0.5px rgba(0,0,0,0.3); width:31%; box-sizing:border-box; padding:20px; padding-right:10%; height:420px; position:absolute; display:none; } #explore_map{width:50%; background-color:#dddddd;padding-top:70px;} #interactivemap{background-position:center 0px !important; top:0;padding:0;position:relative;margin-bottom:0;width:100%;background-size:100% auto;background-repeat:no-repeat;height:1300px;padding-top:30px;} /* ===================================================== CARRENTAL - FAQ ====================================================== */ #faq_section{width:50%;background:#f2f2f2; padding-top:10px; padding-bottom:80px;padding-left:40px; padding-right:40px; box-sizing: border-box; } #accordion{padding-left:0px;} .faqaccordion { width: 100%; max-width: 900px; margin: 30px auto 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box; } .faqaccordion .link { cursor: pointer; display: block; padding: 20px 15px 20px 60px; color: #4D4D4D; font-size: clamp(14px, 1.2vw, 16px); line-height:1.3; font-weight: 800; border-bottom: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } /* OLD SAFARI FALLBACK */ .faqaccordion h3{font-size: 16px !important;} a.simple_link{cursor: pointer; color: #0769e3; } @media (max-width: 1024px) { .faqaccordion .link h3{font-size: 15px !important;}} .faqaccordion .link h3{color: #4D4D4D; font-size: clamp(15px, 1.2vw, 16px) !important; line-height:1.3; font-weight: 800;margin:0px;padding:0px;margin-block-start:0px !important;margin-block-end:0px !important} .faqaccordion a.simple_link{cursor: pointer; display: inline; padding: 0px; color: #0769e3; font-size: 16px; font-weight: 400; border-bottom: 0px solid #CCC; position: relative; transition: none;} .faqaccordion a.simple_link2{cursor: pointer; display: inline; padding: 0px; color: #0769e3; font-size: 16px; font-weight: 800; border-bottom: 0px solid #CCC; position: relative; transition: none;} .faqaccordion a.simple_link:hover{ background:none; color: #0769e3; } .faqaccordion a.simple_link2:hover{ background:none; color: #0769e3; } .faqaccordion ul{margin-top:0px;} .faqaccordion li::marker{display:none !important;color:#f2f2f2!important} .faqaccordion li:last-child .link { border-bottom: 0; } .faqaccordion li i { position: absolute; top: 18px; left: 12px; font-size: 26px; color: #0769e3; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .link img.faq_tunnel {width:27px;position: absolute; top: 17px; left: 12px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .faqaccordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; color: #595959; } .faqaccordion li.open .link { color: #0769e3; background: #ffffff;} .faqaccordion li.open i { color: #0769e3; } .faqaccordion li.open i.fa-chevron-down { color:#FF7043; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /** * Submenu -----------------------------*/ .submenu { display: none; background: #ffffff; padding-top:20px; padding-bottom:20px; padding-right:35px; font-size: 15px; padding-left: 60px; } .submenu a { display: block; text-decoration: none; color: #d9d9d9; padding: 12px; padding-left: 42px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .submenu a:hover { background: #b63b4d; color: #FFF; } /* ===================================================== GENERAL ====================================================== */ #over_map p{color:white !important;} .hidethisnow{display:none !important;} .sohidethisnow{display:none !important;} .hidethis{display:none;} .clearthisfloat_first{clear:both;} .clearthisfloat_gas{clear:both;} .fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;} .hidden {display: none;} .visually-hidden{display:none} .show1300{display:none;} .fancybox-nav span { visibility: visible !important; opacity: 1 !important; } /* ===================================================== FORMS ====================================================== */ #msform input{ -webkit-appearance: none; -moz-appearance: none; } #msform textarea{ -webkit-appearance: none; -moz-appearance: none; } .quform input{ -webkit-appearance: none; -moz-appearance: none; } .quform textarea{ -webkit-appearance: none; -moz-appearance: none; } .hidethisslide{display:none !important;} #msform{opacity:0.99;} .whitetext{color:#fff;} /* ===================================================== ? ====================================================== */ .white{ text-shadow: 1.5px 1.5px 4px rgba(0,0,0,0.5);} .iban{letter-spacing:0px; } .hidemark{display:none !important;} .bilurmenu{border-left-width: thick; border-left: 0px solid #DFDEDE !important; } .hq-iframe-wrapper{ width:100%; height: 100%;} .fb-like{margin-top:6px !important;} .contactinformation{width:100%; padding-left:40px; box-sizing:border-box;} .getintouch{padding-top:10px;background:#ffffff; height:500px; width:100%; background-position:150px 280px; padding-bottom:0px;} .margin{margin-left:20px !important;} .contact_top{position:relative; margin-top:-210px !important; height:160px;} nav.megamenu{float:none !important; width:100%; margin-right:auto; margin-left:auto;} nav{float:right !important; width:980px; margin-right:auto; margin-left:auto;} ul.megamenu-left{margin-left:-10px !important;} .theme-selector:before {content: 'Themes: ';display:none !important;} .theme-selector a {display:none !important;} section.h-card{height:inherit !important;} .findus{width:100%; background: #fff; margin-top:-20px !important; padding-bottom:90px; } /* ===================================================== HEADER ====================================================== */ #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;}#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#cssmenu #menu-button{display:none}#cssmenu{width:100%;line-height:1;background:#0769e3;font-weight:400 !important;letter-spacing:1px !important;margin-top:-68px; right:0px !important;margin-right:0px !important;}#cssmenu > ul{float:right !important; right:0px !important;}#cssmenu > ul > li{float:left}#cssmenu.align-center > ul{font-size:0;text-align:center}#cssmenu.align-center > ul > li{display:inline-block;float:none}#cssmenu.align-right > ul > li{float:left} #cssmenu > ul > li > a{letter-spacing:1px !important;padding:30px 19px;font-size:12px;text-decoration:none;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} #cssmenu > ul > li:hover > a{color: #e6f7ff !important;} #cssmenu > ul > li.active > a{color:#fff;background:#0769e3;font-weight:900;} #cssmenu > ul > li:hover > a,#cssmenu > ul > li > a:hover{color: #e6f7ff;} #cssmenu > ul > li:after{content:'';position:absolute;top:18px;right:0;display:block;height:20px;width:1px;opacity:.15}#cssmenu.align-right > ul > li:after{right:auto;left:-1px} #cssmenu > ul > li:before{content:'';position:absolute;top:18px;right:-1px;display:block;height:20px} #cssmenu.align-right > ul > li:before{right:auto;left:0}#cssmenu > ul > li:last-child:after,#cssmenu > ul > li:last-child:before{display:none}#cssmenu.small-screen{width:100%} #cssmenu.small-screen > ul,#cssmenu.small-screen.align-center > ul{width:100%;text-align:left}#cssmenu.small-screen > ul > li,#cssmenu.small-screen.align-center{float:none;display:block;border-top:1px solid rgba(100,100,100,0.1)} #cssmenu.small-screen > ul > li > a{padding:18px 5%}#cssmenu.small-screen > ul > li:after,#cssmenu.small-screen > ul > li:before{display:none} #cssmenu.small-screen #menu-button{display:block;padding:18px 25px 34px;cursor:pointer;font-size:15px;text-decoration:none;color:#fcfefb}#cssmenu.small-screen #menu-button.menu-opened{color:#444} #cssmenu.small-screen #menu-button:after{content:"";position:absolute;top:15px;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border-top:3px solid #fff;border-bottom:3px solid #fff;width:30px;height:5px} #cssmenu.small-screen #menu-button.menu-opened:after{border-top:3px solid #fff;border-bottom:3px solid #fff}#cssmenu.small-screen #menu-button:before{content:"";position:absolute;top:31px;display:block;width:30px;height:3px;background:#fff}#cssmenu.small-screen #menu-button.menu-opened:before{background:#fff}header{-webkit-font-smoothing: antialiased;position:relative;background-color:#0769e3 } .mobilemenu{width:1100px;margin-left:auto;margin-right:auto} #cssmenu a:hover{color:#fff !important; } .fb-like{display:none !important;} header a.logo { position: relative; display: inline-block; width: 167px; height: 65px; background: url(../images/unicar-logo.svg) no-repeat 0 0; background-size: contain; top: 0px; z-index:1 !important; margin-left:2px; overflow:hidden;} /* HEADER END */ @media (min-width: 1024px) and (max-width: 1050px) { #cssmenu > ul > li > a{font-size:10px;} } .mobile_language{ position:absolute !important; } .absolute{position:absolute;left:20%; width:60%; color:#898989; text-align:center;} section{ width:1200px; margin-left: auto; margin-right: auto;} section.totop{top:255px !important; position:absolute; width:inherit;} section.totop_contact{margin-top:-300px; position:relative; width:inherit;float:left;} section.carswrap{width:140% !important; margin-left: auto; margin-right:auto;} /* ===================================================== MARQUEE ====================================================== */ .experience .marquee_panel .panel_caption {width: 90%; top: 32%; margin-left: 5%; } .experience .marquee_panel .panel_caption p{margin-bottom:70px; color: #fff; margin-top:20px !important; letter-spacing:2px !important; font-size:18px !important; font-family: 'Inter', sans-serif; font-weight:100; } .fo_slide{background: url(../images/photo_faroeislands15_l.jpg); background-size:cover; width:50%; float:right; height:715px;} .marquee.experience{width:100% !important; height:700px;padding-top:0px; max-width:2300px !important; margin-left:auto!important; margin-right:auto!important; } .marquee.experience.far .btn {display:none !important;} .marquee.experience.far .marquee_nav div { display: inline-block; width:10px; height:10px; border: 2px solid rgba(255,255,255,.5); border-radius: 50%; margin:0px 4px 9px 4px; cursor: pointer; transition: background-color .4s, border .4s;} .marquee .marquee_panel .panel_caption p {margin-bottom:30px !important; width:100%;} .marquee {z-index: index 10;} .marquee.aboutus .marquee_panel .panel_caption p {line-height:20px;font-size:12px; font-weight:400 !important; font-family: 'Inter', sans-serif; letter-spacing:0px; font-style: italic; margin-top:50px; color: rgba(255,255,255,1.0);} .marquee.frontpage .marquee_panel .panel_caption p { text-shadow: 1.5px 1.5px 0.5px rgba(0,0,0,0.2);margin-top:-20px; margin-bottom:30px !important; width:90%; margin-left:auto;margin-right:auto;text-transform:none !important;letter-spacing:1px !important;-webkit-font-smoothing: antialiased; } .marquee.aboutus .marquee_panel .panel_caption h6{ font-size:10px; font-weight:400; font-family: 'Inter', sans-serif; letter-spacing:3px; margin-top:30px;} .marquee.termsandconditions.fo .btn{display:none;} .marqueefont {text-align:left !important; float:left !important} .marquee.frontpage{height:700px; width:100% !important; float: none !important;max-width:4000px !important;} .accommodation_button{background: #0769e3 !important; border:1px solid #0769e3 !important; color:#fff !important} .accommodation_button1{background: #0769e3 !important; border:1px solid #0769e3 !important; color:#fff !important} .marquee.dkbutton .cta {width:160px !important; } .marquee.frontpage a.cta { width:190px; } .marquee.experience.frontpage .experiencebutton{margin-bottom:10px;} .marquee .btn {width: 50px; height: 60px;background: rgba(255,255,255,.2) no-repeat;background-size: 50px 30px;position: absolute; top: 45%;cursor: pointer;border-radius: 2px; border: 0px solid rgba(255,255,255,.5);transition: background-color .4s, border .4s;} .marquee .btn:hover { border-color:#fff; background-color: rgba(0,0,0,.6);} .marquee .btn.prev {left:0px; z-index:104; background-image: url(../images/buttons/arrow_left.svg); background-position: 0px 16px;display:none;} .marquee .btn.next {right:0px; z-index:105;background-image: url(../images/buttons/arrow_right.svg); background-position: 0px 16px; display:none;} .marquee .marquee_nav {position: absolute; bottom: 10px; left: 0px; text-align: center; width: 100%; z-index: 103;} .marquee .marquee_nav div { display: inline-block; width:10px; height:10px; border: 2px solid rgba(255,255,255,0.5); border-radius: 50%; margin:0px 8px 9px 8px; cursor: pointer; transition: background-color .4s, border .4s;} .marquee .marquee_nav div:hover {border-color:#fff; background-color: #fff;} .marquee .marquee_nav div.selected { background-color:rgba(255,255,255,1);} .marquee .marquee_data {display:none;} .marquee .marquee_stage_large {height:inherit; position:relative; overflow:hidden; } .marquee .marquee_container_1, .marquee .marquee_container_2 { height: inherit; position: absolute; top:0px; left: 0px; width:100%; } .marquee .marquee_container_1 {z-index: 101; } .marquee .marquee_container_2 {z-index: 102; } .marquee {height:420px; max-width:none; margin:0px auto 0px auto; clear:both; z-index:-100;} .marquee .marquee_panel { height: inherit; width: 100%; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center 0px; background-size: cover; padding-bottom:0px !important; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;} .marquee.termsandconditions .marquee_panel { background-position: center 25%; background-size: cover; } .marquee .marquee_panel .panel_caption {position: static; width: 100%; padding-bottom:0px !important; } .marquee {opacity:0.99;} .marquee .marquee_stage_small {height:inherit; position: relative; overflow: hidden;} .marquee .marquee_stage_small .marquee_panel { width:100%; height: inherit; position: absolute; top: 0px; left: 0px;} .marquee.experience .marquee_panel .panel_caption {width: 90%; top: 32%; margin-left: 5%; } /* ===================================================== BACKGROUNDS ====================================================== */ .hero_background{top:0;padding:0;position:relative;margin-bottom:0;max-width:5000px;margin-left:auto;margin-right:auto;background-size:cover;background-repeat:no-repeat;} .hero_background_container{overflow:hidden;text-align:center;padding:6% 0 18%} .forcarrental .hero_background_container{overflow:hidden;text-align:center;padding:6% 0 100%} .contactusbackground{background-image:url(../images/contact-unicar-blue.jpg)!important; background-position: center 60%; } .forcarrental{background-position:0px 0px !important;} #rentalconditions { height:inherit!important; } #gallery_background{opacity:0.99; background: #f2f2f2; padding-top:5px; padding-bottom:70px; width: 100%; margin-bottom:0px; margin-top:0px; max-width:5000px; margin-left:auto; margin-right:auto; } #fullwidthcontent_billeiga2{height:inherit;opacity:0.99;} .bilaleiga_skadar{background:url(../images/unicar/tryggingarskadar_b.jpg) no-repeat; float:right; position:relative; width:100%;height:420px;background-size:cover; background-position:center -100px;display: flex; flex-direction: column;justify-content: center;align-items: center;min-height: 300px;} /* ===================================================== VIDEOS ====================================================== */ /* RESERVATION a*/ .example {height: 300px !important} .example .video_booking{width:100%; width: 100%; height: 300px; object-fit: cover;} .example .myvideooverlay { position: absolute; top: 0; left: 0; width: 100%; height: 300px; background-color: rgba(73, 109, 140, 0.5);} /* ABOUT US a*/ .hero_aboutus .herocarvideo video { width: 100%; height: 100%; object-fit: cover; display: flex; } .hero_aboutus .myvideooverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; position: absolute; background-color: rgba(73, 109, 140, 0.6);} .hero_aboutus .herocarvideo .text-content { position: absolute; top: 20%; width: 100%; max-width: 1000px; left: 50%; transform: translateX(-50%); text-align: center;} .hero_aboutus video{filter: saturate(1.5) contrast(1.2);} /* ===================================================== ABOUT US ====================================================== */ .why-unicar { text-align: center; padding: 60px 0px;} .office-text.left h3{justify-content: flex-end;} .office-text.left p{text-align:right;} .office-text.right h3{text-align:left;} .cta-section {text-align: center;padding: 4rem 1.5rem 10px 1.5rem;} .features { list-style: none; display: grid; gap: 24px; padding: 0; margin: 0 auto; max-width: 1200px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .features li { background: #fff; padding: 24px 18px; border-radius: 16px; display: flex; align-items: flex-start; gap: 16px; text-align: left; font-size: 16px; color: #374151; line-height: 1.5; transition: box-shadow 0.2s ease; } .features i { font-size: 30px; color: #0769e3; flex-shrink: 0; margin-top: 4px; } .offices { padding: 100px 20px 60px 20px; margin: auto; width:100%; } .office-row { display: flex; flex-wrap: wrap; margin-bottom: 0px; align-items: center; } .office-row.reverse { flex-direction: row-reverse; } .office-image, .office-text { flex: 1; min-width: 300px; padding: 20px; } .image-placeholder { height: 300px; display: flex; justify-content: center; align-items: center; font-style: italic; color: #666; } .airport-bg { background: url(../images/placeholder.jpg); background-size:cover;} .midvagur-bg { background: url(../images/placeholder.jpg); background-size:cover; } .office-text h3 { font-size: 27px; display: flex; gap: 10px; margin-bottom: 10px; text-align: right; } /* ===================================================== ANIMATIONS ====================================================== */ .lotties{position:absolute;z-index: 10!important;left:50%;transform: translateX(-50%);margin-top:90px;} /* ===================================================== WHAT IS THIS ====================================================== */ li.sc-selected::before,li::before{display:none !important} section#tabbed{background:#f2f2f2 !important;margin-top:-25px!important; margin-left:auto !important; margin-right:auto !important; width: 100%!important; max-width:5000px !important;} .tab-1,.tab-2,.tab-3,.tab-4,.tab-5,.tab-6,.tab-7,.tab-8,.tab-9,.tab-10,.tab-11,.tab-12,.tab-13{padding-left:20px !important; padding-right:10px !important } #tabbed label { cursor: pointer; } #tabbed input[type="radio"] { display: none; visibility: hidden; opacity: 0; } #tabbed a { text-decoration: none; } #tabbed { width: 100%; position: relative; float: left; text-align: center; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } #tabbed .wrapper { position: relative; width: 100%; height: auto; margin-left:auto; margin-right:auto; text-align: left; } #tabbed .wrapper > div { position: absolute; top: 0; left: 0; height: auto; width: 100%; z-index: -1; opacity: 0; visibility: hidden; padding: 40px; float: left; margin-left:auto; margin-right:auto; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /***** Tab labels *****/ #tabbed input#t-1:checked ~ .wrapper .tab-1, #tabbed input#t-2:checked ~ .wrapper .tab-2, #tabbed input#t-3:checked ~ .wrapper .tab-3, #tabbed input#t-4:checked ~ .wrapper .tab-4, #tabbed input#t-5:checked ~ .wrapper .tab-5, #tabbed input#t-6:checked ~ .wrapper .tab-6, #tabbed input#t-7:checked ~ .wrapper .tab-7, #tabbed input#t-8:checked ~ .wrapper .tab-8, #tabbed input#t-9:checked ~ .wrapper .tab-9, #tabbed input#t-10:checked ~ .wrapper .tab-10, #tabbed input#t-11:checked ~ .wrapper .tab-11, #tabbed input#t-12:checked ~ .wrapper .tab-12, #tabbed input#t-13:checked ~ .wrapper .tab-13, #tabbed input#t-14:checked ~ .wrapper .tab-14{ position: relative; z-index: 10; opacity: 1; text-align: center; visibility: visible; } #tabbed label.tabs { text-align: center; text-transform: uppercase; font-weight: 400; font-size: 14px; padding:10px 10px; letter-spacing:0px;padding-left: 11px;padding-right: 11px;color: #909090; cursor: pointer; display: inline-block; font-family: 'Inter', sans-serif; background:#fff !important;margin-right:6px !important; margin-bottom:8px !important } #tabbed input:checked + label.tabs { color: #fff; background:#0769e3 !important; } #tabbed label.tabs:hover, #tabbed label.tabs:focus, #tabbed input:checked + label.tabs { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #tabbed label.tabs:before { padding-right: 10px; } /* ===================================================== ABOUT US SECTION - ABOUT US ====================================================== */ section.main_aboutus {margin-top:0px; margin-bottom:30px;} section.main_aboutus aside{width:33.3%; float:left; text-align:center; margin-bottom:30px; position:relative;} section.main_aboutus .content{ background: no-repeat center top; background-size:90px auto; padding-top: 50px; padding-bottom: 15px; background-position: 53% 0px;} section.main_aboutus .content.left{margin-right:25px; margin-left:0px; } section.main_aboutus .content.middle{margin-right:12.5px; margin-left:12.5px; } section.main_aboutus .content.right{margin-left:25px; margin-right:0px;} section.main_aboutus .content.carrental{background-image: url(../images/icons/aboutus/_carrental.png); } section.main_aboutus .content.maintainance{background-image: url(../images/icons/carrental/_carrepair2.png); } section.main_aboutus .content.carsale{background-image: url(../images/icons/carrental/anywhere.png); } /* ===================================================== CARRENTAL SECTION - RENTAL CONDITIONS ====================================================== */ .testimonial-slider .conditions_upper{padding-top:100px; padding-bottom:20px;} .conditions_upper{padding-top:30px; padding-bottom:8px; position: relative;color:#fff; } section.conditions_carrental {margin-top:30px; margin-bottom:30px; width:100%; } section.conditions_carrental aside{width:25%; float:left; text-align:center; margin-bottom:10px; position:relative;} section.conditions_carrental .content{ background: no-repeat 50% top; background-size:34px auto; padding-top: 55px;} section.conditions_carrental .content.left{margin-right:10px; margin-left:0px; } section.conditions_carrental .content.middle{margin-right:10px; margin-left:10px; } section.conditions_carrental .content.right{margin-left:10px; margin-right:0px;} section.conditions_carrental .content.mileage{background-image: url(../images/icons/mileage_white.svg); background-size:80px auto; } section.conditions_carrental .content.delivery{background-image: url(../images/icons/delivery_white.svg); background-size:80px auto; } section.conditions_carrental .content.subseatunnel{background-image: url(../images/icons/tunnel_white.svg); background-size:80px auto;} section.conditions_carrental .content.driver{background-image: url(../images/icons/drivers_white.svg); background-size:80px auto; } /* ===================================================== SECTION - ABOUT US?? ====================================================== */ section.unicar_heim.main_aboutusfront {margin-top:100px; margin-bottom:0px; width:100%; padding-bottom:90px; } .testimonial-slider section.main_aboutusfront {margin-top:100px; margin-bottom:80px; width:90%; padding-bottom:160px; } section.main_aboutusfront aside{width:33%; text-align:left; margin-bottom:10px; position:relative;float:left;} section.main_aboutusfront .content{ background: no-repeat left top; padding-top:1px;background-position:0px 17px;background-size:34px auto; padding-left: 66px; padding-bottom: 15px;} section.main_aboutusfront .content.left{margin-right:5px; margin-left:0px; } section.main_aboutusfront .content.middle{margin-right:5px; margin-left:5px; } section.main_aboutusfront .content.right{margin-left:5px; margin-right:0px;} section.main_aboutusfront .content.carrental{background-image: url(../images/icons/carrental.svg); background-size:60px auto; } section.unicar_heim.main_aboutusfront .content.carrental{background-image: url(../images/icons/carrental_b.svg); background-size:60px auto; } section.main_aboutusfront .content.carrental2{background-image: url(../images/icons/delivery.svg); background-size:60px auto; } section.main_aboutusfront .content.maintainance{background-image: url(../images/icons/paint.svg); background-size:60px auto; } section.main_aboutusfront .content.carsale{background-image: url(../images/icons/car-sales-black.svg); background-size:55px auto;} section.main_aboutusfront .content.carsale2{background-image: url(../images/icons/paint.svg); background-size:60px auto; } section.main_aboutusfront .content.damage{background-image: url(../images/icons/damages.svg); background-size:62px auto;} section.main_aboutusfront .content.kitchen{background-image: url(../images/icons/kitchen.svg); background-size:60px auto; } section.main_aboutusfront .content.spray{background-image: url(../images/icons/spray.svg); background-size:60px auto; } section.main_aboutusfront.about_us{margin-top:-30px;} .testimonial-slider section.main_aboutusfront .content.carrental{background-image: url(../images/icons/car_white.svg); background-size:60px auto; } .testimonial-slider section.main_aboutusfront .content.carsale{background-image: url(../images/icons/car-sales.svg); background-size:55px auto;} .testimonial-slider section.main_aboutusfront .content.damage{background-image: url(../images/icons/damage_white.svg); background-size:62px auto;} /* CONTACT INFORMATION - */ .contactdetails {margin-top:30px; position: relative; z-index:500000000 !important; margin-left:0px;} .contactdetails aside{width:100%; float:left; text-align:left; height:43px; } /* ===================================================== ?? ====================================================== */ section.main_place {margin-top:0px; margin-bottom:50px;} section.main_place aside{ width:33.3%; float:left; text-align:center; margin-bottom:0px; position:relative;} section.main_place .content{ border: 1px solid rgba(0,0,0,0.1); height:450px; } section.main_place .content p{width:90%; margin-left:5%;} section.main_place .content.left{margin-right:10px; margin-left:0px; border-right: 1px solid rgba(0,0,0,0.1);} section.main_place .content.middle{margin-right:10px; margin-left:10px; border-right: 1px solid rgba(0,0,0,0.1);} section.main_place .content.right{margin-left:10px; margin-right:0px;} /* ===================================================== HEIM SECTION - BILAR AT IMPORTERA ====================================================== */ .offers {margin-top:60px; width:100%; max-width:2000px; margin-bottom:100px; margin-left:auto; margin-right:auto;} .offers aside{width:33.333333%; float:left; text-align:center; margin-bottom:0px; margin-left:0px !important; margin-right:0px !important; margin-top:0px; height:300px !important;box-sizing:border-box } .offers .content{ background: no-repeat center center; background-size: 450px auto; padding-top: 45px; overflow:hidden; height:265px; margin-left:0px !important; margin-right:0px !important;} .import_swap{display:none;} .offers span.importprice{color:#777777; font-size:16px;} .offers h4{margin-bottom:-10px !important;margin-top:0px;} .offers span.importprice_color{color:#0769e3; font-size:16px;} .offers .content.vwgolf{background-image: url(../images/unicar/keyp-vwgolf.jpg);} .offers .content.vwup {background-image:url(../images/unicar/keyp-vwup.jpg);} .offers .content.vwtransporter{background-image: url(../images/unicar/keyp-vwtransporter.jpg);} .offers .content.skodarapid{ background-image: url(../images/unicar/keyp-skodarapid.jpg);} .offers .content.vwpolo {background-image:url(../images/unicar/keyp-vwpolo.jpg);} .offers .content.vwpassat{background-image: url(../images/unicar/keyp-vwpassat.jpg);} /* ===================================================== CARRENTAL SECTION - PLACES TO VISIT ====================================================== */ .placestovisit{opacity:0.99;max-width:2000px; margin-left:auto; margin-right:auto; height:650px;position:relative; } .placestovisit aside{position:relative;width:33.33%;height:240px; margin-bottom:0px !important; overflow:hidden; float:left; text-align:center !important;-webkit-font-smoothing: antialiased;z-index:10;} .placestovisit .content.saksun{ background: center center no-repeat; } .placestovisit .content.tjornuvik{ background: center center no-repeat; } .placestovisit .content.kirkjubo{ background: center center no-repeat; } .placestovisit .content.leitisvatn{ background: center center no-repeat; } .placestovisit .content.mikladalur{ background: center center no-repeat; } .placestovisit .content.tjornuvik{ background: center center no-repeat; } .placestovisit .content.gjogv{ background: center center no-repeat; } .placestovisit .content.gasadalur {background: center center no-repeat;} .placestovisit .content{background-size: cover; height:100%; max-width:500px; overflow:hidden; position: relative;} .placeoverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background: rgba(4, 95, 197, 0.65); text-align: center; opacity: 0; transition: opacity 0.5s ease; display: flex; flex-direction: column; justify-content: center;} .placestovisit .content:hover .placeoverlay {opacity:1;} .plus{font-weight:600 !important; margin-top:-30px !important; line-height:20px !important;font-size:12px !important; color: rgba(255,255,255,0.8); width:80%; margin-left:10%; } .placestovisit a.fancybox-buttons{font-weight:600 !important;color:white !important; font-size:10px; background: url(../images/icons/camera.png) no-repeat center top; background-size:40px auto; padding-top:40px; position:absolute; bottom:30px; left:30%; width:40%;letter-spacing:2px !important;} a.kopa{font-weight:700 !important; line-height:20px !important;font-size:12px !important; color: rgba(255,255,255,1) !important; display:inline-block !important; } .placestovisit p{color:white; vertical-align:middle; font-size:23px; letter-spacing:2.5px; font-weight:600; line-height:24px; z-index:100000000000 !important; position:absolute;text-align: center; top:80px;width: 100%; -webkit-transition:all .9s ease;-moz-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease;transition:all .3s ease;} .placestovisit span{font-size:12px; color: rgba(255,255,255,1); letter-spacing:0.7px; z-index:10000000000000 !important;position:relative; display:block; font-weight:700; margin-top:0px;-webkit-transition:all .3s ease;-moz-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease ; } .placestovisit .content:hover span.island{display:none;} .placestovisit .content:hover p.white{display:none;} /* ===================================================== CAMPER POPUP ====================================================== */ #camper-popup { max-width: 900px; width: 100%; padding: 30px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-sizing: border-box; } .camper-popup-content { padding: 2rem 5%; font-family: system-ui, sans-serif; padding-bottom:0px; color: #222; } .camper-popup-content h2 { color: #0769e3; font-size: 2rem; margin-bottom: 0px; } .camper-popup-content .intro { margin-top: 1rem; font-size: 1rem; line-height: 1.6; text-align:center; font-weight:bold; } .camper-images { display: flex; gap: 1rem; justify-content: center; margin: 2rem 0; flex-wrap: wrap; } .camper-images .placeholder { flex: 1; min-width: 30%; height: 180px; background: #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #555; font-size: 1rem; } .camper-images .placeholder { background-size: cover; background-position: center; background-repeat: no-repeat; } .camper-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; text-align: left; margin-top: 2rem; padding:5%; padding-bottom:0px; } .fancybox-title { display: none !important; } .camper-grid h4 { font-size: 1.3rem; margin-top:-10px; color: #0769e3; margin-bottom: 0.5rem; } .camper-grid ul { list-style: disc; padding-left: 1.2rem; margin: 0; } .camper-grid li { margin-bottom: 0.6rem; line-height: 1.1; } @media (max-width: 600px) { .camper-grid { grid-template-columns: 1fr; } .camper-images .placeholder { flex: 1 1 100%; min-width: 100%; } } .camper-close { position: absolute; top: 15px; right: 20px; font-size: 1.8rem; background: none; border: none; color: #888; cursor: pointer; z-index: 1000; } /* ===================================================== ? ====================================================== */ .contact-row { display: flex; width:100%; flex-wrap: wrap; justify-content: center; gap: 2rem; padding: 2rem 1rem; text-align: center; } .contact-column { flex: 1 1 200px; max-width: 240px; display: flex; flex-direction: column; align-items: center; } .contact-column i { font-size: 38px; margin-bottom: 0.5rem; color: #0769e3 } .contact-column p { margin: 0; color:#374151 } .hero_aboutus{height:650px;} .hero_aboutus p.header{margin-top:15px;} .findus{padding-top:100px;width:35%; float:left; box-sizing:border-box; padding-bottom:0px !important; } .findus .link{text-align:left !important; } .main_findus {margin-top:0px; } .main_findus aside{width:100%;text-align:left; margin-bottom:10px; position:relative;} #innflytan{padding-top:0px; } .herocarvideo { width: 100%; height: 700px; position: relative; } /* BIL-LEIGA - CAR GALLERY */ .skyfullwidth{ margin-right:auto !important; margin-left:auto !important;} /* UM OKKUM */ #umokkummap { width:100%; float:right;height: 400px; margin-top:-20px;margin-bottom:0px;margin-left: auto !important; margin-right:auto !important; } #map2 { width: 100%; height: 100%; margin-top:0px; margin-bottom:0px; position: relative; } /* INTERACTIVE MAP */ #explore_map .map-container { position: relative; z-index: 1; overflow: visible; } #explore_map .map-container .popup { position: fixed; background: white; border: 1px solid #ccc; padding: 20px; display: none; top: 0; left: 0; border-radius: 10px; z-index: 100000000000000000000000 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); max-width: 90vw; width: 100%; max-width: 350px; transform: none; box-sizing: border-box; } .popup-close { position: absolute; top: 8px; right: 10px; background: none; border: none; font-size: 24px; color: #666; cursor: pointer; line-height: 1; } .popup-close:hover { color: #000; } #explore_map .map-container a{color:#0769e3;} #explore_map .map-container img { width: 100px; height: 100px; object-fit: cover; border-radius: 50%; float: left; margin-right: 15px;} .map-container h3{text-align:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.2);} #explore_map .highlight { transform-origin: center; transform-box: fill-box; transition: transform 0.3s ease, fill 0.3s ease; vector-effect: non-scaling-stroke; fill: #ff954d; } #explore_map .highlight:hover { cursor: pointer; fill: #ffc94d; } #explore_map .highlight-star:hover { cursor: pointer; transform: scale(1.9); filter: drop-shadow(0 0 4px #007aff); } #explore_map .highlight-icon:hover { cursor: pointer; transform: scale(1.1); filter: drop-shadow(0 0 4px #007aff); } #explore_map .map-container svg { width: 100%; height: auto; } /* ===================================================== COOKIE CONSENT ====================================================== */ #cookie-modal { transition: opacity 0.3s ease; opacity: 0; } #cookie-modal.show { display: flex; opacity: 1; } #cookie-modal .modal-box { transform: scale(0.95); transition: transform 0.3s ease; } #cookie-modal.show .modal-box { transform: scale(1); } #cookie-modal h4{margin-top:0px;} #cookie-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 10000000 !important; align-items: center; justify-content: center; } #cookie-modal .modal-box { background: white; padding: 2em; border-radius: 10px; max-width: 400px; text-align: center; } .button-row { margin-top: 1em; } #cookie-modal button { padding: 0.75em 1.5em; margin: 0.5em; border: none; border-radius: 5px; font-size: 1rem; cursor: pointer; } #cookie-modal a{color:#0769e3;} .accept { background-color: #0769e3; transition: all 0.3s ease; color: white; } .accept:hover { background-color: #045fc5; transform: scale(1.02); } .necessary { background-color: #dddddd;transition: all 0.3s ease; } .necessary:hover { background-color: #0769e3; transform: scale(1.02); color:#fff } #cookie-settings-button { display: none; position: fixed; bottom: 1em; left: 1em; width: 48px; height: 48px; border-radius: 999px; background-color: #0769e3; border: none; box-shadow: 0 2px 10px rgba(0,0,0,0.15); z-index: 10000000000 !important; display: flex; align-items: center; justify-content: center; cursor: pointer; } .cookie-icon { width: 48px; height: 48px; margin: 0 auto 1em; } /* ===================================================== RENTAL TERMS - TABS ====================================================== */ .tabswrapper{opacity:0.99;} #terms-group{opacity:0.99; position:relative;} #termsandconditions { -webkit-font-smoothing: antialiased !important;float: left; position: relative; z-index: 60; overflow:hidden !important; margin-bottom:0px; width: 100%; margin-top: 0px; } .terms-header img{margin-right:8px; opacity: 0.88;width:45px;top:10px;vertical-align: middle; transform: translateY(-5px)} #terms-group.ready .terms-header.active { color: #0769e3; border-color: #0769e3 !important;border-left: 5px solid; padding-left: 20px;font-weight: 700; } .ready .terms-header { top: -40px; margin-top:0px; margin-bottom: 0px; margin-left: 0px; margin-right:8px; padding-top: 20px; left: 0; z-index: 2; height: 70px; width:27%;letter-spacing: 0px; cursor: pointer;font-weight: 500; font-size: 15px; padding: 1px 6px; line-height: 70px; padding-left: 25px;padding-right: 25px; color: #3A3A3A;} .ready .terms-content {padding:40px; text-align:left; position: relative;float: right; top: -727px; margin-left:0px; height:auto !important; z-index: 60; width: 60% !important;zoom: 1; margin-bottom:-200px !important;display: none; } .FOtabs.ready .terms-content {top: -580px !important; } .ready .terms-content.active { display: block; } .li3{ margin-left:0px; border: none; margin-bottom:0px; margin-top:2px; height: 1px !important; color: #E9E9E9 !important; /* old IE */ background-color: #E9E9E9 !important; /* Modern Browsers */ z-index:300; } .li4{ margin-left:0px; margin-right:0px; border: none; height: 1px; /* Set the hr color */ color: #E9E9E9; /* old IE */ background-color: #E9E9E9; /* Modern Browsers */ z-index:300; margin-top:-13px; margin-bottom:20px;} /* SAMBAND */ #map{height:400px; background-color: white; position:relative; width:100%; float:left} .google_reviews{width:1300px; margin-left: auto; margin-right: auto; margin-top:40px; padding-bottom:30px;} /* ===================================================== FOOTER ====================================================== */ footer { font-family: 'Inter', sans-serif; padding-top:100px; height: 320px; clear:both; background: #090909; width:100%;margin-top:-320px; z-index:1 !important;} .bankaccount_mobile{display:none;} section.main_footer {margin-top:10px; } section.main_footer aside{width:25%; float:left; text-align:left; margin-bottom:30px; margin-top:-20px; } section.main_footer .content{ margin:0px; } section.main_footer .content.left{ margin-left:0px; margin-right:30px;} section.main_footer .content.middle{ margin-right:30px;} section.main_footer .content.right{ margin-left:0px; margin-right:0px;} .footerline{width: 50px; margin-top: 20px !important; border: none; height: 2px; margin-left:0px !important; color: #A4A4A4; background-color: #A4A4A4;} .bankaccount td {margin-bottom:-10px; vertical-align:top;} #footercenter { position: absolute; bottom: 0px; z-index: 10; text-align: center !important; width:100%; background-color: #080808; border-top: 1px solid rgba(100, 100, 100, 0.2);height:80px; } .social_icons{float:right;margin-top:20px;} .social_icons img{width:auto; height:30px; margin-left:10px; opacity:0.7; transition: all .3s ease-in-out;vertical-align: middle;padding-left:5px; padding-right:5px;} .social_icons img.google{height:20px;} .social_icons img.vimeo{height:20px;} .social_icons img.facebook{margin-top:-2px;} #footercenter img:hover{opacity:1.0; transition: all .2s ease-in-out; } footer ul li a:link {color: #959595; transition: all 0.5s; } footer ul li a:hover{color:#0769e3;} footer ul li a:visited{color:#959595;} footer ul{list-style-type: none; line-height:50px; padding:0px !important; margin-top:20px; font-size:12px;font-weight:400; text-align:left;} footer ul li{display:inline;margin-right:5px; margin-left:5px;} .subimg{margin-top:90px; width: 90%; height: auto; display: block; max-width: 100%;} /* Desktops (1024–1439px) */ @media (max-width: 1439px) { .marquee.termsandconditions{height:450px;} .contactusbackground{height:450px;} } @media screen and (min-width:1800px) { .forcarrental #titles{margin-top:-30px !important;} #interactivemap{width:70%; margin-left:auto;margin-right:auto;} } @media screen and (min-width: 1750px) { .testimonial-slider.specializes{background-position:center -200px;} } @media screen and (min-width:1600px) { .forcarrental #titles{margin-top:-20px !important;} .movelargescreen{width:70%;} section{width:1200px !important;} .skyfullwidth{width:100%; } .mobilemenu{width:1200px !important;} .bilaleiga_skadar{height:500px;background-position:center -200px;} } @media screen and (min-width:1550px) { .movelargescreen{margin-top:-370px; width:90%; margin-left:auto; margin-right:auto;} .mybutton{margin-top:350px;} } @media screen and (min-width:1400px) { section{width:1200px;} .forcarrental{height:700px !important; } .forcarrental #titles{margin-top:-10px !important;} .hero_aboutus{height:700px;} .marquee.termsandconditions{height:500px;} .contactusbackground{height:500px;} .bilaleiga_skadar{height:500px;background-position:center -150px;} #cssmenu > ul > li > a{padding:30px 26px;letter-spacing:2px;} .marquee.aboutus{height:500px !important;} .marquee.frontpage{height:700px;} .about{height:570px !important;} .ready .terms-header {top:-40px; margin-top:0px; margin-bottom: 0px; margin-left: 0px; margin-right:8px;padding-top: 20px; left: 0; z-index: 2; height: 70px; max-width: 280px; width:40%;letter-spacing: 0px;cursor: pointer; padding: 1px 6px; line-height: 70px; padding-left: 25px;padding-right: 25px; color: #3A3A3A;} .terms-header img{margin-right:8px; opacity: 0.88;margin-bottom:-3px;width:50px;} #termsandconditions { margin-top: 30px; } .ready .terms-content {top:-732px; } .ready .terms-content p {margin-top: 20px !important; } .placestovisit{height:750px; } .placestovisit aside{height:300px;} .placestovisit p{top:130px;} .mobilemenu{width:1200px;} #umokkummap{height:500px;} #map2{height:100%;} } @media screen and (min-width:1024px) {#cssmenu{background:none;}} @media (max-width: 1100px) { #cssmenu > ul > li > a{;padding:30px 15px;} } @media (max-width: 1024px) { .marquee.frontpage .marquee_panel .panel_caption{top:170px; } .contact-column { flex: 1 1 45%; max-width: 45%;} .playbutton{background: url(../images/icons/termsandconditions/play.png) no-repeat left; background-size:14px auto; background-position:10px 12px; padding-left:20px;} a.cta { width:140px !important; } .button_margin_right{margin-right:6px;} .button_margin_left{margin-left:6px;} .button_wrapper_ex{width:120px; } #cssmenu.small-screen > ul > li > a{padding:18px 8%} #cssmenu{margin-top:-40px; height:50px;} #cssmenu.small-screen #menu-button:after{right:8%;} #cssmenu.small-screen #menu-button:before{right:8%;} } @media screen and (max-width:1400px) { .forcarrental{height:650px;} .herocarvideo {height: 650px;} .marquee.frontpage {height: 650px;} .forcarrental .herocarvideo .text-content {top: 10%} } @media screen and (max-width:1370px) { #faq_section{width:100%;} #explore_map{width:100%;} h2.call-to-action {text-align: center;margin-top:120px;} a.cta.callto{ display: flex; margin-left: auto; margin-right: auto;width:180px;} #faq_section{padding-bottom:40px;} #interactivemap{background-position:center 0px !important;height:1700px;padding-top:30px;width:90%; margin-left:auto; margin-right:auto;} .hide1300{display:none;} .show1300{display:inline-block;} } @media screen and (max-width:1300px) { .google_reviews{width:90%;} section{width:90%; } section.conditions_carrental{width:90%;margin-left:auto;margin-right:auto; } .mobilemenu{width:90%; } .bilaleiga_skadar{background-position:center -100px;} .contact-row{width: 90% !important; margin-left:auto;margin-right:auto; } .driving-title-section { width:90%; } } @media screen and (max-width: 1250px) { .experiences {background-position: center center; } .wrapthisup h2{width:90%!important;} #interactivemap{height:1500px;} } @media screen and (max-width: 1200px) { .driving-title-section{width:100% !important;} .driving-title-section img{ width:100% !important; height:auto; max-width:1200px !important; margin-top:40px; } .driving-title-section img.infogramobile{ display:block !important; height:auto !important} .infogradesktop{display:none;} } @media screen and (max-width:1130px) { .skyfullwidth{width:100% !important; } #interactivemap{height:1300px;} } @media screen and (max-width:1050px) { .fo_slide{height:705px !important;} .bilaleiga_skadar{background-position:center -100px;} .hidefooter{display:none} .quform-outer{padding-right:7% !important; } .offers .content{ background-size: 350px auto; height:240px;} .offers aside{height:240px !important;} } @media screen and (max-width:1024px) { .subimg{width: 90%; height: auto; display: block; max-width: 100%;margin-bottom:40px; margin-top:40px;} .accordion-wrapper{display:inline-block !important; width:90% !important; margin-left:5%; margin-bottom:100px;} #termsandconditions{display:none;} .showmark{display:none !important;} .hidemark{display:block !important;} .wrapper_contactform{margin-top:0px;} .contactus_info aside h5{font-size:12px;} .formtitle{display:none;} .contactus_info {left:5%;top:510px; width:90%;} .contactus_info aside{width:33%; margin-bottom:20px;} .wrapper_contactform{height:auto;} .contactphoto{width:100%; float:none; height:400px;margin-top:130px !important;} section{max-width:860px; width:90%; } section#tabbed{width:100%; max-width:none;} .quform-outer{padding-right:5% !important; } header a.logo { left:0px; width: 118px; height: 48px; top:15px !important; } .languagescreen{display:none;} nav{width:100%;} #headercenter{max-width:860px; width:90%; } .mobilemenu{width:100%; } #mobilelan{display:block;} section.main_aboutusfront.about_us{margin-top:20px;padding-bottom:100px;} section.main_aboutusfront.about_us aside{width:80%; left:10%; } section.main_aboutusfront aside{width:50%; } section.main_aboutusfront .content.left{margin-right:0px; margin-left:0px; } section.main_aboutusfront .content.middle{margin-right:0px; margin-left:0px; } section.main_aboutusfront .content.right{margin-left:0px; margin-right:0px;} .testimonial-slider.specializes{height:750px;} .offers .content{height:280px; background-size: 450px auto; } .offers aside{width:50%;height:300px !important; } .offers .content.vwtransporter{background-image: url(../images/import_skodarapid.jpg);} .offers .content.skodarapid{ background-image: url(../images/import_vwtransporter.jpg);} .import_swap_show{display:none;} .import_swap{display:block;} .wrapthisup h2{width:95%!important;} .contactusbackground .experiencebutton svg{display:none;} } @media screen and (max-width:1010px) { #cssmenu.small-screen > ul > li > a{padding:18px 7.5%} #cssmenu.small-screen #menu-button:after{right:7.5%;} #cssmenu.small-screen #menu-button:before{right:7.5%;} } @media screen and (max-width:1000px) { #cssmenu.small-screen > ul > li > a{padding:18px 7%} #cssmenu.small-screen #menu-button:after{right:7%;} #cssmenu.small-screen #menu-button:before{right:7%;} } @media screen and (max-width:980px) { #cssmenu.small-screen > ul > li > a{padding:18px 6%} #cssmenu.small-screen #menu-button:after{right:6%;} #cssmenu.small-screen #menu-button:before{right:6%;} .checklist { gap: 20px; } .check-item { gap: 5px; } } @media screen and (max-width:970px) { .bilaleiga_skadar{background-position:center 0px;} .placestovisit{height:1050px; } .placestovisit aside{width:50%; height:300px;} .placestovisit .content{max-width:700px; } .placestovisit p{top:120px; font-size:20px !important;} .clearthisfloat_after{clear:both;} .clearthisfloat_first{clear:none !important;} .testimonial-slider .conditions_upper{height:400px;padding-top:0px;padding-bottom:100px;} .testimonial-slider.specializes .conditions_upper{height:400px;padding-top:100px;padding-bottom:20px;} section.conditions_carrental aside{width:45%;padding:2%; } section.conditions_carrental .content.left{margin-right:0px; margin-left:0px; } section.conditions_carrental .content.middle{margin-right:0px; margin-left:0px; } section.conditions_carrental .content.right{margin-left:0px; margin-right:0px;} .marquee.experience{height:600px; } .marquee.frontpage .marquee_panel .panel_caption h2.heimh{margin-top:50px !important;} h2.call-to-action {margin-top:60px;} #faq_section{padding-bottom:0px;} .ontopslider_button{top:380px;} } @media screen and (max-width:968px){ .forcarrental{height:600px; background-position:0px 0px !important;} #interactivemap{height:1200px;} } @media screen and (max-width:965px) { #cssmenu.small-screen #menu-button:after{right:5.6%;} #cssmenu.small-screen #menu-button:before{right:5.6%;} #cssmenu.small-screen > ul > li > a{padding:18px 5.6%} } @media screen and (max-width:950px) { #cssmenu.small-screen #menu-button:after{right:5.3%;} #cssmenu.small-screen #menu-button:before{right:5.3%;} #cssmenu.small-screen > ul > li > a{padding:18px 5.3%} } @media screen and (max-width:940px) { .showthisnow{display:none;} .hidethisnow{display:inline-block !important;} .sohidethisnow{display:inline-block !important;} .clearfloatmobile{clear:both; float:none;} #map{height:400px;} section.main_aboutus .content{background-position: 57% 0px;} } @media screen and (max-width:900px) { .marquee.aboutus {height:450px; } .experiences {padding-left:50px !important; padding-right:50px !important;} footer{height:850px; text-align:center !important;padding-top:60px;} section.main_footer aside{width:100%; float:none; text-align:left; margin-bottom:30px; margin-top:-20px; padding-left: none !important; padding-right:none !important; } section.main_footer .content{ margin-top:60px; margin-left:0px!important; margin-right:0px !important;} section.main_footer .content.left{ } section.main_footer .content.middle{ } section.main_footer .content.right{} .bankaccount {display:none;} .bankaccount_mobile{display:inline-block !important;} section.main_footer aside{text-align:center !important; } .footerline{ width: 70%; margin-top: -10px !important; margin-bottom:-8px; border: none; margin-left:auto !important;margin-right:auto !important; position:relative; height: 1px; color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.1); } .social_icons{float:none;margin-top:40px; margin-right:10px;} #footercenter img{margin-left:20px;} #footercenter {height:150px;text-align:center !important;} p.faircar{text-align:center !important;float:none; margin-top:10px !important;} } @media screen and (max-width:850px) { .photo_car{width:100%; height:400px; background-position:0px -100px !important; clear:both;} .portfolio{width:100% !important; float:none; clear:both; } .ready .terms-header { width:26%; } #termsandconditions img{ margin-right:8px;margin-bottom:-3px;} .ready .terms-content { width: 60% !important; } .emaild{display:none !important;} .forcarrental{height:600px; background-position:0px 0px !important;} #interactivemap{height:1100px;} } @media screen and (max-width:800px) { .button_margin_right{margin-right:4px;} .button_margin_left{margin-left:4px;} .marqueefont {text-align:center !important; float:none !important} p.marqueefont{text-align:center !important; float:none !important} .buttonwrap{margin-left:auto; margin-right:auto; width:400px; float:none; clear:both;} .marquee.experience{width:100% !important; } .fo_slide{width:100% !important; height:500px !important;} #tabbed label.tabs { font-size: 12px !important; padding-left: 6px !important;padding-right: 4px !important} #umokkummap {margin-bottom:-50px !important; } section.main_aboutus {margin-top:70px; width:100% !important;} #map2 { height: 350px; } .ready .terms-header { width: 200px; } #termsandconditions img{ margin-right:8px; margin-bottom:-3px;} .marquee.experience .marquee_panel .panel_caption {margin-left:auto !important; margin-right:auto !important; } .marquee.frontpage .marquee_panel .panel_caption h1{text-align:center !important;} .marquee.frontpage .marquee_panel .panel_caption h2.heimh{margin-top:110px !important;} } @media screen and (max-width:768px) { .marquee.frontpage .marquee_panel .panel_caption{top:200px; } .marquee.frontpage{height:700px;} .marquee.experience .marquee_panel .panel_caption { width: 80%; margin-left: 10%; margin-top:-40px; } .marquee.frontpage .marquee_panel .panel_caption{width:80% !important;} .p_mapfortravel{display:block;} .title_mapfortravel{display:block;} .maps_smallbutton{display:inline-block;} #mapfortravel{display:none;} .marquee .marquee_panel .panel_caption p {width:84% !important;} .marquee.sale .marquee_panel .panel_caption p { margin-bottom:-20px !important; } .offers .content{height:249px; background-size: 370px auto; } .offers aside{height:249px !important; } .offers span.importprice{font-size:14px !important;} .placestovisit{height:950px; } .placestovisit aside{ height:270px !important;} .placestovisit span{margin-top:3px;} section.main_aboutusfront {margin-top:80px;} section.conditions_carrental {margin-top:80px;} section.conditions_carrental aside{width:90% !important; left:5%;padding:0%; } .testimonial-slider .conditions_upper{height:740px;padding-top:0px;padding-bottom:100px;} section.main_aboutusfront aside{width:90% !important; left:5%; } section.main_aboutusfront.about_us aside{width:90%; left:5%; } .subimg{margin-left:0%;margin-top:30px; width:96%; margin-bottom:0px;} section.contactus_info {margin-bottom:90px;} section.contactus_info aside{width:50%;} section.contactus_info .content{ background-size: 80px auto; padding-top: 85px; padding-bottom: 15px; } section.main_aboutus {margin-top:70px; margin-bottom:40px !important;} section.main_aboutus aside{width:70%; float:none; text-align:center; margin-bottom:40px; margin-left:15%;} section.main_aboutus .content{ background: no-repeat center top; background-size:110px auto; background-position:52% 0px; padding-top: 50px; } section.main_aboutus .content.left{margin-right:0px; margin-left:0px;} section.main_aboutus .content.middle{margin-right:0px; margin-left:0px; } section.main_aboutus .content.right{margin-left:0px; margin-right:0px;} .main_findus aside{width:95%; padding-bottom: 0px; margin-bottom:40px; float: none; text-align:left;} .main_findus .content{ background-size: 110px auto;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 95px;background-position: 0px 0px; } .main_findus .content.left{margin-right:0px; margin-left:0px;} .main_findus .content.right{margin-left:0px; margin-right:0px;} .li3{margin-top:20px !important;} .termtitl{display:none;} .li4{display:none;} #map{height:350px;} .desktop-break {display: none;} .office-text h3{margin-top:0px !important;} .office-text.left h3{justify-content: flex-start !important; text-align:left;} .office-text.left p{text-align:left;} .offices{padding:0px;} .office-row{display:block; } .office-row.reverse{margin-top:-10px;} .features {grid-template-columns: 1fr; gap: 0px; } .offices{padding-bottom:40px;padding-top:60px;} .offices hr{width:94% !important; border-width:0.5px;} #interactivemap{height:1000px;} .forcarrental .herocarvideo video { display: none !important; } .forcarrental.hero_background{background-image:url(../images/carrental_mobile3.webp)!important; background-position: center 0% !important; } .forcarrental .myvideooverlay {background-color: rgba(73, 109, 135, 0.2);} .herocarvideo h1 {color:#0769e3; } #titles h1{text-shadow: none !important} .check-item{color:#444;} #titles span{text-shadow: none !important} .hidemobi{display:none !important} .title_carquote { width:90%; } #cookie-modal .modal-box { width:90%; max-width: 300px; } } @media screen and (max-width: 700px) { .driving-title-section img.infogramobile{ display:none !important; } .driving-title-section img.infogramobile2{ display:block !important; } .faqaccordion .link h3{margin-right:20px;} .checklist { display: flex; flex-direction: column; align-items: center; gap: 5px; } .check-item { display: flex; align-items: center; justify-content: center; gap: 10px; width: auto; text-align: center; } #msform{margin-top:-40px !important;} .heimh{hyphens: auto;} } @media screen and (max-width: 680px) { .wrapthisup a.cta {width:150px !important; } .button_margin_right{margin-right:3px;} .button_margin_left{margin-left:3px;} .button_wrapper_ex{width:150px; } #interactivemap{height:900px;} } @media screen and (max-width:650px) { .marquee.frontpage {height:650px !important; } .photo_car{background-position:0px 0px !important; } .hidesmo{display:none !important;} .bilaleiga_skadar{height:500px;} } @media screen and (max-width:600px) { .contactus_info {left:0%;top:510px; width:100%;} .contactus_info aside{width:33%; margin-bottom:20px;} .offers .content{ background-size: 500px auto !important; height:330px !important; background-position:center -10px;} .offers aside{width:100%; float:none;margin-bottom:0px; clear:both !important; height:330px !important;} .marquee.frontpage .marquee_panel .panel_caption{top:160px; } .marquee.experience .marquee_panel .panel_caption {margin-top:0px; } .marquee .marquee_nav div {width:9px !important; height:9px !important; border: 1px solid rgba(255,255,255,.5); margin:0px 6px 7px 6px !important; } .experiences {height:550px; } .marquee.aboutus {height:400px; } .buttonwrap{width:350px;} .ontopslider_button{top:350px;} .placestovisit aside{height:300px!important; margin-left:auto !important;margin-right:auto !important;width:100%; } .placestovisit .content{max-width:900px; margin-left:auto !important;margin-right:auto !important;width:90%; } #placestovisit{height:1900px } #interactivemap{height:700px;} #interactivemap{height:700px;} .driving-title-section img.infogramobile2{ display:none !important; } .driving-title-section img.infogramobile3{ display:block !important; margin-top:-30px; margin-bottom:-50px; } } @media screen and (max-width:550px) { #interactivemap{height:700px;} #map{height:300px;} .button_wrapper{width:300px;} #gallery_background{ padding-bottom:0px !important; height:650px !important; } .sky-carousel .sc-content-wrapper{top:50% !important;} a.cta.cars_button{margin-top:-260px !important;top:-130px;} .skyfullwidth{margin-top:9%;} .sky-carousel .sc-nav-button.sc-next{background:-52px 0; left: calc(52% + 105px)!important; transform: translateX(-52%) !important} .sky-carousel .sc-nav-button.sc-prev{background:1px 0;left: calc(48.2% - 105px)!important; transform: translateX(-48.2%)!important;} .sky-carousel .sc-nav-button{top:76.53% !important;margin-top:-20px;} .offices hr{width:90% !important;} .offices{padding:0px;} .office-row.reverse{margin-top:0px;} .features {grid-template-columns: 1fr; gap: 0px; } .offices{padding-bottom:40px;} .testimonial-slider.specializes{height:800px;} } @media screen and (max-width: 500px) { .button_wrapper{width:220px;} .buttonwrap{width:330px;} } a.contactbutton{min-width:190px !important;} @media screen and (max-width:480px) { .hero_background_container p.header{width:96% !important; margin-left:2% !important} .contactusbackground{height:500px !important;} .forcarrental{height:750px} .forcarrental .hero_background_container{overflow:hidden;text-align:center;padding:6% 0 150%} .offers span.importprice{font-size:14px !important;} .offers .content{height:280px;background-size: 430px auto !important; background-position:center 0px;} .offers aside{height:280px !important; } .import aside{width:100%;margin-bottom:0px !important;margin-right:0px !important; margin-left:0px !important; overflow:hidden; float:none; text-align:center !important;} .photo_car{background-position:-80px 0px !important; } .parallax_image_fluid{background-position:-200px 0px !important;} .samband{margin-top:0px} .wrapper_contactform{overflow:hidden !important;padding-top:30px;} .contactus_info {left:9%;top:410px; width:100%; overflow:hidden;} .contactus_info aside{width:40%; margin-bottom:20px;overflow:hidden !important;} .contactphoto{margin-top:80px !important; height:500px;overflow:hidden !important;} section.main_aboutus .content{ background-position:60% 0px;} .sohidethisnow{display:none !important;} .main_findus .content{ padding-left: 75px;} .hidethis{display:block;} .showthis{display:none;} .ready .rentalcars-content { margin-top:0px;} .absolute{display:none;} .marquee.experience .marquee_panel .panel_caption {top: 22%; width:95%; margin-left:auto !important; margin-right:auto !important; } .marquee.aboutus {height:450px; } .buttonwrap .cta{width:100px !important;} .buttonwrap{width:240px;} .blue_highlight{color: #0769e3;font-weight:600;} .under{margin-top:-58px !important;} .offices section{padding-right:0px !important; width:100% !important;padding-left:10px !important; box-sizing: border-box; } .office-row{width:100% !important} .office-image, .office-text { min-width: 90%; } .testimonial-slider.specializes .conditions_upper h2{margin-top:0px !important;} #interactivemap{height:550px;} } @media screen and (max-width:450px) { .testimonial-slider.specializes{height:950px;} #camper-popup{padding-left:0px;padding-right:0px;padding-top:10px;} #camper-popup h2{margin-top:40px !important;} .camper-close {right: 2px !important;} } @media screen and (max-width:420px) { .hero_background_container a.cta svg{display:none;} a.contactbutton{min-width:10px !important; width:150px !important; padding-left:5px !important;padding-right:5px !important} } @media screen and (max-width:400px) { #gallery_background{height:750px !important;} a.cta.cars_button{top:-113px;} .emaile{display:none !important;} section{width:90%; margin-left:auto;margin-right:auto;} section#tabbed{width:100%;} #cssmenu.small-screen #menu-button:after{right:5.6%;} #cssmenu.small-screen #menu-button:before{right:5.6%;} .marquee.frontpage .marquee_panel .panel_caption{top:110px; } .marquee.frontpage .marquee_panel .sola{margin-top:40px !important; } .testimonial-slider .conditions_upper{height:840px;} .submenu{padding-left:15px;padding-right:15px;} a.cta.cars_button{width:110px !important;} .sky-carousel .sc-nav-button.sc-next{background:-52px 0; left: calc(47% + 105px)!important; transform: translateX(-47%) !important} .sky-carousel .sc-nav-button.sc-prev{background:1px 0;left: calc(52.2% - 105px)!important; transform: translateX(-.2%)!important;} } @media screen and (max-width:380px) { .testimonial-slider.specializes .conditions_upper h2{margin-top:-30px !important;margin-bottom:0px;} #interactivemap{height:500px;} } @media screen and (max-width:350px) { .forcarrental{height:740px} .marquee.aboutus {height:470px; } .offers .content{height:250px;background-size: 375px auto !important; } .offers aside{height:250px !important; } .title_rentingacar {width:100% !important; margin-left:0% !important;} #interactivemap{height:450px;} } @media screen and (max-width:320px) { section.main .content{ height:120px;} .testimonial-slider.specializes{height:1000px;} .forcarrental .hero_background_container{overflow:visible;text-align:center;padding:0% 0 150%} .marquee.frontpage .marquee_panel .sola{margin-top:120px !important; } .marquee.frontpage .marquee_panel .panel_caption{top:110px; } #interactivemap{height:400px;} } @media screen and (max-width:300px) { .largeclass{display:none;} .smallclass{display:inline-block;} .forcarrental .hero_background_container{overflow:visible;text-align:center;padding:0% 0 150%} .testimonial-slider .conditions_upper{height:950px;} .testimonial-slider.specializes{height:1050px;} #interactivemap{height:350px;} } @media screen and (max-width:260px) { .contactus_info {top:450px; } }