body {
    color: #0c0c0c;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
}

h1 {
    display: block;
    color: #1e1e1e;
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 5px;
    text-decoration: none;
}

footer#site-footer {
    color: #ffffff;
    font-size: 15px;
}

#sidebar {
    font-size: 14px;
}

    #sidebar h6.widget-title {
        color: #0258b5;
        font-size: 18px;
    }

nav#site-navigation, a.cart-icon-pro {
    font-family: 'Poppins', sans-serif;
}

.sf-menu li li a {
    font-family: 'Poppins', sans-serif;
}

#page-title-pro h1.entry-title-pro {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    letter-spacing: 18px;
    text-transform: uppercase;
}

#page-title-pro h2 {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

h2 {
    color: #1e1e1e;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 5px;
}

h3 {
    color: #1e1e1e;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    line-height: 1.4;
    margin-bottom: 5px;
}

h4 {
    color: #1e1e1e;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 5px;
}

h5 {
    color: #1e1e1e;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    line-height: 1.4;
    margin-bottom: 5px;
}

h6 {
    color: #1e1e1e;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px;
}

footer#site-footer h4.widget-title {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
}

.post-container-pro h1.blog-title-pro {
    font-size: 34px;
}

.post-meta-pro {
    font-size: 11px;
} 

a {
    color: #0abedf;
}

#boxed-layout-pro .widget .price_slider .ui-slider-handle, #boxed-layout-pro .widget .price_slider .ui-slider-range, #sidebar .tagcloud a:hover, #site-footer .tagcloud a:hover {
    background: #0abedf;
}

.flex-control-paging li a.flex-active {
    border-color: #0abedf;
}

a:hover, .post-meta-pro a:hover {
    color: #46445f;
}

body #logo-pro, body #logo-pro img {
    max-width: 200px;
}

header#masthead-pro h1#logo-pro a {
    padding-top: 20px;
    padding-bottom: 20px;
}

#sticky-header-pro.menu-resized-pro header#masthead-pro {
    background: rgba(2,51,94,0.85);
}

    #sticky-header-pro.menu-resized-pro header#masthead-pro:after {
        background: rgba(2,51,94,0.85);
    }

body #sticky-header-pro.menu-resized-pro #logo-pro, body #sticky-header-pro.menu-resized-pro #logo-pro img {
    max-width: 335px;
}

#sticky-header-pro.menu-resized-pro header#masthead-pro h1#logo-pro a {
    padding-top: 14px;
    padding-bottom: 16px;
}

.menu-resized-pro .sf-menu a {
    padding-top: 31px;
    padding-bottom: 31px;
}

body footer#site-footer a.progression-button {
    background: #0abedf;
}

header#masthead-pro .sf-menu li.highlight-button a:before {
    height: 39px;
    margin-top: -20.5px;
    background: #0abedf;
}

body footer#site-footer a.progression-button:hover, header#masthead-pro .sf-menu li.highlight-button a:hover:before {
    background: #0abedf;
}

#sticky-header-pro.menu-resized-pro .sf-menu li.highlight-button a:before {
    height: 37px;
    margin-top: -19.5px;
}

.sf-menu a {
    color: #ffffff;
    font-size: 13px;
    padding-top: 40px;
    padding-bottom: 40px;
}

a.cart-icon-pro {
    font-size: 15px;
    margin-top: 31px;
    margin-bottom: 31px;
    color: #ffffff;
}

.menu-resized-pro a.cart-icon-pro {
    margin-top: 22px;
    margin-bottom: 22px;
}

a.cart-icon-pro:before {
    background: rgba(255,255,255, 0.15);
}

a.cart-icon-pro span.shopping-cart-header-count {
    background: #18bfde;
}

    a.cart-icon-pro span.shopping-cart-header-count:before {
        border-right: 4px solid #18bfde;
    }

.sf-menu a:before {
    margin-top: 16px;
}

a.cart-icon-pro:hover, .sf-menu li.current-menu-item a, .sf-menu a:hover, .sf-menu li.sfHover a, .menu-show-hide-pro {
    color: #ffffff;
}

    .sf-menu li.current-menu-item a:before, .sf-menu a:hover:before, .sf-menu li.sfHover a:before {
        background: #f77604;
    }

.sf-menu ul {
    background: rgba(4,1,18, 0.9);
}

