@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* Table of Contents
----------------------------------


/*------------------------------ (00)-Global CSS ------------------------------*/
/*
0- Global CSS    
1- Heading CSS   
2- Button CSS   
3- Logo Area CSS 
4- Page Title CSS  
5- Header Area CSS 
6- Footer Area CSS
7- Scroll-Top Area CSS
8- Form CSS
9- Dark Form CSS
10- Swiper Pagination CSS
11- Swiper Navigation CSS
12- Sidebar Heading CSS
13- Sidebar CSS
*/

/*------------------------------ (01)-Home ------------------------------*/
/*
1- Home
2- Counter
3- CCTV Solutions
4- Section Slider
5- Why Choose Us
6- Banner
7- System Features
8- Testimonials
9- Newsletter
10- Blogs
11- Client Slider
*/

/*------------------------------ (02)-About ------------------------------*/

/*--------------- PAGES ---------------*/
/*
1- About Us
2- Team
3- Team Single
4- Testimonials
5- Faqs
6- Our Awards
7- Why Choose Us
*/

/*------------------------------ (03)-Pages ------------------------------*/

/*--------------- COMPONENTS ---------------*/
/* 
01- Tab Information
02- Page Single
03- Page Sidebar
04- Custom Form
*/

/*--------------- PAGES ---------------*/
/*
1- Gallery
2- Get Quote
3- Features
4- Pricing
5- Work Process
6- Careers
7- Career Single
8- Career Form
9- Error 404
10- Terms of Services
11- Privacy Policy
12- Calculator
13- Support Center
14- Clients
*/

/*------------------------------ (04)-Service ------------------------------*/
/*
1- Services
2- Service Single
*/

/*------------------------------ (05)-Case Study ------------------------------*/
/*
1- Case Studies
2- Case Single
*/

/*------------------------------ (06)-Blog ------------------------------*/

/*--------------- COMPONENTS ---------------*/
/*
01- Blog-Item
02- Comment 
03- Pages-No
*/

/*--------------- PAGES ---------------*/
/*
1- Blog Grid
2- Blog List
3- Blog Single 
*/

/*------------------------------ (07)-Shop ------------------------------*/

/*--------------- COMPONENTS ---------------*/
/* 
01- Filter
02- Shop Header
03- Quantity Box
04- Product-Item
05- Shop-Title
06- Cart-Summary
07- Radio Button
08- Account-Form
*/

/*--------------- PAGES ---------------*/
/*
1- Shop Grid
2- Shop Standard
3- Product Single
4- Wishlist
5- Cart
6- Checkout
7- Login
8- Register
*/

/*------------------------------ (08)-Contact ------------------------------*/



/*------------------------------ (00)- Global CSS (Start) ------------------------------*/

/*----- 0- Global CSS -----*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --main-color: #404394;
    --secondary-color: #404394;
    --accent-color: #404394;
    --black: #000;
    --white: #fff;
    --light-grey: #E6E6E6;
    --grey: #666;
    --custom-bg: rgba(0, 0, 0, 0.8);
    --border-radius-1: 8px;
    --border-radius-2: 8px;
    --border-radius-3: 8px;
    --linear: linear-gradient(144deg, var(--white), var(--white));
    --border: 0.1rem solid rgba(0, 0, 0, 0.1);
    --custom-border: 0.5rem solid var(--main-color);
    --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    --custom-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

}

* {
    font-family: "ProximaNova", Helvetica, Arial, sans-serif;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
    /* text-transform: capitalize; */
    border: none;
    outline: none;
}

*:not(.case-item) {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

*::-moz-selection {
    color: var(--white);
    background: var(--main-color);
}

*::selection {
    color: var(--white);
    background: var(--main-color);
}

body {
    background: #f2f3f8;
    overflow-x: hidden;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 9rem;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float {
    font-size: 40px;
}

.search-container {
    display: none;
    /* Initially hidden */
}

.search-container.active {
    display: block;
    /* When active, make it visible */
}

section {
    padding: 7rem 5%;
}

::-webkit-scrollbar {
    width: 0.8rem;
}

::-webkit-scrollbar-track {
    background: var(--secondary-color);
}

::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius-2);
    background: var(--main-color);
}

p {
    font-size: 1.7rem;
    line-height: 1.7;
    color: var(--grey);
}

img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.banner-1 .heading .sub span {
    color: #fff;
    -webkit-text-fill-color: inherit;
    fill: #fff;
}

/*----- 1- Heading CSS -----*/
.heading {
    /* padding-bottom: 2rem; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.heading .sub {
    letter-spacing: 0.2rem;
    display: inline-block;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    background: var(--black);
    -webkit-background-clip: text;
    background-clip: text;
    /* -webkit-text-fill-color: white;  */
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 1rem;
}

.heading h2 {
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
    color: var(--secondary-color);

    line-height: 1.2;
}

/* .linear-bg .heading h2{} */

/*----- 2- Button CSS -----*/
.btn {
    display: inline-block;
    font-size: 1.6rem;
    padding: 1.5rem 3rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    background-image: -webkit-linear-gradient(306deg, var(--main-color), var(--accent-color), var(--main-color));
    background-image: linear-gradient(144deg, var(--main-color), var(--accent-color), var(--main-color));
    background-size: 300% 100%;
    border-radius: var(--border-radius-2);
    cursor: pointer;
}

.btn:hover {
    background-position: 100% 0px;
}


@media (max-width: 500px) {
    .btn {
        display: none !important;
    }
}


/*----- 3- Logo Area CSS -----*/
.logo {
    z-index: 100000;
}

.logo img {
    height: auto;
    width: 165px;
    margin-left: -20px;

}

@media (max-width: 1140px) {
    .header-1 {
        display: none;
    }

    .button {
        display: none;
    }
}

@media (max-width: 991px) {

    .side {
        display: none;
    }
}

.page-title-layout2 {
    margin-top: 90px;
}


/*----- 4- Page Title CSS -----*/
.lighting-page .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/light3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.Digital-Lock .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/video3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.CCTV .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/cctv.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/home4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.gate .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/gate3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sensor .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/sensor4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.motorized .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/motorized3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.gallery .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/gallery.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contact .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/contact1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blog .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/blog.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.case .page-title {
    /*     background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), 
                url("../../assets/images/case.jpg"); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("https://astrowizz.in/wp-content/uploads/2026/01/Gemini_Generated_Image_paacu4paacu4paac-e1769000240937.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.product .page-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)),
        url("../../assets/images/product.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-title {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../../assets/images/getquote-bg.png");
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../../assets/images/getquote-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.5rem;
    padding: 0rem 5%;
    padding-top: 10rem;
    min-height: 45rem;
}

.page-title .title {
    border-left: var(--custom-border);
    padding-left: 1rem;
}

.page-title .title h2 {
    color: var(--white);
    line-height: 1.2;
    font-size: 4.5rem;
    font-weight: 500;
}

.page-title .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.8rem;
}

.page-title .link a {
    font-weight: 500;
    color: var(--white) !important;
}

.page-title .link a:hover {
    color: var(--main-color);
}

.page-title .link i {
    color: var(--main-color);
}

.page-title .link span {
    font-weight: 500;
    color: var(--main-color);
}

/*----- 5- Header Area CSS -----*/
.header {
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.header .header-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 10px 5%;
}

.header.active .header-1 {
    display: none;
}

.header .header-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    list-style-type: none;
}

.header .header-contacts li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    font-size: 1.4rem;
    color: black;
}

.header .header-contacts span {
    text-transform: none;
}

.header .social-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    list-style-type: none;

}

.social-contacts li .bi {
    font-size: 20px;
    color: #fff;
}

.header .social-contacts li a {
    font-size: 15px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .social-contacts li a:hover {
    color: var(--main-color);
}

.header .header-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8rem;
    padding: 5rem 5%;

}

.header.active .header-2 {
    background-color: var(--white);
    border-bottom: 0.2rem solid var(--main-color);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.header.active .navbar .nav-btn {
    color: #000;
}

.header #menu-btn {
    cursor: pointer;
    display: none;
}

.header .navbar {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    gap: 2rem;
}

.mobile-menu {
    display: none;
}

.header .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5rem;
}

.d-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header .dropdown-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .navbar .nav-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 5px;

    color: black !important;
    color: var(--white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    gap: 0.5rem;
}

.header .navbar .nav-btn:hover {
    color: var(--main-color);
}

.header .dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--secondary-color);
    width: 24rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1000;
}

.header .dropdown-content .side-dropdown {
    color: var(--white);
    font-size: 1.2rem;
    padding-right: 1.5rem;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header .dropdown-content .side-dropdown .dropdown-content {
    left: 20rem;
    top: 0;
    display: none !important;
}

.header .dropdown-menu:hover .nav-btn {
    color: var(--main-color);
}

.header .dropdown-menu:hover .dropdown-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: var(--custom-border);
}

.header .dropdown-content .side-dropdown:hover .dropdown-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
}

.header .dropdown-content a,
.header .dropdown-content button {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--white);
    padding: 1rem 1.5rem;
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
}

.header .dropdown-content .side-dropdown {
    position: relative;
}

/* .header .dropdown-content a:hover,
.header .dropdown-content .side-dropdown:hover{
    background: var(--linear);
} */

.header .icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

.header .icon-container .icon {
    font-size: 2rem;
    color: var(--white);
    cursor: pointer;
}

.header .icon-container .icon:hover {
    color: var(--main-color);
}

.header .search-container {
    position: absolute;
    top: 100%;
    right: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem;
    background: var(--white);
    width: 40rem;
    padding: 1.5rem 2rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    opacity: 0;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    border-radius: 50rem;
    -webkit-transform: translateX(300%);
    -ms-transform: translateX(300%);
    transform: translateX(300%);
}

.header .search-container.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.header .search-container input {
    width: 100%;
    height: 100%;
    background: transparent;
    color: var(--black);
    font-size: 1.8rem;
    text-transform: none;
}

.header .search-container button {
    color: var(--secondary-color);
    background-color: transparent;
    font-size: 2rem;
    padding-right: 0.5rem;
    padding-left: 1rem;
}

.header .search-container button:hover {
    color: var(--main-color);
    cursor: pointer;
}

/*----- 6- Footer Area CSS -----*/
.footer {
    background: linear-gradient(180deg, #1e2a78, #000000);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;


}

.footer .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(338px, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(338px, 1fr));
    gap: 3rem;
    padding: 5rem 5%;
}

.footer-item h2 {
    color: var(--white);
    font-size: 2.0rem;
    font-weight: 500;
    letter-spacing: 0.2rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
}

.footer-item h2:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 10rem;
    height: 2px;
    content: "";
    background-color: var(--main-color);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.footer-item>p {
    padding-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.7;
}

.footer-item p {
    color: var(--white);
    line-height: 1.5;
    font-weight: 500;
}

.footer-item .connect p {
    margin-bottom: 1.5rem !important;
}

.footer-item .connect .icondesign {
    height: 3rem;
    width: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.footer-item .connect .icondesign .bi {
    font-size: 3.2rem;
    color: #fff;
}

.footer-item .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.footer-item .social a {
    height: 4rem;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.4);

}

.footer-item .social a .bi {
    color: var(--white);
    font-size: 1.7rem;
}

.footer-item .social a:hover {
    background: var(--linear);
}

.footer-item .gmail {
    text-transform: none;
}

.footer-item .info p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.footer-item .info a {
    font-size: 1.5rem;
    color: var(--white) !important;
}

.footer-item .links p:hover a {
    color: var(--main-color);
}

.footer-item .links p i {
    color: transparent;
    -webkit-text-stroke: 1.5px var(--main-color);
    font-size: 1.5rem;
}

.footer-item:last-child p {
    padding-top: 0rem;
    padding-bottom: 2rem;
    line-height: 1.6;
}

.footer-item .input-field {
    margin-bottom: 1rem;
}

.footer-item .dark-form .btn {
    width: 100%;
}

.footer-item .dark-form .alert {
    min-height: 3.5rem;
    display: block;
    font-size: 1.6rem;
    color: var(--main-color);
    padding-top: 1rem;
}

.footer .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    padding: 2rem 5%;
}

.footer .content p,
.footer .content a {
    font-size: 1.8rem;
    color: var(--white);
}

.footer .content a:hover {
    color: var(--secondary-color);
}

/*----- 7- Scroll-Top Area CSS -----*/
.scroll-top {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    height: 6rem;
    width: 6rem;
    font-size: 2.2rem;
    color: var(--white);
    background: var(--linear);

    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.scroll-top:hover {
    background: var(--secondary-color);
    cursor: pointer;
}

/*----- 8- Form CSS -----*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    color: var(--secondary-color) !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;

}

.form .input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.form .box {
    width: 100%;
    background-color: transparent;
    font-size: 1.6rem;
    color: var(--secondary-color);
    padding: 1rem 1.5rem;
    border: 0.15rem solid rgba(0, 0, 0, 0.1);
    border-radius: var(--border-radius-1);
    text-transform: none;
}

.form .box::-webkit-input-placeholder {
    text-transform: capitalize;
}

.form .box::-moz-placeholder {
    text-transform: capitalize;
}

.form .box:-ms-input-placeholder {
    text-transform: capitalize;
}

.form .box::placeholder {
    text-transform: capitalize;
}

.form .box:focus {
    border-color: var(--main-color);
}

.form textarea {
    resize: none;
    height: 20rem;
}

.form .btn {
    width: 100%;
    overflow: hidden;
    margin-top: 1rem;
}

/*----- 9- Dark Form CSS -----*/
.dark-form input:-webkit-autofill,
.dark-form input:-webkit-autofill:hover,
.dark-form input:-webkit-autofill:focus,
.dark-form input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--white);
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

.dark-form .input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dark-form .input-field {
    border: 1.2px solid rgba(255, 255, 255, 0.9);
    padding: 1.5rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    border-radius: var(--border-radius-1);
}

.dark-form .input-box>.input-field {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20rem;
    flex: 1 1 20rem;
}

.dark-form .input-field:hover {
    border-color: var(--main-color);
}

.dark-form .input-field label {
    color: transparent;
    -webkit-text-stroke: 1px var(--main-color);
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dark-form .box {
    width: 100%;
    font-size: 1.6rem;
    color: var(--white);
    background-color: transparent;
    text-transform: none;
}

.dark-form .box::-webkit-input-placeholder {
    text-transform: capitalize;
    color: var(--white);
}

.dark-form .box::-moz-placeholder {
    text-transform: capitalize;
    color: var(--white);
}

.dark-form .box:-ms-input-placeholder {
    text-transform: capitalize;
    color: var(--white);
}

.dark-form .box::placeholder {
    text-transform: capitalize;
    color: var(--white);
}

.dark-form textarea {
    height: 15rem;
    resize: none;
}

.dark-form .text-area {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.dark-form .select option {
    color: var(--grey);
}

.dark-form .select {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20rem;
    flex: 1 1 20rem;
    border: 1.2px solid rgba(255, 255, 255, 0.9);
    border-radius: var(--border-radius-1);
    width: 100%;
}

.dark-form .select-container {
    height: 100%;
    min-width: 100%;
    position: relative;
}

.dark-form .select-box {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    color: var(--white);
    background-color: transparent;
    padding: 1.5rem;
    font-size: 1.6rem;
    padding-left: 4.5rem;
}

.dark-form .select-container label {
    position: absolute;
    height: 100%;
    top: 0;
    left: 1.5rem;
    color: var(--main-color);
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dark-form .select-container .icon-container {
    width: 4rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
}

.dark-form .select-container .icon-container .fab {
    font-size: 1.6rem;
    color: var(--white);
}

.dark-form ::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.dark-form .checkbox-label {
    color: var(--white);
    position: relative;
    padding-left: 2.5rem;
    cursor: pointer;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dark-form .checkbox-label input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.dark-form .checkbox-indicator {
    position: absolute;
    top: 0.2rem;
    left: 0;
    height: 1.6rem;
    width: 1.6rem;
    background: transparent;
    outline: 0.15rem solid var(--white);
    border-radius: 0.2rem;
}

.dark-form .checkbox-label input:checked~.checkbox-indicator {
    background: var(--main-color);
    outline-color: var(--main-color);
}

.dark-form .checkbox-indicator:after {
    content: '';
    position: absolute;
    left: 0.5rem;
    top: 0.2rem;
    width: 0.3rem;
    height: 0.8rem;
    border: solid var(--light-grey);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

.dark-form .checkbox-label input:checked~.checkbox-indicator:after {
    display: initial;
}

.dark-form .extra-services {
    padding-top: 1rem;
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
}

/*----- 10- Swiper Pagination CSS -----*/
.swiper-pagination-bullet {
    height: 1rem;
    width: 4rem;
    border-radius: 0;
    background: var(--white);
    opacity: 0.7;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.swiper-pagination-bullet-active {
    background: var(--main-color) !important;
    opacity: 0.9;
}

/*----- 11- Swiper Navigation CSS -----*/
.swiper-button-next,
.swiper-button-prev {
    background-color: rgba(255, 255, 255, 0.4);
    font-size: 1rem;
    height: 6rem;
    width: 6rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 2rem;
    font-weight: 500;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: var(--main-color);
}

/*----- 12- Sidebar Heading CSS -----*/
.sidebar-heading h2 {
    position: relative;
    font-size: 3rem;
    font-weight: 500;
    word-spacing: 1px;
    color: var(--secondary-color);
    letter-spacing: 0.1rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    padding-bottom: 1.2rem;
}

.sidebar-heading h2:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 10rem;
    height: 2px;
    content: "";
    background-color: var(--main-color);
}

/*----- 13- Sidebar CSS -----*/
/*
1- Search
2- Category
3- Recent Items
4- Tags
*/

.sidebar {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 28rem;
    flex: 1 1 28rem;
}

.sidebar .sidebar-item {
    margin-bottom: 1.5rem;
    background-color: var(--white);
    border-bottom: var(--custom-border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    padding: 1.5rem;
    border-radius: var(--border-radius-3);
}

/*-- 1- Search --*/
.sidebar .search .input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 5rem;
}

.sidebar .search .input-box input {
    width: 100%;
    padding: 1.5rem;
    overflow: hidden;
    border: 0.1rem solid rgba(0, 0, 0, 0.5);
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
}

.sidebar .search .input-box input:focus {
    border-color: var(--main-color);
}

.sidebar .search .input-box button {
    color: var(--white);
    background-color: var(--secondary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 2rem;
    font-size: 1.8rem;
    cursor: pointer;
}

.sidebar .search .input-box button:hover {
    background-color: var(--main-color);
}

/*-- 2- Category --*/
.sidebar .category a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5rem 0rem;
    border-bottom: 0.15rem solid rgba(0, 0, 0, 0.1);
}

.sidebar .category a:last-child {
    margin-bottom: 0;
}

.sidebar .category a span {
    font-size: 1.7rem;
    color: var(--secondary-color);
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

.sidebar .category a span i {
    font-size: 1.8rem;
    color: var(--main-color);
}

.sidebar .category a p {
    font-size: 1.5rem;
}

.sidebar .category a:hover span,
.sidebar .category a:hover p {
    color: var(--main-color);
}

/*-- 3- Post Items --*/
.sidebar .post-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.sidebar .post-item:last-child {
    margin-bottom: 0;
}

.sidebar .post-item img {
    height: 8rem;
    width: 8rem;
    border-radius: var(--border-radius-2);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.sidebar .recent-posts .post-item img {
    width: 10rem;
}

.sidebar .post-item a {
    display: inline-block;
    font-size: 2rem;
    font-weight: 500;
    color: var(--secondary-color);
}

.sidebar .recent-posts .post-item a {
    font-size: 1.8rem;
}

.sidebar .post-item a:hover {
    color: var(--main-color);
}

.sidebar .post-item .price p {
    font-size: 1.7rem;
    font-weight: 500;
    color: var(--main-color);
}

.sidebar .post-item .price span {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--grey);
    text-decoration: line-through;
    padding-left: 0.2rem;
}

/*-- 4- Tags --*/
.sidebar .tags .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.sidebar .tag-item {
    color: var(--white);
    background: var(--linear);
    border-radius: 0.5rem;
    font-size: 1.6rem;
    padding: 1rem 1.6rem;
}

.sidebar .tag-item:hover {
    background-color: var(--secondary-color);
    cursor: pointer;
}

/*------------------------------ (00)- Global CSS (End) ------------------------------*/



/*------------------------------ (01)- Home (Start) ------------------------------*/

/*----- 1- Home-----*/
.home {
    padding: 0;
    position: relative;
    z-index: 0;
}

.home-slider {
    position: relative;
    overflow: hidden;
}

.home-slider .swiper-button-next,
.home-slider .swiper-button-prev {
    opacity: 0;
}

.home-slider:hover .swiper-button-next,
.home-slider:hover .swiper-button-prev {
    opacity: 1;
}

.home-item {
    height: 70rem;
}

.home-item .content {
    padding: 10rem 5%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.home-item .content .text {
    width: 75rem;
    margin-top: 10rem;
}

.home-item .content h5 {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1.2rem;
    color: var(--white);
    padding: 0.4rem 1.5rem;
    background: rgba(255, 255, 255, 0.2);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    gap: 1rem;
}

.home-item .content h3 {
    font-size: 2.4vw;
    font-weight: 500;
    margin-bottom: 1rem;
    color: var(--white);
    letter-spacing: 0.1rem;
    line-height: 1.2;
}

.home-item .content h3 span {
    color: transparent;
}

.home-item .content p {
    color: var(--white);
    font-size: 1.3vw;
    font-weight: 400;
    padding-bottom: 2.5rem;
}

/*----- 2- Counter -----*/
.counting {
    padding: 4rem 5%;
    padding-bottom: 8rem;
    margin: 1rem 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url("../../assets/images/Counter.jpg");
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url("../../assets/images/Counter.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.counting .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
}

.counting .box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25rem;
    flex: 1 1 25rem;
    text-align: center;
    padding: 4rem 3rem;
    padding-bottom: 6rem;
    background: var(--linear);
    color: #000;
    border-radius: 15px;

}

.counting .box .bi {
    margin: 0 auto;
    margin-bottom: 1rem;
    color: #000;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 4.5rem;
}


.counting .box .count {
    color: var(--black);
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.counting .box h3 {
    font-size: 1.8rem;
    color: var(--black);
    font-weight: 400;
}

/*----- 3- CCTV Solutions -----*/
.cctv-solutions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(42rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(42rem, 1fr));
    gap: 2rem;
    -webkit-transform: translateY(-9rem);
    transform: translateY(-9rem);
    margin-bottom: -10rem;
}

.solution-item {
    cursor: pointer;
    background: var(--secondary-color);
    padding: 2rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    border-radius: var(--border-radius-3);
}

.solution-item i {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3rem;
    color: var(--white);

}

.solution-item h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25rem;
    flex: 1 1 25rem;
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--white);
    line-height: 1.2;
    padding-bottom: 0.5rem;
}

.solution-item h3:hover {
    color: white;
}

.solution-item .btn {
    font-size: 1.5rem;
    padding: 1rem 2rem;
}

/*----- 4- Section Slider -----*/
.section-slider {
    overflow: hidden;
    padding: 0.5rem;
}

/*----- 5- Why Choose Us -----*/
.why-us {
    padding: 0;
}

.why-us .box-container {
    background-image: url('./assets/images/Home/Home-3.jpg');
}

.why-us .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.why-us .content h2 {
    text-align: left;
    color: var(--white);
}

.why-us .content p {
    letter-spacing: 0.5px;
    font-weight: 400;
    color: var(--light-grey);
}

.why-us .why-points .box {
    padding: 1rem 0;
}

.why-us .why-points .box h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.7rem 0;
    font-size: 1.7rem;
    color: var(--white);
    font-weight: 400;
}

.why-us .why-points .box .progress-bar {
    width: 100%;
    background: var(--light-grey);
    overflow: hidden;
    height: 1.2rem;
    border-radius: 50rem;
}

.why-us .why-points .box .progress-bar span {
    display: block;
    height: 100%;
    background: var(--main-color);
}

/*----- 6- Banner -----*/
.banner {
    padding-top: 0;
    padding-bottom: 0;
    background: url("../../assets/images/Banner-1.jpg");
    background-position: left;
    background-size: cover;
    margin: 5rem 0;
}

.banner .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
}

.banner .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
}

.banner .banner-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55rem;
    flex: 1 1 55rem;
    padding: 4rem 0;
}

.banner h2 {
    font-size: 5rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--white);
    padding-bottom: 2rem;
}

.banner .banner-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30rem;
    flex: 1 1 30rem;
    background: -webkit-linear-gradient(180deg, rgba(10, 17, 114, 0.9), rgba(10, 17, 114, 0.85)), url("../../assets/images/Banner-2.jpg");
    background: linear-gradient(180deg, rgba(10, 17, 114, 0.9), rgba(10, 17, 114, 0.85)), url("../../assets/images/Banner-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    text-align: center;
    padding: 8rem 4rem;
    -webkit-transform: translateY(-5rem);
    transform: translateY(-5rem);
    margin-bottom: -10rem;
}

.banner .banner-2 h4 {
    color: var(--white);
    font-size: 4rem;
    font-weight: 500;
}

.banner .banner-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.banner .banner-icon span {
    width: 5rem;
    height: 0.2rem;
    background-color: var(--white);
}

.banner .banner-icon i {
    font-size: 2rem;
    height: 5rem;
    width: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--secondary-color);
    background: var(--white);

}

.banner .banner-2 h6 {
    font-size: 2rem;
    font-weight: 500;
    color: var(--white);
}

.banner .banner-2 .btn {
    margin-top: 2rem;
}

/*----- 7- System Features -----*/
.system-features .tab-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0;
}

.system-features .tab-buttons .button {
    border-radius: 0;
}

.system-features .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
}

.system-features .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 42rem;
    flex: 1 1 42rem;
    height: 45rem;
}

.system-features .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 42rem;
    flex: 1 1 42rem;
}

.system-features .content .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.system-features .content .heading h2 {
    text-align: left;
}

.system-features .content p {
    /* padding-bottom: 1rem;*/
}

.system-features .key-features {
    padding-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
}

.system-features .feature-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20rem;
    flex: 1 1 20rem;
}

.system-features .key-features li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    background: var(--linear);
    border-radius: var(--border-radius-1);
}

.system-features .key-features i {
    color: var(--black);
}

.system-features .key-features span {
    color: var(--black);
}

/*----- 8- Testimonials -----*/
.testimonial-bg {
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), url("../../assets/images/Testimonials.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), url("../../assets/images/Testimonials.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

/*----- 9- Newsletter -----*/
.newsletter-subscribe {
    padding: 8rem 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../../assets/images/Newsletter.jpg");
    background-position: center;
    background-size: cover;
}

.newsletter-subscribe .content {
    width: 70rem;
    text-align: center;
}

.newsletter-subscribe h2 {
    font-size: 4.5rem;
    font-weight: 500;
    color: var(--white);
}

.newsletter-subscribe p {
    letter-spacing: 0.15rem;
    font-weight: 500;
    color: var(--white);
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.newsletter-subscribe .box-container {
    max-width: 60rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    padding: 0.5rem;
    background-color: var(--white);
    border-radius: var(--border-radius-2);
}

.newsletter-subscribe input {
    padding: 0rem 1.5rem;
    width: 100%;
    color: var(--secondary-color);
    background-color: var(--white);
    text-transform: none;
    font-size: 1.5rem;
}

.newsletter-form .alert {
    min-height: 3.5rem;
    display: block;
    font-size: 1.6rem;
    color: var(--white);
    padding-top: 1rem;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/*----- 10- Blogs -----*/
.blog.main .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
    gap: 1.5rem;
}

/*----- 11- Client Slider -----*/
.home-clients {
    background-color: rgba(0, 0, 0, 0.05);
}

.clients .client-slider {
    overflow: hidden;
}

/*------------------------------ (01)-Home (End) ------------------------------*/



/*------------------------------ (02)-About (Start) ------------------------------*/
.about-us {
    padding: 0;
}

/*----- 1- About Us -----*/
.about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
}

.about .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 42rem;
    flex: 1 1 42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    position: relative;
}

.about .sub-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 15rem;
    flex: 1 1 15rem;
    height: 45rem;
}

.about .image img {
    overflow: hidden;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.about .sub-image.two {
    margin-top: 4rem;
}

.about .experience {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.9rem;
    font-weight: 400;
    padding: 2rem 3rem;
    padding-bottom: 1rem;
    line-height: 1.3;
    color: var(--black);
    background: var(--linear);
    border-radius: var(--border-radius-3);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    width: 30rem;
}

.about .experience i {

    font-size: 4rem;
    color: var(--secondary-color);

    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about .experience .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 08rem;
    flex: 1 1 08rem;
}

.about .experience span {
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--black);
}

.about .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 42rem;
    flex: 1 1 42rem;
}

.about .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.about .heading h2 {
    text-align: left;
}

.about .content p {
    /* letter-spacing: 0.5px; */
    font-weight: 400;
    color: var(--grey);
}

