﻿#menu {
    color: #9E9E9E;
    height: 35px;
    border-top: solid 1px rgba(202, 202, 202, 1);
    border-bottom: solid 1px rgba(202, 202, 202, 1);
}

    #menu ul,
    #menu li {
        margin: 0 0;
        padding: 0 0;
        list-style: none
    }

    #menu ul {
        height: 35px
    }

    #menu li {
        float: left;
        display: inline;
        position: relative;
        font: normal normal normal 18px/1.4em kepler-w03-light-scd-cp,serif;
 
    }

        #menu li:first-child {
            border-left: none
        }

    #menu a {
        display: block;
        line-height: 35px;
        padding: 0 14px;
        text-decoration: none;
        color: #9E9E9E;
    }

    #menu li:hover > a,
    #menu li a:hover {
        color: #585551;
    }

    #menu input {
        display: none;
        margin: 0 0;
        padding: 0 0;
        width: 80px;
        height: 35px;
        opacity: 0;
        cursor: pointer
    }

    #menu label {
        font: bold 30px Arial;
        display: none;
        width: 35px;
        height: 36px;
        line-height: 36px;
        text-align: center
    }

        #menu label span {
            font-size: 12px;
            position: absolute;
            left: 35px
        }

    #menu ul.menus {
        height: auto;
        width: 180px;
        background: #fff;
        position: absolute;
        z-index: 99;
        display: none;
        border: 0;
        color: #585551;
    }

        #menu ul.menus li {
            display: block;
            width: 100%;
            font: normal normal normal 18px/1.4em kepler-w03-light-scd-cp,serif;
            text-transform: none;
            text-align:center
        }

    #menu li:hover ul.menus {
        display: block
    }

    #menu a.home {
        color: #585551;
    }

    #menu a.prett {
        padding: 0 27px 0 14px
    }

        #menu a.prett::after {
            content: "";
            width: 0;
            height: 0;
            border-width: 6px 5px;
            border-style: solid;
            border-color: #eee transparent transparent transparent;
            position: absolute;
            top: 15px;
            right: 9px
        }

    #menu ul.menus a:hover {
        color: #585551;
    }

    #menu ul.menus .submenu {
        display: none;
        position: absolute;
        left: 180px;
        background: #111;
        top: 0;
        width: 180px;
    }

        #menu ul.menus .submenu li {
            background: #111;
        }

    #menu ul.menus .has-submenu:hover .submenu {
        display: block;
    }

.font_header1 {
    font-size: 15px;
    color: #585551;
}

.header_left {
    margin: 44px 0px 36px 0;
}

.header_right {
    margin: 44px 0px 36px calc((100% - 666px) * 0.5);
}
.Product_button {
    border-radius: 0;
    background-color: rgba(0, 138, 252, 1);
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    border: solid rgba(50, 50, 50, 1) 0px;
    padding: 5px 25px;
    margin: 5px;

}

    .Product_button span {
        font-family:'Century Gothic';
        font-size:24px;
        transition: color 0.4s ease 0s;
        color: #FFFFFF;
        display: inline-block;
        padding: 10px;
        position: relative;
        white-space: nowrap;
        margin-right: 25px;
    }
.Product_button:hover {

    background-color: black
 
}


.style-jsu1g4l6_shd {
    background: url(https://static.parastorage.com/services/skins/2.1229.80/images/wysiwyg/core/themes/base/liftedshadow_medium.png) no-repeat;
    bottom: -21px;
    height: 26px;
    position: absolute;
    width: 200px;
    pointer-events: none;
}

.style-jsu1g4l6_left {
    background-position: 0 0;
    left: -0px;
}

.style-jsu1g4l6_right {
    background-position: 100% 0;
    right: -0px;
}



.product_btn span {
    padding:20px;
}

.video_frame {
    background:#fff;padding:25px 50px 150px 50px;margin-bottom:100px;
}

.font_5 {
    font-family: 'Century Gothic';
    font-size: 24px;
    color: #585551;
}
@media only screen and (max-width: 600px) {

    .header_left {
        margin: 20px 0px 36px 0;
    }
    .header_right {
        margin: 44px 0px 0px calc((100% - 600px) * 0.5)
    }

    .font_header1 {
        font-size: 10px;
        color: #585551;
    }
    #menu a {
        font-size: 10px;
    }

    .video_frame {
        background: #fff;
        padding: 0;
        margin-bottom: 0;
    }
}

.page-wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

#slider {
    width: 100%;
    margin: 0;
    border: 0;
}
    #slider .slide {
        width: 100%;
        display: none;
        position: relative;
    }
.slide :first-child {
    display: block;
    height: 300px;
}


.hl1 {
    box-sizing: border-box;
    border-top: 1px solid rgba(181, 177, 169, 0.8);
    height: 0;
}
.hl3 {
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 1);
    height: 0;
}

.brands-wrap {
    padding-top: 10%;
    max-width: 1200px;
    margin: 0 auto;
}

.carousel {
    background: transparent;
}

.gallery-cell {


}

    .gallery-cell.is-selected img, .gallery-cell.is-selected ins {
        transform: scale(1);
        -webkit-filter: grayscale(0) blur(0);
        filter: grayscale(0) blur(0);
    }

    .gallery-cell img, .gallery-cell ins {
        width: 250px;
        display: inline-block;
        transform: scale(0.9);
        -webkit-filter: grayscale(100%) blur(2px);
        filter: grayscale(100%) blur(2px);
        //border-radius: 50%;
    }




.brand-carousel {
    margin: 0 60px; /* space for prev/next buttons */
}

.flickity-prev-next-button .arrow {
    fill: white;
    box-shadow: 0 0 5px black;
}

.flickity-prev-next-button.no-svg {
    color: white;
}

@media only screen and (max-width: 600px) {
    footer=
}

.container4 {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}


.card {
    border: none;
    border-radius: 0px;
}

.card-group > .card {
    margin: 0;
}

@media only screen and (max-width: 600px) {
    .container4 {
        position: absolute;
        top: 40%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
    }
}