:root{
    --background: #292b37;
    --primary: #5F7E78;
    --secondary: #E3A53E;
    --tertiary: #B8D6D0;
    --text: #eeeeee;
    --subtext: #c0bdbd;
    --footer_text: #e6e6ea;
    --white: #FFFFFF;
    --black: #000000;
    --link: #f1ead7;
    --link_hover: #d4be83;
    --divider: #bdbdbd;
    --copyright_bg: #4a4a54;
    --copyright_text: #8e8eab;
}

/* Fonts */
/* dm-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/google/dm-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/google/dm-sans-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/google/dm-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/google/dm-sans-v15-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-serif-display-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/google/dm-serif-display-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* dm-serif-display-italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Serif Display';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/google/dm-serif-display-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

*{ margin: 0; padding: 0; box-sizing: border-box; }
html, body{ min-height: 100%; }
body{ background-color: var(--background); font-family: 'DM Serif', Arial, Helvetica, sans-serif; color: var(--text); }
#sitewrap{ display: flex; flex-direction: column; height: 100%; }
.container{ margin: 0 auto; }

p, li, table, tbody, tr, th, td{ line-height: 1.6; }
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6{ font-family: 'DM Serif Display', 'Times New Roman', Times, serif; line-height: 1.4; font-weight: 400; }
h1{ font-size: 2.5rem; }
h2{ font-size: 2.188rem; }
h3{ font-size: 1.875rem; }
h4, h5, h6{ font-size: 1.5rem; }
strong, b{ font-weight: 700; }
em, i{ font-style: italic; }
a{ color: var(--link); transition: all .2s ease; }
a:hover, #header #sitenav .menu > .menuitem:hover a, #header #sitenav .menu > .menuitem:hover a:hover{ color: var(--link_hover); }
.container{ position: relative; max-width: 1850px; }

@media only screen and (min-width: 1350px){
    .container{ padding: 0 100px; }
    #mainbody .container.body-container, #footer #footer_main .container{ padding: 75px 100px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    .container{ padding: 0 75px; }
    #mainbody .container.body-container, #footer #footer_main .container{ padding: 75px; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    .container{ padding: 0 50px; }
    #mainbody .container.body-container, #footer #footer_main .container{ padding: 50px; }
}
@media only screen and (max-width: 799px){
    .container{ padding: 0 30px; }
    #mainbody .container.body-container, #footer #footer_main .container{ padding: 50px 30px; }
}

/* Header */
#header .container{ display: flex; flex-wrap: wrap; align-items: center; }
/* Logo */
#header #sitelogo{ flex: 1; }
/* Hamburger */
#header .toggle-menu{ width: 50px; }
#header .toggle-menu .menutoggle{ position: relative; width: 50px; height: 50px; cursor: pointer; display: block; }
#header .toggle-menu .menutoggle #menu-check{ display: block; width: 100%; height: 100%; position: relative; cursor: pointer; z-index: 2; -webkit-touch-callout: none; position: absolute; opacity: 0; border: none; margin: 0; }
#header .toggle-menu .menutoggle .button.burger{ margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 22px; height: 12px; }
#header .toggle-menu .menutoggle .button.burger .bar{ position: absolute; display: block; width: 100%; height: 2px; background-color: var(--bar-bg, #FFFFFF); border-radius: 1px; transition: all 0.1s cubic-bezier(0.1, 0.82, 0.76, 0.965); }
#header .toggle-menu .menutoggle .button.burger .bar:first-of-type{ top: 0; }
#header .toggle-menu .menutoggle .button.burger .bar:last-of-type{ bottom: 0; }
#header .toggle-menu .menutoggle .button.burger.active .bar:first-of-type, #header .toggle-menu .menutoggle #menu-check:checked + .button.burger .bar:first-of-type{ transform: rotate(45deg); top: 5px; }
#header .toggle-menu .menutoggle .button.burger.active .bar:last-of-type, #header .toggle-menu .menutoggle #menu-check:checked + .button.burger .bar:last-of-type{ transform: rotate(-45deg); bottom: 5px; }
/* Menu */
#header #sitenav .menu, #header #sitenav .submenu{ list-style: none; margin: 0; padding: 0; }
#header #sitenav .menu .menuitem{ position: relative; }
#header #sitenav .menu .menuitem .navlink{ display: block; padding: 0 9px; text-decoration: none; position: relative; }
#header #sitenav .menu > .menuitem > .navlink{ line-height: 50px; }
#header #sitenav .menu > .menuitem > .navlink.book-now{ background-color: var(--primary); padding: 0 15px; }
#header #sitenav .menu > .menuitem > .navlink.book-now:hover{ color: var(--background); background-color: var(--white); }
#header #sitenav .menu > .menuitem > .submenu .navlink{ padding: 8px 15px; color: var(--background); }
#header #sitenav .menu > .menuitem > .submenu .navlink:hover{ background-color: var(--primary); color: var(--link); }
/* Mobile Menu */
@media only screen and (min-width: 1350px){
    #header{ padding: 50px 0; }
    #header #sitelogo img{ height: 60px; }
    #header #sitelogo .dt{ display: block; }
    #header #sitelogo .mo{ display: none; }
    #header .toggle-menu{ display: none; }
    #header #sitenav .menu{ text-align: right; }
    #header #sitenav .menu > .menuitem{ display: inline-block; }
    #header #sitenav .menu > .menuitem > .submenu{ position: absolute; z-index: 1; width: 225px; top: 50px; left: 50%; transform: translateX(-50%); background-color: var(--white); box-shadow: 0 2px 5px rgba(0,0,0,.25); border-top: solid 3px var(--secondary); text-align: left; display: none; }
    #header #sitenav .menu > .menuitem > .submenu::before{ content: ""; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid var(--secondary); }
    #header #sitenav .menu > .menuitem:hover > .submenu{ display: block; }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    #header{ padding: 50px 0; }
    #header #sitelogo img{ height: 60px; }
    #header #sitelogo .dt{ display: block; }
    #header #sitelogo .mo{ display: none; }
    #header .toggle-menu{ display: none; }
    #header #sitenav .menu{ text-align: right; }
    #header #sitenav .menu > .menuitem{ display: inline-block; }
    #header #sitenav .menu > .menuitem > .submenu{ position: absolute; z-index: 1; width: 225px; top: 50px; left: 50%; transform: translateX(-50%); background-color: var(--white); box-shadow: 0 2px 5px rgba(0,0,0,.25); border-top: solid 3px var(--secondary); text-align: left; display: none; }
    #header #sitenav .menu > .menuitem > .submenu::before{ content: ""; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid var(--secondary); }
    #header #sitenav .menu > .menuitem:hover > .submenu{ display: block; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    #header{ padding: 30px 0; }
    #header #sitelogo img{ height: 50px; }
    #header #sitelogo .dt{ display: none; }
    #header #sitelogo .mo{ display: block; }
    #header .toggle-menu{ display: block; }
    #header #sitenav{ display: none; width: 100%; padding: 18px 0 0; }
    #header #sitenav .menu > .menuitem.has-children > .navlink{ padding: 0 72px 0 9px; }
    #header #sitenav .menu > .menuitem.has-children > .navlink::after{ content: "\ea26"; font-family: 'siddique-cars'; position: absolute; right: 0; line-height: 50px; width: 50px; text-align: center; }
    #header #sitenav .menu > .menuitem > .submenu{ background-color: var(--white); border-left: solid 5px var(--secondary); display: none; }
}
@media only screen and (max-width: 799px){
    #header{ padding: 30px 0; }
    #header #sitelogo img{ height: 50px; }
    #header #sitelogo .dt{ display: none; }
    #header #sitelogo .mo{ display: block; }
    #header .toggle-menu{ display: block; }
    #header #sitenav{ display: none; width: 100%; padding: 18px 0 0; }
    #header #sitenav .menu > .menuitem.has-children > .navlink{ padding: 0 72px 0 9px; }
    #header #sitenav .menu > .menuitem.has-children > .navlink::after{ content: "\ea26"; font-family: 'siddique-cars'; position: absolute; right: 0; line-height: 50px; width: 50px; text-align: center; }
    #header #sitenav .menu > .menuitem > .submenu{ background-color: var(--white); border-left: solid 5px var(--secondary); display: none; }
}