.about .about-section-points {
    list-style-type: none;
    padding-top: 0.5rem;
    padding-bottom: 2rem;
}

.about .about-section-points li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
    padding-top: 1rem;
}

.about .about-section-points li .icondesign {
    height: 7rem;
    width: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--linear);
    border-radius: 50%;
}

.about .about-section-points li .icondesign .bi {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #404394;
}

.about .about-section-points .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30rem;
    flex: 1 1 30rem;
}

.about .about-section-points li h5 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    color: var(--secondary-color);
    padding-bottom: 0.5rem;
}

.about .about-section-points li p {
    color: var(--grey);
}

/*----- 2- Team -----*/
.team .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(25rem, 1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
    gap: 1.5rem;
}

.team-item {
    position: relative;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    height: 40rem;
    overflow: hidden;
    border-radius: var(--border-radius-3);
}

.team-item .content {
    position: absolute;
    left: 0;
    bottom: 0%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: var(--linear);
    padding: 2rem 3rem;
    border-radius: var(--border-radius-3);
}

.team-item .content h3 {
    font-size: 2rem;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 0.2rem;
}

.team-item .content h3:hover {
    color: var(--secondary-color);
}

.team-item .content p {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--white);
    text-transform: uppercase;
}

.team-item .icon-container {
    position: absolute;
    right: 0;
    bottom: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.7rem;
    background: var(--linear);
    -webkit-clip-path: polygon(50% 0%, 100% 15%, 100% 85%, 50% 100%, 0% 85%, 0% 15%);
    clip-path: polygon(50% 0%, 100% 15%, 100% 85%, 50% 100%, 0% 85%, 0% 15%);
    padding: 2rem 1rem;
}

.team-item .icon-container a {
    height: 3rem;
    width: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.7rem;
    color: var(--white);
}

.team-item .icon-container a:hover {
    color: var(--secondary-color);
}

/*----- 3- Team Single -----*/
.team-single .team-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    background-color: var(--white);
    padding: 2rem;
    border-radius: var(--border-radius-3);
}

.team-single .image {
    width: 40rem;
    height: 50rem;
    border-radius: var(--border-radius-3);
    overflow: hidden;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.team-single .information {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50rem;
    flex: 1 1 50rem;
}

.team-single .information h3 {
    color: var(--secondary-color);
    font-size: 3rem;
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.team-single .information h5 {
    color: var(--main-color);
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 500;
    padding-bottom: 1.5rem;
}

.team-single .information .team-about {
    padding-top: 1.5rem;
    border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
}

.team-single .text {
    font-size: 1.6rem;
    letter-spacing: 0.2px;
    font-weight: 400;
    color: var(--grey);
    line-height: 1.7;
}

.team-single .team-personal-info {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.team-single .team-personal-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1.5rem;
}

.team-single .team-personal-info i {
    font-size: 1.6rem;
    color: var(--main-color);
    padding-right: 0.5rem;
}

.team-single .team-personal-info h6 {
    font-size: 2rem;
    color: var(--secondary-color);
}

.team-single .team-personal-info span {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--grey);
    text-transform: none;
}

.team-single .icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
}

.team-single .icon-container a {
    height: 4.5rem;
    width: 4.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    color: var(--white);
    background: var(--linear);

}

.team-single .icon-container a:hover {
    background: var(--secondary-color);
}

.team-single .page-info {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.team-single .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
}

.team-single h4 {
    font-size: 3rem;
    font-weight: 500;
    color: var(--secondary-color);
    padding-bottom: 0.5rem;
}

.team-single .sub-section {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40rem;
    flex: 1 1 40rem;
}

.team-single .skills .box {
    padding: 1rem 0;
}

.team-single .skills .box h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.7rem 0;
    font-size: 1.7rem;
    color: var(--secondary-color);
    font-weight: 400;
}

.team-single .skills .box .progress-bar {
    width: 100%;
    background: var(--black);
    overflow: hidden;
    height: 1.2rem;
    border-radius: 50rem;
}

.team-single .skills .box .progress-bar span {
    display: block;
    height: 100%;
    background: var(--main-color);
}

/*----- 4- Testimonials -----*/
.testimonial-slider {
    overflow: hidden;
    position: relative;
    padding-bottom: 4rem;
}

.testimonial .swiper-pagination-bullet {
    background: var(--secondary-color);
    opacity: 0.9;
}

.testi-item {
    position: relative;
    background-color: var(--black);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
    /*     margin-top: 4rem; */
    padding: 4rem 3rem;
    padding-top: 0rem;
}

.testi-item img {
    position: absolute;
    top: 0;
    left: 3rem;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    height: 11rem;
    width: 11rem;

}

.testi-item .icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.headingsec {
    color: #fff;
    display: flex;
    font-size: 20px;
    align-items: center;
    gap: 12px;
}

.sub.text-white {
    color: #fff;
}

.testi-item .fa-quote-right {
    font-size: 7rem;
    color: #fff;
    -webkit-text-stroke: 0.2rem var(--main-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testi-item .rating .bi {
    font-size: 2rem;
    color: #fff;
    -webkit-text-stroke: 0.2rem var(--main-color);
}

.testi-item p {
    /*     padding-top: 1.7rem;
    padding-bottom: 2rem; */
    color: var(--light-grey);
}

.testi-item h4 {
    font-size: 2.4rem;
    font-weight: 500;
    color: var(--white);
}

.testi-item h6 {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--main-color);
}

/*----- 5- Faqs -----*/
.faq .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.accordion-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55rem;
    flex: 1 1 55rem;
}

.accordion {
    background: var(--white);
    margin-bottom: 1.5rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    overflow: hidden;
    border-radius: var(--border-radius-1);
}

.accordion:last-child {
    margin-bottom: 0rem;
}

.accordion .accordion-heading {
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    cursor: pointer;
    font-size: 1.8rem;
}

.accordion.active .accordion-heading {
    border-bottom: 0.3rem solid var(--main-color);
}

.accordion .accordion-heading i {
    height: 4rem;
    width: 4rem;

    color: var(--white);
    background: var(--linear);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.accordion .accordion-heading h3 {
    color: var(--secondary-color);
}

.accordion.active .accordion-heading h3 {
    color: var(--main-color);
}

.accordion.active .accordion-content {
    display: block;
}

.accordion-content {
    padding: 2rem;
    font-size: 1.5rem;
    line-height: 2;
    color: var(--grey);
    display: none;
}

.faq .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30rem;
    flex: 1 1 30rem;
    height: 60rem;
    border-radius: var(--border-radius-3);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

/*----- 6- Our Awards -----*/
.awards .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

.award-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 32rem;
    flex: 1 1 32rem;
    border-radius: var(--border-radius-3);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

/*----- 7- Why Choose Us -----*/
.why-choose-us {
    padding: 0;
}

/*------------------------------ (02)-About (End) ------------------------------*/
/*sidebar img*/
/* Universal row layout */
.row-layout {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    overflow-x: auto;
    /* horizontal scroll for small screens */
}

/* Sidebar */
.row-layout .sidebar {
    flex: 0 0 300px;
    max-width: 100%;
}

/* Main content or image section */
.row-layout .main-content {
    flex: 1 1 auto;
    min-width: 0;
}

/* Image handling inside main-content */
.row-layout .main-content img {
    width: 100%;
    height: 497px;
    /* Fixed height */
    object-fit: cover;
    /* Ensures the image covers the area without stretching */
    border-radius: 8px;
    display: block;
}


/* Optional: tweak layout for small devices */
@media screen and (min-width: 603px) and (max-width: 768px) {
    .row-layout {
        display: flex;
        flex-direction: row;
        gap: 15px;
        flex-wrap: wrap;
    }

    .row-layout .sidebar {
        flex: 0 0 270px;
        max-width: 270px;
    }

    .row-layout .main-content {
        flex: 1;
        max-width: calc(100% - 270px - 15px);
        /* To fit next to sidebar */
    }

    .row-layout .main-content img {
        width: 100%;
        height: 515px;
        object-fit: cover;
        border-radius: 8px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .row-layout .main-content img {
        height: 658px;
    }

    .logo-hover-effect {
        width: 100px;
    }

    .logo-hover-effect img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 603px) {
    .row-layout {
        flex-direction: column;
    }

    .row-layout .sidebar {
        width: 100%;
        margin-bottom: 20px;
    }

    .row-layout .main-content {
        flex: 1 1 100%;
    }
}




/*------------------------------ (05)-Pages (Start) ------------------------------*/
/*video*/
.video-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    width: 1300px;
}

.video-wrapper {
    flex: 1 1 45%;
    /* 2 videos per row on big screens */
    max-width: 560px;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Media Query: 1 video per row on small screens */
@media screen and (max-width: 603px) {
    .video-wrapper {
        flex: 1 1 100%;
    }
}

/*--------------- COMPONENTS ---------------*/

/*----- 01- Tab Informatin -----*/
.tab-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    gap: 1rem;
    margin-bottom: 2rem;
}

.tab-buttons .button {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1.5rem 3rem;
    color: var(--white);
    background: var(--secondary-color);
    text-transform: uppercase;
    text-align: center;
    border-radius: var(--border-radius-1);
}

.tab-buttons .button:hover,
.tab-buttons .button.active {
    background: var(--linear);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    cursor: pointer;
    color: #000;
}

.tab-sections .tab-section {
    display: none;
}

.tab-sections .tab-section.active {
    display: block;
    margin-top: 2rem;
}

/*----- 02- Page Single -----*/
.page-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.page-single .sidebar .sidebar-item {
    margin-bottom: 0;
}

.page-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75rem;
    flex: 1 1 75rem;
}

.page-info .image {
    height: 40rem;
    overflow: hidden;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
}

.page-info .content {
    padding-top: 2rem;
}

.page-info .main-heading {
    display: inline-block;
    font-size: 3.5rem;
    font-weight: 500;
    color: var(--secondary-color);

    padding-bottom: 1rem;
}

.page-info .important {
    color: var(--secondary-color) !important;
    font-weight: 500;
}

.page-info p {
    padding-bottom: 1rem;
}

.page-info .page-gallery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(25rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 2rem;
    padding: 2rem 0;
}

.page-info .page-gallery img {
    border-radius: var(--border-radius-2);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.page-info .sub-heading {
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--secondary-color);
    padding-bottom: 0.5rem;
}

.page-info .sub-section {
    padding-top: 2rem;
}

.page-info .sub-section p {
    margin-bottom: -1rem;
}

.page-info .sub-section ul {
    list-style: none;
}

.page-info .sub-section ul li {
    padding-top: 1rem;
    font-size: 1.5rem;
    color: var(--grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.page-info .sub-section ul i {
    color: var(--main-color);
    font-size: 1.4rem;
    height: 1.8rem;
    width: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-info .sub-section ul strong {
    color: var(--black);
}

/*----- 03- Page Sidebar -----*/
.page-sidebar {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25rem;
    flex: 1 1 25rem;
    padding: 4rem;
    background: var(--secondary-color);
    border-bottom: var(--custom-border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
}

.page-sidebar .sub-heading {
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 2rem;
    line-height: 1;
}

.page-sidebar .detail-item {
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
}

.page-sidebar .detail-item:last-child {
    padding-bottom: 0;
}

.page-sidebar .detail-item i {
    height: 2rem;
    width: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
    color: var(--main-color);
}

.page-sidebar .detail-item h3 {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    padding-bottom: 0.5rem;
}

.page-sidebar .detail-item .detail-content p {
    font-weight: 400;
    color: var(--light-grey);
    line-height: 1.3;
}

.page-sidebar .gmail {
    text-transform: none;
}

.page-sidebar .btn {
    margin-top: 3rem;
}

/*----- 04- Custom Form -----*/
.custom-form {
    padding: 2rem 0;
}

.custom-form .alert {
    font-size: 1.6rem;
    color: var(--main-color);
    padding-left: 1rem;
}

.custom-form .box-container {
    background-position: center;
    background-size: cover;
}

.custom-form .content {
    opacity: 0.9;
    padding: 4rem 5%;
    max-width: 110rem;
    padding-right: 20%;
    background: var(--custom-bg);
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}

.custom-form .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.custom-form .heading h2 {
    text-align: left;
}

.custom-form form {
    width: 100%;
}

/*--------------- PAGES ---------------*/

/*----- 1- Gallery -----*/
.gallery .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 2rem;
    grid-template-areas:
        'gallery-1 gallery-1 gallery-2 gallery-3'
        'gallery-4 gallery-4 gallery-5 gallery-5'
        'gallery-6 gallery-7 gallery-8 gallery-9'
}

.gallery-item {
    border-radius: var(--border-radius);
    overflow: hidden;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    position: relative;
    cursor: pointer;
    height: 30rem;
}

/* Assign grid areas to Each Category Box */
.gallery-1 {
    grid-area: gallery-1;
}

.gallery-2 {
    grid-area: gallery-2;
}

.gallery-3 {
    grid-area: gallery-3;
}

.gallery-4 {
    grid-area: gallery-4;
}

.gallery-5 {
    grid-area: gallery-5;
}

.gallery-6 {
    grid-area: gallery-6;
}

.gallery-7 {
    grid-area: gallery-7;
}

.gallery-8 {
    grid-area: gallery-8;
}

.gallery-9 {
    grid-area: gallery-9;
}

.gallery-item .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    z-index: 1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    background: var(--linear);
    opacity: 0;
}

.gallery-item:hover .content {
    opacity: 0.9;
}

.gallery-item a i {
    scale: 0;
    font-size: 5rem;
    color: var(--white);
}

.gallery-item:hover a i {
    scale: 1;
}

/*----- 2- Get Quote -----*/
.get-quote .box-container {
    background-image: url("../../assets/images/GetQuote.jpg");
}

.get-quote .content {
    padding: 4rem 5%;
    margin-left: auto;
    max-width: 100rem;
    padding-left: 20%;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
}

.get-quote textarea {
    resize: none;
    height: 10rem;
}

/*----- 3- Features -----*/
.features .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(33rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(33rem, 1fr));
    gap: 1rem;
}

.feature-item {
    cursor: pointer;
    background: var(--linear);
    padding: 2rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: 12px;

}

.feature-item .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.feature-item .icondesign {
    height: 8rem;
    width: 9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.feature-item .icondesign .bi {
    display: -webkit-box;
    display: flex;
    font-size: 35px;
    color: var(--secondary-color);
}

.feature-item h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 15rem;
    flex: 1 1 15rem;
    font-size: 2.8rem;
    color: var(--black);
    line-height: 1.2;
}

.feature-item p {
    color: var(--black);
}

/*----- 4- Pricing -----*/
.pricing .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(33rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(33rem, 1fr));
    gap: 1rem;
}

.plan-item {
    position: relative;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    height: 55rem;
    overflow: hidden;
    border-bottom: var(--custom-border);
    border-radius: var(--border-radius-3);
}

.plan-item .plan-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.65);
}

.plan-item .top {
    height: 15rem;
    padding: 3rem;
    width: 100%;
    background: var(--linear);
    opacity: 0.95;
}

.plan-item h3 {
    color: var(--white);
    font-size: 3rem;
    font-weight: 500;
}

.plan-item h5 {
    color: var(--white);
    font-size: 2rem;
    font-weight: 500;
}

.plan-item .icon-container {
    position: relative;
}

.plan-item .icon-container i {
    position: absolute;
    left: 80%;
    top: 0;
    -webkit-transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    height: 8rem;
    width: 8rem;
    background: var(--linear);
    border: 0.2rem solid var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.5rem;
    color: transparent;
    border-radius: 50%;
}

.plan-item .content {
    text-align: center;
    padding: 3rem;
    padding-top: 4rem;
}

.plan-item ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.plan-item ul li {
    padding: 0.6rem 0;
    font-size: 1.6rem;
    color: var(--light-grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
}

.plan-item ul li i {
    height: 1.8rem;
    width: 1.8rem;
    color: var(--main-color);
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.plan-item .price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.plan-item .price-box .price {
    color: var(--main-color);
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1;
}

.plan-item .price-box p {
    color: var(--white);
    font-size: 2.5rem;
    font-weight: 400;
}

.plan-item .btn {
    width: 100%;
}

/*----- 5- Work Process -----*/
.process .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
    gap: 1.5rem;
}

.process-item {
    position: relative;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    height: 35rem;

}

.process-item .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5rem 3rem;
    padding-top: 9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.process-item h6 {
    position: absolute;
    left: 50%;
    top: 12px;
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
    font-size: 2.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #000000;
    background: var(--linear);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.process-item i {
    font-size: 5rem;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 0.15rem var(--white);
    line-height: 1;
    padding-bottom: 1rem;
}

.process-item h3 {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 0.4rem;
}

.process-item p {
    color: var(--light-grey);
}

/*----- 6- Careers -----*/
.career {
    padding: 0;
}

.career .career-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
    padding: 3rem 5%;
}

.career .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40rem;
    flex: 1 1 40rem;
}

.career-intro .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.career-intro .heading h2 {
    text-align: left;
}

.career .content p {
    padding-bottom: 1rem;
}

.career .career-features {
    padding-top: 0.5rem;
}

.career .career-features li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1rem;
    font-size: 1.6rem;
}

.career .career-features i {
    color: var(--main-color);
}

.career .career-features span {
    color: var(--grey);
}

.career .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40rem;
    flex: 1 1 40rem;
    height: 45rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
    overflow: hidden;
}

.career-benefits {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(30rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
    gap: 3rem;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7)), url("../../assets/images/Career.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7)), url("../../assets/images/Career.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 6rem 5%;
}

.career-benefits .benefit-item {
    text-align: center;
    padding: 1rem 2rem;
}

.career-benefits .benefit-item i {
    height: 7rem;
    width: 7rem;
    font-size: 2.5rem;
    margin: 0rem auto;
    margin-bottom: 1.5rem;
    color: var(--white);
    background: var(--linear);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.career-benefits .benefit-item h3 {
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 0.5rem;
}

.career-benefits .benefit-item p {
    color: var(--light-grey);
}

.career-positions {
    padding: 3rem 5%;
}

.position-item {
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    background: var(--secondary-color);
    border-bottom: var(--custom-border);
    border-radius: var(--border-radius-3);
    padding: 3rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.position-item .icon {
    height: 8rem;
    width: 8rem;
    background: var(--white);
    padding: 0.7rem 1.5rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.position-item .icon i {
    font-size: 4rem;
    color: transparent;
    -webkit-text-stroke: 0.2rem var(--secondary-color);
}

.position-item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50rem;
    flex: 1 1 50rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

.position-item .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40rem;
    flex: 1 1 40rem;
}

.position-item h3 {
    font-size: 3rem;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 0.5rem;
}

.position-item h3:hover {
    color: var(--main-color);
}

.position-item p {
    color: var(--light-grey);
}

.position-item .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5em;
}

.position-item h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
}

.position-item h5 i {
    font-size: 1.6rem;
    color: transparent;
    -webkit-text-stroke: 0.15rem var(--main-color);
}

.position-item h5 span {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--light-grey);
}

/*----- 7- Career Single -----*/

/*----- 8- Career Form -----*/
.career-form .box-container {
    background-image: url("../../assets/images/Career-Form.jpg");
}

/*----- 9- Error 404 -----*/
.error-404 {
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url("../../assets/images/Error.jpg");
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url("../../assets/images/Error.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0;
}

.error-404 .box-container {
    width: 60rem;
    text-align: center;
    margin: 10rem 0;
}

.error-404 h2 {
    font-size: 20rem;
    background: var(--linear);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    padding-bottom: 1rem;
}

.error-404 h5 {
    font-size: 4rem;
    font-weight: 500;
    color: var(--white);
    line-height: 1;
    padding-bottom: 1rem;
    text-transform: uppercase;
}

.error-404 h5 span {
    color: var(--main-color);
    text-transform: uppercase;
}

.error-404 p {
    padding-bottom: 2rem;
    color: var(--light-grey);
}

/*----- 10- Terms of Services -----*/
.policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

.policy .policy-tab-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 15rem;
    flex: 1 1 15rem;
    border-radius: var(--border-radius-3);
    overflow: hidden;
}

.policy .category {
    display: block;
    padding: 2rem 2.5rem;
    font-size: 1.7rem;
    color: var(--white);
    background: var(--linear);
    font-weight: 500;
}

.policy .category i {
    font-size: 1.6rem;
}

.policy .policy-tabs {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70rem;
    flex: 1 1 70rem;
}

.policy-item {
    background: var(--white);
    margin-bottom: 1.5rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
    padding: 2rem;
}

.policy-item:last-child {
    margin-bottom: 0rem;
}

.policy-item h3 {
    padding-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    font-size: 2.5rem;
    color: var(--secondary-color);
}

.policy-item p {
    font-size: 1.5rem;
    line-height: 2;
    color: var(--grey);
}

.policy-item ul {
    padding-left: 1rem;
}

.policy-item ul li {
    padding-top: 1rem;
    font-size: 1.5rem;
    color: var(--grey);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.policy-item ul i {
    color: var(--main-color);
    font-size: 1.2rem;
    height: 1.8rem;
    width: 1rem;
    padding-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*----- 11- Privacy Policy -----*/

/*----- 12- Calculator -----*/
.cost-calculator .box-container {
    background-image: url("../../assets/images/Calculator.jpg");
    background-position: top;
}

.cost-calculator .cost-total {
    background: var(--linear);
    border-radius: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    margin-top: 1rem;
}

.cost-calculator .cost-total h5 {
    font-size: 2rem;
    color: var(--white);
    padding: 1rem 2rem;
}

.cost-calculator .cost-total span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 2rem;
    font-size: 2rem;
    color: #ffffff;
    width: 12rem;
    min-height: 100%;
    border-radius: 5rem;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*----- 13- Support Center -----*/
.support-center .tab-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: var(--border-radius-3);
    overflow: hidden;
    margin-bottom: 3rem;
    gap: 0.5rem;
}

.support-center .tab-section.active {
    margin-top: 0;
}

.support-center .category {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25rem;
    flex: 1 1 25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding: 2rem 2.5rem;
    font-size: 1.7rem;
    color: var(--white);
    background: var(--secondary-color);
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 0;
}

.support-center .category i {
    font-size: 1.6rem;
}

.support-center .category:hover,
.support-center .category.active {
    background: var(--linear);
}

.support-center .banner {
    padding: 6rem 0;
    margin: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.support-center .banner .content {
    width: 80rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
}

.support-center .contact-info {
    gap: 1rem;
}

.support-center .contact-info .info-item {
    border-radius: var(--border-radius-3);
}

/*----- 14- Clients -----*/
.clients .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

.client-item {
    width: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*------------------------------ (05)-Pages (End) ------------------------------*/



/*------------------------------ (04)-Service (Start) ------------------------------*/

/*----- 1- Services -----*/
.services .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(37rem, 1fr));
    gap: 1.5rem;
}

.service-item {
    position: relative;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    height: 40rem;
    border-radius: var(--border-radius-3);
    border-bottom: var(--custom-border);
    overflow: hidden;
}

.service-item .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.service-item .icondesign {
    border-radius: 50px;
    font-size: 4rem;
    height: 9rem;
    width: 9rem;
    margin-bottom: 1rem;
    background: var(--linear);
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.service-item .icondesign .bi {
    font-size: 4rem;
    color: var(--black);
}

.service-item h3 {
    font-size: 2.4rem;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 1rem;
}

.service-item h3:hover {
    color: var(--main-color);
}

.service-item span {
    display: inline-block;
    height: 0.2rem;
    width: 7rem;
    background-color: var(--main-color);
}

.service-item p {
    color: var(--light-grey);
    padding-top: 1rem;
    padding-bottom: 2rem;
}

/*----- 2- Service Single -----*/
.service-single .faq .accordion-container {
    padding-top: 0.5rem;
}

/*------------------------------ (04)-Service (End) ------------------------------*/



/*------------------------------ (05)-Case Study (Start) ------------------------------*/

/*----- 1- Case Studies -----*/
.case-studies .tab-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.case-item {
    width: 33.3%;
    padding: 0.8rem;
}

.case-content {
    height: 30rem;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.case-item .content {
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 100%;
    background: var(--secondary-color);
    opacity: 0.95;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 2rem;
    gap: 1rem;
    border-radius: var(--border-radius-3);
}

.case-item .text p {
    font-weight: 500;
    color: var(--white);
    text-transform: uppercase;
}

.case-item .text h3 {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--white);
}

.case-item .text h3:hover {
    color: white;
}

.case-item .view {
    height: 6rem;
    width: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.5rem;

    background: var(--white);
}

.case-item .view .bi {
    font-size: 25px;
    color: #000;
}

.case-item a i {
    font-size: 2rem;
    color: var(--secondary-color);
}

/*----- 2- Case Single -----*/

/*------------------------------ (05)-Case Study (End) ------------------------------*/



/*------------------------------ (06)-Blog (Start) ------------------------------*/

/*--------------- COMPONENTS ---------------*/

/*----- 01- Blog-Item -----*/
.blog-item {
    position: relative;
    height: 35rem;
    margin-top: 2.4rem;
}

.blog-item .date {
    position: absolute;
    right: 2.5rem;
    top: -2.4rem;
    z-index: 1;

    display: inline-block;
    font-size: 2rem;
    color: var(--black);
    background: var(--linear);
    padding: 1.5rem;
    padding-bottom: 2.4rem;
    padding-top: 2rem;
    line-height: 1.05;
    text-align: center;
    width: 8rem;
    opacity: 1;
}

.blog-item .date span {
    display: block;
    font-size: 2.8rem;
    font-weight: 500;
    color: #000;
}

.blog-item .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding: 2rem;
    border-radius: var(--border-radius-3);
}

.blog-item img {
    border-radius: var(--border-radius-3);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.blog-item .label {
    border-radius: 5rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--black);
    background: var(--linear);
    padding: 1rem 1.5rem;
}

.blog-item .main-heading {
    display: block;
    font-size: 2.8rem;
    font-weight: 500;
    color: var(--white);
    line-height: 1.3;
    padding: 1rem 0;
}

.blog-item .main-heading:hover {
    color: var(--main-color);
}

.blog-item h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
}

.blog-item h3 i {
    height: 3rem;
    width: 3rem;
    font-size: 1.4rem;
    color: transparent;
    -webkit-text-stroke: 0.8px var(--white);
    background: var(--linear);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-item h3 span {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--light-grey);
}

/*----- 02- Comments -----*/
.comment-item {
    padding-bottom: 1rem;
}

.comment-item:last-child {
    padding-bottom: 0;
}

.comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    gap: 2rem;
    padding-bottom: 2rem;
}

.comment .comment-image {
    height: 10rem;
    width: 10rem;
    border-radius: 50%;
    border: 0.4rem solid var(--white);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

.comment .comment-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35rem;
    flex: 1 1 35rem;
}

.comment .comment-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
}

.comment h3 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--secondary-color);
}

.comment h6 {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--main-color);
}

.comment .text {
    padding-top: 1rem;
    font-size: 1.5rem;
    color: var(--grey);
    line-height: 1.5;
}

.comment .icon-item {
    display: inline-block;
    color: var(--white);
    background: var(--linear);
    padding: 0.7rem 1.5rem;
    border-radius: 5rem;
    cursor: pointer;
}

.comment .icon-item:hover {
    background: var(--secondary-color);
}

.comment .icon-item i {
    font-size: 1.5rem;
    padding-right: 0.5rem
}

.comment .icon-item span {
    font-size: 1.6rem;
}

.comment.reply {
    margin-left: 12rem;
}

.comment.reply .comment-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20rem;
    flex: 1 1 20rem;
}

/*----- 03- Pages-No -----*/
.pages-no {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem;
}

.pages-no .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.pages-no .item {
    color: var(--white);
    background-color: var(--secondary-color);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    height: 5rem;
    width: 5rem;
    font-size: 2rem;
    border-radius: var(--border-radius-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pages-no .item.active,
.pages-no .item:hover {
    cursor: pointer;
    background-color: var(--main-color);
}

.pages-no .numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

/*--------------- PAGES ---------------*/
.blog-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75rem;
    flex: 1 1 75rem;
}

/*----- 1- Blog Grid -----*/
.blog.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.5rem;
}

.blog-container.grid .blog-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
    gap: 1.5rem;
}

/*----- 2- Blog List -----*/
.blog.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
}

.blog-container.list .blog-item {
    width: 100%;
    margin-top: 4rem;
}

.blog-container.list .blog-item:first-child {
    margin-top: 2.5rem;
}

.blog-container.list .blog-item .image {
    height: 35rem;
}

/*----- 3- Blog Single -----*/
/*
1- Blog Info
2- Comments
3- Leave A Reply
*/

.blog-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
}

/*-- 1- Blog Info --*/
.blog-info .image {
    position: relative;
}

.blog-info .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 5rem;
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: 400;
    position: absolute;
    top: 2rem;
    left: 2rem;
    color: var(--white);
    background: var(--linear);
    padding: 1.2rem 2rem;
}

.blog-info .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    padding-bottom: 2rem;
}

.blog-info .details h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
}