.sf-menu li li a {
    font-size: 11px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.sf-menu li li a, .sf-mega li.sf-mega-section .deep-level li a, .sf-mega li.sf-mega-section .deep-level li:last-child a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a {
    border-color: rgba(255,255,255, 0.06);
}

.sf-mega ul {
    border-color: rgba(255,255,255, 0.06);
}

.sf-mega h2.mega-menu-heading {
    border-color: rgba(255,255,255, 0.06);
}

.menu-resized-pro .sf-menu li.sfHover li a, .menu-resized-pro .sf-menu li.sfHover li.sfHover li a, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover li a, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a {
    color: #a8a8a8;
}

    .menu-resized-pro .sf-menu li.sfHover li a:hover, .menu-resized-pro .sf-menu li.sfHover li.sfHover a, .menu-resized-pro .sf-menu li.sfHover li li a:hover, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover a, .menu-resized-pro .sf-menu li.sfHover li li li a:hover, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a, .menu-resized-pro .sf-menu li.sfHover li li li li a:hover, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a, .menu-resized-pro .sf-menu li.sfHover li li li li li a:hover, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .menu-resized-pro .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a,
    .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
        color: #ffffff;
    }

.sf-mega h2.mega-menu-heading, .sf-mega h2.mega-menu-heading a, .sf-mega h2.mega-menu-heading a:hover {
    color: #ffffff;
}

.sf-menu ul, .sf-mega li.sf-mega-section .deep-level li a,
.sf-menu li li:last-child a, .sf-menu li li:last-child li:last-child a, .sf-menu li li:last-child li:last-child li:last-child a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li:last-child a,
.sf-menu li li:last-child li:last-child li:last-child li:last-child a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li:last-child a {
    border-color: rgba(255,255,255, 0.06);
}

header .sf-mega, .sf-menu ul {
    border-top: 1px solid #f77604;
}

header#masthead-pro:after {
    background: rgba(255,255,255, 0.15);
}

footer#site-footer a {
    color: #ffffff;
}

    footer#site-footer a:hover {
        color: #ffffff;
    }

.post-container-pro h1.blog-title-pro, .post-container-pro h1.blog-title-pro a {
    color: #1e1e1e;
}

    .post-container-pro h1.blog-title-pro a:hover {
        color: #0abedf;
    }

#sidebar {
    background: #d6d6d6;
}

    #sidebar .sidebar-divider-pro {
        background: #ffffff;
    }

    #sidebar a {
        color: #1e1e1e;
    }

        #sidebar a:hover {
            color: #999999;
        }



        .woocommerce .cart_totals a.checkout-button,
        #content-pro .woocommerce input.button,
        body #content-pro .woocommerce p.return-to-shop a.button,
        #single-product-container-pro button.button, #sidebar a.progression-button, .post-container-pro a.more-link, .woocommerce-tabs #review_form .form-submit input#submit, .wpcf7 input.wpcf7-submit, #commentform input.submit {
            font-size: 11px;
        }


        #boxed-layout-pro .width-container-pro .widget .widget_shopping_cart_content p.buttons a.button,
        body .widget .widget_shopping_cart_content .buttons a.button,
        .width-container-pro .widget button.button,
        .woocommerce .cart_totals a.checkout-button,
        #content-pro .woocommerce input.button,
        .woocommerce .woocommerce-message a.button,
        #content-pro .woocommerce p.return-to-shop a.button,
        #single-product-container-pro button.button,
        .comment-navigation a:hover, .page-nav-pro span, .page-nav-pro a span:hover, ul.page-numbers li .current, ul.page-numbers li a:hover,
        .post-password-form input[type=submit], #sidebar a.progression-button, .post-container-pro a.more-link, .woocommerce-tabs #review_form .form-submit input#submit, .wpcf7 input.wpcf7-submit, #commentform input.submit {
            color: #ffffff;
            background: #46445f;
            border-color: #46445f;
        }

            #boxed-layout-pro .width-container-pro .widget .widget_shopping_cart_content p.buttons a.button:hover, .width-container-pro .widget button.button:hover, .woocommerce .cart_totals a.checkout-button:hover, #content-pro .woocommerce input.button:hover, .woocommerce .woocommerce-message a.button:hover, #content-pro .woocommerce p.return-to-shop a.button:hover, #single-product-container-pro button.button:hover, #sidebar a.progression-button:hover, .post-password-form input[type=submit]:hover, .post-container-pro a.more-link:hover, .woocommerce-tabs #review_form .form-submit input#submit:hover, .wpcf7 input.wpcf7-submit:hover, #commentform input.submit:hover {
                background: #060326;
                border-color: #060326;
                color: #ffffff;
            }