/* Footer */
#footer #footer_copy{ background-color: var(--copyright_bg); color: var(--subtext); }
#footer #footer_copy .container{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px 30px; }
#footer #footer_copy .container p{ font-size: 0.9125rem; padding: 5px 0; margin: 0; line-height: 1.6; text-align: center; }
#footer #footer_main .container{ display: flex; flex-wrap: wrap; }
#footer #footer_main .footer_contacts img{ margin: 0 0 36px; width: 200px; }
#footer #footer_main .footer_contacts .footer-text{ color: var(--link); padding: 0 0 10px; }
#footer #footer_main .footer_contacts .socials{ list-style: none; margin: 0; padding: 18px 0 0; }
#footer #footer_main .footer_contacts .socials .network{ display: inline-block; margin: 0 4px 8px 0; width: 58px; height: 58px; }
#footer #footer_main .footer_contacts .socials .network .social-link{ display: block; width: 58px; height: 58px; border-radius: 50%; background-color: var(--copyright_bg); color: var(--background); text-decoration: none; text-align: center; }
#footer #footer_main .footer_contacts .socials .network .social-link:hover{ background-color: var(--white); }
#footer #footer_main .footer_contacts .socials .network .social-link span{ line-height: 58px; font-size: 1.5rem; }
#footer #footer_main .footer_menu .footer-menu{ padding: 0 0 0 12px; margin: 0; }
#footer #footer_main .footer_menu .footer-menu .menuitem{ padding: 0 0 0 8px; }
#footer #footer_main .footer_menu .footer-menu .menuitem::marker{ content: "\ea2d"; font-family: 'siddique-cars'; font-size: 0.875rem; color: var(--link); }
#footer #footer_main .footer_payment .cards{ display: flex; margin: 0; padding: 8px 0 0; list-style: none; flex-wrap: wrap; gap: 8px; }
#footer #footer_main .footer_payment .cards .card img{ width: 100%; }
@media only screen and (min-width: 1350px){
    #footer #footer_main .container{ gap: 50px; }
    #footer #footer_main .footer_contacts, #footer #footer_main .footer_menu{ width: 23%; }
    #footer #footer_main .footer_payment{ flex: 1; }
    #footer #footer_main .footer_payment .cards .card{ width: 100px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    #footer #footer_main .container{ gap: 40px; }
    #footer #footer_main .footer_contacts, #footer #footer_main .footer_menu{ width: 30%; }
    #footer #footer_main .footer_payment{ flex: 1; }
    #footer #footer_main .footer_payment .cards .card{ width: 80px; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    #footer #footer_main .container{ gap: 40px; flex-direction: column; }
    #footer #footer_main .footer_payment .cards .card{ width: 100px; }
}
@media only screen and (max-width: 799px){
    #footer #footer_main .container{ gap: 30px; flex-direction: column; }
    #footer #footer_main .footer_payment .cards .card{ width: 80px; }
}

