/* Add here all your CSS customizations */
.section {
    background-color: #f4f4f4;
    border-top: 5px solid #f1f1f1;
}
.section {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 50px 0;
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
}
    .section.section-no-borders {
        border-width: 0;
    }
#main.wide .vc_row {
    margin-left: -30px;
    margin-right: -30px;
}
.vc_row:not(.row) {
    margin-left: 0;
    margin-right: 0;
}
.vc_row.wpb_row {
    margin-bottom: 0;
}
.vc_row {
    margin-left: -15px;
    margin-right: -15px;
}
img {
    max-width: 100%;
    height: auto;
}

.style-switcher {
    background: #00529b;
    width: 0px;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 100000000000000;
    border-radius: 0;
    right: -20px;
    transition: left .2s;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
}
 

    .style-switcher  {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
    }

    .style-switcher.active {
        left: 0
    }



        .style-switcher .style-switcher-open {
            padding-top: 20px;
            background-color: #00529b;
            display: block;
            height: 80px;
            position: absolute;
            right: -80px;
            top: 400px;
            width: 180px;
            font-size: 30px;
            line-height: 40px;
            color: #fff;
            text-align: center;
            text-decoration: none;
            border-radius: 5px 5px 0 0;
            overflow: hidden;
            padding-left: 20px;
            transform: rotate(270deg);
            transform-origin: left top 0;
        }
            .style-switcher .style-switcher-open:hover {
                background-color: #0099e6;
                color: #dfe1e3;
                transition: 0.5s;
            }
.style-switcher-open  i{
    transform: rotate(90deg);
    transform-origin: left top 0;
    position: fixed;
    top: 20px;
}