@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;
}
.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: 600;
    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: 600;
    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;
}
@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-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/integration.jpg");
    background:         linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../../assets/images/integration.jpg");
    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: 600; 
    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: bold;
    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(25rem, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    gap: 3rem;
    padding: 5rem 5%;
}

.footer-item h2{ 
    color: var(--white);
    font-size: 2.0rem;
    font-weight: 600;
    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: bold;
    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: 600;
    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: bold;
    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: 600;
    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: 600;
    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: 600;
}

.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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    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;
    }
  }
  @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: 600;
    color: var(--secondary-color);

    padding-bottom: 1rem;
}

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

.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: 600;
    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: 600;
    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: 600;
    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: 90rem;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    
    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: 600;
    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: 600;
}

.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: 600;
    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: 600;
    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: 600;
}

.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: 600;
}

.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: 600;
}

.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;
}

.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;
            }
        }

        .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,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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,
        .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: 600;
            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: 600
        }

        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: 600;
            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: 600;
            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: 600;
            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: 600
        }

        .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: 600;
            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: 600;
            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: 600;
            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: -1;
            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: 600;
            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: 600
        }

        .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: 600
        }

        .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: 600;
            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: 600;
            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: 600
        }

        .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: 600;
            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: 600
        }

        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) {
            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;
            max-height: 80px;
        }
@media screen and (max-width: 1160px) {
  .hoo {
    display: none;
  }
}