/* A - Existing Karry identity. The live Saira import is blocked; its rendered fallback is Arial. */
* {box-sizing:border-box;letter-spacing:0;}
body {margin:0;background:#fff;color:#616161;font:18px/32px Arial,sans-serif;}
body.karry-menu-open {overflow:hidden;}
img {max-width:100%;height:auto;vertical-align:middle;}
button,input,select,textarea {font:inherit;}
button,a {touch-action:manipulation;}
button {cursor:pointer;}
a {color:#012a40;text-decoration:none;transition:color .5s,background .5s;}
a:hover {color:#1172a5;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible {outline:2px solid #82a1b5;outline-offset:4px;}
h1,h2,h3,h4,p,ul,figure {margin:0;}
h1,h2 {color:#004267;font-size:21px;font-weight:800;line-height:32px;padding-left:45px;margin-left:-45px;background:url('../images/arrow-title.svg') no-repeat 0 8px/37px auto;}
h3 {color:#004265;font-size:40px;line-height:48px;font-weight:400;}
h4 {display:inline-block;padding:5px;background:#004267;color:#fff;font-size:18px;line-height:22px;font-weight:400;}
p {margin-bottom:25px;text-align:justify;}
ul {list-style:none;padding:0;}
[hidden] {display:none!important;}
#main {margin:0;padding:0;}
.content-box {max-width:1140px;width:100%;position:relative;margin:0 auto;}
.karry-skip:not(:focus) {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.karry-skip:focus {position:fixed;z-index:1100;top:8px;left:8px;background:#fff;color:#004267;padding:12px;}
.iw-button,.button,.iw-form__submit {position:relative;display:inline-block;max-width:100%;padding:10px 25px;font-size:16px;line-height:24px;background:#004267;color:#fff;border:0;border-radius:0;box-shadow:0 2px 3px #0002;cursor:pointer;font-weight:400;text-align:center;transition:background .5s;}
.iw-button:hover,.button:hover,.iw-form__submit:hover {background:#00293f;color:#fff;}

/* B - Logo and sliding menu */
#logo {position:absolute;top:19px;left:45px;width:156px;height:75px;z-index:96;}
#logo img,#footer-logo img {display:block;width:100%;height:auto;}
#side-shade {position:fixed;inset:0;z-index:97;background:#0008;cursor:pointer;}
#header-nav {position:fixed;z-index:98;top:0;right:0;height:100dvh;width:730px;max-width:100%;padding:20px 30px;background:#004267 url('../images/logo.png') no-repeat 30px 35px/119px auto;overflow:auto;visibility:hidden;transform:translateX(100%);transition:transform .5s,visibility .5s;}
.karry-menu-open #header-nav {visibility:visible;transform:translateX(0);}
#menu-toggle {position:fixed;z-index:99;top:0;right:0;width:80px;height:80px;border:0;padding:0;background:none;}
#menu-toggle .inner {position:relative;display:block;width:80px;height:80px;}
#menu-toggle .inner span {position:absolute;right:30px;width:36px;height:3px;background:#fff;transition:transform .5s,top .5s,width .5s,background .5s;}
#menu-toggle.grey .inner span {background:#555;}
#menu-toggle .inner span:first-child {top:40px;}
#menu-toggle .inner span:nth-child(2) {top:48px;width:18px;}
#menu-toggle:hover .inner span:nth-child(2) {width:36px;}
#menu-toggle .inner span:last-child {top:56px;}
#menu-toggle[aria-expanded=true] .inner span {background:#fff;}
#menu-toggle[aria-expanded=true] .inner span:first-child {top:39px;transform:rotate(-45deg);}
#menu-toggle[aria-expanded=true] .inner span:nth-child(2) {width:0;}
#menu-toggle[aria-expanded=true] .inner span:last-child {top:39px;transform:rotate(45deg);}
#navigation {padding-top:101px;}
#navigation li {padding:4px 15px;margin-bottom:8px;}
#navigation a {font-size:32px;line-height:48px;color:#fff;font-weight:400;}
#navigation .vehicle-link a {font-weight:700;}
#navigation a:hover,#header-nav .extra-links a:hover {color:#82a1b5;}
#header-nav .extra-links a {display:block;margin-left:15px;font-size:14px;line-height:36px;color:#fff;}

/* C - Slideshow and original home content */
.iw-slideshow {position:relative;width:100%;aspect-ratio:1/.52;overflow:hidden;background:#eee;isolation:isolate;}
.iw-slide {position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s;}
.iw-slide:first-child:not(.iw-slide-ready),.iw-slide.is-active {opacity:1;visibility:visible;z-index:1;}
.iw-slide-image {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
.karry-slide-link {position:absolute;inset:0;z-index:1;}
.iw-slide-content {position:absolute;left:50px;top:200px;width:40%;color:#fff;z-index:2;pointer-events:none;}
.iw-slide-content a {pointer-events:auto;}
.iw-slide-title {background:none;padding:0;margin:0;font-size:70px;line-height:84px;font-weight:600;color:inherit;}
.iw-slide-text {font-size:50px;line-height:60px;font-weight:300;margin:0 0 25px;text-align:left;}
.iw-slide-button {font-size:18px;padding:16px 20px;border-radius:4px;}
.iw-slideshow-controls {display:none;}
.iw-slideshow-pagination {position:absolute;z-index:3;bottom:20px;left:calc(50% - 60px);display:flex;align-items:center;}
.iw-slideshow-dot {display:grid;place-items:center;width:24px;height:24px;border:0;padding:0;background:none;}
.iw-slideshow-dot::before {content:'';width:6px;height:6px;background:#004267;border-radius:50%;border:1px solid #004267;}
.iw-slideshow-dot.is-active::before,.iw-slideshow-dot:hover::before {width:10px;height:10px;background:transparent;}
#index-presentation {padding:110px 0 0;}
#index-presentation h3 {padding:25px 0;}
#index-presentation p {margin:0;padding-bottom:10px;}
.png-container {margin-bottom:110px;}
.png-container h1 {margin-top:100px;}
.png-container .content-box {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.png-container h1 {grid-column:1/-1;}
.png-item {margin-top:50px;min-width:0;}
.png-container .png-item {grid-column:auto;}
.png-item img {width:100%;height:auto;}
.png-item h2 {padding:0;margin:0;background:none;}
.png-item h2 a {padding:0 40px 4px 0;font-size:18px;line-height:24px;font-weight:400;color:#004267;background:url('../images/arrow-link.svg') no-repeat right center;transition:padding .5s;}
.png-item:hover h2 a {padding-right:55px;}

/* D - Content and vehicle pages */
.karry-columns {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));}
.karry-col-3 {grid-column:span 3;min-width:0;}.karry-col-6 {grid-column:span 6;min-width:0;}.karry-col-9 {grid-column:span 9;min-width:0;}.karry-col-12 {grid-column:1/-1;min-width:0;}
.grid_container,.content-spacer {margin:25px;}
.color-white {background:#fff;padding:85px 0;}.color-grey {background:#f6f6f6;padding:85px 0;}
.flex {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.flex > h2 {grid-column:1/-1;}
.flex > div {position:relative;min-width:0;}
.color-white img,.color-grey img {margin-top:42px;width:calc(100% - 42px);height:auto;}
.vehicle-icon {position:absolute;top:0;right:0;width:140px;height:140px;background:#004267 center/100px 100px no-repeat;}
.icon-1 {background-image:url('../images/icon-1.svg');}.icon-2 {background-image:url('../images/icon-2.svg');}.icon-3 {background-image:url('../images/icon-3.svg');}.icon-4 {background-image:url('../images/icon-4.svg');}
#vehicle_main_image {position:relative;}
#vehicle_main_image img {display:block;width:100%;height:auto;}
#vehicle_main_image h1 {position:absolute;left:15%;top:calc(30% - 42px);padding:0;margin:0;background:none;font-size:70px;line-height:84px;font-weight:600;color:#fff;}
#vehicle_nav {border-bottom:1px solid #cfcfcf;}
#vehicle_nav ul {display:grid;grid-template-columns:25% repeat(5,minmax(0,1fr));}
#vehicle_nav li {min-width:0;min-height:50px;}
#vehicle_nav li > span {display:block;margin-left:25px;line-height:50px;color:#222;}
#vehicle_nav li > span span {color:#004267;}
#vehicle_nav a {display:flex;align-items:center;justify-content:center;height:100%;min-height:50px;line-height:24px;text-align:center;color:#012a40;padding:0 4px;}
#vehicle_nav [aria-current] {font-weight:600;}
#vehicle_nav a:hover {color:#425968;}
#vehicle_nav li:last-child a {background:#004267;color:#fff;}
#vehicle_nav li:last-child a:hover {background:#00293f;color:#82a1b5;}
.vehicle-model h3 {margin:0;padding-bottom:15px;}
.vehicle-model p {font-size:16px;padding:0;margin:0;}
.vehicle-note p {color:#ccc;font-size:12px;padding:10px 25px 0;line-height:10px;}
#contentpage-header {height:451px;border-bottom:1px solid #004267;overflow:hidden;}
#contentpage-header img {display:block;width:100%;height:100%;object-fit:cover;}
#page-title-container {display:none;}
.karry-editorial p {overflow-wrap:break-word;}
.karry-legal .karry-col-12 h1 {margin:25px 0;}
.karry-legal .karry-col-6 {padding:0 25px;}
.karry-legal img {width:auto;max-width:100%;}
.karry-legal .content-color-2 {padding:25px;}
.contact-email,.contact-map,.contact-spacer,.contact-tel,.contact-time {display:block;padding-left:30px;background-position:left top;background-repeat:no-repeat;background-size:25px 25px;}
.contact-tel {background-image:url('../images/icon-phone.svg');}.contact-email {background-image:url('../images/icon-email.svg');}.contact-map {background-image:url('../images/icon-map.svg');}
.google-map {height:355px;border-top:5px solid #004267;background:#e7e7e7;}

/* E - Gallery and independent forms */
.iw-gallery__list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.iw-gallery__link {position:relative;display:block;overflow:hidden;background:#004267;}
.iw-gallery__image {display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.iw-gallery__link::after {content:'';position:absolute;inset:0;background:#00216a80 url('../images/icon-search.svg') no-repeat center/86px;opacity:0;transition:opacity .5s;}
.iw-gallery__link:hover::after,.iw-gallery__link:focus-visible::after {opacity:1;}
#product_video {display:block;width:100%;aspect-ratio:16/9;border:0;}
.iw-lightbox-overlay {position:fixed;inset:0;z-index:200;background:#000f;display:none;align-items:center;justify-content:center;}
.iw-lightbox-overlay.is-visible {display:flex;}
.iw-lightbox-image {max-width:90%;max-height:90%;object-fit:contain;}
.iw-lightbox-overlay button {position:absolute;display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:0;background:#171717;border:1px solid #999;color:#fff;}
.iw-lightbox-prev {left:15px;}.iw-lightbox-next {right:15px;}.iw-lightbox-close {right:15px;top:15px;}
.iw-lightbox-overlay button::before {content:'';width:24px;height:24px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat;}
.iw-lightbox-prev::before {mask-image:url('../images/icons/chevron-left.svg');}.iw-lightbox-next::before {mask-image:url('../images/icons/chevron-right.svg');}.iw-lightbox-close::before {mask-image:url('../images/icons/x.svg');}
.iw-form-block {margin:25px;}
.iw-form-block__title {margin-bottom:0;}
.iw-form-block__text {margin-bottom:25px;}
.iw-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1%;column-gap:2%;row-gap:5px;}
.iw-form__field {min-width:0;}
.iw-form__label {display:block;}
.iw-form__input,.iw-form__textarea {display:block;width:100%;min-height:36px;background:#ddd;border:1px solid #ddd;border-radius:0;padding:10px;color:#727374;font:12px/14px Arial,sans-serif;}
.iw-form__textarea {min-height:94px;line-height:18px;resize:vertical;}
.iw-form__field--full,.iw-form__check,.iw-form__actions,.iw-form__notice,.iw-form__status,.iw-form__message,.iw-form__recaptcha {grid-column:1/-1;}
.iw-form__recaptcha {display:none;}
.iw-form__actions {padding:20px 0;}
.iw-form__check {display:flex;align-items:flex-start;gap:10px;line-height:32px;}
.iw-form__check + .iw-form__check {margin-top:-5px;}
.iw-form__checkbox {flex:none;accent-color:#004267;margin:0;}
.iw-form__notice {padding:20px 0 0;font-size:12px;line-height:10px;color:#ccc;}
.iw-form__notice p {padding:10px 25px 0;}
.iw-form__submit:disabled {opacity:.5;cursor:default;}
.iw-form__message:empty {display:none;}.iw-form__message.is-error {color:#a00000;}.iw-form__message.is-success {color:#1c6d37;}

/* F - Original footer and consent */
#contact-container {background:#004267;padding:73px 0 77px;}
#contact-container h4 {color:#fff;font-size:21px;font-weight:800;line-height:32px;padding:0 0 0 45px;margin-left:-45px;background:url('../images/arrow-footer.svg') no-repeat 0 8px/37px auto;}
#contact-container p {display:flex;align-items:center;justify-content:center;padding-top:40px;}
#contact-container p a {padding-right:15px;font-size:32px;line-height:65px;color:#fff;text-align:left;}
#contact-container p a:hover {color:#82a1b5;}
#contact-container p img {width:68px;height:68px;flex:none;}
.bookmarks-container {background:#00293f;padding:30px 0;}
.bookmarks-container .karry-col-3:empty {display:none;}
.share_this {color:#fff;font-size:16px;line-height:32px;text-align:right;}
.facebook-link {display:block;margin-left:25px;width:32px;height:32px;background:url('../images/facebook-link.jpg') no-repeat center/32px;transition:transform .2s;}
.facebook-link:hover {transform:translateY(-5px);}
.footer-nav {padding:73px 0;}
.footer-nav .grid_container {margin-bottom:0;}
#footer-logo {display:block;width:156px;height:75px;}
#footer-navigation ul {display:grid;grid-template-columns:45% 45%;}
#footer-navigation li {padding-bottom:20px;margin-bottom:8px;}
#footer-navigation li:first-child,#footer-navigation li:last-child {display:none;}
#footer-navigation a {font-size:18px;line-height:18px;color:#222;}
#footer-navigation a:hover {color:#004267;}
.footer-addresses .content-box p:first-child::before {display:block;margin:25px 0;width:60px;height:1px;content:'';background:#004267;}
.footer-addresses p {font-size:13px;line-height:19.5px;color:#222;overflow-wrap:anywhere;}
.footer-copyright {padding:15px 0;}
.footer-copyright span {font-size:13px;color:#999;}
.footer-copyright span + span {float:right;}
.cookie-popup {display:none;position:fixed;bottom:0;left:0;right:0;z-index:250;background:#343841eb;color:#fff;padding:70px 0;max-height:90svh;overflow:auto;}
.cookie-popup.is-visible {display:block;}
.cookie-popup-inner {max-width:1010px;margin:auto;display:flex;align-items:center;gap:40px;}
.cookie-popup-left {flex:1;min-width:0;}.cookie-popup-right {flex:0 0 220px;display:grid;gap:25px;}
.cookie-popup-headline {font-size:28px;line-height:1.2;font-weight:300;text-transform:uppercase;margin-bottom:25px;}
.cookie-popup-sub-headline {font-size:12px;line-height:20px;}
.cookie-popup-sub-headline ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:disc;padding-left:15px;}
.cookie-popup-right a {display:block;text-align:center;background:#fff;color:#343841;font-size:12px;line-height:18px;padding:8px;text-transform:uppercase;}
.cookie-popup-right .cookie-popup-refuse-cookies {background:#8b8e93;}.cookie-popup-right a:hover {background:#ccc;}

/* G - Responsive layouts */
@media (min-width:961px) and (max-width:1240px) {
	.content-box {width:calc(100% - 100px);}
	#vehicle_nav a {font-size:14px;}
	.iw-slide-content {top:140px;}.iw-slide-title {font-size:50px;line-height:60px;}.iw-slide-text {font-size:36px;line-height:44px;}
}
@media (max-width:960px) {
	body {font-size:14px;line-height:24px;}
	h1,h2 {margin-left:0;}h3 {font-size:30px;line-height:36px;}
	.content-box {max-width:calc(100% - 40px);}
	#logo {left:25px;width:125px;}
	#header-nav {width:530px;}
	#navigation a {font-size:24px;line-height:38px;}
	.iw-slide-content {top:100px;}.iw-slide-title {font-size:40px;line-height:44px;}.iw-slide-text {font-size:24px;line-height:28px;}
	#index-presentation {padding-top:60px;}.png-container {margin-bottom:50px;}.png-container h1 {margin:50px 0 0;}
	.png-container .content-box {grid-template-columns:repeat(2,minmax(0,1fr));}.png-item:hover h2 a {padding-right:40px;}
	.karry-col-3 {grid-column:span 6;}.karry-col-6,.karry-col-9 {grid-column:1/-1;}
	#contact-container h4 {margin-left:0;}#contact-container p a {font-size:28px;}
	.bookmarks-container {padding:30px 0 10px;}.bookmarks-container .karry-col-3 {min-height:52px;}
	.bookmarks-container .karry-col-3:empty {display:block;}
	.footer-nav {padding:23px 0;}
	#vehicle_main_image h1 {width:35%;left:10%;top:125px;font-size:50px;line-height:54px;}
	#vehicle_nav a {font-size:12px;}
	.color-white,.color-grey {padding:35px 0;}
	.color-white img,.color-grey img {margin-top:32px;width:calc(100% - 32px);}
	.vehicle-icon {width:120px;height:120px;background-size:80px 80px;}
	.cookie-popup {padding:35px 25px;}.cookie-popup-inner {gap:25px;}.cookie-popup-headline {font-size:24px;}
}
@media (max-width:768px) {
	h3 {font-size:26px;line-height:32px;}
	#header-nav {width:100%;}
	.iw-slide-content {left:20px;width:80%;}.iw-slide-title {font-size:32px;line-height:38px;color:#00293f;}.iw-slide-text {font-size:20px;line-height:24px;color:#004267;}.iw-slide-button {font-size:14px;padding:8px 14px;}
	.iw-slideshow-pagination {bottom:2px;}
	#vehicle_main_image h1 {display:none;}
	#vehicle_nav {border:0;}#vehicle_nav ul {grid-template-columns:minmax(0,1fr);}
	#vehicle_nav li {border-bottom:1px solid #f3f3f3;}
	#vehicle_nav li:first-child span {font-size:28px;}
	#vehicle_nav a {justify-content:flex-start;padding:0 25px;font-size:18px;}
	.flex {grid-template-columns:minmax(0,1fr);}
	.iw-gallery__list {grid-template-columns:repeat(2,minmax(0,1fr));}
	#contact-container p a {font-size:18px;line-height:40px;}#contact-container p img {width:40px;height:40px;}
	.iw-form {grid-template-columns:minmax(0,1fr);}
	.iw-form__notice {line-height:16px;}
	.cookie-popup-inner {display:block;}.cookie-popup-right {margin-top:25px;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
}
@media (max-width:480px) {
	body {font-size:12px;line-height:22px;}h3 {font-size:22px;line-height:28px;}
	#navigation a {font-size:22px;line-height:30px;}
	.iw-slideshow {height:80vh;aspect-ratio:auto;}.iw-slide-image {width:calc(80vh / .52);max-width:none;height:80vh;margin-left:-65%;object-fit:cover;}.iw-slide-content {display:none;}
	.iw-slideshow-pagination {left:auto;right:12px;}
	#index-presentation {padding-top:40px;}
	.png-container .content-box {grid-template-columns:minmax(0,1fr);}
	.karry-col-3 {grid-column:1/-1;}
	#contact-container p a {font-size:18px;line-height:28px;}#contact-container p img {width:65px;height:65px;}
	.share_this {text-align:left;}
	#footer-navigation ul {grid-template-columns:minmax(0,1fr);}
	.footer-copyright span + span {float:none;display:block;}
	.color-white,.color-grey {padding:25px 0;}.color-white img,.color-grey img {margin-top:25px;width:calc(100% - 25px);}
	.vehicle-icon {width:80px;height:80px;background-size:60px 60px;}
	.content-spacer {margin:25px;}
	.iw-lightbox-overlay button {width:40px;height:40px;}.iw-lightbox-prev {left:5px;}.iw-lightbox-next {right:5px;}
}
@media (prefers-reduced-motion:reduce) {
	*,*::before,*::after {transition-duration:0s!important;animation:none!important;scroll-behavior:auto!important;}
}