/* Main Body */
#mainbody{ flex: 1; }

/* Front Page */
/* Hero Image */
#mainbody #heroblock{ background: url('../images/hero_bg.jpg') center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: end; }
#mainbody #heroblock .container{ width: 100%; }
#mainbody #heroblock .subtitle{ padding: 0; }
@media only screen and (min-width: 1350px){
    #mainbody #heroblock{ height: 75vh; padding: 70px 0; }
    #mainbody #heroblock .title{ font-size: 4rem; }
    #mainbody #heroblock .subtitle{ font-size: 1.5rem; }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    #mainbody #heroblock{ height: 65vh; padding: 70px 0; }
    #mainbody #heroblock .title{ font-size: 3.4rem; }
    #mainbody #heroblock .subtitle{ font-size: 1.35rem; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    #mainbody #heroblock{ height: 60vh; padding: 50px 0; }
    #mainbody #heroblock .title{ font-size: 2.75rem; }
    #mainbody #heroblock .subtitle{ font-size: 1.25rem; }
}
@media only screen and (max-width: 799px){
    #mainbody #heroblock{ height: 75vh; padding: 50px 0; }
    #mainbody #heroblock .title{ font-size: 2.4rem; }
    #mainbody #heroblock .subtitle{ font-size: 1.125rem; }
}
/* Intro Banner */
#mainbody #home_intro .container{ display: flex; flex-direction: row; }
#mainbody #home_intro .intro-widget{ flex: 1; display: flex; flex-direction: column; }
#mainbody #home_intro .intro-widget:nth-of-type(1), #mainbody #home_intro .intro-widget:nth-of-type(3){ background-color: var(--tertiary); }
#mainbody #home_intro .intro-widget:nth-of-type(2){ background-color: var(--white); }
#mainbody #home_intro .intro-widget .widget-content{ padding: 30px; color: var(--black); flex: 1; }
#mainbody #home_intro .intro-widget .widget-content p:last-of-type{ padding: 0; }
#mainbody #home_intro .intro-widget .readmore{ display: block; text-align: center; padding: 22px 15px; text-align: center; text-decoration: none; background-color: var(--primary); font-size: 1.125rem; }
#mainbody #home_intro .intro-widget .readmore:hover{ background-color: var(--white); color: var(--background); }
@media only screen and (min-width: 1350px){
    #mainbody #home_intro .container{ gap: 50px }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    #mainbody #home_intro .container{ gap: 30px }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    #mainbody #home_intro .container{ flex-direction: column; gap: 40px }
}
@media only screen and (max-width: 799px){
    #mainbody #home_intro .container{ flex-direction: column; gap: 30px }
}
/* Contact Details */
#mainbody #home_contact{ background: url('../images/contact_bg.jpg') center center no-repeat; background-size: cover; position: relative; }
#mainbody #home_contact::before{ position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.3); z-index: 0; }
#mainbody #home_contact .container{ display: flex; flex-direction: row; }
#mainbody #home_contact .contact-widget{ flex: 1; text-align: center; position: relative; }
#mainbody #home_contact .contact-widget:nth-of-type(1)::before, #mainbody #home_contact .contact-widget:nth-of-type(2)::before{ content: ""; background-color: var(--secondary); position: absolute; }
#mainbody #home_contact .contact-widget .widget-title{ color: var(--tertiary); padding: 0 0 8px; }
#mainbody #home_contact .contact-widget .widget-content, #mainbody #home_contact .contact-widget .widget-content .widget-link{ text-decoration: none; color: #FFF; }
@media only screen and (min-width: 1350px){
    #mainbody #home_contact .container{ gap: 50px }
    #mainbody #home_contact .contact-widget::before{ right: -24px; width: 2px; top: 0; bottom: 0; }
    #mainbody #home_contact .contact-widget{ padding: 50px 0; }
    #mainbody #home_contact .contact-widget .widget-title{ font-size: 1.4rem; }
    #mainbody #home_contact .contact-widget .widget-content{ font-size: 2rem; }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    #mainbody #home_contact .container{ gap: 50px }
    #mainbody #home_contact .contact-widget::before{ right: -24px; width: 2px; top: 0; bottom: 0; }
    #mainbody #home_contact .contact-widget{ padding: 50px 0; }
    #mainbody #home_contact .contact-widget .widget-title{ font-size: 1.4rem; }
    #mainbody #home_contact .contact-widget .widget-content{ font-size: 2rem; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    #mainbody #home_contact .container{ flex-direction: column; gap: 40px }
    #mainbody #home_contact .contact-widget::before{ bottom: -19px; width: 300px; height: 2px; left: 50%; transform: translateX(-50%); }
    #mainbody #home_contact .contact-widget{ padding: 20px 0; }
    #mainbody #home_contact .contact-widget .widget-title{ font-size: 1.4rem; }
    #mainbody #home_contact .contact-widget .widget-content{ font-size: 2rem; }
}
@media only screen and (max-width: 799px){
    #mainbody #home_contact .container{ flex-direction: column; gap: 30px }
    #mainbody #home_contact .contact-widget::before{ bottom: -14px; width: 100%; max-width: 300px; height: 2px; left: 50%; transform: translateX(-50%); }
    #mainbody #home_contact .contact-widget{ padding: 20px 0; }
    #mainbody #home_contact .contact-widget .widget-title{ font-size: 1.25rem; }
    #mainbody #home_contact .contact-widget .widget-content{ font-size: 1.6rem; }
}
/* Services */
#mainbody #home_service .container{ display: flex; flex-direction: row; }
#mainbody #home_service .service-widget { text-align: center; position: relative; background-color: var(--secondary); color: var(--white); }
#mainbody #home_service .service-widget .icon{ display: block; text-align: center; border: solid 5px var(--primary); color: var(--primary); border-radius: 50%; }
#mainbody #home_service .service-widget .content{ padding: 0; }
@media only screen and (min-width: 1350px){
    #mainbody #home_service .container{ gap: 50px; }
    #mainbody #home_service .service-widget{ padding: 80px 50px; width: calc( calc( 100% / 3 ) - 20px ); }
    #mainbody #home_service .service-widget .icon{ margin: 0 auto 24px; width: 92px; height: 92px; }
    #mainbody #home_service .service-widget .icon > i{ line-height: 82px; font-size: 2rem; }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    #mainbody #home_service .container{ gap: 30px; }
    #mainbody #home_service .service-widget{ padding: 50px; width: calc( calc( 100% / 3 ) - 20px ); }
    #mainbody #home_service .service-widget .icon{ margin: 0 auto 24px; width: 92px; height: 92px; }
    #mainbody #home_service .service-widget .icon > i{ line-height: 82px; font-size: 2rem; }
    #mainbody #home_service .service-widget .widget-title{ font-size: 1.8rem; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    #mainbody #home_service .container{ flex-direction: column; gap: 40px }
    #mainbody #home_service .service-widget{ padding: 50px 20px; }
    #mainbody #home_service .service-widget .icon{ margin: 0 auto 24px; width: 92px; height: 92px; }
    #mainbody #home_service .service-widget .icon > i{ line-height: 82px; font-size: 2rem; }
}
@media only screen and (max-width: 799px){
    #mainbody #home_service .container{ flex-direction: column; gap: 30px }
    #mainbody #home_service .service-widget{ padding: 50px 20px; }
    #mainbody #home_service .service-widget .icon{ margin: 0 auto 18px; width: 72px; height: 72px; }
    #mainbody #home_service .service-widget .icon > i{ line-height: 62px; font-size: 1.6rem; }
    #mainbody #home_service .service-widget .widget-title{ font-size: 1.8rem; }
}
/* Photo Gallery */
#mainbody #home_photos{ background-color: var(--link); }
#mainbody #home_photos .container{ display: grid; width: 100%; }
#mainbody #home_photos .photo{ background-color: #ddd; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; font-size: 1.2em; }
#mainbody #home_photos .photo-1{ background-image: url('../images/gallery_photo1.jpg'); }
#mainbody #home_photos .photo-2{ background-image: url('../images/gallery_photo2.jpg'); }
#mainbody #home_photos .photo-3{ background-image: url('../images/gallery_photo3.jpg'); }
#mainbody #home_photos .photo-4{ background-image: url('../images/gallery_photo4.jpg'); }
#mainbody #home_photos .photo-5{ background-image: url('../images/gallery_photo5.jpg'); }
@media only screen and (min-width: 1350px){
    #mainbody #home_photos .container{ grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 40px; height: 800px; }
    #mainbody #home_photos .photo-1{ grid-row: 1 / span 2; grid-column: 1 / span 1; }
    #mainbody #home_photos .photo-2{ grid-row: 1 / span 1; grid-column: 2 / span 2; }
    #mainbody #home_photos .photo-3{ grid-row: 1 / span 1; grid-column: 4 / span 1; }
    #mainbody #home_photos .photo-4{ grid-row: 2 / span 1; grid-column: 2 / span 1; }
    #mainbody #home_photos .photo-5{ grid-row: 2 / span 1; grid-column: 3 / span 2; }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    #mainbody #home_photos .container{ grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 40px; height: 650px; }
    #mainbody #home_photos .photo-1{ grid-row: 1 / span 2; grid-column: 1 / span 1; }
    #mainbody #home_photos .photo-2{ grid-row: 1 / span 1; grid-column: 2 / span 2; }
    #mainbody #home_photos .photo-3{ grid-row: 1 / span 1; grid-column: 4 / span 1; }
    #mainbody #home_photos .photo-4{ grid-row: 2 / span 1; grid-column: 2 / span 1; }
    #mainbody #home_photos .photo-5{ grid-row: 2 / span 1; grid-column: 3 / span 2; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    #mainbody #home_photos .container{ grid-template-columns: 1fr; grid-template-rows: repeat(5, 300px); gap: 30px; }
    #mainbody #home_photos .photo{ grid-column: 1; height: 300px; }
}
@media only screen and (max-width: 799px){
    #mainbody #home_photos .container{ grid-template-columns: 1fr; grid-template-rows: repeat(5, 200px); gap: 20px; }
    #mainbody #home_photos .photo{ grid-column: 1; height: 200px; }
}
/* Reviews */
#mainbody #home_reviews .section-title{ text-align: center; }
#mainbody #home_reviews #reviews{ position: relative; padding: 0; }
#mainbody #home_reviews .reviews{ position: relative; padding: 24px 0 72px; }
#mainbody #home_reviews #reviews .review{ max-width: 1080px; margin: 0 auto; padding: 80px 120px; background-color: var(--text); color: var(--black); text-align: center; }
#mainbody #home_reviews #reviews .review .stars{ padding: 0 0 24px; font-size: 1.65rem; }
#mainbody #home_reviews #reviews .review .stars span{ padding: 0 3px; }
#mainbody #home_reviews #reviews .review .stars .gold{ color: var(--secondary); }
#mainbody #home_reviews #reviews .review .stars .grey{ color: #CCC; }
#mainbody #home_reviews #reviews .review .review-text{ padding: 0 0 24px; }
#mainbody #home_reviews #reviews .review .review-text p{ font-size: 1.12rem; }
#mainbody #home_reviews #reviews .review .review-text p:last-of-type{ padding: 0; }
#mainbody #home_reviews #reviews .review .photo{ width: 82px; height: 82px; border-radius: 50%; background-color: #CCC; margin: 0 auto 18px; background-position: center; background-size: cover; background-repeat: no-repeat; }
#mainbody #home_reviews #reviews .review .review-name{ font-weight: 700; font-size: 1.2rem; font-family: 'DM Serif Display', 'Times New Roman', Times, serif; padding: 0 0 10px; margin: 0; }
#mainbody #home_reviews #reviews .review .review-time{ color: var(--copyright_bg); }
#mainbody #home_reviews #reviews .review .google-logo .logo{ width: 100px; vertical-align: bottom; margin: 0 auto; }
/* Slick Slider */
#mainbody #home_reviews #reviews .slick-slide{ margin: 0px; background-position: center; background-repeat: no-repeat; background-size: contain; }
#mainbody #home_reviews #reviews .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
#mainbody #home_reviews #reviews .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
#mainbody #home_reviews #reviews .slick-list:focus{ outline: none; }
#mainbody #home_reviews #reviews .slick-list.dragging{ cursor: pointer; cursor: hand; }
#mainbody #home_reviews #reviews .slick-slider .slick-track, #mainbody #home_reviews #reviews .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#mainbody #home_reviews #reviews .slick-track{ position: relative; top: 0; left: 0; display: block; }
#mainbody #home_reviews #reviews .slick-track:before, #mainbody #home_reviews #reviews .slick-track:after{ display: table; content: ''; }
#mainbody #home_reviews #reviews .slick-track:after{ clear: both; }
#mainbody #home_reviews #reviews .slick-loading .slick-track{ visibility: hidden; }
#mainbody #home_reviews #reviews .slick-slide{ float: left; min-height: 1px; }
[dir='rtl'] #mainbody #home_reviews #reviews .slick-slide{ float: right; }
#mainbody #home_reviews #reviews .slick-slide img{ display: block; }
#mainbody #home_reviews #reviews .slick-slide.slick-loading img{ display: none; }
#mainbody #home_reviews #reviews .slick-slide.dragging img{ pointer-events: none; }
#mainbody #home_reviews #reviews .slick-initialized .slick-slide{ display: block; }
#mainbody #home_reviews #reviews .slick-loading .slick-slide{ visibility: hidden; }
#mainbody #home_reviews #reviews .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; }
#mainbody #home_reviews #reviews .slick-dots{ position: absolute; z-index: 5; left: 50%; bottom: -34px; transform: translateX(-50%); list-style: none; margin: 0; padding: 0; }
#mainbody #home_reviews #reviews .slick-dots li{ display: inline-block; margin: 0 4px; }
#mainbody #home_reviews #reviews .slick-dots li button{ font-size: 0; height: 4px; width: 30px; border: none; border-radius: 2px; background-color: var(--copyright_text); }
#mainbody #home_reviews #reviews .slick-dots li.slick-active button{ background-color: var(--tertiary); }
#mainbody #home_reviews #reviews .slick-arrow.slick-hidden{ display: none; }
#mainbody #home_reviews #reviews .slick-arrow{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 56px; height: 56px; --slick_pos: calc( 50% - 508px ); font-size: 0; border-radius: 50%; border: none; background-color: var(--copyright_bg); color: var(--white); }
#mainbody #home_reviews #reviews .slick-arrow::before{ color: #FFF; width: 56px; height: 56px; line-height: 56px; text-align: center; font-size: 1.3rem; font-family: 'siddique-cars'; }
#mainbody #home_reviews #reviews .slick-prev::before{ content: "\ea2c"; padding: 0 2px 0 0; }
#mainbody #home_reviews #reviews .slick-next::before{ content: "\ea2d"; padding: 0 0 0 2px; }
@media only screen and (min-width: 1220px){
    #mainbody #home_reviews #reviews .slick-prev{ left: var(--slick_pos); }
    #mainbody #home_reviews #reviews .slick-next{ right: var(--slick_pos); }
}
@media only screen and (min-width: 800px) and (max-width: 1219px){
    #mainbody #home_reviews #reviews .slick-prev{ left: 32px; }
    #mainbody #home_reviews #reviews .slick-next{ right: 32px; }
}
@media only screen and (max-width: 799px){
    #mainbody #home_reviews #reviews .slick-arrow{ display: none !important; }
    #mainbody #home_reviews #reviews .review{ padding: 60px 40px; }
    #mainbody #home_reviews #reviews .slick-dots{ width: 100%; text-align: center; }
    #mainbody #home_reviews #reviews .slick-dots li{ margin: 0 4px 7px; }
    #mainbody #home_reviews #reviews .slick-dots li button{ width: 18px; }
}
/* Quote Form */
#mainbody #home_quote{ background-color: var(--primary); }
#mainbody #home_quote .container{ display: flex; align-items: center; }
#mainbody #home_quote #quote_form{ display: flex; flex-wrap: wrap; }
#mainbody #home_quote #quote_form .form-label{ display: none; }
#mainbody #home_quote #quote_form .form-field{ width: 100%; font-size: 1.1rem; line-height: 45px; }
#mainbody #home_quote #quote_form .form-field.text-field{ padding: 0 15px; border: solid 1px var(--subtext); outline: none; background-color: var(--text); }
#mainbody #home_quote #quote_form .form-field.text-field:active, #mainbody #home_quote #quote_form .form-field.text-field:focus{ background-color: var(--white); }
#mainbody #home_quote #quote_form .form-field.button-field{ background-color: var(--background); color: var(--white); transition: all .2s ease; border: none; padding: 1px 15px; }
#mainbody #home_quote #quote_form .form-field.button-field:hover{ color: var(--background); background-color: var(--link); }
#mainbody #home_quote .form-header h2{ font-size: 1.5rem; padding: 0 0 10px; }
#mainbody #home_quote .form-header p{ padding: 0; }
@media only screen and (min-width: 1350px){
    #mainbody #home_quote .container{ gap: 50px; }
    #mainbody #home_quote .form-header{ width: 40%; }
    #mainbody #home_quote #quote_form{ gap: 20px; }
    #mainbody #home_quote #quote_form .form-item{ width: calc( 50% - 15px ); }
    #mainbody #home_quote .form-content{ flex: 1; }
}
@media only screen and (min-width: 1024px) and (max-width: 1349px){
    #mainbody #home_quote .container{ gap: 50px; }
    #mainbody #home_quote .form-header{ width: 50%; }
    #mainbody #home_quote #quote_form{ gap: 20px; }
    #mainbody #home_quote #quote_form .form-item{ width: calc( 50% - 15px ); }
    #mainbody #home_quote .form-content{ flex: 1; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px){
    #mainbody #home_quote .container{ padding: 50px 30px; gap: 40px; flex-direction: column; }
    #mainbody #home_quote #quote_form{ gap: 20px; }
    #mainbody #home_quote #quote_form .form-item{ width: calc( 50% - 15px ); }
}
@media only screen and (max-width: 799px){
    #mainbody #home_quote .container{ padding: 50px 30px; gap: 20px; flex-direction: column; }
    #mainbody #home_quote #quote_form{ gap: 10px; }
    #mainbody #home_quote #quote_form .form-item{ width: 100%; }
}