.blog-info .details h5 i {
    height: 3rem;
    width: 3rem;
    font-size: 1.4rem;
    color: transparent;
    -webkit-text-stroke: 1px var(--white);
    background: var(--linear);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-info .details h5 span {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--grey);
}

.blog-info .important {
    padding: 2rem;
    font-size: 1.8rem;
    font-weight: 500;

    line-height: 1.8;
    color: var(--light-grey) !important;
    background-color: var(--black);
    border: var(--custom-border);
    margin-top: 1rem;
    margin-bottom: 2rem;
    text-align: center;
    border-radius: var(--border-radius-3);
}

.blog-info .important i {
    height: 7rem;
    width: 8rem;
    font-size: 3.2rem;
    color: var(--white);
    background: var(--linear);
    margin: 0 auto;
    margin-bottom: 1.5rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-info .important .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding-top: 1rem;
}

.blog-info .important .intro span {
    height: 0.2rem;
    width: 2rem;
    background-color: var(--main-color);
}

.blog-info .important .intro h6 {
    font-size: 2rem;
    color: var(--main-color);
    font-style: normal;
}

.blog-info .end-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-bottom: 1rem;
    border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.blog-info .tags,
.blog-info .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
}

.blog-info .tags span {
    color: var(--white);
    background: var(--linear);
    border-radius: 5rem;
    font-size: 1.6rem;
    padding: 0.8rem 2rem;
}

.blog-info .tags span:hover {
    background: var(--secondary-color);
}

.blog-info .share h3 {
    color: var(--secondary-color);
    font-size: 1.6rem;
    padding-right: 1rem;
}

.blog-info .share i {
    height: 2rem;
    width: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--grey);
    font-size: 1.6rem;
}

.blog-info .share i:hover {
    color: var(--main-color);
    cursor: pointer;
}

/*-- 2- Comments --*/
.blog-single .comments {
    margin: 4rem 0;
    overflow: hidden;
}

.blog-single .comments h4 {
    font-size: 2.5rem;
    color: var(--secondary-color);
    padding-bottom: 2rem;
}

/*-- 3- Leave A Reply --*/
.blog-single .leave-reply h3 {
    font-size: 2.5rem;
    color: var(--secondary-color);
    padding-bottom: 2rem;
}

/*------------------------------ (06)-Blog (End) ------------------------------*/



/*------------------------------ (07)-Shop (Start) ------------------------------*/

/*--------------- COMPONENTS ---------------*/

/*----- 01- Filter -----*/
.filter .box-container {
    padding-top: 4rem;
}

.filter .slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.filter .slider .progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: var(--secondary-color);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.range-input {
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: var(--secondary-color);
    pointer-events: auto;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: var(--secondary-color);
    pointer-events: auto;
    -moz-appearance: none;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    color: #242424;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 3rem;
}

.filter .price-input {
    width: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.1rem solid rgba(0, 0, 0, 0.2);
    padding: 0.5rem;
}

.filter .price-input .field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.2rem;
    width: 100%;
    height: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter .field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 1.5rem;
    text-align: center;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    color: var(--secondary-color);
    background-color: transparent;
}

.filter input[type="number"]::-webkit-outer-spin-button,
.filter input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.filter .price-input .separator {
    width: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*----- 02- Shop Header -----*/
.shop .intro {
    margin-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    background-color: var(--white);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    padding: 1rem 1.5rem;
    border-radius: var(--border-radius-2);
}

.shop .intro .showing {
    font-size: 1.6rem;
    color: var(--grey);
}

.shop .intro .styles {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.shop .intro .styles a {
    font-size: 2rem;
    color: var(--secondary-color);
}

.shop .intro .styles a:hover {
    color: var(--main-color);
}

.shop .intro .sorting-type label {
    font-size: 1.6rem;
    color: var(--secondary-color);
    margin-right: 0.5rem;
}

.shop .intro .sorting-type select {
    font-size: 1.4rem;
    color: var(--grey);
    background-color: transparent;
    border: var(--border);
    padding: 1rem;
}

/*----- 03- Quantity Box -----*/
.quantity.buttons_added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ccc;
    height: 4rem;
    width: 11rem;
    margin: 0 auto;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
    width: 3rem;
    color: var(--secondary-color);
    cursor: pointer;
    background-color: transparent;
}

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
    background: var(--main-color);
    color: var(--white);
}

.quantity .input-text.qty {
    padding: 0 1rem;
    text-align: center;
    background-color: transparent;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
    outline: none;
}

/*----- 04- product-item -----*/
.product-item {
    background-color: var(--white);
    overflow: hidden;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
}

.product-item .image {
    width: 100%;
    height: 25rem;
    position: relative;
    overflow: hidden;
}

.product-item .options {
    position: absolute;
    top: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    opacity: 0;
}

.product-item:hover .options {
    opacity: 1;
}

.product-item .options a {
    height: 5rem;
    width: 5rem;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--white);
    background: var(--linear);

    scale: 0;
}

.product-item:hover .options a {
    scale: 1;
}

.product-item .options a:hover {
    color: var(--main-color);
    background: var(--white);
}

.product-item .content {
    padding: 2rem;
}

.product-item .rating i {
    font-size: 1.4rem;
    color: var(--main-color);
    padding-bottom: 0.5rem;
}

.product-item h3 {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--secondary-color);
}

.product-item h3:hover {
    color: var(--main-color);
}

.product-item p {
    padding-bottom: 1rem;
}

.product-item .price {
    font-size: 2rem;
    font-weight: bold;
    color: var(--main-color);
}

.product-item .price span {
    font-size: 1.5rem;
    font-weight: 400;
    text-decoration: line-through;
    color: var(--secondary-color);
    padding-left: 0.2rem;
}

/*----- 06- Shop-Title -----*/
.shoplist-title {
    background: var(--linear);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.shoplist-title h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 10rem;
    flex: 1 1 10rem;
    font-size: 2rem;
    text-align: center;
}

.shoplist-title h3.product-heading {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20rem;
    flex: 1 1 20rem;
    text-align: left;
}

/*----- 07- Cart-Summary -----*/
.summary-list {
    padding-top: 1rem;
}

.summary-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1.5rem;
    font-size: 2rem;
    color: var(--secondary-color);
}

.summary-item .name {
    font-weight: 500;
}

.summary-item .value {
    font-weight: 500;
    color: var(--main-color);
}

/*----- 08- Radio Button -----*/
.payment input:checked+label,
.payment label:hover {
    color: var(--main-color);
}

.payment input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.payment input[type="radio"]+.radio-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 0.1rem solid var(--grey);
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    top: 0;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.payment input[type="radio"]:checked+.radio-label:before {
    background-color: var(--main-color);
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
    outline: none;
    border-color: var(--main-color);
}

/*----- 09- Account-Form -----*/
.account-form {
    max-width: 45rem;
    padding: 5rem;
    background: var(--secondary-color);
    border-bottom: var(--custom-border);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    margin: 0rem auto;
    text-align: center;
    position: relative;
    border-radius: var(--border-radius-3);
}

.account-form input:-webkit-autofill,
.account-form input:-webkit-autofill:hover,
.account-form input:-webkit-autofill:focus,
.account-form input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--white);
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

.account-form h3 {
    font-size: 3.5rem;
    line-height: 1.3;
    font-weight: 500;
    padding-bottom: 1.5rem;
    color: var(--white);
    text-transform: uppercase;
}

.account-form .box {
    width: 100%;
    font-size: 1.6rem;
    color: var(--white);
    background-color: transparent;
    border: 0.15rem solid var(--white);
    border-radius: var(--border-radius-1);
    padding: 1.2rem;
    text-transform: none;
    margin: 0.7rem 0;
}

.account-form .box::-webkit-input-placeholder {
    text-transform: capitalize;
    color: var(--white);
}

.account-form .box::-moz-placeholder {
    text-transform: capitalize;
    color: var(--white);
}

.account-form .box:-ms-input-placeholder {
    text-transform: capitalize;
    color: var(--white);
}

.account-form .box::placeholder {
    text-transform: capitalize;
    color: var(--white);
}

.account-form .box:focus {
    border-color: var(--main-color);
}

.account-form p {
    padding-top: 2rem;
    color: var(--white);
    text-align: center;
    padding-bottom: 1rem;
}

.account-form .btn {
    width: 100%;
    overflow: hidden;
    margin-top: 1.5rem;
}

.account-form .link {
    font-size: 1.5rem;
    color: var(--main-color);
}

.account-form .link:hover {
    text-decoration: underline;
}

.account-form .checkbox-label {
    color: var(--grey);
    position: relative;
    padding-left: 2.5rem;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account-form .checkbox-label input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.account-form .checkbox-indicator {
    position: absolute;
    top: 0.2rem;
    left: 0;
    height: 1.6rem;
    width: 1.6rem;
    background: transparent;
    outline: 0.15rem solid var(--white);
    border-radius: 0.2rem;
}

.account-form .checkbox-label input:checked~.checkbox-indicator {
    background: var(--main-color);
    outline-color: var(--main-color);
}

.account-form .checkbox-indicator:after {
    content: '';
    position: absolute;
    left: 0.5rem;
    top: 0.2rem;
    width: 0.3rem;
    height: 0.8rem;
    border: solid var(--light-grey);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

.account-form .checkbox-label input:checked~.checkbox-indicator:after {
    display: initial;
}

/*--------------- PAGES ---------------*/
.shop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
}

.shop .shop-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75rem;
    flex: 1 1 75rem;
}

/*----- 1- Shop Grid -----*/
.shop .product-container.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(25rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 1.5rem;
}

/*----- 2- Shop Standard -----*/
.shop .product-container.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
}

.shop .product-container.list .product-item {
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

.shop .product-container.list .product-item .image {
    height: 100%;
}

.shop .product-container.list .product-item img {
    height: 100%;
}

.shop .product-container.list .product-item .content {
    text-align: left;
    padding: 1.5rem;
}

/*----- 3- Product Single -----*/
.product-single .product-des {
    background-color: var(--white);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    padding: 2rem;
    margin-bottom: 3.5rem;
    border-radius: var(--border-radius-3);
}

.product-single .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
}

.product-single .product-des .box-container .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35rem;
    flex: 1 1 35rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-single .product-des .box-container .image-container {
    max-width: 50rem;
}

.product-single .product-des .box-container .image-container .main {
    width: 100%;
    height: 40rem;
    overflow: hidden;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
}

.product-single .product-des .box-container .image .change-btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(7rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.product-single .product-des .box-container .image .change-btns img {
    border-radius: var(--border-radius-2);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    cursor: pointer;
}

.product-single .product-des .image .change-btns img:hover,
.product-single .product-des .image .change-btns img.active {
    border: 0.4rem solid var(--main-color);
}

.product-single .product-des .box-container .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45rem;
    flex: 1 1 45rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-single .product-des .box-container .content h2 {
    font-size: 3.5rem;
    font-weight: 500;
    color: var(--secondary-color);
    padding-bottom: 1rem;
}

.product-single .product-des .box-container .content .intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-single .product-des .box-container .content .intro .rating {
    color: var(--main-color);
    font-size: 1.6rem;
}

.product-single .product-des .box-container .content .intro span {
    color: var(--secondary-color);
    font-size: 2rem;
    font-weight: 500;
    padding-left: 1rem;
}

.product-single .product-des .box-container .content h3 {
    font-size: 3.5rem;
    font-weight: 500;
    color: var(--secondary-color);
    padding-bottom: 1rem;
}

.product-single .product-des .box-container .content .price {
    font-size: 2rem;
    font-weight: bold;
    color: var(--main-color);
}

.product-single .product-des .box-container .content .price span {
    color: var(--grey);
    font-weight: lighter;
    text-decoration: line-through;
}

.product-single .product-des .box-container .content p {
    padding: 2rem 0;
    margin-top: 1rem;
    font-weight: 400;
    border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
}

.product-single .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
}

.product-single .qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0;
    gap: 1rem;
    width: 15rem;
}

.product-single .product-des .box-container .content .btn {
    margin: 2rem 0;
}

.product-single .categories,
.product-single .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 0;
}

.product-single .qty h4,
.product-single .categories h4,
.product-single .tags h4 {
    font-size: 1.8rem;
    color: var(--secondary-color);
    font-weight: 500;
}

.product-single .categories a,
.product-single .tags a {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--main-color);
    padding: 0 0.5rem;
}

.product-single .categories a:hover,
.product-single .tags a:hover {
    color: var(--secondary-color);
}

/*-- Product Addtional Information --*/
.product-single .tab-info {
    margin-top: 4rem;
}

.product-info .additional-info .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    padding-bottom: 1rem;
}

.product-info .additional-info h3 {
    width: 20rem;
    font-size: 1.8rem;
    color: var(--secondary-color);
}

.product-info .additional-info span {
    font-size: 1.6rem;
    color: var(--grey);
}

.product-info h2 {
    font-size: 3rem;
    color: var(--secondary-color);
    padding-bottom: 1rem;
}

.product-info .reviews {
    margin-bottom: 2rem;
}

.product-info .leave-reply {
    width: 60rem;
}

/*-- Related Products --*/
.related-items .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(25rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

/*----- 4- Wishlist  ------*/
.wishlist-container {
    overflow-x: auto;
    overflow-y: hidden;
    background-color: var(--white);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
}

.wishlist-container::-webkit-scrollbar {
    height: 0.8rem;
}

.wishlist .container {
    min-width: 90rem;
}

.wishlist .box-container {
    padding: 0rem 1rem;
}

.wishlist-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0rem;
    gap: 3rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.wishlist-item:last-child {
    border: none;
}

.wishlist-item .box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20rem;
    flex: 1 1 20rem;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
}

.wishlist-item .product {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30rem;
    flex: 1 1 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    gap: 1.5rem;
}

.wishlist-item img {
    height: 8rem;
    width: 8rem;
    background-color: #f7f7f7;
    border-radius: var(--border-radius-2);
}

.wishlist-item .name {
    color: var(--secondary-color);
    font-weight: 500;
}

.wishlist-item .price {
    color: var(--grey);
    font-weight: 500;
}

.wishlist-item .status.in {
    color: green;
}

.wishlist-item .status.out {
    color: red;
}

.wishlist-item .action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

.wishlist-item a {
    font-size: 2rem;
    cursor: pointer;
}

.wishlist-item a:hover {
    color: var(--main-color);
}

.wishlist-item .delete {
    color: red;
}

.wishlist-item .cart {
    color: var(--secondary-color);
}

/*----- 5- Cart  ------*/
.shopping-cart {
    margin-bottom: 2rem;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: var(--white);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius-3);
}

.cart .container {
    min-width: 90rem;
}

.shopping-cart::-webkit-scrollbar {
    height: 0.8rem;
}

.cart .box-container {
    padding: 0rem 1rem;
}

.cart-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0rem;
    gap: 3rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.cart-item:last-child {
    border: none;
}

.cart-item .box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 15rem;
    flex: 1 1 15rem;
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
}

.cart-item .product {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25rem;
    flex: 1 1 25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    gap: 1.5rem;
}

.cart-item img {
    height: 8rem;
    width: 8rem;
    background-color: #f7f7f7;
    border-radius: var(--border-radius-2);
}

.cart-item .name {
    color: var(--secondary-color);
    font-weight: 500;
}

.cart-item .price,
.cart-item .total {
    color: var(--grey);
}

.cart-item .icon {
    font-size: 2rem;
    cursor: pointer;
    color: red;
}

.cart-item .icon:hover {
    color: var(--main-color);
}

/*-- 2- Cart Total --*/
.cart .cart-summary {
    width: 40rem;
    padding: 1rem;
    margin-left: auto;
    background-color: var(--white);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.cart .cart-summary .btn {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

/*----- 6- Checkout -----*/
/*
1- Payment Method
2- Cart Total
*/

.checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.checkout .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.checkout h2 {
    font-size: 3.5rem;
}

.checkout h2:before {
    left: 0;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.checkout .box-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55rem;
    flex: 1 1 55rem;
}

.checkout .box-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35rem;
    flex: 1 1 35rem;
}

.checkout-item {
    margin-bottom: 1.5rem;
    padding: 2rem;
    background-color: var(--white);
    border-radius: var(--border-radius-3);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
}

.checkout .box-1 .checkout-item:last-child {
    margin-bottom: 0;
}

/*-- 1- Payment Method --*/
.payment-methods .payment {
    margin-bottom: 1.5rem;
}

.payment-methods .payment label {
    cursor: pointer;
    font-size: 2rem;
    font-weight: 500;
    color: var(--secondary-color);
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
}

.payment-body {
    display: none;
}

.payment-body.active {
    display: block;
}

.payment-methods .payment .payment-body p {
    font-size: 1.4rem;
    padding-top: 1rem;
}

.checkout .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.checkout .btn {
    width: 100%;
    text-align: center;
}

/*----- 7- Login -----*/
.login form .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2rem 0;
}

.login form label {
    font-size: 1.5rem;
    color: var(--white);
    cursor: pointer;
}

/*----- 8- Register -----*/
.register form .checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 2rem 0;
}

.register form label {
    font-size: 1.5rem;
    color: var(--white);
    cursor: pointer;
}

.register form label span {
    color: var(--main-color);
}

/*------------------------------ (07)-Shop (End) ------------------------------*/



/*------------------------------ (08)-Contact (Start) ------------------------------*/

/*-- Contact Information --*/
.contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: var(--border-radius-3);
    overflow: hidden;
}

.contact-info .info-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25rem;
    flex: 1 1 25rem;
    text-align: center;
    background: #07a89b;
    padding: 4rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contact-info .info-item i {
    height: 8rem;
    width: 8rem;
    font-size: 3rem;
    color: transparent;
    -webkit-text-stroke: 1px var(--white);
    background: var(--secondary-color);
    margin: 0 auto;
    margin-bottom: 2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-info .info-item h3 {
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 0.4rem;
}

.contact-info .info-item p {
    color: var(--light-grey);
    line-height: 1.5;
}

.contact-info .info-item p.gmail {
    text-transform: none;
}

.contact .heading h2 {
    color: var(--white);
}

.contact .heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    padding: 0 0 15px 0;
}

.contact .box-container {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)), url("../../assets/images/Contact.jpg");
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)), url("../../assets/images/Contact.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    margin-top: 2rem;
    border-radius: var(--border-radius-3);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3rem;
    padding: 2.5rem;
}

/*-- Contact Form --*/
.contact form {
    padding: 1rem 0rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 42rem;
    flex: 1 1 42rem;
}

.contact form .alert {
    font-size: 1.6rem;
    color: var(--main-color);
    padding-left: 1rem;
}

/*-- Google Map --*/
.contact iframe {
    min-height: 30rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 42rem;
    flex: 1 1 42rem;
    border-radius: var(--border-radius-3);
}


@media (max-width: 767px) {
    .m {
        margin-top: 100px !important;
    }
}




/*------------------------------ (06)-Contact (End) ------------------------------*/

#menu-btn {
    display: none;
    font-size: 28px;
    cursor: pointer;

}

.mobile-menu {
    display: none;
    position: relative;
    top: 85px;
    left: 0;
    width: 100%;
    background: #000;
    z-index: 2000;
    padding: 20px;
}

.mobile-menu.active {
    display: block;
    background: white;
}

.mobile-menu a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    font-size: 16px;
}

@media (max-width: 1160px) {
    .navbar {
        display: none !important;
    }

    #menu-btn {
        display: block !important;
    }

}

/*         @media only screen and (min-width: 1140px) and (max-width: 1420px) {
            .h {
                margin: 10px 0 0 95px !important;
            }

            .ch {
                padding: 0 1em !important;
            }
        } */
@media only screen and (min-width: 1140px) {
    .h {
        margin: 10px 0 0 95px !important;
    }

    .ch {
        padding: 0 1em !important;
    }
}

.search-wrapper {
    /* position: relative; */
    display: none;
    /* Hidden by default */
    width: 100%;
}

.search-wrapper.active {
    display: block;
    /* Shown when active */
}

.search-container {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    padding: 10px;
    float: inline-end;
    /* background: #fff; */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.search-container input[type="search"] {
    width: 60%;
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    outline: none;
}

.search-container button {
    padding: 8px 12px;
    border: none;
    background-color: #404394;
    color: #fff;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 16px;
}


.Loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    pointer-events: none;
    background-color: #01031f;
    transition: opacity .35s ease;
}

html {

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

[data-grid] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

[data-grid*=align-center] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-grid*=justify-center] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-cell] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
    text-align: center
}