.page-nav-pro span, .page-nav-pro a span:hover, ul.page-numbers li a, ul.page-numbers li .current, ul.page-numbers li a:hover, body .post-container-pro a.more-link {
    font-size: 9px;
}

footer#site-footer #copyright-pro {
    color: #ffffff;
    border-color: #ffffff;
}

footer#site-footer {
    background: #050225;
    background-image: url("/images/footer-bg.jpg");
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#page-title-pro {
    padding-top: 183px;
    padding-bottom: 90px;
    background: #060326;
    background-image: url("https://www.magseal.com/wp-content/themes/quark-progression/images/page-title.jpg");
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* Page */


/* Index */


/* Post */


/* Shop */


body {
    background-color: #ffffff;
}

header#masthead-pro {
    background: rgba(0, 0, 0, 0.1);
}


#pro-scroll-top {
    color: #ffffff;
    background: rgba(0,0,0, 0.3);
    border-top: 1px solid rgba(255,255,255, 0.2);
    border-left: 1px solid rgba(255,255,255, 0.2);
    border-right: 1px solid rgba(255,255,255, 0.2);
}

    #pro-scroll-top:hover {
        background: #0abedf;
        border-color: #0abedf;
    }

.sk-circle .sk-child:before, .sk-rotating-plane, .sk-double-bounce .sk-child, .sk-wave .sk-rect, .sk-wandering-cubes .sk-cube, .sk-spinner-pulse, .sk-chasing-dots .sk-child, .sk-three-bounce .sk-child, .sk-fading-circle .sk-circle:before, .sk-cube-grid .sk-cube {
    background-color: #24cdc1;
}

#page-loader-pro {
    background: #1b1d27;
    color: #84adc0;
}

.vc_custom_1471983208321 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1473774784250 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 60px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    background-image: url(/images/belowheaderbg.png?id=18) !important;
}

.vc_custom_1473775055865 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 60px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.vc_custom_1484764184910 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1484328114224 {
    background-image: url(/images/clients-section-bg.png?id=73) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1469566438048 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    border-left-color: #16436b !important;
    border-right-color: #16436b !important;
    border-top-color: #16436b !important;
    border-bottom-color: #16436b !important;
}

.vc_custom_1484327067727 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    background-image: url(/images/smart-solutions-bg.png?id=60) !important;
    background-position: 0 0;
    background-repeat: no-repeat !important;
}

.vc_custom_1469047274959 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1471982903153 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1484239055854 {
    padding-top: 150px !important;
    padding-bottom: 30px !important;
    background-image: url(https://www.magseal.com/wp-content/uploads/2016/07/cloudy-bg.jpg?id=292) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1484239073797 {
    padding-top: 0px !important;
}

.vc_custom_1473776632905 {
    padding-top: 15px !important;
    padding-right: 100px !important;
    padding-bottom: 15px !important;
    padding-left: 100px !important;
}

.vc_custom_1484239142760 {
    padding-top: 0px !important;
}

.vc_custom_1473952356241 {
    padding-right: 60px !important;
    padding-left: 60px !important;
}

.vc_custom_1478182526961 {
    margin-top: 0px !important;
}

.vc_custom_1484335728584 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1484335679153 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1484769854645 {
    margin-bottom: 0px !important;
    padding-bottom: 60px !important;
}

.vc_custom_1484239222848 {
    padding-bottom: 45px !important;
}

.vc_custom_1484239193622 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1484340744315 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1484327037249 {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.vc_custom_1484327046195 {
    padding-top: 30px !important;
}

.white-text p {
    color: #fff !important;
}

.white-text h1 {
    color: #fff !important;
}

.white-text h2 {
    color: #fff !important;
}

.white-text h3 {
    color: #fff !important;
}

.white-text h4 {
    color: #fff !important;
}

.white-text h5 {
    color: #fff !important;
}

.white-text h6 {
    color: #fff !important;
}

.vc_custom_1469204158147 {
    background-repeat: repeat-x !important;
}