@font-face {

    src: url(font/VideoJS.eot?#iefix) format("eot")
}

@font-face {

    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button,
.video-js .vjs-play-control,
.vjs-icon-play {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before,
.vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing,
.vjs-icon-pause {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing:before,
.vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0,
.vjs-icon-volume-mute {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before,
.vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1,
.vjs-icon-volume-low {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2,
.vjs-icon-volume-mid {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before,
.vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button,
.vjs-icon-volume-high {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before,
.vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control,
.vjs-icon-fullscreen-enter {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control,
.vjs-icon-fullscreen-exit {

    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js .vjs-subtitles-button,
.vjs-icon-subtitles {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subtitles-button:before,
.vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button,
.vj {
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-captions-button:before,
.vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button,
.vjs-icon-chapters {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button:before,
.vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
    content: "\f111"
}

.vjs-icon-circle-outline {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button,
.vjs-icon-cancel {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button:before,
.vjs-icon-cancel:before {
    content: "\f115"
}

.vjs-icon-replay {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button,
.vjs-icon-audio-description {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button:before,
.vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button,
.vjs-icon-audio {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button:before,
.vjs-icon-audio:before {
    content: "\f11e"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *,
.video-js :after,
.video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {

    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill,
.video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;

    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;

}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {

    visibility: visible;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.333333333333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after,
.video-js .vjs-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em
}

.video-js .vjs-play-progress:after,
.video-js .vjs-play-progress:before,
.video-js .vjs-time-tooltip {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after,
.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical:hover .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster,
.vjs-poster img {
    vertical-align: middle;
    padding: 0
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -ms-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -ms-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";

    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: a 1.1s cubic-bezier(.6, .2, 0, .8) infinite, b 1.1s linear infinite;
    animation: a 1.1s cubic-bezier(.6, .2, 0, .8) infinite, b 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes b {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes b {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 16em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 1em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-controls:after,
.vjs-caption-settings .vjs-tracksettings-font:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px;
    border: none
}

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px;
    vertical-align: top;
    float: right
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label>input {
    margin-right: 10px
}

.vjs-caption-settings fieldset {
    margin-top: 1em;
    margin-left: .5em
}

.vjs-caption-settings fieldset .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(../../icons/cross-inverse.svg);
    padding: 0;
    background-size: 8px;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .5
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    -webkit-box-shadow: 0 0 0 2px #00bcd4;
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one]:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(../../icons/cross.svg);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all
}

.choices__list--dropdown.is-active {
    display: block
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 500;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

@font-face {

    src: url(/fonts/avenir/avenir-regular.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-regular.woff2) format("woff2"), url(/fonts/avenir/avenir-regular.woff) format("woff"), url(/fonts/avenir/avenir-regular.ttf) format("truetype"), local("sans-serif");
    font-weight: 400;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-italic.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-italic.woff2) format("woff2"), url(/fonts/avenir/avenir-italic.woff) format("woff"), url(/fonts/avenir/avenir-italic.ttf) format("truetype"), local("sans-serif");

    font-weight: 400;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-light.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-light.woff2) format("woff2"), url(/fonts/avenir/avenir-light.woff) format("woff"), url(/fonts/avenir/avenir-light.ttf) format("truetype"), local("sans-serif");

    font-weight: 400;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-light-italic.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-light-italic.woff2) format("woff2"), url(/fonts/avenir/avenir-light-italic.woff) format("woff"), url(/fonts/avenir/avenir-light-italic.ttf) format("truetype"), local("sans-serif");

    font-weight: 300;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-medium.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-medium.woff2) format("woff2"), url(/fonts/avenir/avenir-medium.woff) format("woff"), url(/fonts/avenir/avenir-medium.ttf) format("truetype"), local("sans-serif");
    font-weight: 500;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-medium-italic.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-medium-italic.woff2) format("woff2"), url(/fonts/avenir/avenir-medium-italic.woff) format("woff"), url(/fonts/avenir/avenir-medium-italic.ttf) format("truetype"), local("sans-serif");

    font-weight: 500;
    font-display: swap
}

@font-face {

    font-display: swap;
    src: url(/fonts/quicksand/quicksand-regular.woff2) format("woff2"), url(/fonts/quicksand/quicksand-regular.woff) format("woff"), local("sans-serif")
}

@font-face {

    src: local("sans-serif") url(/fonts/quicksand/quicksand-italic.woff2) format("woff2"), url(/fonts/quicksand/quicksand-italic.woff) format("woff");

    font-weight: 400
}

@font-face {

    src: url(/fonts/icomoon/icomoon.eot?#iefix) format("embedded-opentype"), url(/fonts/icomoon/icomoon.woff) format("woff"), url(/fonts/icomoon/icomoon.ttf) format("truetype")
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* *,
    :after,
    :before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    } */

/* :root {
        font-size: 16px
    } */

/* body {
        background-image: url(../images/bg-footer.jpg);
        background-color: #010010;
        background-image: url(../images/bg-footer.jpg), -webkit-gradient(linear, left top, left bottom, from(#010010), to(#000024));
        background-image: url(../images/bg-footer.jpg), -o-linear-gradient(top, #010010, #000024);
        background-image: url(../images/bg-footer.jpg), linear-gradient(180deg, #010010, #000024);
        background-position: 0 100%, bottom;
        background-size: auto, 100% 320px;
        background-position: 0 100%;
        background-repeat: no-repeat;
        color: #1c1c1c;
        font-family: Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 1.8;
        font-size: 1rem;
        -webkit-font-smoothing: antialiased
    } */

body.has-modal {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.4;
    color: inherit
}

h1 {
    font-size: 2.25rem
}

h2 {
    margin-top: .8rem;
    margin-bottom: .8rem;
    font-size: 1.875rem
}

h3 {
    font-size: 1.5625rem
}

h4 {
    font-size: 1.4375rem
}

h5 {
    font-size: 1.3125rem
}

h6 {
    font-size: 13px
}

strong {
    font-weight: 500
}

address {
    font-style: normal
}

blockquote {
    margin: 1rem 0 2rem;
    padding: 1rem 2rem 1rem 1rem;
    background-color: rgba(0, 0, 0, .05);

    color: #4a5156;
    line-height: 1.5;
    font-size: 1.05rem
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: color .4s cubic-bezier(.215, .61, .355, 1);
    -o-transition: .4s color cubic-bezier(.215, .61, .355, 1);
    transition: color .4s cubic-bezier(.215, .61, .355, 1)
}

figure {
    margin: 0
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

picture img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

svg {
    vertical-align: middle
}

[type=submit],
button {
    cursor: pointer;
    border: 0;
    background: none
}

[type=submit]:focus,
button:focus {
    outline: 0
}

textarea {
    vertical-align: top;
    resize: vertical
}

.flickity-prev-next-button {
    background: none
}

.flickity-prev-next-button:active {
    opacity: 1
}

.flickity-prev-next-button .arrow {
    fill: #c7c7c7;
    -webkit-transition: fill .25s ease;
    -o-transition: fill .25s ease;
    transition: fill .25s ease
}

.flickity-prev-next-button:hover {
    background: none
}

.flickity-prev-next-button:hover:enabled .arrow {
    fill: #aaa
}

.flickity-prev-next-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 1px #00afef;
    box-shadow: 0 0 0 1px #00afef
}

.flickity-prev-next-button:focus:enabled .arrow {
    fill: #999
}

.flickity-prev-next-button:disabled {
    opacity: 0
}

.video-js {
    font-size: 12px;
    color: #fff
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 2.5em;
    height: 2.5em;
    width: 2.5em;
    border: .06666em solid #fff;
    border-radius: 50%;
    background: none;
    left: 50%;
    top: 50%;
    margin-left: 0;
    margin-top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background-color .4s ease;
    -o-transition: .4s background-color ease;
    transition: background-color .4s ease
}

.video-js:hover .vjs-big-play-button {
    background-color: #fff;
    color: #1c1c1c;
    -webkit-transition: background-color .4s ease, color .4s ease;
    -o-transition: .4s background-color ease, .4s color ease;
    transition: background-color .4s ease, color .4s ease
}

.video-js .vjs-control-bar {
    height: 4em;
    padding-top: 1em;
    background: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#25233a));
    background-image: -o-linear-gradient(transparent, #25233a);
    background-image: linear-gradient(transparent, #25233a)
}

.vjs-menu-button .vjs-menu-content {
    background-image: #25233a
}

.vjs-volume-menu-button .vjs-menu-button .vjs-menu-content {
    background: none
}

.video-js .vjs-slider {
    border-radius: 5px;
    background-color: rgba(0, 153, 209, .4)
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    border-radius: 5px;
    background: #fff
}

.video-js .vjs-load-progress,
.video-js .vjs-load-progress div {
    border-radius: 5px;
    background: #00acea
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em rgba(196, 252, 255, .3)
}

.video-js.vjs-fill,
.video-js .vjs-tech {
    max-width: 100%;
    max-height: 100%
}

.vjs-resolution-button-label {
    line-height: 3em
}

.video-js .vjs-fullscreen-control {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99
}

.video-js .vjs-poster {
    background-size: cover
}

.vjs-header {
    position: absolute;
    top: 55%;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    width: 100%;
    color: #fff;
    -webkit-transition: opacity .4s ease;
    -o-transition: .4s opacity ease;
    transition: opacity .4s ease
}

[data-grid] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

[data-grid~=wrap] {
    width: 100%;
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3em;
    padding-right: 3em
}

[data-grid~=row] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin: 0 -1.5em
}

[data-grid*=nowrap] {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

[data-grid*=dir-column] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

[data-grid*=align-center] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-grid*=align-start] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

[data-grid*=align-end] {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[data-grid*=justify-center] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[data-grid*=justify-start] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

[data-grid*=justify-end] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[data-grid*=justify-between] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[data-grid*=justify-around] {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

[data-cell] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-left: 1.5em;
    padding-right: 1.5em
}

[data-cell*=nest] {
    padding-left: 0;
    padding-right: 0
}

[data-cell*=grow] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

[data-cell~="1/12"] {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%
}

[data-cell~="1/6"] {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%
}

[data-cell~="1/4"] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

[data-cell~="1/3"] {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%
}

[data-cell~="5/12"] {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%
}

[data-cell~="1/2"] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

[data-cell~="7/12"] {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%
}

[data-cell~="2/3"] {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%
}

[data-cell~="3/4"] {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
}

[data-cell~="5/6"] {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%
}

[data-cell~="11/12"] {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%
}

[data-cell~=full] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

[data-cell~="1/5"] {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

[data-cell~="2/5"] {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

[data-cell~="3/5"] {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

[data-cell~="4/5"] {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}

[data-grid~=row] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.cms>:first-child {
    margin-top: 0
}

.cms>:last-child {
    margin-bottom: 0
}

.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
    margin-top: 0
}

.cms h2 {
    margin-bottom: .6em
}

.cms ul {
    padding-left: 1em;
    list-style: square
}

.cms ul li {
    margin-bottom: .5em
}

.cms .u-grad-text+* {
    margin-top: 0
}

.cms a:not([class]) {
    color: #8a8bc7;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    -webkit-transition: color .4s cubic-bezier(.215, .61, .355, 1), border-color .4s cubic-bezier(.215, .61, .355, 1);
    -o-transition: color .4s cubic-bezier(.215, .61, .355, 1), border-color .4s cubic-bezier(.215, .61, .355, 1);
    transition: color .4s cubic-bezier(.215, .61, .355, 1), border-color .4s cubic-bezier(.215, .61, .355, 1)
}

.cms a:not([class]):hover {
    color: #bd7db9;
    border-bottom: 1px solid currentColor
}

.cms--specifications table {
    -ms-flex-item-align: center;
    align-self: center
}

.cms--specifications th {
    text-align: left;
    padding-bottom: 15px;
    vertical-align: top
}

.Media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Media-figure:first-child {
    padding-right: 2em
}

.Media-figure:last-child {
    padding-left: 2em
}

.Section {
    padding: 2rem 0
}

.Section--alt {
    background-color: #f2f3f4
}

.Video-wrap {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.Video-embed {
    height: 0;
    min-width: 20rem;
    position: relative;
    padding-top: 56.25%
}

.Video-embed-content,
.Video-embed>iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.Tiles-item {
    position: relative;
    height: 25vw;
    max-height: 440px
}

.Tiles-item--case {
    -webkit-transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s cubic-bezier(.645, .045, .355, 1)
}

.Tiles-item.is-active {
    display: block;
    opacity: 1;
    visibility: visible
}

.Tiles-item.is-active,
.Tiles-item.is-hidden {
    -webkit-transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s cubic-bezier(.645, .045, .355, 1)
}

.Tiles-item.is-hidden {
    display: none;
    opacity: 0;
    visibility: hidden
}

.Form a:not([class]) {
    color: inherit;
    font-weight: 400;
    border-bottom: 1px solid currentColor;
    -webkit-transition: color .4s cubic-bezier(.215, .61, .355, 1), border-color .4s cubic-bezier(.215, .61, .355, 1);
    -o-transition: color .4s cubic-bezier(.215, .61, .355, 1), border-color .4s cubic-bezier(.215, .61, .355, 1);
    transition: color .4s cubic-bezier(.215, .61, .355, 1), border-color .4s cubic-bezier(.215, .61, .355, 1)
}

.Form a:not([class]):hover {
    color: #bd7db9;
    border-bottom: 1px solid currentColor
}

.Form--contact .Form-heading {
    display: none
}

.Form-heading,
.Form-legend {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1.5625rem
}

.Form-legend {
    padding-top: .9375rem
}

.Form-fieldset:first-of-type .Form-legend {
    padding-top: 0
}

.Form-label {
    color: #6b6b6b;
    display: block;
    margin-bottom: 1.5625rem;
    font-size: 1rem
}

.Form--contact .Form-label,
.Form-field--confirmEmail .Form-label,
.Form-field--longAnswer .Form-label,
.Form-field--longAnswerthin .Form-label,
.Form-field--postcode .Form-label,
.Form-field--shortAnswer .Form-label {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.Form-field--hiddenLabelSpacing .Form-label {
    clip: rect(1px, 1px, 1px, 1px);
    position: relative;
    height: 1px;
    width: 1px;
    overflow: hidden;
    margin-bottom: 1rem
}

.Form-field--multiChoiceInline .Form-label {
    margin-bottom: .9375rem
}

.Form-fieldset {
    border: 0;
    padding: 0
}

.Form-field {
    position: relative;
    margin-bottom: 1.25rem
}

.Form-field--verticalDivider {
    display: none
}

.Form-field.Form-field--advancedUpload {
    margin-bottom: 3.5rem
}

.Form-control {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Form-note {

    font-size: 14px
}

.Form-note--error {
    color: #e85b5b
}

.Form-tooltip {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 16;
    margin-top: 2px;
    padding: .75rem;
    background-color: #6b6b6b;
    color: #fff;
    white-space: pre-line;
    line-height: 1.25;
    font-size: .75rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition: opacity .35s cubic-bezier(.47, 0, .745, .715), visibility .35s step-end, -webkit-transform .35s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .35s cubic-bezier(.47, 0, .745, .715), visibility .35s step-end, -webkit-transform .35s cubic-bezier(.47, 0, .745, .715);
    -o-transition: .35s opacity cubic-bezier(.47, 0, .745, .715), .35s transform cubic-bezier(.47, 0, .745, .715), .35s visibility step-end;
    transition: opacity .35s cubic-bezier(.47, 0, .745, .715), transform .35s cubic-bezier(.47, 0, .745, .715), visibility .35s step-end;
    transition: opacity .35s cubic-bezier(.47, 0, .745, .715), transform .35s cubic-bezier(.47, 0, .745, .715), visibility .35s step-end, -webkit-transform .35s cubic-bezier(.47, 0, .745, .715)
}

:focus~.Form-tooltip {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .35s cubic-bezier(.47, 0, .745, .715), visibility .35s step-start, -webkit-transform .35s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .35s cubic-bezier(.47, 0, .745, .715), visibility .35s step-start, -webkit-transform .35s cubic-bezier(.47, 0, .745, .715);
    -o-transition: .35s opacity cubic-bezier(.47, 0, .745, .715), .35s transform cubic-bezier(.47, 0, .745, .715), .35s visibility step-start;
    transition: opacity .35s cubic-bezier(.47, 0, .745, .715), transform .35s cubic-bezier(.47, 0, .745, .715), visibility .35s step-start;
    transition: opacity .35s cubic-bezier(.47, 0, .745, .715), transform .35s cubic-bezier(.47, 0, .745, .715), visibility .35s step-start, -webkit-transform .35s cubic-bezier(.47, 0, .745, .715)
}

.Form-tooltipHeading {
    font-size: 1rem;
    margin-bottom: .625rem
}

.Form-actionsRow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Icon-close {
    height: 15px;
    width: 15px;
    position: relative;
    display: inline-block
}

.Icon-close:before {
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.Icon-close:after {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg)
}

.Icon-close:after,
.Icon-close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 15px;
    background: #333;
    border-radius: 1px
}

.Icon-expand {
    height: 15px;
    width: 15px;
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: transform .25s cubic-bezier(.645, .045, .355, 1), -webkit-transform .25s cubic-bezier(.645, .045, .355, 1)
}

.Icon-expand:before {
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg)
}

.Icon-expand:after {
    -webkit-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

.Icon-expand:after,
.Icon-expand:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 15px;
    background: #333;
    border-radius: 1px
}

.Icon-expand.is-expanded {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: transform .25s cubic-bezier(.645, .045, .355, 1), -webkit-transform .25s cubic-bezier(.645, .045, .355, 1)
}

.Icon--small {
    height: 12px;
    width: 12px
}

.Icon--small:after,
.Icon--small:before {
    height: 12px
}

.Loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    pointer-events: none;
    background-color: #01031f;
    -webkit-transition: opacity .35s ease;
    -o-transition: .35s opacity ease;
    transition: opacity .35s ease
}

.Loader.is-done {
    opacity: 0
}

.Button {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .25em 2em;
    border-radius: 1000px;
    -webkit-box-shadow: inset 0 1px hsla(0, 0%, 100%, 0);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, 0);
    background-color: #ebedee;
    color: #1c1c1c;
    font-weight: 500;
    font-size: .9375rem;
    line-height: 1.5;
    -webkit-transition: box-shadow .4s ease;
    -o-transition: .4s box-shadow ease;
    transition: box-shadow .4s ease
}

.Button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 1000px;
    background-image: -o-radial-gradient(bottom, circle, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    background-image: radial-gradient(circle at bottom, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    mix-blend-mode: overlay;
    -webkit-transition: opacity .4s ease;
    -o-transition: .4s opacity ease;
    transition: opacity .4s ease
}

.Button:hover {
    -webkit-box-shadow: inset 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .1)
}

.Button:hover:before {
    opacity: 1
}

.Button:disabled,
.Button:disabled:hover {
    background: #e5e5e5;
    color: #6b6b6b;
    cursor: not-allowed
}

.Button.is-loading,
.Button.is-loading:hover {
    background-image: url(/images/loader.gif);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: 92%
}

.Button.is-loading:after,
.Button.is-loading:hover:after {
    opacity: 0
}

.Button--feature,
.Button--grey,
.Button--primary,
.Button--secondary,
.Button--tertiary,
.Form--submitBtnPrimary .Button.Form-button,
.Form--submitBtnSecondary .Button.Form-button {
    color: #fff;
    font-weight: 300
}

.Button--feature {
    padding-left: 1em;
    padding-right: 1em;
    background-color: #95908c;
    -webkit-transition: color .4s cubic-bezier(.215, .61, .355, 1), background-color .4s cubic-bezier(.215, .61, .355, 1);
    -o-transition: .4s color cubic-bezier(.215, .61, .355, 1), .4s background-color cubic-bezier(.215, .61, .355, 1);
    transition: color .4s cubic-bezier(.215, .61, .355, 1), background-color .4s cubic-bezier(.215, .61, .355, 1)
}

.Button--feature:hover {
    background-color: #3c4683;
    color: #fff
}

.Button--primary,
.Form--submitBtnPrimary .Button.Form-button {
    background-color: #e25d78
}

.Button--primary:hover,
.Form--submitBtnPrimary .Button.Form-button:hover {
    -webkit-box-shadow: inset 0 1px hsla(0, 0%, 100%, .1), 0 0 8px rgba(226, 93, 120, .2);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .1), 0 0 8px rgba(226, 93, 120, .2)
}

.Button--secondary,
.Form--submitBtnSecondary .Button.Form-button {
    background-color: #24214c
}

.Button--secondary:before,
.Form--submitBtnSecondary .Button.Form-button:before {
    background-image: -o-radial-gradient(bottom, circle, hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .2));
    background-image: radial-gradient(circle at bottom, hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .2))
}

.Button--secondary:hover,
.Form--submitBtnSecondary .Button.Form-button:hover {
    -webkit-box-shadow: inset 0 1px hsla(0, 0%, 100%, .2), 0 0 8px rgba(36, 33, 76, .2);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .2), 0 0 8px rgba(36, 33, 76, .2)
}

.Button--tertiary {
    background-color: #954dbc
}

.Button--quaternary {
    background-color: #39c79e;
    color: #fff
}

.Button--grey {
    background-color: #95908c;
    -webkit-transition: color .4s cubic-bezier(.215, .61, .355, 1), background-color .4s cubic-bezier(.215, .61, .355, 1);
    -o-transition: .4s color cubic-bezier(.215, .61, .355, 1), .4s background-color cubic-bezier(.215, .61, .355, 1);
    transition: color .4s cubic-bezier(.215, .61, .355, 1), background-color .4s cubic-bezier(.215, .61, .355, 1)
}

.Button--grey:hover {
    background-color: #3c4683;
    color: #fff
}

.Button--white {
    background: #fff
}

.Button--white:hover {
    -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px rgba(0, 0, 0, .2)
}

.Button--bold {
    font-weight: 500
}

.Button--add,
.Button--back,
.Button--go,
.Button--icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 200px;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.Button--add.Button--large,
.Button--back.Button--large,
.Button--go.Button--large,
.Button--icon.Button--large {
    min-width: 240px
}

.Button--go:after {
    display: inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin-left: .5em;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .3s transform cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}

.Button--go:hover:after {
    -webkit-transform: translateX(5px) rotate(45deg);
    -ms-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg)
}

.Button--back {
    padding-left: 2em
}

.Button--back:after {
    position: absolute;
    top: .75em;
    left: 1.2em;
    display: inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .3s transform cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}

.Button--back:hover:after {
    -webkit-transform: translateX(-5px) rotate(45deg);
    -ms-transform: translateX(-5px) rotate(45deg);
    transform: translateX(-5px) rotate(45deg)
}

.Button--large {
    padding: .5em 1.5em;
    min-width: 200px
}

.Button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

button.Button,
input.Button {
    display: inline-block
}

button.Button--go,
input.Button--go {
    text-align: left
}

button.Button--go:after,
input.Button--go:after {
    position: absolute;
    top: 50%;
    right: 1.5em;
    margin-top: -4px
}

button.Button--send,
input.Button--send {
    background-color: #42de84;
    color: #1c1c1c
}

.Response {
    position: relative;
    padding: 1rem 0;
    background-color: #f2f3f4
}

.Response:before {
    content: "";
    position: absolute;
    top: -4px;
    right: 0;
    left: 0;
    height: 4px;
    background: -o-linear-gradient(325deg, #f070aa, #00afef);
    background: linear-gradient(125deg, #f070aa, #00afef)
}

.Burger {
    color: inherit
}

.Burger-edge,
.Burger-mid {
    stroke: currentColor;
    -webkit-transition: stroke-dasharray .6s cubic-bezier(.645, .045, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: stroke-dasharray .6s cubic-bezier(.645, .045, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    -o-transition: .6s stroke-dasharray cubic-bezier(.645, .045, .355, 1), .6s transform cubic-bezier(.645, .045, .355, 1);
    transition: stroke-dasharray .6s cubic-bezier(.645, .045, .355, 1), transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: stroke-dasharray .6s cubic-bezier(.645, .045, .355, 1), transform .6s cubic-bezier(.645, .045, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1)
}

.Burger-edge {
    stroke-dashoffset: 45;
    stroke-dasharray: 20 25;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scaleY(.8);
    -ms-transform: scaleY(.8);
    transform: scaleY(.8)
}

.has-menu .Burger-edge {
    stroke-dasharray: 25 45;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.Burger-mid {
    stroke-dashoffset: 20;
    stroke-dasharray: 20 0
}

.has-menu .Burger-mid {
    stroke-dasharray: 0 20
}

.SearchButton {
    position: relative;
    top: -.25em;
    height: 15px;
    width: 15px;
    padding: 0;
    border: 1px solid;
    border-radius: 50%;
    color: inherit;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: transform .4s ease, border-color .4s ease;
    -o-transition: .4s transform ease, .4s border-color ease;
    transition: transform .4s ease, border-color .4s ease
}

.SearchButton:after,
.SearchButton:before {
    position: absolute;
    top: 100%;
    left: 6px;
    content: "";
    width: 1px;
    height: 7px;
    background-color: currentColor;
    -webkit-transition: top .4s ease, transform .4s ease, background-color .4s ease;
    -o-transition: .4s top ease, .4s transform ease, .4s background-color ease;
    transition: top .4s ease, transform .4s ease, background-color .4s ease;
    will-change: transform
}

.SearchButton.is-open {
    -webkit-transform: rotate(135deg) scale(1.5);
    -ms-transform: rotate(135deg) scale(1.5);
    transform: rotate(135deg) scale(1.5)
}

.SearchButton.is-open:after,
.SearchButton.is-open:before {
    top: 3px
}

.SearchButton.is-open:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Input {
    padding-top: .5em;
    padding-bottom: .5em;
    outline: 0;
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 0;
    border-width: 0 0 1px;
    font-size: 16px;
    -webkit-transition: border-color .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: .4s border-color cubic-bezier(.645, .045, .355, 1);
    transition: border-color .4s cubic-bezier(.645, .045, .355, 1)
}

.Input:-moz-placeholder,
.Input:-ms-input-placeholder,
.Input::-moz-placeholder,
.Input::-webkit-input-placeholder {
    color: #9ea2a5
}

.Input:focus {
    border-color: #bd7db9
}

.Input.is-invalid {
    color: #e85b5b;
    border-color: #e85b5b
}

.Form-field .Input {
    width: 100%
}

.Input--multiline {
    min-height: 110px;
    padding: .5em 1em;
    border-width: 1px;
    -webkit-appearance: none
}

.Form--contact .Input--multiline {
    margin-top: 2em
}

.Input::-webkit-input-placeholder {
    color: #6b6b6b;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Input::-moz-placeholder {
    color: #6b6b6b;
    opacity: 1;
    -moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Input:-ms-input-placeholder,
.Input::-ms-input-placeholder {
    color: #6b6b6b;
    opacity: 1;
    -ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Input::placeholder {
    color: #6b6b6b;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Input:focus::-webkit-input-placeholder {
    opacity: .5;
    -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Input:focus::-moz-placeholder {
    opacity: .5;
    -moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Input:focus:-ms-input-placeholder,
.Input:focus::-ms-input-placeholder {
    opacity: .5;
    -ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Input:focus::placeholder {
    opacity: .5;
    -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Radio {
    margin-bottom: .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Radio [type=radio] {
    opacity: 0;
    position: absolute
}

.Radio [type=radio]:checked+.Radio-check {
    background: #6b6b6b
}

.Radio [type=radio]:checked+.Radio-check:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    border-radius: 50%;
    background: #fff
}

.Radio [type=radio]:focus {
    outline: none
}

.Radio [type=radio]:focus+.Radio-check {
    -webkit-box-shadow: 0 0 8px 1px rgba(208, 109, 153, .5);
    box-shadow: 0 0 8px 1px rgba(208, 109, 153, .5)
}

.Radio-check {
    line-height: 0;
    height: 22px;
    width: 22px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative
}

.Radio-content {
    color: #6b6b6b;
    font-weight: 500;
    font-size: 1rem
}

.Radio-List--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .3125rem
}

.Radio-List--inline .Radio-item {
    margin-right: 3rem
}

.Radio-List--inline .Radio-item:last-of-type {
    margin-right: 0
}

.Checkbox {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Checkbox--multiLine {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: block
}

.Checkbox--multiLine .Checkbox-check {
    float: left
}

.Checkbox--multiLine .Checkbox-content {
    float: left;
    width: 100%;
    max-width: calc(100% - 50px)
}

@supports (display:grid) {
    .Checkbox--multiLine {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .Checkbox--multiLine .Checkbox-check {
        float: none
    }

    .Checkbox--multiLine .Checkbox-content {
        float: none;
        width: auto;
        max-width: unset
    }
}

.Checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.Checkbox input[type=checkbox]:checked+.Checkbox-check {
    background: #6b6b6b
}

.Checkbox input[type=checkbox]:checked+.Checkbox-check:before {
    content: "\2713";
    position: absolute;
    top: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 0;
    padding: 3px 0;
    color: #f2f3f4;
    font-size: 1.25rem;
    text-align: center
}

.Checkbox input[type=checkbox]:focus {
    outline: none
}

.Checkbox input[type=checkbox]:focus+.Checkbox-check {
    outline: 1px solid #954dbc;
    -webkit-box-shadow: 0 0 8px 1px rgba(149, 77, 188, .5);
    box-shadow: 0 0 8px 1px rgba(149, 77, 188, .5)
}

.Checkbox-check {
    line-height: 0;
    height: 20px;
    background: transparent;
    border: 1px solid #6b6b6b;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
    position: relative;
    width: 20px;
    overflow: hidden
}

.Checkbox--multiLine .Checkbox-check {
    position: relative;
    top: 5px
}

.Checkbox-content {
    color: #6b6b6b;
    font-size: 1rem
}

.Checkbox-item {
    margin-bottom: 1rem
}

.Checkbox-item:last-of-type {
    margin-bottom: 0
}

.Select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(/images/arrow-down.svg) calc(100% - 15px) 50% no-repeat;
    border-radius: 1rem;
    font-size: 1rem;
    min-height: 35px;
    line-height: 33px;
    padding: 0 2.5rem 0 1rem
}

.Select::-ms-expand {
    display: none
}

.choices__inner {
    background: #fff;
    font-size: 1rem;
    min-height: 35px;
    padding: 0 1rem
}

.choices__inner,
.is-open .choices__inner {
    border-radius: 1rem
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 0
}

.choices[data-type*=select-one]:after {
    background: url(/images/arrow-down.svg) 50% no-repeat;
    width: 15px;
    height: 15px;
    border: none;
    right: 15px;
    margin-top: -7px;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: transform .25s cubic-bezier(.645, .045, .355, 1), -webkit-transform .25s cubic-bezier(.645, .045, .355, 1)
}

.choices[data-type*=select-one].is-open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    border: none
}

.choices__list--dropdown {
    border-radius: 1rem;
    margin-top: 4px
}

.choices__list--dropdown .choices__item {
    font-size: 1rem;
    word-break: break-word
}

.choices__list--single {
    padding: 4px 1rem 0 4px
}

.FileUpload-input {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: none
}

.FileUpload-label:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.FileUpload.is-highlighted>.FileUpload-label:before {
    background-color: hsla(0, 0%, 100%, .1)
}

.Grid-alert {
    color: #e25d78;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

.Grid-section--heading {
    padding-bottom: 1em
}

.Grid-section--heading+.Grid-section {
    padding-top: 1em
}

.Grid-image {
    height: 100%;
    width: 100%
}

.Focus {
    max-width: 36em
}

.Focus-text {
    margin-top: 0;
    font-size: 1.4375rem;
    font-weight: 500;
    line-height: 1.6
}

.Panel {
    position: relative;
    z-index: 5;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 600px;
    height: 80vh;
    padding: 2rem 0;
    color: #fff
}

.Contact-widgets .Panel {
    height: 60vh
}

.Contact-widgets .Panel:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(90%, transparent));
    background: -o-linear-gradient(left, #000, transparent 90%);
    background: linear-gradient(90deg, #000, transparent 90%);
    z-index: 1
}

.Panel--cta {
    height: auto;
    min-height: 0;
    padding: 4rem 0;
    background-image: -o-linear-gradient(76deg, #131231, #482c42);
    background-image: linear-gradient(14deg, #131231, #482c42)
}

.Panel--plate-designer {
    background-image: url(../images/bg-panel-pd.jpg)
}

.Panel--plate-designer:after {
    right: 12%;
    bottom: 0;
    height: 100%;
    width: 40%;
    content: "";
    background-image: url(../images/icon-panel-pd.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    pointer-events: none
}

.Panel--contact {
    height: 420px;
    min-height: 0
}

.Panel--finishes {
    color: inherit
}

.Panel--finishes,
.Panel--uploadProject {
    height: auto;
    min-height: 0;
    padding: 4rem 0
}

.Panel--uploadProject .Panel-button {
    -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1), position .3s step-end, -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1), position .3s step-end, -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1), position .3s step-end;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1), position .3s step-end;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1), position .3s step-end, -webkit-transform .3s cubic-bezier(.645, .045, .355, 1)
}

.Panel--uploadProject .Panel-button.is-hidden {
    opacity: 0;
    visibility: none;
    pointer-events: none;
    -webkit-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
    position: absolute
}

.Panel--light {
    background-image: -o-linear-gradient(30deg, #d5aef2 0, #aedef5 15%, #fff 27%);
    background-image: linear-gradient(60deg, #d5aef2, #aedef5 15%, #fff 27%);
    color: #1c1c1c
}

.Panel--dark {
    background-color: #24214c;
    background-image: -o-linear-gradient(150deg, #a57ed1 0, #192360 20%, #00001e 50%);
    background-image: linear-gradient(-60deg, #a57ed1, #192360 20%, #00001e 50%)
}

.Panel--grey {
    background: #f2f3f4;
    color: #1c1c1c
}

.Panel--bottomLeft .Panel-wrap,
.Panel--bottomRight .Panel-wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Contact-widgets .Panel-wrap {
    z-index: 2
}

.Panel-bg img {
    z-index: -1
}

.Panel-content {
    font-size: 1.0625rem
}

.Panel--products-centre .Panel-content {
    max-width: 720px
}

.Panel--cta .Panel-content {
    max-width: none
}

.Panel-heading {
    text-transform: uppercase
}

.Panel-formToggle {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .2s ease-in, opacity .2s ease-in;
    -o-transition: visibility .2s ease-in, opacity .2s ease-in;
    transition: visibility .2s ease-in, opacity .2s ease-in
}

.Panel-formToggle.is-collapsed {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    overflow: hidden
}

.Split {
    overflow: hidden;
    position: relative;
    z-index: 5;
    background-color: #9ea2a5;
    color: #fff
}

.Split-item {
    padding-top: 2em;
    padding-bottom: 3em;
    position: relative
}

.Split-item:only-of-type {
    position: static
}

.Split-item:nth-of-type(2n-1) {
    padding-right: 4em
}

.Split-item:nth-of-type(2n) {
    padding-left: 4em
}

.Split-itemWrap {
    overflow: hidden;
    position: relative;
    height: 100%;
    padding-bottom: 3em
}

.Split-image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50vw;
    z-index: -1;
    background-size: cover
}

.Split-image:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.Split-item:nth-of-type(2n-1)>.Split-image {
    right: 0
}

.Split-item:nth-of-type(2n-1)>.Split-image:after {
    background-color: rgba(226, 93, 120, .9)
}

.Split-item:nth-of-type(2n)>.Split-image {
    left: 0
}

.Split-item:nth-of-type(2n)>.Split-image:after {
    background-color: rgba(36, 33, 76, .9)
}

.Split-item:only-of-type .Split-image {
    width: 100vw
}

.Split-heading {
    text-transform: uppercase
}

.Split-list {
    font-size: 1.05em
}

.Split-button {
    position: absolute;
    bottom: 0;
    left: 0
}

.Tile {
    display: block
}

.Tile:hover {
    background-color: #fff
}

.Tile.Tile--contact {
    padding-top: 0
}

.Tile.Tile--icon:hover {
    color: #6f1798
}

.Tile-contents {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2em;
    background-color: #f2f3f4;
    -webkit-transition: background-color .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: background-color .4s cubic-bezier(.645, .045, .355, 1);
    transition: background-color .4s cubic-bezier(.645, .045, .355, 1)
}

.Tile--main .Tile-contents {
    background-image: -o-linear-gradient(156deg, #9c63a4 15%, #405d98 80%);
    background-image: linear-gradient(-66deg, #9c63a4 15%, #405d98 80%);
    color: #fff
}

.Tile--image .Tile-contents {
    color: #fff;
    background-image: -o-linear-gradient(50deg, #29265c, #1a1934);
    background-image: linear-gradient(40deg, #29265c, #1a1934)
}

.Tile--contact .Tile-contents {
    background-color: transparent
}

.Tile-contents:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: opacity .6s cubic-bezier(.55, .085, .68, .53), -webkit-transform .6s cubic-bezier(.55, .085, .68, .53);
    transition: opacity .6s cubic-bezier(.55, .085, .68, .53), -webkit-transform .6s cubic-bezier(.55, .085, .68, .53);
    -o-transition: .6s opacity cubic-bezier(.55, .085, .68, .53), .6s transform cubic-bezier(.55, .085, .68, .53);
    transition: opacity .6s cubic-bezier(.55, .085, .68, .53), transform .6s cubic-bezier(.55, .085, .68, .53);
    transition: opacity .6s cubic-bezier(.55, .085, .68, .53), transform .6s cubic-bezier(.55, .085, .68, .53), -webkit-transform .6s cubic-bezier(.55, .085, .68, .53)
}

.Tile:hover .Tile-contents:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    -o-transition: .4s opacity ease-in-out, .4s transform ease-in-out;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out
}

.Tile--icon .Tile-contents:before {
    background-image: -o-radial-gradient(center, circle, #fff, #e6e6e6);
    background-image: radial-gradient(circle at center, #fff, #e6e6e6)
}

.Tile--image .Tile-contents:before {
    background-image: -o-linear-gradient(130deg, #9852b6 -50%, transparent 50%);
    background-image: linear-gradient(-40deg, #9852b6 -50%, transparent 50%)
}

.Tile-icon {
    height: 5rem;
    width: 5rem;
    margin: 0 auto 1em;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .4s cubic-bezier(.23, 1, .32, 1);
    -o-transition: .4s transform cubic-bezier(.23, 1, .32, 1);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1);
    transition: transform .4s cubic-bezier(.23, 1, .32, 1), -webkit-transform .4s cubic-bezier(.23, 1, .32, 1)
}

.Tile--icon:hover .Tile-icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    -o-transition: .4s transform cubic-bezier(.25, .46, .45, .94) .1s;
    transition: transform .4s cubic-bezier(.25, .46, .45, .94) .1s;
    transition: transform .4s cubic-bezier(.25, .46, .45, .94) .1s, -webkit-transform .4s cubic-bezier(.25, .46, .45, .94) .1s
}

.Tile-heading {
    font-size: 1.1875rem;
    font-weight: 400
}

.Tile--contact .Tile-heading {
    font-size: 2.25rem
}

.Tile--case .Tile-heading {
    font-size: 1.75rem;
    letter-spacing: 2px;
    text-transform: uppercase
}

.Tile-text {
    font-size: .9375rem
}

.Tile--case .Tile-text {}

.Tile-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: .5;
    -webkit-transition: opacity .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.23, 1, .32, 1);
    -o-transition: .4s opacity cubic-bezier(.165, .84, .44, 1), .4s transform cubic-bezier(.23, 1, .32, 1);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .4s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .4s cubic-bezier(.23, 1, .32, 1), -webkit-transform .4s cubic-bezier(.23, 1, .32, 1)
}

.Tile:hover .Tile-image {
    opacity: .7;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: opacity .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
    -o-transition: .4s opacity cubic-bezier(.165, .84, .44, 1), .4s transform cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .4s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .4s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94)
}

.Tile--diabledLink {
    pointer-events: none
}

.Gallery-list {
    margin-left: -5px;
    margin-right: -5px
}

.Gallery-item {
    padding: 0 5px
}

.MediaItem {
    cursor: pointer
}

.MediaItem-thumbnail {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.MediaItem-thumbnail:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2.5em;
    width: 2.5em;
    content: "\25b6";
    margin-top: -1.25em;
    margin-left: -1.25em;
    padding-left: 1px;
    background-color: #f2f3f4;
    opacity: .8;
    border-radius: 50%;
    font-size: 1.5em;
    line-height: 2.5em;
    text-align: center;
    color: #565e64;
    -webkit-transition: opacity .4s ease, transform .4s ease;
    -o-transition: .4s opacity ease, .4s transform ease;
    transition: opacity .4s ease, transform .4s ease
}

.MediaItem:hover .MediaItem-thumbnail:after {
    opacity: 1;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

.MediaItem-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.MediaItem-caption {
    position: relative;
    padding: .5em 1.5em .5em 0
}

.LinkList {
    display: inline-block;
    padding-left: 0;
    margin-top: 0
}

.LinkList--wide {
    display: block
}

.LinkList-item {
    padding-top: .25em;
    margin-bottom: .25em;
    list-style: none
}

.LinkList-item+.LinkList-item {
    border-top: 1px solid #c8cbcd
}

.LinkList-link {
    padding-right: 10px
}

.LinkList-link:after {
    display: inline-block;
    height: 6px;
    width: 6px;
    border: 1px solid;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    margin-left: 1em;
    -webkit-transition: transform .4s ease;
    -o-transition: .4s transform ease;
    transition: transform .4s ease
}

.LinkList-link:hover:after {
    -webkit-transform: translateX(5px) rotate(45deg);
    -ms-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg)
}

.Documents {
    margin-top: 1em
}

.Documents-list {
    margin: 1em 0 0
}

.Documents-list:first-child {
    margin-top: 0
}

.Documents-link:before {
    content: url(/images/download.svg);
    display: inline-block;
    height: 14px;
    width: 12px;
    margin-right: 1em
}

.Documents-link:hover {
    color: #bd7db9
}

.Modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 15;
    max-width: 90vw;
    max-height: 90vh;
    visibility: hidden;
    pointer-events: none;
    width: 100%;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: visibility .6s step-end, pointer-events .6s step-end;
    -o-transition: .6s visibility step-end, .6s pointer-events step-end;
    transition: visibility .6s step-end, pointer-events .6s step-end
}

.Modal.is-open {
    visibility: visible;
    pointer-events: all;
    -webkit-transition: visibility .6s step-start, pointer-events .6s step-start;
    -o-transition: .6s visibility step-start, .6s pointer-events step-start;
    transition: visibility .6s step-start, pointer-events .6s step-start
}

.Modal--gang p {
    text-align: center
}

.Modal--video {
    max-width: 170vh;
    max-height: 56.25vw
}

.Modal--search {
    top: 0;
    left: 0;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vw;
    padding-left: 1.5em;
    padding-right: 1.5em;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.Modal--base {
    max-width: 600px
}

.Modal--base p {
    width: 100%
}

.Modal-inner {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 2em;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: opacity .6s cubic-bezier(.77, 0, .175, 1);
    -o-transition: .6s opacity cubic-bezier(.77, 0, .175, 1);
    transition: opacity .6s cubic-bezier(.77, 0, .175, 1)
}

.Modal.is-open .Modal-inner {
    opacity: 1
}

.Modal--search .Modal-inner {
    max-width: none
}

.Modal--gang .Modal-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 16;
    padding: .5em;
    background-color: #fff;
    font-size: 2em;
    line-height: .7;
    -webkit-transition: color .4s ease;
    -o-transition: .4s color ease;
    transition: color .4s ease
}

.Modal--search .Modal-close {
    font-size: 4em
}

.Modal--search .Modal-close:hover {
    color: #6f1798
}

.Modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 14;
    opacity: 0;
    background-color: rgba(28, 28, 28, .6);
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .6s cubic-bezier(.77, 0, .175, 1), visibility .6s step-end, pointer-events .6s step-end;
    -o-transition: .6s opacity cubic-bezier(.77, 0, .175, 1), .6s visibility step-end, .6s pointer-events step-end;
    transition: opacity .6s cubic-bezier(.77, 0, .175, 1), visibility .6s step-end, pointer-events .6s step-end
}

.has-modal .Modal-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transition: opacity .6s cubic-bezier(.77, 0, .175, 1), visibility .6s step-start, pointer-events .6s step-start;
    -o-transition: .6s opacity cubic-bezier(.77, 0, .175, 1), .6s visibility step-start, .6s pointer-events step-start;
    transition: opacity .6s cubic-bezier(.77, 0, .175, 1), visibility .6s step-start, pointer-events .6s step-start
}

.Modal .video-js {
    max-height: 85vh
}

.Modal .video-js.vjs-fullscreen {
    max-height: none
}

.Tabs-header {
    border-bottom: 1px solid #c8cbcd;
    background-color: #f2f3f4
}

.Tabs-tab {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #f2f3f4;
    line-height: 3;
    text-align: center
}

.Tabs-tab:after,
.Tabs-tab:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .4s cubic-bezier(.77, 0, .175, 1);
    -o-transition: .4s opacity cubic-bezier(.77, 0, .175, 1);
    transition: opacity .4s cubic-bezier(.77, 0, .175, 1)
}

.Tabs-tab:before {
    background-image: -o-radial-gradient(bottom, circle, #fff, hsla(0, 0%, 100%, 0));
    background-image: radial-gradient(circle at bottom, #fff, hsla(0, 0%, 100%, 0))
}

.Tabs-tab:after {
    top: auto;
    padding-top: 100%;
    border-radius: 50% 50% 0 0;
    background-image: -o-radial-gradient(bottom, circle, #ccc5be, hsla(30, 12%, 77%, 0));
    background-image: radial-gradient(circle at bottom, #ccc5be, hsla(30, 12%, 77%, 0));
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: opacity .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
    -o-transition: .5s opacity cubic-bezier(.77, 0, .175, 1), .5s transform cubic-bezier(.25, .46, .45, .94);
    transition: opacity .5s cubic-bezier(.77, 0, .175, 1), transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .5s cubic-bezier(.77, 0, .175, 1), transform .5s cubic-bezier(.25, .46, .45, .94), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94)
}

.Tabs-tab.is-active:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.Tabs-tab:hover:before {
    opacity: 1
}

.Tabs-tab+.Tabs-tab {
    border-left: 1px solid #ccc5be
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes c {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.Carousel {
    position: relative
}

.Carousel--hero {
    height: 100vh
}

.Carousel-list {
    margin: 0 2em;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-transition: height .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: .7s height cubic-bezier(.645, .045, .355, 1);
    transition: height .7s cubic-bezier(.645, .045, .355, 1)
}

.Carousel--hero .Carousel-list {
    margin: 0;
    height: 100%
}

.Carousel-item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .6s ease;
    -o-transition: .6s opacity ease;
    transition: opacity .6s ease
}

@supports (display:grid) {
    .Carousel-item {
        opacity: unset;
        -webkit-transition: visibility .9s step-end;
        -o-transition: .9s visibility step-end;
        transition: visibility .9s step-end
    }
}

.Carousel--animScale .Carousel-item {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-transition: opacity .7s cubic-bezier(.645, .045, .355, 1), visibility .7s step-end, -webkit-transform .7s cubic-bezier(.645, .045, .355, 1), -webkit-filter .7s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .7s cubic-bezier(.645, .045, .355, 1), visibility .7s step-end, -webkit-transform .7s cubic-bezier(.645, .045, .355, 1), -webkit-filter .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: .7s opacity cubic-bezier(.645, .045, .355, 1), .7s transform cubic-bezier(.645, .045, .355, 1), .7s filter cubic-bezier(.645, .045, .355, 1), .7s visibility step-end;
    transition: opacity .7s cubic-bezier(.645, .045, .355, 1), transform .7s cubic-bezier(.645, .045, .355, 1), filter .7s cubic-bezier(.645, .045, .355, 1), visibility .7s step-end;
    transition: opacity .7s cubic-bezier(.645, .045, .355, 1), transform .7s cubic-bezier(.645, .045, .355, 1), filter .7s cubic-bezier(.645, .045, .355, 1), visibility .7s step-end, -webkit-transform .7s cubic-bezier(.645, .045, .355, 1), -webkit-filter .7s cubic-bezier(.645, .045, .355, 1)
}

.Carousel-item--current {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .6s ease;
    -o-transition: .6s opacity ease;
    transition: opacity .6s ease
}

@supports (display:grid) {
    .Carousel-item--current {
        opacity: unset;
        -webkit-transition: visibility .9s step-start;
        -o-transition: .9s visibility step-start;
        transition: visibility .9s step-start
    }
}

.Carousel--animScale .Carousel-item--current {
    opacity: 1;
    pointer-events: all;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .7s cubic-bezier(.645, .045, .355, 1), visibility .7s step-start, -webkit-transform .7s cubic-bezier(.645, .045, .355, 1), -webkit-filter .7s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .7s cubic-bezier(.645, .045, .355, 1), visibility .7s step-start, -webkit-transform .7s cubic-bezier(.645, .045, .355, 1), -webkit-filter .7s cubic-bezier(.645, .045, .355, 1);
    -o-transition: .7s opacity cubic-bezier(.645, .045, .355, 1), .7s transform cubic-bezier(.645, .045, .355, 1), .7s filter cubic-bezier(.645, .045, .355, 1), .7s visibility step-start;
    transition: opacity .7s cubic-bezier(.645, .045, .355, 1), transform .7s cubic-bezier(.645, .045, .355, 1), filter .7s cubic-bezier(.645, .045, .355, 1), visibility .7s step-start;
    transition: opacity .7s cubic-bezier(.645, .045, .355, 1), transform .7s cubic-bezier(.645, .045, .355, 1), filter .7s cubic-bezier(.645, .045, .355, 1), visibility .7s step-start, -webkit-transform .7s cubic-bezier(.645, .045, .355, 1), -webkit-filter .7s cubic-bezier(.645, .045, .355, 1)
}

.Carousel--hero .Carousel-item {
    height: 100%
}

.Carousel-cover {
    left: 50%;
    top: 50%
}

.Carousel-cover,
.Carousel-image {
    min-width: 100%;
    min-height: 100%;
    position: absolute
}

.Carousel-image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity .8s ease, -webkit-transform .8s step-end;
    transition: opacity .8s ease, -webkit-transform .8s step-end;
    -o-transition: transform .8s step-end, opacity .8s ease;
    transition: transform .8s step-end, opacity .8s ease;
    transition: transform .8s step-end, opacity .8s ease, -webkit-transform .8s step-end
}

.Carousel-item--current .Carousel-image {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .8s ease, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .8s ease, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s ease;
    transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s ease;
    transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s ease, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1)
}

.Carousel-content {
    padding: 0 3rem
}

.Carousel-mainheading,
.Carousel-subheading {
    display: block
}

.Carousel-arrow {
    position: absolute;
    top: 50%
}

.Carousel--hero .Carousel-arrow {
    display: none
}

.Carousel-arrow--prev {
    left: .5em
}

.Carousel-arrow--next {
    right: .5em
}

.Carousel-dots {
    position: relative;
    bottom: 25px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 500px;
    padding: 0 1.5rem;
    text-align: center
}

.Carousel-dot {
    position: relative;
    height: 1rem;
    width: 100%;
    margin-right: .75rem;
    padding: 0;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Carousel-dot:last-child {
    margin-right: 0
}

.Carousel-dot:after,
.Carousel-dot:before {
    content: "";
    position: absolute;
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    border-radius: 2px;
    display: block;
    z-index: -1
}

.Carousel-dot:before {
    background: hsla(0, 0%, 100%, .4)
}

.Carousel-dot--current:after {
    background: #fff;
    -webkit-animation: c 7s cubic-bezier(.36, .1, .52, .83);
    animation: c 7s cubic-bezier(.36, .1, .52, .83);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.Carousel--hero .Carousel-dot--current:after {
    -webkit-animation: c 5.75s cubic-bezier(.36, .1, .52, .83);
    animation: c 5.75s cubic-bezier(.36, .1, .52, .83)
}

.Carousel-photoCredit {
    position: absolute;
    bottom: 2rem;
    left: 3rem;
    padding: .3em .8em;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: .875rem
}

.Carousel--animFade .Carousel-animateIn {
    opacity: 0;
    -webkit-transition: opacity .25s cubic-bezier(.445, .05, .55, .95) .1s, -webkit-transform .25s step-end .1s, -webkit-filter .25s cubic-bezier(.445, .05, .55, .95) .1s;
    transition: opacity .25s cubic-bezier(.445, .05, .55, .95) .1s, -webkit-transform .25s step-end .1s, -webkit-filter .25s cubic-bezier(.445, .05, .55, .95) .1s;
    -o-transition: opacity .25s cubic-bezier(.445, .05, .55, .95) .1s, transform .25s step-end .1s, filter .25s cubic-bezier(.445, .05, .55, .95) .1s;
    transition: opacity .25s cubic-bezier(.445, .05, .55, .95) .1s, transform .25s step-end .1s, filter .25s cubic-bezier(.445, .05, .55, .95) .1s;
    transition: opacity .25s cubic-bezier(.445, .05, .55, .95) .1s, transform .25s step-end .1s, filter .25s cubic-bezier(.445, .05, .55, .95) .1s, -webkit-transform .25s step-end .1s, -webkit-filter .25s cubic-bezier(.445, .05, .55, .95) .1s
}

[class*=Carousel--anim] .Carousel-item--current .Carousel-animateIn {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: opacity .4s cubic-bezier(.445, .05, .55, .95), -webkit-transform .3s cubic-bezier(.445, .05, .55, .95), -webkit-filter .4s cubic-bezier(.445, .05, .55, .95);
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), -webkit-transform .3s cubic-bezier(.445, .05, .55, .95), -webkit-filter .4s cubic-bezier(.445, .05, .55, .95);
    -o-transition: opacity .4s cubic-bezier(.445, .05, .55, .95), transform .3s cubic-bezier(.445, .05, .55, .95), filter .4s cubic-bezier(.445, .05, .55, .95);
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), transform .3s cubic-bezier(.445, .05, .55, .95), filter .4s cubic-bezier(.445, .05, .55, .95);
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), transform .3s cubic-bezier(.445, .05, .55, .95), filter .4s cubic-bezier(.445, .05, .55, .95), -webkit-transform .3s cubic-bezier(.445, .05, .55, .95), -webkit-filter .4s cubic-bezier(.445, .05, .55, .95);
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

[class*=Carousel--anim] .Carousel-item--current .Carousel-animateIn.Carousel-photoCredit {
    -webkit-transition: opacity .4s cubic-bezier(.445, .05, .55, .95), -webkit-filter .4s cubic-bezier(.445, .05, .55, .95);
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), -webkit-filter .4s cubic-bezier(.445, .05, .55, .95);
    -o-transition: opacity .4s cubic-bezier(.445, .05, .55, .95), filter .4s cubic-bezier(.445, .05, .55, .95);
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), filter .4s cubic-bezier(.445, .05, .55, .95);
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), filter .4s cubic-bezier(.445, .05, .55, .95), -webkit-filter .4s cubic-bezier(.445, .05, .55, .95);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.Carousel--animFade .Carousel-item--current .Carousel-animateIn {
    -webkit-transition: opacity .5s cubic-bezier(.47, 0, .745, .715), -webkit-transform .5s cubic-bezier(.47, 0, .745, .715), -webkit-filter .5s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .5s cubic-bezier(.47, 0, .745, .715), -webkit-transform .5s cubic-bezier(.47, 0, .745, .715), -webkit-filter .5s cubic-bezier(.47, 0, .745, .715);
    -o-transition: opacity .5s cubic-bezier(.47, 0, .745, .715), transform .5s cubic-bezier(.47, 0, .745, .715), filter .5s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .5s cubic-bezier(.47, 0, .745, .715), transform .5s cubic-bezier(.47, 0, .745, .715), filter .5s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .5s cubic-bezier(.47, 0, .745, .715), transform .5s cubic-bezier(.47, 0, .745, .715), filter .5s cubic-bezier(.47, 0, .745, .715), -webkit-transform .5s cubic-bezier(.47, 0, .745, .715), -webkit-filter .5s cubic-bezier(.47, 0, .745, .715)
}

.Page {
    overflow: hidden;
    padding-top: 130px;
    background-color: #fff
}

.Page-hero {
    position: relative;
    z-index: 5;
    height: 70vh;
    min-height: 400px;
    overflow: hidden;
    margin-top: -130px;
    padding-top: inherit
}

.Page-header {
    padding: 2rem 0
}

.s-error404 .Page,
.s-gallery .Page,
.s-home .Page {
    padding-top: 0
}

.Holding {
    background: #3c4683;
    color: #fff;
    text-align: center;
    height: 100vh;
    width: 100vw;
    position: relative
}

.Holding-heading {
    color: #fff;
    margin: 1rem 0
}

.Header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background-color: #fff
}

.s-error404 .Header,
.s-home .Header {
    background-color: transparent
}

.Footer {
    padding: 3em 0;
    padding-bottom: 42px;
    color: #3d4167;
    font-size: 12px;
    -webkit-transition: color .4s cubic-bezier(.215, .61, .355, 1);
    -o-transition: color .4s cubic-bezier(.215, .61, .355, 1);
    transition: color .4s cubic-bezier(.215, .61, .355, 1)
}

.Footer:hover {
    color: #595f97
}

.Footer a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.Footer-text p:last-child {
    margin-bottom: 0
}

.Footer-links {
    margin-bottom: 42px
}

.Footer-links li+li:before {
    content: "\22C5";
    margin-left: 5px;
    margin-right: 5px
}

.Footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 47px;
    -moz-column-gap: 47px;
    column-gap: 47px
}

.Footer-iconLink {
    display: block
}

.Footer-icon {
    fill: #3d4167;
    width: 31px;
    height: 31px
}

.Footer-iconLink:hover .Footer-icon {
    fill: #595f97
}

.Nav {
    -ms-flex-item-align: center;
    align-self: center
}

.Nav:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    background-color: #303468;
    background-image: -o-linear-gradient(75deg, #211c4c, #263461);
    background-image: linear-gradient(15deg, #211c4c, #263461);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: transform .4s ease .2s, opacity .25s ease .2s;
    -o-transition: .4s transform ease .2s, .25s opacity ease .2s;
    transition: transform .4s ease .2s, opacity .25s ease .2s
}

.Nav-list {
    height: 130px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0
}

.Nav-list--child {
    height: 220px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* opacity: 0; */
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em);
    -webkit-transition: transform .4s step-end, opacity .2s ease;
    -o-transition: .4s transform step-end, .2s opacity ease;
    transition: transform .4s step-end, opacity .2s ease
}

.Nav.is-hover .Nav-item:hover .Nav-list--child {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .4s ease, opacity .4s ease;
    -o-transition: .4s transform ease, .4s opacity ease;
    transition: transform .4s ease, opacity .4s ease;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.Nav-item {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5156;
    font-size: 15px;
    text-transform: uppercase
}

.Nav-item--child {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 164px;
    padding: 2em;
    color: #4a5156;
    text-align: center;
    text-transform: none
}

.Nav-item--child:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform .4s ease;
    -o-transition: .4s transform ease;
    transition: transform .4s ease
}

.Nav-item--child:hover:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.Nav-link {
    position: relative
}

.Nav-link--sub {
    cursor: pointer
}

.Nav-item--root>.Nav-link {
    letter-spacing: 2px;
}

.Nav-item--ancestor>.Nav-link:before {
    position: absolute;
    top: -3vw;
    left: 50%;
    width: 15vw;
    padding-top: 15vw;
    margin-left: -7.5vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Nav-item--ancestor:hover .Nav-link:before {
    content: ""
}

.Nav-icon {
    display: block;
    margin: 0 auto 1em;
    pointer-events: none
}

.Nav-children {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
    /*             -webkit-transition: visibility .4s step-end, pointer-events .4s step-end;
            -o-transition: .4s visibility step-end, .4s pointer-events step-end;
            transition: visibility .4s step-end, pointer-events .4s step-end */
}

.Nav-children:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    background-color: #f2f3f4;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    /*             -webkit-transition: transform .4s ease .2s, opacity .25s ease .2s;
            -o-transition: .4s transform ease .2s, .25s opacity ease .2s;
            transition: transform .4s ease .2s, opacity .25s ease .2s */
}

.Nav-item:hover .Nav-children {
    visibility: visible;
    pointer-events: all;
    -webkit-transition: visibility .4s step-start, pointer-events .4s step-start;
    -o-transition: .4s visibility step-start, .4s pointer-events step-start;
    transition: visibility .4s step-start, pointer-events .4s step-start
}

.Nav-item:hover .Nav-children:before {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.Nav button {
    color: inherit
}

.Menu {
    z-index: 9;
    padding-top: 120px
}

.Menu,
.Menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s step-end, pointer-events .4s step-end;
    -o-transition: .4s opacity cubic-bezier(.645, .045, .355, 1), .4s visibility step-end, .4s pointer-events step-end;
    transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s step-end, pointer-events .4s step-end
}

.has-menu .Menu,
.has-menu .Menu-overlay {
    overflow-y: scroll;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s step-start, pointer-events .4s step-start;
    -o-transition: .4s opacity cubic-bezier(.645, .045, .355, 1), .4s visibility step-start, .4s pointer-events step-start;
    transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility .4s step-start, pointer-events .4s step-start
}

.Menu-overlay {
    z-index: 8;
    background-color: hsla(0, 0%, 100%, .95)
}

.Menu-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Menu-list.u-list-inline {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.Menu-item {

    font-size: 1.125rem;
    line-height: 2;
    width: 100%;
    text-align: center
}

.Menu-burger {
    color: black !important;

    position: relative;
    z-index: 16
}

.Logo {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer
}

.Logo svg {
    pointer-events: none;
    fill: currentColor;
    -webkit-transition: fill .4s ease;
    -o-transition: fill .4s ease;
    transition: fill .4s ease
}

.Nav:hover .Logo svg,
.s-error404 .Logo svg,
.s-home .Logo svg {
    fill: #fff
}

.Hero {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.Hero .ie-10>[data-grid~=wrap],
.ie-11 .Hero>[data-grid~=wrap] {
    margin: 0
}

.Hero--video {
    padding-top: 130px
}

.Hero-bg {
    z-index: -1
}

.Hero-content {
    color: #fff
}

.Hero-heading {
    margin-bottom: 2em;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 700
}

.Hero-subheading {
    display: block;
    font-weight: 300;
    font-size: 1.5625rem
}

.Hero .video-js {
    height: 100%;
    max-width: 100%
}

.Hero-videoWrap {
    height: 100%;
    width: 100%;
    position: relative
}

.Hero-button:before {
    mix-blend-mode: unset
}

.Hero-button:after {
    margin-left: 1em
}

.Intro-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.PhotoCredit {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .3em .8em;
    background: rgba(0, 0, 0, .2);
    font-size: 11px;
    color: #fff
}

.FixedCta {
    position: fixed;
    top: 75%;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none
}

.FixedCta-button {
    position: relative;
    left: 100%;
    padding: .625rem 1.1rem;
    -webkit-transform: translateX(-3.75rem);
    -ms-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    -webkit-transition: left .35s ease;
    -o-transition: left .35s ease;
    transition: left .35s ease;
    -webkit-backface-visibility: hidden;
    pointer-events: auto
}

.FixedCta.is-hover .FixedCta-button {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.FixedCta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.FixedCta-container:after {
    content: "";
    position: absolute;
    left: 90%;
    height: 100%;
    width: 100%
}

.FixedCta-icon {
    width: 30px;
    height: 22px
}

.FixedCta-icon _:-ms-fullscreen,
:root .FixedCta-icon {
    margin-left: -7px
}

.FixedCta-text {
    display: block;
    margin-left: 1.5rem
}

.FixedCta-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 14
}

.FixedCta-overlay.is-clickable {
    visibility: visible;
    opacity: 1
}

.Category {
    margin-bottom: 3em
}

.Category-header {
    padding: 1.5em 0;
    margin-bottom: 2em;
    border-top: 1px solid #c8cbcd;
    background-color: #f2f3f4
}

.Category-more {
    min-width: 100px;
    font-size: 13px
}

.Category-list {
    position: relative
}

.Category-list.is-hidden {
    height: 0;
    overflow: hidden
}

.Category-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -o-radial-gradient(bottom, circle farthest-side, transparent 0, #fff 0);
    background: radial-gradient(circle farthest-side at bottom, transparent 0, #fff 0)
}

.Product {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: .4s transform cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1)
}

.Product:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.Product-thumbnail {
    position: relative;
    padding: 1em 0;
    margin-bottom: 1em;
    border-bottom: 1px solid #c8cbcd;
    text-align: center
}

.Product-thumbnail:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    content: "";
    height: 1px;
    background-color: #bd7db9;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: .4s transform cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    will-change: transform
}

.Product:hover .Product-thumbnail:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.Product-heading {
    margin: .25em 0 0;
    font-weight: 500;
    font-size: 1.125rem
}

.Product-sku {
    font-size: 11px;
    text-transform: uppercase
}

.Product-excerpt {
    font-size: .875rem
}

.ProductHeader {
    padding-bottom: 0
}

.ProductHeader-name {
    font-size: 1.75rem;
    font-weight: 700;
}

.ProductHeader-category {
    position: relative;
    padding-left: .75em
}

.ProductHeader-category:after {
    display: inline-block;
    height: .4em;
    width: .4em;
    border: 2px solid;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    margin-top: -.2em;
    color: #ccc5be
}

.Finishes {
    position: relative
}

.Finishes-title {
    font-weight: 700;
    margin-bottom: 2em
}

.Finishes-col {
    width: 100%;
    max-width: 33.75rem
}

.Finish {
    margin-bottom: 1em
}

.Finish-image {
    width: 70px
}

.Finish-name {
    font-size: 13px;
    line-height: 1.2
}

.Slider {
    width: 100%
}

.Slider-item {
    width: 100%;
    padding: 0 1.5em;
    margin-bottom: .625rem
}

.Cta {
    padding: 2rem
}

.Cta-heading {
    font-size: 1.25rem;
    font-weight: 500
}

.Cta--bgPrimary {
    background: #d06d99;
    color: #fff
}

.Cta--bgSecondary {
    background: #24214c;
    color: #fff
}

.Cta--bgWhite {
    background: #fff
}

.Cta--bgGreyLight {
    background: #f2f3f4
}

.Cta--bgGreyDark {
    background: #4a5156;
    color: #fff
}

.FilterWrapper {
    background: #e5e5e5;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.Filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.Filter-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 1.125rem;
    font-weight: 500
}

.Filter-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.Filter-button {
    background-color: transparent;
    font-weight: 300;
    padding: .15rem 1rem;
    margin: 0 0 .625rem
}

.Filter-button:first-of-type {
    margin: .625rem 0
}

.Filter-button.is-selected {
    background: #fff
}

.Filter-buttonWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Filter-buttonLabel {
    margin-right: 1rem
}

.Filter-removeIcon.Icon-close {
    height: 10px;
    width: 10px;
    opacity: 0;
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    -webkit-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .25s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .25s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .25s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1)
}

.Filter-removeIcon.Icon-close:after,
.Filter-removeIcon.Icon-close:before {
    height: 10px;
    width: 2px;
    background: #333
}

.Filter-removeIcon.Icon-close:before {
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.Filter-removeIcon.Icon-close:after {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg)
}

.Filter-button.is-selected .Filter-removeIcon.Icon-close {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: opacity .2s cubic-bezier(.645, .045, .355, 1), -webkit-transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1), -webkit-transform .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: opacity .2s cubic-bezier(.645, .045, .355, 1), transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1), transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .2s cubic-bezier(.645, .045, .355, 1), transform .25s cubic-bezier(.645, .045, .355, 1), -webkit-transform .25s cubic-bezier(.645, .045, .355, 1)
}

.Filter-removeIconLabel {
    display: none
}

.Filter-button.is-selected .Filter-removeIconLabel {
    display: block
}

.Filter-buttonClear {
    padding: .15rem 1rem;
    text-align: left
}

.Filter-buttonAll {
    text-align: left
}

.Meta {
    background: #f2f3f4
}

.Meta--dualBg {
    overflow-x: hidden
}

.Meta-sidebar {
    background: #ddd;
    position: relative;
    z-index: 0
}

.Meta--dualBg .Meta-sidebar:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    width: 999rem;
    display: block;
    background: #ddd;
    z-index: -1
}

.Meta-content {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.Social--share {
    width: 100%;
    max-width: 13rem;
    margin: 0 auto
}

.Social--follow,
.Social--share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.Social--follow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem 0
}

.Contact-widgets .Social--follow {
    margin: 0 1.5rem
}

.Social--grid:before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px
}

.Social--grid:after,
.Social--grid:before {
    content: "";
    position: absolute;
    background: #000
}

.Social--grid:after {
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%
}

.Social-label {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.Social-iconWrapper {
    padding: 1.5rem 2rem
}

.Social--follow .Social-iconWrapper {
    padding: 0;
    margin-right: 3rem
}

.Social--follow .Social-iconWrapper:last-of-type {
    margin-right: 0
}

.Social-icon {
    display: block;
    height: 38px;
    width: 38px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    padding: 25%;
    margin: 0 auto;
    text-indent: -99999px;
    -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.Social-icon--Twitter {
    background-image: url(../images/icon-twitter.svg)
}

.Social-icon--Facebook {
    background-image: url(../images/icon-facebook.svg)
}

.Social-icon--Linkedin {
    background-image: url(../images/icon-linkedin.svg)
}

.Social-icon--Pinterest {
    background-image: url(../images/icon-pinterest.svg)
}

.Social-icon--Instagram {
    background-image: url(../images/icon-instagram.svg)
}

.Contact-detail {
    margin: 0;
    font-size: 1.5625rem;
    line-height: 1.35
}

.Contact-form {
    position: relative;
    z-index: 0
}

.Contact-form:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50%;
    bottom: 0;
    width: 999rem;
    display: block;
    background: #f2f3f4;
    z-index: -1
}

.Contact-widgets {
    position: relative
}

.Contact-widgetsContainer {
    margin: 0 -1.5rem
}

.Search-header {
    position: relative;
    border-bottom: 1px solid #c8cbcd
}

.Search-header:after {
    position: absolute;
    bottom: -.5em;
    left: 50%;
    content: "";
    padding: 0 .5em;
    background-color: #fff;
    line-height: 1;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Search-input {
    width: 100%;
    padding: 0 .5em .5em;
    border: 0;
    font-size: 2.25rem;
    font-weight: 200;
    text-align: center;
    outline: none
}

.Search-dot {
    height: .5em;
    width: .5em;
    display: inline-block;
    margin: 0 .5em;
    border-radius: 50%;
    background-color: #c8cbcd
}

.Search-results {
    overflow: auto;
    height: calc(100vh - 166px);
    padding-top: 1em
}

.Search-results--empty {
    position: relative
}

.Search-results--empty * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Search-sidebar {
    border-left: 1px solid #c8cbcd
}

.Search-list--content>.Search-item {
    font-weight: 300
}

.Search a:hover {
    color: #bd7db9
}

.Search-action {
    position: relative;
    top: -16px;
    text-align: center
}

.Error404 {
    height: 100vh;
    background-image: url(../images/404.jpg);
    background-position: 50%;
    background-size: cover
}

.Error404-content {
    text-align: center;
    color: #fff
}

.Error404-title {
    margin: 0;
    font-size: 7.5rem;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: .9
}

.Error404-desc {}

.FeaturesSection {
    background-color: #f2f3f4;
    margin: 0 -2rem;
    padding: 0 2rem 2rem
}

.FeaturesSection-container {
    margin: 0 -2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto
}

.FeaturesSection-feature {
    text-align: center
}

.FeaturesSection-image {
    margin-top: 2rem
}

.FeaturesSection-heading {
    font-size: 19px;
    margin-bottom: 10px
}

.FeaturesSection-copy {
    font-size: 15px;
    margin: 0 auto 1rem;
    max-width: 317px
}

.FeaturesSection-headline {
    font-size: 1rem;
    margin-top: 0;
    padding-top: 1rem;
    font-weight: 900
}

.SpecificationsSection-image {
    width: 207px;
    margin: 0 auto;
    display: block;
    margin-bottom: 5rem;
    margin-top: 1rem
}

.SpecificationsSection--imageHub {
    margin: 2rem auto;
    padding-bottom: 2rem
}

.SpecificationsSection-headline {
    font-weight: 900;
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 0
}

.SpecificationsSection--headlineSpecifications {
    margin-top: 2rem
}

.SpecificationsSection--headlineDownload {
    margin-bottom: 1.5rem;
    margin-top: 3rem
}

.SpecificationsSection--headlineBox {
    margin-bottom: 1.5rem;
    margin-top: 3rem
}

.SpecificationsSection-content {
    border-top: 1px solid #979797;
    margin-top: 1rem
}

.SpecificationsSection-contentItem {
    font-size: 1rem;
    margin: .5rem 0
}

.SpecificationsSection-downloadWrapper {
    border-bottom: 1px solid #dfdfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SpecificationsSection-download {
    border-top: 1px solid #979797;
    margin-top: 3rem;
    margin-bottom: 3rem
}

.SpecificationsSection-downloadItem {
    font-size: 1rem;
    margin: .5rem 0 .5rem 5px
}

.u-m0 {
    margin: 0 !important
}

.u-mt0 {
    margin-top: 0 !important
}

.u-mr0 {
    margin-right: 0 !important
}

.u-mb0 {
    margin-bottom: 0 !important
}

.u-ml0 {
    margin-left: 0 !important
}

.u-p0 {
    padding: 0 !important
}

.u-pt0 {
    padding-top: 0 !important
}

.u-pr0 {
    padding-right: 0 !important
}

.u-pb0 {
    padding-bottom: 0 !important
}

.u-pl0 {
    padding-left: 0 !important
}

.u-m1 {
    margin: 1em !important
}

.u-mt1 {
    margin-top: 1em !important
}

.u-mr1 {
    margin-right: 1em !important
}

.u-mb1 {
    margin-bottom: 1em !important
}

.u-ml1 {
    margin-left: 1em !important
}

.u-p1 {
    padding: 1em !important
}

.u-pt1 {
    padding-top: 1em !important
}

.u-pr1 {
    padding-right: 1em !important
}

.u-pb1 {
    padding-bottom: 1em !important
}

.u-pl1 {
    padding-left: 1em !important
}

.u-m2 {
    margin: 2em !important
}

.u-mt2 {
    margin-top: 2em !important
}

.u-mr2 {
    margin-right: 2em !important
}

.u-mb2 {
    margin-bottom: 2em !important
}

.u-ml2 {
    margin-left: 2em !important
}

.u-p2 {
    padding: 2em !important
}

.u-pt2 {
    padding-top: 2em !important
}

.u-pr2 {
    padding-right: 2em !important
}

.u-pb2 {
    padding-bottom: 2em !important
}

.u-pl2 {
    padding-left: 2em !important
}

.u-m3 {
    margin: 3em !important
}

.u-mt3 {
    margin-top: 3em !important
}

.u-mr3 {
    margin-right: 3em !important
}

.u-mb3 {
    margin-bottom: 3em !important
}

.u-ml3 {
    margin-left: 3em !important
}

.u-p3 {
    padding: 3em !important
}

.u-pt3 {
    padding-top: 3em !important
}

.u-pr3 {
    padding-right: 3em !important
}

.u-pb3 {
    padding-bottom: 3em !important
}

.u-pl3 {
    padding-left: 3em !important
}

.u-ta-center {
    text-align: center
}

.u-ta-left {
    text-align: left
}

.u-ta-right {
    text-align: right
}

.u-h1 {
    font-size: 2.25rem
}

.u-h2 {
    font-size: 1.875rem
}

.u-h3 {
    font-size: 1.5625rem
}

.u-h4 {
    font-size: 1.4375rem
}

.u-h5 {
    font-size: 1.3125rem
}

.u-h6 {
    font-size: 1.125rem
}

.u-ts-small {
    font-size: 13px
}

.u-ts-smaller {
    font-size: .8rem
}

.u-ts-larger {
    font-size: 1.2rem
}

.u-large {
    font-size: 1.875rem;
}

.u-subtitle {
    font-size: 1.125rem;
    font-weight: 500
}

.u-ff-head {}

.u-ff-body {}

.u-list-inline,
.u-list-ui {
    list-style: none !important;
    padding-left: 0 !important
}

.u-list-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-list-vc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.u-list-hc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.u-srt {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.u-cover {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.u-object-cover {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.u-cover-full {
    width: 100%
}

.u-bg-grey {
    background: #f2f3f4
}

.u-grad-text {
    display: inline-block
}

.backgroundcliptext .u-grad-text {
    background: -o-linear-gradient(325deg, #f070aa, #00afef);
    background: linear-gradient(125deg, #f070aa, #00afef);
    -webkit-background-clip: text;
    font-weight: 700;
    color: #7a4773;
    -webkit-text-fill-color: transparent
}

.no-backgroundcliptext .u-grad-text {
    color: #bd7db9
}

.u-link {
    border-bottom: 1px solid
}

.open-email {
    color: #fff !important
}

.u-input-unset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit
}

.u-input-unset::-webkit-inner-spin-button,
.u-input-unset::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.u-list-unset {
    list-style: none;
    padding: 0
}

.u-b0-secondary {
    border: 0 solid #24214c !important
}

.u-b1-secondary {
    border: 1px solid #24214c !important
}

.u-b2-secondary {
    border: 2px solid #24214c !important
}

.u-b3-secondary {
    border: 3px solid #24214c !important
}

.u-b4-secondary {
    border: 4px solid #24214c !important
}

.u-b5-secondary {
    border: 5px solid #24214c !important
}

.u-f-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.u-f-align-center,
.u-f-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.u-f-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.finish-select-tiles {
    max-width: 1680px;
    margin: 0 auto !important
}

.finish-select-tiles .Tiles {
    padding-bottom: 46px
}

.finish-select-tiles .Tiles .Tiles-item:last-child {
    -ms-flex-preferred-size: 66.66666%;
    flex-basis: 66.66666%;
    max-width: 66.66666%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.finish-select-tiles .Tiles .Tiles-item .get-in-touch {
    display: block;
    font-size: 36px;
    line-height: 42px;
    color: #405d98;
    background-image: -o-linear-gradient(156deg, #9c63a4 15%, #405d98 80%);
    background-image: linear-gradient(-66deg, #9c63a4 15%, #405d98 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.finish-select-tiles .Tiles .Tiles-item img {
    margin-bottom: 20px;
    width: 65px;
    margin-left: auto;
    margin-right: auto
}

.finish-select-tiles .Tile-heading {
    margin-bottom: 16px
}

.finish-select-tiles .Tile-text {
    min-height: 54px
}

.pd-wrapper.white {
    background-color: #fff !important
}

.Single-Plate-Type-Finishes-Wrapper {
    width: 100% !important
}

.Single-Plate-Type-Finishes-Wrapper .Category-heading h3 {
    font-size: 20px;
    line-height: 26px;
    color: #1c1c1c;
    margin-bottom: 16px !important
}

.Single-Plate-Type-Finishes-Wrapper .Category-heading h4 {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 900;
    line-height: 28px;
    margin: 0
}

.Single-Plate-Type-Finishes-Wrapper .Category-header {
    border-top: 1px solid #000;
    position: relative;
    padding: 1.1em 0
}

.Single-Plate-Type-Finishes-Wrapper .copyright-images {
    text-align: center;
    padding: 0 15px;
    font-size: 13px;
    line-height: 28px
}

.Single-Plate-Type-Finishes-Wrapper .Button--back {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    min-width: auto;
    padding-left: 2em
}

.Single-Plate-Type-Finishes-Wrapper .Page {
    padding-top: 0
}

.Single-Plate-Type-Finishes-Wrapper .Product-thumbnail {
    padding: 0 0 1em
}

.grey-bg {
    background-color: #f2f3f4
}

.required-header {
    background-color: #fff;
    border: 0
}

.required-heading {
    -ms-flex-preferred-size: 66.66666%;
    flex-basis: 66.66666%
}

.required-heading h3 {
    background: -o-linear-gradient(325deg, #f070aa, #00afef);
    background: linear-gradient(125deg, #f070aa, #00afef);
    -webkit-background-clip: text;
    color: #7a4773;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-weight: 700;
    line-height: 48px
}

.required-link .Button {
    min-width: 191px;
    max-width: 191px
}

.Panel-wrap {
    z-index: 9
}

.Panel[data-cell~="1/2"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-widgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-widgets [data-grid~=wrap] {
    max-width: 1880px
}

.add-plate-wrapper {
    width: 100%
}

.add-plate-wrapper .Plate-box {
    background-color: #f2f3f4;
    padding: 1.125em 1em;
    margin: 0 2px
}

.add-plate-wrapper .PlateDesigner-input--project:-ms-input-placeholder,
.add-plate-wrapper .PlateDesigner-input--project::-ms-input-placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project::-webkit-input-placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project::-moz-placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project:-ms-input-placeholder,
.add-plate-wrapper .PlateDesigner-input--project::-ms-input-placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project::placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project {
    border-color: #1c1c1c;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 11px;
    color: #1c1c1c
}

.add-plate-wrapper .PlateDesigner-header {
    padding: .25em 1em;
    margin-bottom: 5px !important
}

.add-plate-wrapper .Plate-header .PlateDesigner-input--project {
    padding: .219em 0
}

.add-plate-wrapper .Qty-btn[disabled] {
    background-color: #979797
}

.tiles-wrap {
    background-color: #f2f3f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .7em 1em;
    margin: 5px 2px
}

.tiles-wrap h4 {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 900;
    line-height: 28px;
    display: block;
    width: 100%;
    margin: 0 0 14.5px
}

.tiles-wrap .single-tile {
    width: calc(100% / 3 - 5px);
    text-align: center;
    min-height: 220px;
    background-color: #fff;
    margin: 2.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tiles-wrap .single-tile,
.tiles-wrap .single-tile a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.tiles-wrap .single-tile a {
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.tiles-wrap .single-tile:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #24214c;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0
}

.tiles-wrap .single-tile:after,
.tiles-wrap .single-tile:hover:after {
    overflow: hidden;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.tiles-wrap .single-tile:hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.tiles-wrap .single-tile h3 {
    width: 100%;
    color: #1c1c1c;
    font-size: 19px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 0
}

.tiles-wrap .single-tile:hover h3,
.tiles-wrap .single-tile h3 {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.tiles-wrap .single-tile:hover h3 {
    color: #fff
}

.tiles-wrap .single-tile:hover svg rect {
    fill: #fff;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.tiles-wrap .single-tile.active:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.tiles-wrap .single-tile.active h3 {
    color: #fff
}

.tiles-wrap .single-tile.active svg rect {
    fill: #fff
}

.tiles-wrap .configure-plate-wrap {
    width: 100%;
    text-align: right;
    margin: 18px 0
}

.tiles-wrap .configure-plate-wrap a.Button {
    background-color: #979797;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    padding: .3em 1.5em
}

.add-plate-wrapper .Plate-label {
    font-size: 16px;
    font-weight: 900;
    line-height: 28px
}

.checked {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #1c1c1c
}

.add-plate-wrapper [type=radio]:checked,
.add-plate-wrapper [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.add-plate-wrapper [type=radio]:checked+.checked,
.add-plate-wrapper [type=radio]:not(:checked)+.checked {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block
}

.add-plate-wrapper [type=radio]:checked+.checked:before,
.add-plate-wrapper [type=radio]:not(:checked)+.checked:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: rgba(0, 0, 0, .5);
    display: none
}

.add-plate-wrapper [type=radio]:checked+.checked:after,
.add-plate-wrapper [type=radio]:not(:checked)+.checked:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 5px;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 0 2px 6px rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px 6px rgba(0, 0, 0, .5)
}

.add-plate-wrapper [type=radio]:not(:checked)+.checked:after {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid silver;
    width: 15px;
    height: 15px
}

.add-plate-wrapper [type=radio]:checked+.checked:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 7px;
    left: 10px
}

.add-plate-wrapper .ConfigureButtons-cell--toggle {
    position: relative;
    min-width: 14px;
    margin-right: 19px
}

.add-plate-wrapper input.Checkbox {
    padding: 0;
    height: auto;
    width: auto;
    margin-bottom: 0;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0
}

.add-plate-wrapper .check-box {
    position: relative;
    cursor: pointer
}

.add-plate-wrapper .check-box:before {
    content: "";
    -webkit-appearance: none;
    background-color: #979797;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 3px
}

.add-plate-wrapper input.Checkbox:checked+.check-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1.3px 1.3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.add-plate-wrapper .ConfigureButtons-input {
    border: 1px solid #dce0e2;
    height: 28px
}

.add-plate-wrapper .ConfigureButtons-count {
    top: 3px
}

.Preview-buttons .Preview-button {
    height: 28.65px;
    width: 91.63px
}

.button-sized {
    width: 40px;
    min-width: auto;
    margin-right: 10px
}

.add-plate-wrapper .modular_buttons .ConfigureButtons-cell--toggle {
    min-width: 80px;
    margin-right: 19px
}

.Preview-buttons.large-buttons .Preview-button {
    height: 37.98px;
    width: 124.06px;
    line-height: 38px
}

.Preview-buttons.large-buttons .Preview-button:before {
    display: none
}

.Preview-buttons.large-buttons .Preview-button.large {
    height: 78.19px;
    width: 124.06px
}

.Preview-buttons.large-buttons .Preview-button.extra-large {
    height: 118.35px;
    width: 124.06px
}

.Preview-buttons.large-buttons .Preview-button {
    margin: 0 1px 1px
}

.Preview-buttons.large-buttons {
    height: 245.87px;
    width: 256.33px !important;
    border: 1px solid #000;
    padding: 1.8px .9px;
    border-radius: 0
}

li.ConfigureButtons-row.disabled {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

li.ConfigureButtons-row.disabled .InsertButton-label,
li.ConfigureButtons-row.disabled .InsertButton-label input {
    cursor: not-allowed !important
}

.modular_buttons .InsertButton.all-size,
.modular_buttons .InsertButton.all-size .InsertButton-label {
    padding: 0;
    text-align: center
}

.modular_buttons .InsertButton-label span {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    vertical-align: middle;
    line-height: 18px;
    margin: 0 2px 1px
}

.disabled-plate-option {
    opacity: .3;
    cursor: disabled
}

.disabled-plate-option .checked {
    cursor: no-drop !important
}

.Preview.classic-plate .Preview-buttons .Preview-button {
    margin: 6px 13.09px
}

.Plate-option {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Select {
    padding: 0
}

.Select.is-open {
    background: #fff url(/images/up-arrow.svg) calc(100% - 15px) 50% no-repeat
}

.Select-control {
    border: 1px solid #979797 !important;
    border-radius: 17.5px !important;
    background: none !important;
    cursor: pointer !important
}

.Select-placeholder {
    color: #1c1c1c !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 0 22.5px !important
}

.Select-arrow-zone {
    display: none !important
}

.Select-menu-outer {
    border: 1px solid #979797 !important;
    border-radius: 14px !important
}

.Select-menu {
    border-radius: 14px !important
}

.Select-option.is-focused {
    background-color: #ebedee !important;
    color: #1c1c1c !important
}

.Select-clear {
    padding: 8px 15px;
    background-color: #fff
}

.Plate-buttons.Plate-box {
    max-width: 100%;
    margin: 0 2px;
    min-height: 260px
}

.finish-select-wrapper {
    float: left;
    width: 100%;
    margin-right: 19.5px
}

.finish-preview-wrapper {
    width: 100%;
    text-align: left;
    margin: 0
}

.Plate-buttons.Plate-box,
.Plate-finish-selector.Plate-box {
    padding: 1.125em 1.625em
}

.finish-preview-wrapper button {
    position: relative;
    background-color: #979797;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    padding: .5em 1.5em;
    border-radius: 1000px;
    -webkit-transition: box-shadow .4s ease;
    -o-transition: .4s box-shadow ease;
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: -webkit-box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
    transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

.finish-preview-wrapper button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 1000px;
    background-image: -o-radial-gradient(bottom, circle, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    background-image: radial-gradient(circle at bottom, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    mix-blend-mode: overlay;
    -webkit-transition: opacity .4s ease;
    -o-transition: .4s opacity ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.finish-preview-wrapper button:hover {
    -webkit-box-shadow: inset 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .1)
}

.finish-preview-wrapper button:hover:before {
    opacity: 1
}

.finish-preview-wrapper a {
    position: relative;
    background-color: #979797;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    padding: .5em 1.5em;
    border-radius: 1000px;
    -webkit-transition: box-shadow .4s ease;
    -o-transition: .4s box-shadow ease;
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: -webkit-box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
    transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

.finish-preview-wrapper a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 1000px;
    background-image: -o-radial-gradient(bottom, circle, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    background-image: radial-gradient(circle at bottom, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    mix-blend-mode: overlay;
    -webkit-transition: opacity .4s ease;
    -o-transition: .4s opacity ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.finish-preview-wrapper a:hover {
    -webkit-box-shadow: inset 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .1)
}

.finish-preview-wrapper a:hover:before {
    opacity: 1
}

.finish-select-wrapper {
    max-width: 320px
}

.Plate-body [data-grid*=nowrap] {
    margin: 5px 0
}

.Preview-buttons {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.Plate-finish-selector p.Plate-label.u-mt0 {
    margin: 0
}

.Preview {
    margin: .75em 20px .75em 0 !important
}

.Preview.modular-plate:before {
    display: none;
    opacity: 0
}

.Preview-button.modular {
    display: none;
    border-radius: 0
}

.Preview-button.modular.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.Preview-buttons .buttons-left .Preview-button,
.Preview-buttons .buttons-right .Preview-button {
    margin: 0 .9px 2.24px
}

.Preview {
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #f2f3f4
}

.Preview.modular-plate {
    border-radius: 0;
}

.finish-select-tiles {
    padding: 0 3em
}

.Tile-contents {
    padding: 2.2em
}

.Tile-icon {
    height: 4.07rem;
    width: 4.07rem
}

.Button--back {
    padding-left: 2em !important
}

.hover-img {
    display: none
}

.tiles-wrap .single-tile:hover .hover-img {
    display: block
}

.tiles-wrap .single-tile:hover .default-img {
    display: none
}

.PlateDesigner-input {
    padding: .2em .8em !important
}

.Plate-name {
    padding: 0 .8em;
    line-height: 28px
}

.Single-Plate-Type-Finishes-Wrapper .Product-thumbnail img {
    min-height: 360px !important
}

.plate-chooser-hover {
    display: none
}

.plate-chooser-hover:hover,
.tiles-wrap .single-tile:hover .plate-chooser-hover {
    display: block
}

.tiles-wrap .single-tile:hover .plate-chooser {
    display: none
}

.ConfigureButtons-input[disabled] {
    background-color: #f2f3f4 !important;
    border: 1px solid #dde0e2 !important
}

.Preview.classic-plate,
.Preview.eos-plate,
.Preview.modular-plate {
    background-image: unset
}

.Preview.eos-plate+[data-cell*=grow],
.Preview.modular-plate+[data-cell*=grow] {
    padding: 0
}

.Plate-buttons.Plate-box,
.Plate-finish-selector.Plate-box {
    margin: 0 2px 5px
}

.Preview.eos-plate+[data-cell*=grow],
.Preview.modular-plate+[data-cell*=grow] {
    padding: 0
}

.Plate-finish-selector.Plate-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Plate-finish-selector p.Plate-label.u-mt0 {
    margin: 0 0 5px;
    width: 100%
}

.finish-preview-wrapper {
    width: auto
}

.Plate-body {
    height: auto !important
}

.pass p:last-child {
    top: -10px
}

.finish-popup-modal .Modal.is-open {
    max-width: 733px !important;
    max-height: 733px !important;
    height: auto !important
}

.finish-popup-modal .Modal.is-open>div {
    height: 100%
}

.finish-popup-modal .Modal.is-open .Modal-inner {
    padding: 22px 22px 10px
}

.finish-popup-modal .finish-popup-image-wrapper img {
    width: 100%
}

.finish-popup-modal .popup-copyright-message-wrapper {
    text-align: center;
    padding: 8px 0
}

.finish-popup-modal .popup-copyright-message-wrapper .popup-copyright-message {
    margin: 0;
    color: #dfdfdf;
    font-size: 13px;
    line-height: 28px
}

.finish-popup-modal .Modal-header {
    display: none
}

.tiles-wrap .single-tile.active .plate-chooser-hover {
    display: block
}

.tiles-wrap .single-tile.active .plate-chooser {
    display: none
}

.InsertButton-actions {
    min-height: 24px
}

.InsertButton-actions.eos *,
.InsertButton-actions.modular * {}

.ConfigureButtons-cell.ConfigureButtons-cell--input.eos input,
.ConfigureButtons-cell.ConfigureButtons-cell--input.modular input,
.Preview.eos-plate .medium-box,
.Preview.eos-plate .medium-box span {}

.InsertButton-actions.eos .InsertButton-action,
.InsertButton-actions.eos .InsertButton-action.btn-3,
.InsertButton-actions.eos .InsertButton-action.btn-4,
.InsertButton-actions.eos .InsertButton-action.btn-5 {
    font-size: 10px
}

.Single-Plate-Type-Finishes-Wrapper .Product-thumbnail img {
    min-height: auto !important
}

.Widgets.flex-widgets h2 {
    text-transform: uppercase
}

.Preview-button {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #000 !important;
    color: #000 !important
}

.Preview-button:before {
    border: 1px solid #000 !important;
    -webkit-transform: translateY(-50%) scale(1) !important;
    -ms-transform: translateY(-50%) scale(1) !important;
    transform: translateY(-50%) scale(1) !important;
    height: 6px !important;
    width: 6px !important
}

.Preview-screw {
    background-color: transparent !important;
    border: 1px solid #000 !important
}

.Preview-screw:after,
.Preview-screw:before {
    background-color: #000 !important;
    height: 67% !important;
    width: 1px !important;
    margin-top: -30% !important;
    margin-left: -.5px !important
}

.Preview:before {
    border: 1px solid #000 !important;
    background-color: transparent !important
}

.Preview.eos-plate .medium-box {}

.Category-item .Product {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.Category-item .Product a {
    display: block;
    height: 100%;
    width: 100%
}

.Preview-buttons.large-buttons .Preview-button.extra-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Tile--icon:hover .Tile-icon g {
    fill: #6f1798
}

.finish-select-tiles {
    padding: 0
}

[data-cell~="1/3"].Panel-wrap {
    margin-left: 48px;
    padding: 0
}

body>svg {
    position: absolute
}

.Preview.classic-plate,
.Preview.eos-plate,
.Preview.modular-plate {
    background-image: none
}

.add-plate-wrapper .PlateDesigner-input--project {
    height: 100%
}

.modular_buttons .InsertButton-label {
    text-transform: capitalize
}

td.print-eos-font {}

.Preview-screw:after {
    -webkit-transform: translate(-50%) rotate(-45deg) !important;
    -ms-transform: translate(-50%) rotate(-45deg) !important;
    transform: translate(-50%) rotate(-45deg) !important
}

.Preview-screw:before {
    -webkit-transform: translate(-50%) rotate(45deg) !important;
    -ms-transform: translate(-50%) rotate(45deg) !important;
    transform: translate(-50%) rotate(45deg) !important
}

.Preview-screw:after,
.Preview-screw:before {
    margin-top: -33% !important;
    margin-left: 0 !important
}

.modular_buttons .InsertButton.all-size .InsertButton-label:after {
    display: none
}

.modular_buttons .InsertButton .InsertButton-label:after {
    right: 5px
}

.finish-popup-modal .Product:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.finish-popup-modal .Category-item {
    padding: 0;
    margin-bottom: 0
}

.Product-heading {
    width: 100%
}

.finish-popup-modal .Modal {
    max-width: 733px !important;
    max-height: 733px !important;
    height: auto !important
}

.finish-popup-modal .Modal .Modal-inner {
    padding: 22px 22px 10px
}

.Category-item {
    margin-bottom: 30px
}

.Preview-buttons.large-buttons .Preview-button.modular.is-active.extra-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1px !important
}

.Preview-buttons.large-buttons .Preview-button.modular.is-active.extra-large span {
    margin-top: 2px !important
}

.Preview-buttons.large-buttons .Preview-button.modular.is-active.large span {
    margin-bottom: 40px
}

.Panel--contact .u-cover {
    min-height: 520px !important
}

.Tile-text {
    min-height: 54px
}

.Tile--icon:hover .Tile-icon,
.Tile-icon {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

a {
    -webkit-tap-highlight-color: transparent
}

.finish-popup-modal .popup-copyright-message-wrapper p {
    margin: 0;
    color: #dfdfdf;
    font-size: 13px;
    line-height: 28px
}

.Preview-buttons.large-buttons .Preview-button.modular {
    display: none
}

.Preview-buttons.large-buttons .Preview-button.modular.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.disabled .InsertButton {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.Preview {
    width: 357px !important;
    height: 357px !important
}

.Preview-buttons {
    width: 236.18px !important
}

.configure-plate-wrap a.Button.active {
    background-color: #24214c
}

/* 
    @media (min-width:640px) {
        .choices__list--dropdown .choices__item--selectable {
            padding-right: 100px
        }

        .choices__list--dropdown .choices__item--selectable:after {
            content: attr(data-select-text);
            font-size: 12px;
            opacity: 0;
            position: absolute;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        [dir=rtl] .choices__list--dropdown .choices__item--selectable {
            text-align: right;
            padding-left: 100px;
            padding-right: 10px
        }

        [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
            right: auto;
            left: 10px
        }

        .choices__list--dropdown .choices__item--selectable {
            padding-right: 1rem
        }
    } */

@media (min-width:680px) and (max-width:1139px) {
    /* [data-cell~="1/12@tablet"] {
            -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%
        }

        [data-cell~="1/6@tablet"] {
            -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%
        }

        [data-cell~="1/4@tablet"] {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%
        }

        [data-cell~="1/3@tablet"] {
            -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%
        }

        [data-cell~="5/12@tablet"] {
            -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%
        }

        [data-cell~="1/2@tablet"] {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%
        }

        [data-cell~="7/12@tablet"] {
            -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%
        }

        [data-cell~="2/3@tablet"] {
            -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%
        }

        [data-cell~="3/4@tablet"] {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%
        }

        [data-cell~="5/6@tablet"] {
            -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%
        }

        [data-cell~="11/12@tablet"] {
            -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%
        }

        [data-cell~="full@tablet"] {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }

        [data-cell~="1/5@tablet"] {
            -ms-flex-preferred-size: 20%;
            flex-basis: 20%
        }

        [data-cell~="2/5@tablet"] {
            -ms-flex-preferred-size: 40%;
            flex-basis: 40%
        }

        [data-cell~="3/5@tablet"] {
            -ms-flex-preferred-size: 60%;
            flex-basis: 60%
        }

        [data-cell~="4/5@tablet"] {
            -ms-flex-preferred-size: 80%;
            flex-basis: 80%
        }  */

    .Form-tooltip {
        font-size: .875rem;
        padding: 1rem
    }

    .Panel--plate-designer:after {
        right: -12%;
        bottom: -10%;
        width: 60%
    }

    .Slider-item--quarter {
        width: 50%
    }

    .Social-label {
        margin-bottom: 0;
        margin-right: 3rem
    }

    .Contact-widgetsContainer {
        margin: 0 -3rem
    }

    .FeaturesSection-feature {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

/* @media (min-width:680px) and (max-width:1139px) and (-ms-high-contrast:active),
    (min-width:680px) and (max-width:1139px) and (-ms-high-contrast:none) {
        [data-cell~="1/12@tablet"] {
            max-width: 8.33333%
        }

        [data-cell~="1/6@tablet"] {
            max-width: 16.66667%
        }

        [data-cell~="1/4@tablet"] {
            max-width: 25%
        }

        [data-cell~="1/3@tablet"] {
            max-width: 33.33333%
        }

        [data-cell~="5/12@tablet"] {
            max-width: 41.66667%
        }

        [data-cell~="1/2@tablet"] {
            max-width: 50%
        }

        [data-cell~="7/12@tablet"] {
            max-width: 58.33333%
        }

        [data-cell~="2/3@tablet"] {
            max-width: 66.66667%
        }

        [data-cell~="3/4@tablet"] {
            max-width: 75%
        }

        [data-cell~="5/6@tablet"] {
            max-width: 83.33333%
        }

        [data-cell~="11/12@tablet"] {
            max-width: 91.66667%
        }

        [data-cell~="full@tablet"] {
            max-width: 100%
        }

        [data-cell~="1/5@tablet"] {
            max-width: 20%
        }

        [data-cell~="2/5@tablet"] {
            max-width: 40%
        }

        [data-cell~="3/5@tablet"] {
            max-width: 60%
        }

        [data-cell~="4/5@tablet"] {
            max-width: 80%
        }
    } */

/* @media (min-width:680px) {
        .cms--specifications {
            padding-left: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 50%
        }

        .cms--specifications td {
            padding-left: 20px;
            padding-bottom: 15px
        }

        .Section {
            padding: 4rem 0
        }

        .Form-note {
            position: absolute;
            top: -1.5rem;
            margin: 0
        }

        .Form-field--confirmEmail .Form-note,
        .Form-field--postcode .Form-note,
        .Form-field--shortAnswer .Form-note {
            top: -1rem
        }

        .Menu-item {
            font-size: 1.5625rem
        }

        .SpecificationsSection-flexContainer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .SpecificationsSection-image {
            width: 288px;
            margin-bottom: 2.5rem
        }

        .SpecificationsSection-column {
            width: 50%
        }
    } */

@media (min-width:1140px) {
    body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 100vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Site-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    @supports (display:grid) {
        .Site-wrapper {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }
    }

    .Site-content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    @supports (display:grid) {
        .Site-content {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }
    }

    .Section--tall {
        padding: 6rem 0
    }

    .Form-legend {
        padding-top: 1.5625rem
    }

    .Form-field--dropdown .Form-label {
        float: left;
        margin: 0 .9375rem 0 0
    }

    .Form-field--verticalDivider {
        position: relative;
        top: 0;
        left: -1rem;
        display: block;
        border-left: 1px solid #1c1c1c;
        margin: 0;
        width: 1px;
        height: calc(100% - 1rem);
        float: left
    }

    .Form-actionsRow {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .Button--feature {
        font-size: 1.125rem
    }

    .Input--multilineThin {
        min-height: 46px
    }

    .Form-field--multiChoiceInline .Checkbox-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .Form-field--multiChoiceInline .Checkbox-list .Checkbox-item {
        margin-right: 2rem;
        margin-bottom: 0
    }

    .Form-field--multiChoiceInline .Checkbox-list .Checkbox-item:last-of-type {
        margin-right: 0
    }

    .Form-field--multiChoiceInline .Checkbox-list .Checkbox-check {
        margin-right: 6px
    }

    .choices {
        display: inline-block;
        min-width: 300px
    }

    .Grid-image {
        max-height: 95vh
    }

    .Focus-text {
        margin-bottom: 0;
        font-size: 1.875rem
    }

    .Panel--bottomRight .Panel-wrap [data-grid=row],
    .Panel--topRight .Panel-wrap [data-grid=row] {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .Carousel-content {
        padding: 0
    }

    .Carousel--hero .Carousel-arrow {
        display: block
    }

    .Carousel-dots {
        bottom: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .Carousel-dot {
        max-width: 5rem
    }

    .Carousel--animFade .Carousel-animateIn {
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }

    .Page-header {
        padding: 4rem 0
    }

    .Holding-container {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .Nav:hover:before {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }

    .Nav:hover .Nav-item--root,
    .s-error404 .Nav-item--root,
    .s-home .Nav-item--root {
        color: #fff
    }

    .Logo svg {
        fill: #747a7e
    }

    .FixedCta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 0
    }

    .FixedCta-button {
        padding: .75rem 1.25rem;
        left: auto;
        -webkit-transform: translateX(100%) translateX(-4rem);
        -ms-transform: translateX(100%) translateX(-4rem);
        transform: translateX(100%) translateX(-4rem);
        -webkit-transition: -webkit-transform .35s ease;
        transition: -webkit-transform .35s ease;
        -o-transition: transform .35s ease;
        transition: transform .35s ease;
        transition: transform .35s ease, -webkit-transform .35s ease
    }

    .FixedCta-button:hover,
    .FixedCta.is-hover .FixedCta-button {
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-right: 25px
    }

    .Category-count {
        text-align: center
    }

    .Category-link {
        text-align: right
    }

    .Slider-item--quarter {
        width: 25%
    }

    .FilterWrapper {
        background: none;
        padding-top: 0;
        padding-bottom: 0
    }

    .Filter {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }

    .Filter-label {
        display: block;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        padding: .15rem 1rem .15rem 0;
        margin: 0 1.5rem 0 0;
        width: auto
    }

    .Filter-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: unset
    }

    .Filter-button {
        font-size: 1.125rem
    }

    .Filter-button,
    .Filter-button:first-of-type {
        margin: 0 1.5rem 0 0
    }

    .Filter-button:last-of-type {
        margin: 0
    }

    .Filter-button.is-selected {
        background: #e5e5e5
    }

    .Filter-removeIcon.Icon-close {
        height: 15px;
        width: 15px
    }

    .Filter-removeIcon.Icon-close:after,
    .Filter-removeIcon.Icon-close:before {
        height: 15px
    }

    .Filter-expandIcon.Icon-expand,
    .Filter-expandIconLabel {
        display: none
    }

    .Filter-buttonClear {
        padding: .15rem
    }

    .Meta--dualBg .Meta-sidebar:before {
        right: -999rem
    }

    .Meta-content {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .Contact-widgets .Social--follow {
        margin: 0
    }

    .Social-label {
        margin-right: 5rem
    }

    .Contact-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Contact-form:before {
        right: -999rem
    }

    .Contact-widgets {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: 60vh
    }

    .Contact-widgetsContainer {
        margin: 0 -1.5rem 0 -3rem
    }

    .FeaturesSection {
        padding: 0 2rem 5rem
    }

    .FeaturesSection-feature {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%
    }

    .FeaturesSection-image {
        margin-top: 3rem
    }

    .FeaturesSection-headline {
        padding-top: 2rem
    }

    .SpecificationsSection {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .SpecificationsSection-products {
        width: 70%
    }

    .SpecificationsSection-description {
        width: 30%;
        border-left: 1px solid #979797;
        padding-left: 40px;
        margin-top: 5rem;
        margin-bottom: 4rem
    }

    .SpecificationsSection--headlineSpecifications {
        margin-top: 4rem
    }

    .SpecificationsSection--headlineDownload {
        margin-top: 2rem
    }

    .SpecificationsSection--headlineBox {
        margin-top: 0
    }

    .SpecificationsSection-content {
        border-top: none;
        margin-top: 0
    }

    .SpecificationsSection-download {
        margin-top: 6rem
    }

    .u-hide\@desktop {
        display: none
    }
}

@media screen and (min-width:1140px) and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
    .Carousel--animScale .Carousel-item--current {
        -webkit-filter: blur(.3px);
        filter: blur(.3px)
    }

    [class*=Carousel--anim] .Carousel-item--current .Carousel-animateIn {
        -webkit-filter: blur(.3px);
        filter: blur(.3px)
    }
}

@media (min-width:1680px) {

    .Form-heading,
    .Form-legend {
        margin-bottom: 2.5rem
    }

    .Form-label {
        font-size: 1.125rem
    }

    .Form-field {
        margin-bottom: 2rem
    }

    .Input::-webkit-input-placeholder {
        font-size: 1.125rem
    }

    .Input::-moz-placeholder {
        font-size: 1.125rem
    }

    .Input:-ms-input-placeholder,
    .Input::-ms-input-placeholder {
        font-size: 1.125rem
    }

    .Input::placeholder {
        font-size: 1.125rem
    }

    .Radio-content {
        font-size: 1.125rem
    }

    .Checkbox--multiLine .Checkbox-check {
        top: 7px
    }

    .Checkbox-content {
        font-size: 1.125rem
    }

    .Contact-widgets .Panel-wrap {
        padding-left: calc(((100vw - 17px) / 2) - 420px + 3rem)
    }

    .Tile-contents {
        padding: 3em
    }

    .Contact-widgets .Social--follow {
        padding-left: calc(((100vw - 17px) / 2) - 420px - 6rem)
    }

    .Social--follow .Social-iconWrapper {
        margin-right: 5rem
    }

    .Contact-widgetsContainer {
        position: absolute;
        margin: 0 -1.5rem 0 0;
        left: calc(((100vw - 17px + 6rem) / -2) + 420px)
    }
}

@media (min-width:1921px) {
    .Contact-widgets .Social--follow {
        padding-left: 0
    }
}

@media (max-width:1140px) {
    /* [data-cell~="1/12@touch"] {
            -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%
        }

        [data-cell~="1/6@touch"] {
            -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%
        }

        [data-cell~="1/4@touch"] {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%
        }

        [data-cell~="1/3@touch"] {
            -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%
        }

        [data-cell~="5/12@touch"] {
            -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%
        }

        [data-cell~="1/2@touch"] {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%
        }

        [data-cell~="7/12@touch"] {
            -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%
        }

        [data-cell~="2/3@touch"] {
            -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%
        }

        [data-cell~="3/4@touch"] {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%
        }

        [data-cell~="5/6@touch"] {
            -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%
        }

        [data-cell~="11/12@touch"] {
            -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%
        }

        [data-cell~="full@touch"] {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }

        [data-cell~="1/5@touch"] {
            -ms-flex-preferred-size: 20%;
            flex-basis: 20%
        }

        [data-cell~="2/5@touch"] {
            -ms-flex-preferred-size: 40%;
            flex-basis: 40%
        }

        [data-cell~="3/5@touch"] {
            -ms-flex-preferred-size: 60%;
            flex-basis: 60%
        }

        [data-cell~="4/5@touch"] {
            -ms-flex-preferred-size: 80%;
            flex-basis: 80%
        } */

    .cms+.cms {
        margin-top: 1em
    }

    .Tiles-item {
        height: 55vw
    }

    .SearchButton {
        -webkit-transform: scale(1.5) rotate(-45deg);
        -ms-transform: scale(1.5) rotate(-45deg);
        transform: scale(1.5) rotate(-45deg)
    }

    .scrollmagic-pin-spacer .Tabs-header[style*=fixed] {
        top: 90px !important
    }

    .Carousel--hero {
        height: 90vh
    }

    .Page {
        padding-top: 90px
    }

    .Page-hero {
        margin-top: -90px;
        min-height: 300px
    }

    .Header {
        position: fixed
    }

    .Nav:before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }

    .Nav-list {
        height: 90px
    }

    .Nav-item {
        color: #fff
    }

    .Hero {
        height: 90vh;
        padding-top: 90px
    }

    .Finishes-col {
        max-width: none
    }

    .Contact-form.has-response {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 2em
    }

    .Search-sidebar {
        border-left: 0
    }

    .u-hide\@touch {
        display: none
    }
}

/* @media (max-width:1139px) and (-ms-high-contrast:active),
    (max-width:1139px) and (-ms-high-contrast:none) {
        [data-cell~="1/12@touch"] {
            max-width: 8.33333%
        }

        [data-cell~="1/6@touch"] {
            max-width: 16.66667%
        }

        [data-cell~="1/4@touch"] {
            max-width: 25%
        }

        [data-cell~="1/3@touch"] {
            max-width: 33.33333%
        }

        [data-cell~="5/12@touch"] {
            max-width: 41.66667%
        }

        [data-cell~="1/2@touch"] {
            max-width: 50%
        }

        [data-cell~="7/12@touch"] {
            max-width: 58.33333%
        }

        [data-cell~="2/3@touch"] {
            max-width: 66.66667%
        }

        [data-cell~="3/4@touch"] {
            max-width: 75%
        }

        [data-cell~="5/6@touch"] {
            max-width: 83.33333%
        }

        [data-cell~="11/12@touch"] {
            max-width: 91.66667%
        }

        [data-cell~="full@touch"] {
            max-width: 100%
        }

        [data-cell~="1/5@touch"] {
            max-width: 20%
        }

        [data-cell~="2/5@touch"] {
            max-width: 40%
        }

        [data-cell~="3/5@touch"] {
            max-width: 60%
        }

        [data-cell~="4/5@touch"] {
            max-width: 80%
        }
    } */

@media (max-width:679px) and (-ms-high-contrast:active),
(max-width:679px) and (-ms-high-contrast:none) {
    [data-cell~="1/12@mobile"] {
        max-width: 8.33333%
    }

    [data-cell~="1/6@mobile"] {
        max-width: 16.66667%
    }

    [data-cell~="1/4@mobile"] {
        max-width: 25%
    }

    [data-cell~="1/3@mobile"] {
        max-width: 33.33333%
    }

    [data-cell~="5/12@mobile"] {
        max-width: 41.66667%
    }

    [data-cell~="1/2@mobile"] {
        max-width: 50%
    }

    [data-cell~="7/12@mobile"] {
        max-width: 58.33333%
    }

    [data-cell~="2/3@mobile"] {
        max-width: 66.66667%
    }

    [data-cell~="3/4@mobile"] {
        max-width: 75%
    }

    [data-cell~="5/6@mobile"] {
        max-width: 83.33333%
    }

    [data-cell~="11/12@mobile"] {
        max-width: 91.66667%
    }

    [data-cell~="full@mobile"] {
        max-width: 100%
    }

    [data-cell~="1/5@mobile"] {
        max-width: 20%
    }

    [data-cell~="2/5@mobile"] {
        max-width: 40%
    }

    [data-cell~="3/5@mobile"] {
        max-width: 60%
    }

    [data-cell~="4/5@mobile"] {
        max-width: 80%
    }
}

@media (max-width:679px) {
    body {
        font-size: .75rem
    }

    [data-cell~="1/12@mobile"] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%
    }

    [data-cell~="1/6@mobile"] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }

    [data-cell~="1/4@mobile"] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    [data-cell~="1/3@mobile"] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    [data-cell~="5/12@mobile"] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%
    }

    [data-cell~="1/2@mobile"] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    [data-cell~="7/12@mobile"] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%
    }

    [data-cell~="2/3@mobile"] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

    [data-cell~="3/4@mobile"] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }

    [data-cell~="5/6@mobile"] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%
    }

    [data-cell~="11/12@mobile"] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%
    }

    [data-cell~="full@mobile"] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    [data-cell~="1/5@mobile"] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }

    [data-cell~="2/5@mobile"] {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }

    [data-cell~="3/5@mobile"] {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }

    [data-cell~="4/5@mobile"] {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%
    }

    [data-grid~=wrap] {
        padding-left: 2em;
        padding-right: 2em
    }

    [data-grid~=row] {
        margin-left: -1em;
        margin-right: -1em
    }

    [data-cell] {
        padding-left: 1em;
        padding-right: 1em
    }

    .cms--specifications th {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .cms--specifications td {
        position: relative;
        padding-bottom: 35px;
        font-size: 1rem
    }

    .cms--specifications td:before {
        content: attr(data-content);
        width: 100%;
        position: absolute;
        top: -25px;
        font-size: 1rem;
        font-weight: 900
    }

    .Media-figure:first-child {
        padding-right: 0;
        padding-bottom: 2em
    }

    .Media-figure:last-child {
        padding-top: 2em;
        padding-left: 0
    }

    .Tiles {
        padding-left: 1em;
        padding-right: 1em
    }

    .Panel {
        min-height: 300px
    }

    .Panel--plate-designer:after {
        right: -8%;
        bottom: -15%;
        width: 80%
    }

    .Panel-bg:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background-color: rgba(28, 28, 28, .4)
    }

    .Page .Panel-bg:after {
        display: none
    }

    .Split [data-grid~=row] {
        margin-left: -2em;
        margin-right: -2em
    }

    .Split-item {
        padding: 2em 2em 3em !important
    }

    .Split-image {
        width: 100vw
    }

    .Carousel-photoCredit {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(90deg) translate(-50%, 50%);
        -ms-transform: rotate(90deg) translate(-50%, 50%);
        transform: rotate(90deg) translate(-50%, 50%);
        left: -3rem;
        bottom: 1.5rem
    }

    [class*=Carousel--anim] .Carousel-item--current .Carousel-animateIn.Carousel-photoCredit {
        -webkit-transform: rotate(90deg) translate(-50%, 50%) scale(1);
        -ms-transform: rotate(90deg) translate(-50%, 50%) scale(1);
        transform: rotate(90deg) translate(-50%, 50%) scale(1)
    }

    .Page-hero {
        height: 60vh
    }

    .Footer {
        color: #f2f3f4;
        padding: 25px 0 62px
    }

    .Footer-social {
        -webkit-column-gap: 45px;
        -moz-column-gap: 45px;
        column-gap: 45px
    }

    .Footer-iconLink:hover .Footer-icon {
        fill: #fff
    }

    .Footer-icon {
        fill: #fff;
        width: 28px;
        height: 28px
    }

    .Hero--video {
        height: 56.25vw;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .Hero-heading {
        font-size: 1.4375rem
    }

    .Hero-subheading {
        font-size: 1.125rem
    }

    .Category-heading {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .Social-label {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .Search-header:after {
        display: none
    }

    .FeaturesSection-feature {
        margin: 0 auto
    }

    .u-hide\@mobile {
        display: none
    }

    [data-cell~="1/3"].Panel-wrap {
        margin-left: 30px
    }

    .Product-heading {
        font-size: .937rem
    }

    .Product:hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .Product:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .Tile--icon:hover .Tile-icon {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media (min-width:0) {
    .Grid-section--widget {
        padding: 0
    }
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .Site-wrapper {
        height: 100%
    }

    [data-cell~="1/12"] {
        max-width: 8.33333%
    }

    [data-cell~="1/6"] {
        max-width: 16.66667%
    }

    [data-cell~="1/4"] {
        max-width: 25%
    }

    [data-cell~="1/3"] {
        max-width: 33.33333%
    }

    [data-cell~="5/12"] {
        max-width: 41.66667%
    }

    [data-cell~="1/2"] {
        max-width: 50%
    }

    [data-cell~="7/12"] {
        max-width: 58.33333%
    }

    [data-cell~="2/3"] {
        max-width: 66.66667%
    }

    [data-cell~="3/4"] {
        max-width: 75%
    }

    [data-cell~="5/6"] {
        max-width: 83.33333%
    }

    [data-cell~="11/12"] {
        max-width: 91.66667%
    }

    [data-cell~=full] {
        max-width: 100%
    }

    [data-cell~="1/5"] {
        max-width: 20%
    }

    [data-cell~="2/5"] {
        max-width: 40%
    }

    [data-cell~="3/5"] {
        max-width: 60%
    }

    [data-cell~="4/5"] {
        max-width: 80%
    }

    .Search-action {
        top: 10px
    }

    .Single-Plate-Type-Finishes-Wrapper .Product-thumbnail {
        width: 100%
    }
}

@media (max-width:440px) {
    .Tiles-item h2 {
        font-size: 21px
    }
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
    text-align: center
}

@font-face {
    src: url(font/VideoJS.eot?#iefix) format("eot")
}

@font-face {
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button,
.video-js .vjs-play-control,
.vjs-icon-play {
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before,
.vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing,
.vjs-icon-pause {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing:before,
.vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0,
.vjs-icon-volume-mute {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before,
.vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1,
.vjs-icon-volume-low {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2,
.vjs-icon-volume-mid {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before,
.vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button,
.vjs-icon-volume-high {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before,
.vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control,
.vjs-icon-fullscreen-enter {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control,
.vjs-icon-fullscreen-exit {

    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js .vjs-subtitles-button,
.vjs-icon-subtitles {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subtitles-button:before,
.vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button,
.vjs-icon-captions {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button:before,
.vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button,
.vjs-icon-chapters {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button:before,
.vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
    content: "\f111"
}

.vjs-icon-circle-outline {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button,
.vjs-icon-cancel {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button:before,
.vjs-icon-cancel:before {
    content: "\f115"
}

.vjs-icon-replay {
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {

    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button,
.vjs-icon-audio-description {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button:before,
.vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button,
.vjs-icon-audio {

    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button:before,
.vjs-icon-audio:before {
    content: "\f11e"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;

}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *,
.video-js :after,
.video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {

    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill,
.video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;

    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;

}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {

    visibility: visible;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.333333333333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after,
.video-js .vjs-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em
}

.video-js .vjs-play-progress:after,
.video-js .vjs-play-progress:before,
.video-js .vjs-time-tooltip {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after,
.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical:hover .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster,
.vjs-poster img {
    vertical-align: middle;
    padding: 0
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -ms-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -ms-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";

    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: a 1.1s cubic-bezier(.6, .2, 0, .8) infinite, b 1.1s linear infinite;
    animation: a 1.1s cubic-bezier(.6, .2, 0, .8) infinite, b 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes b {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes b {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 16em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 1em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-controls:after,
.vjs-caption-settings .vjs-tracksettings-font:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px;
    border: none
}

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px;
    vertical-align: top;
    float: right
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label>input {
    margin-right: 10px
}

.vjs-caption-settings fieldset {
    margin-top: 1em;
    margin-left: .5em
}

.vjs-caption-settings fieldset .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(../../icons/cross-inverse.svg);
    padding: 0;
    background-size: 8px;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .5
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    -webkit-box-shadow: 0 0 0 2px #00bcd4;
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one]:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(../../icons/cross.svg);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all
}

.choices__list--dropdown.is-active {
    display: block
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 500;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

@font-face {

    src: url(/fonts/avenir/avenir-regular.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-regular.woff2) format("woff2"), url(/fonts/avenir/avenir-regular.woff) format("woff"), url(/fonts/avenir/avenir-regular.ttf) format("truetype"), local("sans-serif");
    font-weight: 400;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-italic.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-italic.woff2) format("woff2"), url(/fonts/avenir/avenir-italic.woff) format("woff"), url(/fonts/avenir/avenir-italic.ttf) format("truetype"), local("sans-serif");


    font-weight: 400;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-light.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-light.woff2) format("woff2"), url(/fonts/avenir/avenir-light.woff) format("woff"), url(/fonts/avenir/avenir-light.ttf) format("truetype"), local("sans-serif");

    font-weight: 400;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-light-italic.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-light-italic.woff2) format("woff2"), url(/fonts/avenir/avenir-light-italic.woff) format("woff"), url(/fonts/avenir/avenir-light-italic.ttf) format("truetype"), local("sans-serif");

    font-weight: 300;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-medium.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-medium.woff2) format("woff2"), url(/fonts/avenir/avenir-medium.woff) format("woff"), url(/fonts/avenir/avenir-medium.ttf) format("truetype"), local("sans-serif");
    font-weight: 500;
    font-display: swap
}

@font-face {

    src: local("sans-serif") url(/fonts/avenir/avenir-medium-italic.eot?#iefix) format("embedded-opentype"), url(/fonts/avenir/avenir-medium-italic.woff2) format("woff2"), url(/fonts/avenir/avenir-medium-italic.woff) format("woff"), url(/fonts/avenir/avenir-medium-italic.ttf) format("truetype"), local("sans-serif");

    font-weight: 500;
    font-display: swap
}

@font-face {

    font-display: swap;
    src: url(/fonts/quicksand/quicksand-regular.woff2) format("woff2"), url(/fonts/quicksand/quicksand-regular.woff) format("woff"), local("sans-serif")
}

@font-face {

    src: local("sans-serif") url(/fonts/quicksand/quicksand-italic.woff2) format("woff2"), url(/fonts/quicksand/quicksand-italic.woff) format("woff");

    font-weight: 400
}

@font-face {

    src: url(/fonts/icomoon/icomoon.eot?#iefix) format("embedded-opentype"), url(/fonts/icomoon/icomoon.woff) format("woff"), url(/fonts/icomoon/icomoon.ttf) format("truetype")
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {

    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {

    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* *,
    :after,
    :before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    } */

/* :root {
        font-size: 16px
    } */

/* body {
        background-image: url(../images/bg-footer.jpg);
        background-color: #010010;
        background-image: url(../images/bg-footer.jpg), -webkit-gradient(linear, left top, left bottom, from(#010010), to(#000024));
        background-image: url(../images/bg-footer.jpg), -o-linear-gradient(top, #010010, #000024);
        background-image: url(../images/bg-footer.jpg), linear-gradient(180deg, #010010, #000024);
        background-position: 0 100%, bottom;
        background-size: auto, 100% 320px;
        background-position: 0 100%;
        background-repeat: no-repeat;
        color: #1c1c1c;
        font-family: Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 1.8;
        font-size: 1rem;
        -webkit-font-smoothing: antialiased
    } */

body.has-modal {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: 500;
    line-height: 1.4;
    color: inherit
}

h1 {
    font-size: 2.25rem
}

h2 {
    margin-top: .8rem;
    margin-bottom: .8rem;
    font-size: 1.875rem
}

h3 {
    font-size: 1.5625rem
}

h4 {
    font-size: 1.4375rem
}

h5 {
    font-size: 1.3125rem
}

h6 {
    font-size: 13px
}

strong {
    font-weight: 500
}

address {
    font-style: normal
}

blockquote {
    margin: 1rem 0 2rem;
    padding: 1rem 2rem 1rem 1rem;
    background-color: rgba(0, 0, 0, .05);

    color: #4a5156;
    line-height: 1.5;
    font-size: 1.05rem
}

a {
    text-decoration: none;

    -webkit-transition: color .4s cubic-bezier(.215, .61, .355, 1);
    -o-transition: .4s color cubic-bezier(.215, .61, .355, 1);
    transition: color .4s cubic-bezier(.215, .61, .355, 1)
}

figure {
    margin: 0
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: 100%;
}

picture img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

svg {
    vertical-align: middle
}

[type=submit],
button {
    cursor: pointer;
    border: 0;
    background: none
}

[type=submit]:focus,
button:focus {
    outline: 0
}

textarea {
    vertical-align: top;
    resize: vertical
}

.Preview {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 390px;
    height: 360px;
    margin: 1em 1.5em;
    margin-left: 0;
    background-image: url(../images/plate-designer/finish-satin-stainless-steel.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.Preview:before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    content: "";
    margin-top: -8px;
    margin-left: -8px;
    border-radius: 50%;
    background-color: #231f20;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.55, .055, .675, .19);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.55, .055, .675, .19);
    -o-transition: .2s opacity cubic-bezier(.55, .055, .675, .19), .2s transform cubic-bezier(.55, .055, .675, .19);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), transform .2s cubic-bezier(.55, .055, .675, .19);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), transform .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.55, .055, .675, .19)
}

.Preview--wireless:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .2s opacity cubic-bezier(.55, .055, .675, .19), .2s transform cubic-bezier(.175, .885, .32, 1.275);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275)
}

.Preview-buttons {
    width: 260px;
    height: 210px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Preview--smallButtons .Preview-buttons {
    width: 240px
}

.Preview-buttons.medium-boxes {
    width: 190px !important
}

.Preview-button {
    width: 100px;
    height: 28px;
    margin: 7px 15px;
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 2px hsla(0, 0%, 100%, .08), inset -2px -2px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 2px hsla(0, 0%, 100%, .08), inset -2px -2px rgba(0, 0, 0, .1);
    opacity: 0;
    background-color: #231f20;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.55, .055, .675, .19);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.55, .055, .675, .19);
    -o-transition: .2s opacity cubic-bezier(.55, .055, .675, .19), .2s transform cubic-bezier(.55, .055, .675, .19);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), transform .2s cubic-bezier(.55, .055, .675, .19);
    transition: opacity .2s cubic-bezier(.55, .055, .675, .19), transform .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.55, .055, .675, .19)
}

.Preview-button.medium-box {
    border-radius: 0;
    width: 80px;
    font-size: 13.3px;
    overflow: hidden
}

.Preview-button.medium-box:nth-of-type(1n+4):before {
    right: 5px
}

.Preview-button.medium-box:before {
    top: 14px;
    left: 5px;
    height: 8px !important;
    width: 8px !important
}

.Preview-button.medium-box span {
    width: 56px;
    margin-left: 12px;
    display: block;
    word-break: break-all;
    overflow: hidden;
    height: 28px;

    font-size: 13px
}

.Preview--smallButtons .Preview-button {
    width: 90px
}

.Preview-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    height: 3px;
    width: 3px;
    border-radius: 50%;
    opacity: 0;
    background-color: hsla(0, 0%, 100%, .7);
    -webkit-box-shadow: 0 0 2px hsla(0, 0%, 100%, .3);
    box-shadow: 0 0 2px hsla(0, 0%, 100%, .3)
}

.Preview-button:nth-of-type(1n+6):before {
    right: 7px;
    left: auto
}

.Preview-button.has-light:before,
.Preview-button.is-active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: opacity .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .2s opacity cubic-bezier(.215, .61, .355, 1), .2s transform cubic-bezier(.175, .885, .32, 1.275);
    transition: opacity .2s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: opacity .2s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275)
}

.Preview-button:nth-of-type(5n-4):before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.Preview-button:nth-of-type(5n-3):before {
    -webkit-transition-delay: .05s;
    -o-transition-delay: .05s;
    transition-delay: .05s
}

.Preview-button:nth-of-type(5n-2):before {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.Preview-button:nth-of-type(5n-1):before {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

.Preview-button:nth-of-type(5n-0):before {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.Preview-label {
    bottom: 103.5%;
    font-size: 15px;
    text-align: center
}

.Preview-finish,
.Preview-label {
    position: absolute;
    right: 0;
    left: 0
}

.Preview-finish {
    top: 0;
    bottom: 0
}

.Preview-screw {
    position: absolute;
    top: 50%;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #4a5156;
    -webkit-transform: translateY(-50%) scale(0) rotate(-180deg);
    -ms-transform: translateY(-50%) scale(0) rotate(-180deg);
    transform: translateY(-50%) scale(0) rotate(-180deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.55, .055, .675, .19);
    transition: -webkit-transform .2s cubic-bezier(.55, .055, .675, .19);
    -o-transition: .2s transform cubic-bezier(.55, .055, .675, .19);
    transition: transform .2s cubic-bezier(.55, .055, .675, .19);
    transition: transform .2s cubic-bezier(.55, .055, .675, .19), -webkit-transform .2s cubic-bezier(.55, .055, .675, .19)
}

.Preview--screws .Preview-screw {
    -webkit-transform: translateY(-50%) scale(1) rotate(0deg);
    -ms-transform: translateY(-50%) scale(1) rotate(0deg);
    transform: translateY(-50%) scale(1) rotate(0deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .2s transform cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1.275)
}

.Preview-screw:after,
.Preview-screw:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    height: 40%;
    width: 2px;
    margin-top: -20%;
    margin-left: -1px;
    background-color: #9ea2a5
}

.Preview-screw:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Preview-screw:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.Preview-screw--left {
    left: 10%
}

.Preview-screw--right {
    right: 10%
}

.Preview.eos-plate {
    min-width: 358px
}

/* body {
        min-height: 0;
        margin: 1rem
    } */

.Preview,
body {
    background: none
}

.Preview {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #666
}

.Preview:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: -6px;
    right: 0;
    bottom: 0;
    left: -5px;
    background-image: url(/images/plate-designer/finish-satin-stainless-steel.png)
}

.Preview-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Preview-button {
    border: 1px solid #222
}

.Preview-button.has-light:before {
    -webkit-box-shadow: inset 0 0 0 2px #a69b9e;
    box-shadow: inset 0 0 0 2px #a69b9e
}

.Preview-screw {
    border: 1px solid #4a5156
}

.Preview-screw:after,
.Preview-screw:before {
    border: 1px solid #9ea2a5
}

header {
    margin-bottom: 1rem;
    /* border-bottom: 1px solid */
}


h1 {
    margin-top: -.5rem
}

ul {
    list-style: none;
    padding: 0
}

li {
    page-break-inside: avoid
}

h2 {
    margin-top: 0
}

/* li+li {
        margin-top: 1rem;
        padding-top: 1rem;
        /* border-top: 1px solid #888; */


.finish-select-tiles {
    max-width: 1680px;
    margin: 0 auto !important
}

.finish-select-tiles .Tiles {
    padding-bottom: 46px
}

.finish-select-tiles .Tiles .Tiles-item:last-child {
    -ms-flex-preferred-size: 66.66666%;
    flex-basis: 66.66666%;
    max-width: 66.66666%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.finish-select-tiles .Tiles .Tiles-item .get-in-touch {
    display: block;
    font-size: 36px;
    line-height: 42px;
    color: #405d98;
    background-image: -o-linear-gradient(156deg, #9c63a4 15%, #405d98 80%);
    background-image: linear-gradient(-66deg, #9c63a4 15%, #405d98 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.finish-select-tiles .Tiles .Tiles-item img {
    margin-bottom: 20px;
    width: 65px;
    margin-left: auto;
    margin-right: auto
}

.finish-select-tiles .Tile-heading {
    margin-bottom: 16px
}

.finish-select-tiles .Tile-text {
    min-height: 54px
}

.pd-wrapper.white {
    background-color: #fff !important
}

.Single-Plate-Type-Finishes-Wrapper {
    width: 100% !important
}

.Single-Plate-Type-Finishes-Wrapper .Category-heading h3 {
    font-size: 20px;
    line-height: 26px;
    color: #1c1c1c;
    margin-bottom: 16px !important
}

.Single-Plate-Type-Finishes-Wrapper .Category-heading h4 {
    color: #1c1c1c;

    font-size: 16px;
    font-weight: 900;
    line-height: 28px;
    margin: 0
}

.Single-Plate-Type-Finishes-Wrapper .Category-header {
    border-top: 1px solid #000;
    position: relative;
    padding: 1.1em 0
}

.Single-Plate-Type-Finishes-Wrapper .copyright-images {
    text-align: center;
    padding: 0 15px;
    font-size: 13px;
    line-height: 28px
}

.Single-Plate-Type-Finishes-Wrapper .Button--back {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    min-width: auto;
    padding-left: 2em
}

.Single-Plate-Type-Finishes-Wrapper .Page {
    padding-top: 0
}

.Single-Plate-Type-Finishes-Wrapper .Product-thumbnail {
    padding: 0 0 1em
}

.grey-bg {
    background-color: #f2f3f4
}

.required-header {
    background-color: #fff;
    border: 0
}

.required-heading {
    -ms-flex-preferred-size: 66.66666%;
    flex-basis: 66.66666%
}

.required-heading h3 {
    background: -o-linear-gradient(325deg, #f070aa, #00afef);
    background: linear-gradient(125deg, #f070aa, #00afef);
    -webkit-background-clip: text;
    color: #7a4773;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-weight: 700;
    line-height: 48px
}

.required-link .Button {
    min-width: 191px;
    max-width: 191px
}

.Panel-wrap {
    z-index: 9
}

.Panel[data-cell~="1/2"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-widgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-widgets [data-grid~=wrap] {
    max-width: 1880px
}

.add-plate-wrapper {
    width: 100%
}

.add-plate-wrapper .Plate-box {
    background-color: #f2f3f4;
    padding: 1.125em 1em;
    margin: 0 2px
}

.add-plate-wrapper .PlateDesigner-input--project:-ms-input-placeholder,
.add-plate-wrapper .PlateDesigner-input--project::-ms-input-placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project::-webkit-input-placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project::-moz-placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project:-ms-input-placeholder,
.add-plate-wrapper .PlateDesigner-input--project::-ms-input-placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project::placeholder {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 28px
}

.add-plate-wrapper .PlateDesigner-input--project {
    border-color: #1c1c1c;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 11px;
    color: #1c1c1c
}

.add-plate-wrapper .PlateDesigner-header {
    padding: .25em 1em;
    margin-bottom: 5px !important
}

.add-plate-wrapper .Plate-header .PlateDesigner-input--project {
    padding: .219em 0
}

.add-plate-wrapper .Qty-btn[disabled] {
    background-color: #979797
}

.tiles-wrap {
    background-color: #f2f3f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .7em 1em;
    margin: 5px 2px
}

.tiles-wrap h4 {
    color: #1c1c1c;

    font-size: 16px;
    font-weight: 900;
    line-height: 28px;
    display: block;
    width: 100%;
    margin: 0 0 14.5px
}

.tiles-wrap .single-tile {
    width: calc(100% / 3 - 5px);
    text-align: center;
    min-height: 220px;
    background-color: #fff;
    margin: 2.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tiles-wrap .single-tile,
.tiles-wrap .single-tile a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.tiles-wrap .single-tile a {
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

.tiles-wrap .single-tile:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #24214c;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 0
}

.tiles-wrap .single-tile:after,
.tiles-wrap .single-tile:hover:after {
    overflow: hidden;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.tiles-wrap .single-tile:hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.tiles-wrap .single-tile h3 {
    width: 100%;
    color: #1c1c1c;
    font-size: 19px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 0
}

.tiles-wrap .single-tile:hover h3,
.tiles-wrap .single-tile h3 {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.tiles-wrap .single-tile:hover h3 {
    color: #fff
}

.tiles-wrap .single-tile:hover svg rect {
    fill: #fff;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.tiles-wrap .single-tile.active:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

.tiles-wrap .single-tile.active h3 {
    color: #fff
}

.tiles-wrap .single-tile.active svg rect {
    fill: #fff
}

.tiles-wrap .configure-plate-wrap {
    width: 100%;
    text-align: right;
    margin: 18px 0
}

.tiles-wrap .configure-plate-wrap a.Button {
    background-color: #979797;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    padding: .3em 1.5em
}

.add-plate-wrapper .Plate-label {
    font-size: 16px;
    font-weight: 900;
    line-height: 28px
}

.checked {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #1c1c1c
}

.add-plate-wrapper [type=radio]:checked,
.add-plate-wrapper [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.add-plate-wrapper [type=radio]:checked+.checked,
.add-plate-wrapper [type=radio]:not(:checked)+.checked {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block
}

.add-plate-wrapper [type=radio]:checked+.checked:before,
.add-plate-wrapper [type=radio]:not(:checked)+.checked:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: rgba(0, 0, 0, .5);
    display: none
}

.add-plate-wrapper [type=radio]:checked+.checked:after,
.add-plate-wrapper [type=radio]:not(:checked)+.checked:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 5px;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 0 2px 6px rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px 6px rgba(0, 0, 0, .5)
}

.add-plate-wrapper [type=radio]:not(:checked)+.checked:after {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid silver;
    width: 15px;
    height: 15px
}

.add-plate-wrapper [type=radio]:checked+.checked:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 7px;
    left: 10px
}

.add-plate-wrapper .ConfigureButtons-cell--toggle {
    position: relative;
    min-width: 14px;
    margin-right: 19px
}

.add-plate-wrapper input.Checkbox {
    padding: 0;
    height: auto;
    width: auto;
    margin-bottom: 0;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0
}

.add-plate-wrapper .check-box {
    position: relative;
    cursor: pointer
}

.add-plate-wrapper .check-box:before {
    content: "";
    -webkit-appearance: none;
    background-color: #979797;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 3px
}

.add-plate-wrapper input.Checkbox:checked+.check-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1.3px 1.3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.add-plate-wrapper .ConfigureButtons-input {
    border: 1px solid #dce0e2;
    height: 28px
}

.add-plate-wrapper .ConfigureButtons-count {
    top: 3px
}

.Preview-buttons .Preview-button {
    height: 28.65px;
    width: 91.63px
}

.Preview-button.medium-box {
    height: 55px;
    width: 82px;
    margin: 0;
    font-size: 12px;
    border-radius: 0 !important
}

.button-sized {
    width: 40px;
    min-width: auto;
    margin-right: 10px
}

.add-plate-wrapper .modular_buttons .ConfigureButtons-cell--toggle {
    min-width: 80px;
    margin-right: 19px
}

.Preview-buttons.medium-boxes {
    width: 195px !important;
    height: 190px;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.Preview-button.medium-box:nth-of-type(1n+4):before {
    right: 3px;
    left: auto
}

.Preview-button.medium-box:before {
    top: 13px;
    left: 3px
}

.Preview-buttons.large-buttons .Preview-button {
    height: 37.98px;
    width: 124.06px;
    line-height: 38px
}

.Preview-buttons.large-buttons .modular.Preview-button {
    line-height: 1
}

.Preview-button.has-light:before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.Preview-buttons {
    width: 236.18px !important
}

.Preview-buttons.large-buttons .Preview-button:before {
    display: none
}

.Preview-buttons.large-buttons .Preview-button.large {
    height: 78.19px;
    width: 124.06px !important;
    padding-bottom: 40px
}

.Preview-buttons.large-buttons .Preview-button.extra-large {
    height: 118.35px;
    width: 124.06px
}

.Preview-buttons.large-buttons .Preview-button {
    margin: 0 1px 1px
}

.Preview-buttons.large-buttons {
    height: 245.87px;
    width: 256.33px !important;
    border: 1px solid #000;
    padding: 2px 0;
    border-radius: 4px
}

li.ConfigureButtons-row.disabled {
    opacity: .3;
    cursor: not-allowed
}

li.ConfigureButtons-row.disabled .InsertButton-label,
li.ConfigureButtons-row.disabled .InsertButton-label input {
    cursor: not-allowed !important
}

.modular_buttons .InsertButton.all-size,
.modular_buttons .InsertButton.all-size .InsertButton-label {
    padding: 0;
    text-align: center
}

.modular_buttons .InsertButton.all-size .InsertButton-label:after {
    display: none
}

.modular_buttons .InsertButton-label span {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    vertical-align: middle;
    line-height: 18px;
    margin: 0 2px 1px
}

.Preview-button.modular,
.Preview-buttons.large-buttons {
    border-radius: 0
}

.disabled-plate-option {
    opacity: .3;
    cursor: disabled
}

.disabled-plate-option .checked {
    cursor: no-drop !important
}

.Preview.classic-plate .Preview-buttons .Preview-button {
    margin: 6px 15px
}

.Plate-option {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Select {
    padding: 0
}

.Select.is-open {
    background: #fff url(/images/up-arrow.svg) calc(100% - 15px) 50% no-repeat
}

.Select-control {
    border: 1px solid #979797 !important;
    border-radius: 17.5px !important;
    background: none !important;
    cursor: pointer !important
}

.Select-placeholder {
    color: #1c1c1c !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 0 22.5px !important
}

.Select-arrow-zone {
    display: none !important
}

.Select-menu-outer {
    border: 1px solid #979797 !important;
    border-radius: 14px !important
}

.Select-menu {
    border-radius: 14px !important
}

.Select-option.is-focused {
    background-color: #ebedee !important;
    color: #1c1c1c !important
}

.Select-clear {
    padding: 8px 15px;
    background-color: #fff
}

.Plate-buttons.Plate-box {
    max-width: 100%;
    margin: 0 2px;
    min-height: 260px
}

.finish-select-wrapper {
    float: left;
    width: 100%;
    margin-right: 19.5px
}

.finish-preview-wrapper {
    width: 100%;
    text-align: left;
    margin: 0
}

.Plate-buttons.Plate-box,
.Plate-finish-selector.Plate-box {
    padding: 1.125em 1.625em
}

.finish-preview-wrapper button {
    position: relative;
    background-color: #979797;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    padding: .5em 1.5em;
    border-radius: 1000px;
    -webkit-transition: box-shadow .4s ease;
    -o-transition: .4s box-shadow ease;
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: -webkit-box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
    transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

.finish-preview-wrapper button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 1000px;
    background-image: -o-radial-gradient(bottom, circle, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    background-image: radial-gradient(circle at bottom, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    mix-blend-mode: overlay;
    -webkit-transition: opacity .4s ease;
    -o-transition: .4s opacity ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.finish-preview-wrapper button:hover {
    -webkit-box-shadow: inset 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .1)
}

.finish-preview-wrapper button:hover:before {
    opacity: 1
}

.finish-preview-wrapper a {
    position: relative;
    background-color: #979797;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    padding: .5em 1.5em;
    border-radius: 1000px;
    -webkit-transition: box-shadow .4s ease;
    -o-transition: .4s box-shadow ease;
    -webkit-transition: -webkit-box-shadow .4s ease;
    transition: -webkit-box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
    transition: box-shadow .4s ease, -webkit-box-shadow .4s ease
}

.finish-preview-wrapper a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 1000px;
    background-image: -o-radial-gradient(bottom, circle, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    background-image: radial-gradient(circle at bottom, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .1));
    mix-blend-mode: overlay;
    -webkit-transition: opacity .4s ease;
    -o-transition: .4s opacity ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.finish-preview-wrapper a:hover {
    -webkit-box-shadow: inset 0 1px hsla(0, 0%, 100%, .1);
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .1)
}

.finish-preview-wrapper a:hover:before {
    opacity: 1
}

.finish-select-wrapper {
    max-width: 320px
}

.Plate-body [data-grid*=nowrap] {
    margin: 5px 0
}

.Preview-buttons {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.Plate-finish-selector p.Plate-label.u-mt0 {
    margin: 0
}

.Preview {
    margin: .75em 20px .75em 0 !important
}

.Preview.modular-plate:before {
    display: none;
    opacity: 0
}

.Preview-button.modular {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Preview-button.modular.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1
}

.Preview-buttons .buttons-left .Preview-button,
.Preview-buttons .buttons-right .Preview-button {
    margin: 0 1px 2.24px
}

.Preview {
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #f2f3f4
}

.Preview.modular-plate {
    border-radius: 0;

}

.Preview.eos-plate {
    border-radius: 0
}

.finish-select-tiles {
    padding: 0 3em
}

.Tile-contents {
    padding: 2.2em
}

.Tile-icon {
    height: 4.07rem;
    width: 4.07rem
}

.Button--back {
    padding-left: 2em !important
}

.hover-img {
    display: none
}

.tiles-wrap .single-tile:hover .hover-img {
    display: block
}

.tiles-wrap .single-tile:hover .default-img {
    display: none
}

.PlateDesigner-input {
    padding: .2em .8em !important
}

.Plate-name {
    padding: 0 .8em;
    line-height: 28px
}

.Single-Plate-Type-Finishes-Wrapper .Product-thumbnail img {
    min-height: 360px !important
}

.plate-chooser-hover {
    display: none
}

.tiles-wrap .single-tile:hover .plate-chooser-hover {
    display: block
}

.tiles-wrap .single-tile:hover .plate-chooser {
    display: none
}

.ConfigureButtons-input[disabled] {
    background-color: #f2f3f4 !important;
    border: 1px solid #dde0e2 !important
}

.Preview.classic-plate,
.Preview.eos-plate,
.Preview.modular-plate {
    background-image: unset
}

.Preview.eos-plate+[data-cell*=grow],
.Preview.modular-plate+[data-cell*=grow] {
    padding: 0
}

.Plate-buttons.Plate-box,
.Plate-finish-selector.Plate-box {
    margin: 0 2px 5px
}

.Preview.eos-plate+[data-cell*=grow],
.Preview.modular-plate+[data-cell*=grow] {
    padding: 0
}

.Plate-finish-selector.Plate-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.Plate-finish-selector p.Plate-label.u-mt0 {
    margin: 0 0 5px;
    width: 100%
}

.finish-preview-wrapper {
    width: auto
}

.Plate-body {
    height: auto !important
}

.pass p:last-child {
    top: -10px
}

.finish-popup-modal .Modal.is-open {
    max-width: 733px !important;
    max-height: 733px !important;
    height: auto !important
}

.finish-popup-modal .Modal.is-open>div {
    height: 100%
}

.finish-popup-modal .Modal.is-open .Modal-inner {
    padding: 22px 22px 10px
}

.finish-popup-modal .finish-popup-image-wrapper img {
    width: 100%
}

.finish-popup-modal .popup-copyright-message-wrapper {
    text-align: center;
    padding: 8px 0
}

.finish-popup-modal .popup-copyright-message-wrapper .popup-copyright-message {
    margin: 0;
    color: #dfdfdf;

    font-size: 13px;
    line-height: 28px
}

.finish-popup-modal .Modal-header {
    display: none
}

.tiles-wrap .single-tile.active .plate-chooser-hover {
    display: block
}

.tiles-wrap .single-tile.active .plate-chooser {
    display: none
}

.InsertButton-actions {
    min-height: 24px
}

/* .ConfigureButtons-cell.ConfigureButtons-cell--input.eos input,
        .ConfigureButtons-cell.ConfigureButtons-cell--input.modular input,
        .InsertButton-actions.eos *,
        .InsertButton-actions.modular *,
        .Preview.eos-plate .medium-box {} */

.InsertButton-actions.eos .InsertButton-action,
.InsertButton-actions.eos .InsertButton-action.btn-3,
.InsertButton-actions.eos .InsertButton-action.btn-4,
.InsertButton-actions.eos .InsertButton-action.btn-5 {
    font-size: 10px
}

/* .Preview.eos-plate .medium-box {} */

.Single-Plate-Type-Finishes-Wrapper .Product-thumbnail img {
    min-height: auto !important
}

.Widgets.flex-widgets h2 {
    text-transform: uppercase
}

.Preview-button {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #000 !important;
    color: #000 !important
}

.Preview-button:before {
    border: 1px solid #000 !important;
    -webkit-transform: translateY(-50%) scale(1) !important;
    -ms-transform: translateY(-50%) scale(1) !important;
    transform: translateY(-50%) scale(1) !important;
    height: 6px !important;
    width: 6px !important
}

.Preview-screw {
    background-color: transparent !important;
    border: 1px solid #000 !important
}

.Preview-screw:after,
.Preview-screw:before {
    background-color: #000 !important;
    height: 67% !important;
    margin-top: -30% !important;
    margin-left: -.5px !important
}

.Preview:before {
    border: 1px solid #000 !important;
    background-color: transparent !important
}

/* .Preview.eos-plate .medium-box {} */

.Category-item .Product {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.Category-item .Product a {
    display: block;
    height: 100%;
    width: 100%
}

.Preview-buttons.large-buttons .Preview-button.extra-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pass p:last-child {
    top: -1.5rem
}

.Tile--icon:hover .Tile-icon g {
    fill: #6f1798
}

.finish-select-tiles {
    padding: 0
}

[data-cell~="1/3"].Panel-wrap {
    margin-left: 48px;
    padding: 0
}

body>svg {
    position: absolute
}

.Preview.classic-plate,
.Preview.eos-plate,
.Preview.modular-plate {
    background-image: none
}

.Preview.classic-plate:before {
    margin-left: -5px
}

.add-plate-wrapper .PlateDesigner-input--project {
    height: 100%
}

/* td.print-eos-font {} */

.Preview-screw:after {
    -webkit-transform: translate(-50%) rotate(-45deg) !important;
    -ms-transform: translate(-50%) rotate(-45deg) !important;
    transform: translate(-50%) rotate(-45deg) !important
}

.Preview-screw:before {
    -webkit-transform: translate(-50%) rotate(45deg) !important;
    -ms-transform: translate(-50%) rotate(45deg) !important;
    transform: translate(-50%) rotate(45deg) !important
}

.Preview-screw:after,
.Preview-screw:before {
    margin-top: -33% !important;
    margin-left: 0 !important;
    width: 1px !important
}

.Preview-heading {
    font-size: 16px
}

.Preview-box .Preview-heading {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 900;
    line-height: 28px
}

.Preview-boxes {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Preview-box,
.Preview-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Preview-box {
    background-color: #f2f3f4;
    padding: 1em;
    min-width: 388px;
    margin-bottom: .75rem
}

.Preview-box:last-child {
    margin-bottom: 0
}

.Preview-radio {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #79797a;
    width: 15px;
    height: 15px;
    pointer-events: none;
    margin-right: 5px;
    border-radius: 50%
}

.Preview-radio--checked:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 0 1px 6px #79797a;
    box-shadow: 0 0 1px 6px #79797a
}

.Preview-label {
    font-style: normal;
    font-size: 16px;
    position: static;
    line-height: 1
}

.Preview-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-right: 3rem
}

.Preview-option:last-child {
    margin-right: 0
}

.Preview-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

@media (min-width:1140px) {
    .float {
        width: 40px;
        height: 40px;
        bottom: 10px;
        right: 10px;
    }

    body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 100vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Site-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    @supports (display:grid) {
        .Site-wrapper {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }
    }

    .Site-content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    @supports (display:grid) {
        .Site-content {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }
    }
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

@media (max-width:679px) {
    body {
        font-size: .75rem
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .Site-wrapper {
        height: 100%
    }
}

.navimg {
    gap: 9px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;


}

.logo {
    transition: all 0.3s ease-in-out;
    height: auto;
    width:165px !important;
    max-height: 80px;
    padding-bottom: 10px;
}

@media screen and (max-width: 1160px) {
    .hoo {
        display: none;
    }
}

@media(max-width:450px) {
    .logo-hover-effect {
        width: 112px;

    }

    .logo-hover-effect img {
        width: 100%;
    }
}