cold :)
/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.1.0
*/

img.custom-logo {
    image-rendering: auto;
}

#post-12485 {
    max-width: 800px;
    margin: 0 auto
}

#main h1,
#main h2,
.post-meta a:hover,
.post .entry-header h2 a {
    color: #4D4D4D
}




#main h3 {
    color: #1cb9db
}

.premium-blog-post-container .premium-blog-cats-container a{
    display: none!important
}
.premium-blog-post-container .premium-blog-cats-container a{
    display: none!important
}


.premium-blog-entry-title a {
    color: #fff!important; background: #019FCC!important; padding: 5px 20px; border-radius: 5px
}
.premium-blog-entry-title a {
    color: #fff!important; background: #019FCC!important; padding: 5px 20px; border-radius: 5px
}



.minheightlist ul li {
list-style: none}
.minheightlist ul li:before {
    color: #1ab8da;
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}


body #productcar .elementor-testimonial__image img {
   
   height: 280px!important; 
    
}



.elementor hr {
border-top: 1px solid #1ab8da; display: block; clear: both; margin: 20px 0!important; width: 100%}

.fbc-page .fbc-wrap .fbc-items {
    background: none !important
}

.parent-pageid-6666 #main .gform_wrapper,
#main #gform_wrapper_7,
#main #gform_wrapper_8 {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #eee;
}

.parent-pageid-6666 .gfield_radio li {
    display: inline !important;
    float: left
}

#post-12464 {
    max-width: 800px;
    margin: 0 auto
}

#post-12464 .gfield_radio li {
    width: 24%;
    text-align: left
}

#mega-menu-item-13450 a,
#mega-menu-item-12309 a {
    font-size: 18px !important
}

#post-12464 .button.cta,
#post-6682 .button.cta {
    display: none
}

#post-12464 .button,
input[type=submit] {
    background: #1ab8da !important
}


a.button,
.button,
input[type=submit] {
    background: #1ab8da
}

a.button:hover,
button:hover {
    opacity: .7 !important
}

#primary {
    margin-top: 30px
}

#text-8 i {
    font-size: 30px;
    margin-right: 10px
}

#text-8 i:hover {
    opacity: .7
}

.page .entry-header {
    display: none
}

#post-6686 .twocol-one i {
    font-size: 50px !important;
    color: #1ab8da;
    margin-bottom: 10px
}

.post-meta a:hover,
.post .entry-header h2 a {
    color: #131315;
}

body #gform_widget-2 input[type=text]:focus {
    background: #fff !important
}

#post-6686 .twocol-one {
    margin-bottom: 30px
}



.fbc-wrap {
    margin-top: -40px
}

.single-post .fbc-wrap {
    margin-top: 0
}

.home .fbc-wrap {
    display: none
}

.ms-container h1,
.ms-container h2,
.ms-container a {
    color: #fff !important;
    font-weight: 900 !important
}

.fbc-page .fbc-wrap .fbc-items li a {
    color: #1ab8da !important
}

.fbc-page .fbc-wrap .fbc-items li a,
.fbc-page .fbc-wrap .fbc-items li,
.fbc-page .fbc-wrap .fbc-items li.active span,
.fbc-page .fbc-wrap .fbc-items li .fbc-end-text {
    font-size: 14px !important
}

.ms-container h2 {
    margin-bottom: 30px;
    font-weight: 300 !important
}

.greybox.white {
    background: #fff;
    padding-top: 0
}

footer .widget li {
    display: block !important
}

hr {
    display: block;
    clear: both;
    width: 100%
}

.single-post #content,
.archive #content {
    margin-top: 30px
}

.gform_wrapper li.hidden_label input {
    margin: 0 !important;
    border-radius: 0;
    padding: 15px
}

.page-template-template-fullwidth-no-heading.page-child .bottombox .twocol-one {
    font-size: 16px;
    line-height: 150%
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 15px !important
}

.page-template-template-fullwidth-no-heading.page-child .twocol-one {
    font-size: 19px;
    line-height: 150%
}

.page-template-template-fullwidth-no-heading.page-child .threecol-one img,
.page-template-template-fullwidth-no-heading.page-child .twocol-one iframe {
    border: 5px solid #f8f8f8;
    margin-bottom: 30px
}



.page-template-template-fullwidth-no-heading.page-child .twocol-one h3 {
    margin-bottom: 30px
}

.archive .featuredimage,
.blog .featuredimage {
    display: none
}

.site-footer {
    background-image: url('images/footer.jpg');
    background-repeat: no-repeat;
    background-position: right;
    background-color: #383838;
    background-size: 1122px 543px !important
}

footer .widget {
    font-size: 16px
}

.ms-container a {
    font-size: 18px;
    margin-top: 30px !important;
    border: 1px solid #fff;
    padding: 15px 40px;
    display: inline-block;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;

    transition: .5s;
}

footer .widget .widget-title {
    font-weight: bolder !important;
    font-size: 18px !important
}

footer .gform_description {
    font-size: 16px !important
}

footer.site-footer {
    padding: 3rem 0 !important
}

.ms-container a:hover {
    opacity: .7
}

#gform_submit_button_1 {
    background: #1ab8da !important
}

#gform_submit_button_1:hover {
    opacity: .6
}

footer:last-child:not(:only-of-type) {
    margin-top: 0 !important
}

#post-6622 {
    margin-top: 0px
}

.bluebox {
    padding: 60px 0;
    background: #1ab8da;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
    margin-top: 70px;
    float: left
}

footer.copyright {
    background: #191919
}



.greybox {
    padding: 60px 0;
    background: #f4f4f4;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
    float: left
}

.greybox {
    text-align: center
}

.greybox i {
    color: #1ab8da;
    font-size: 50px;
    display: block;
    margin-top: 40px
}

.greybox a {
    color: #131315
}

.greybox a i {
    color: #1ab8da;
}

.ms-parent-id-2 {
    clear: both;
    float: left;
    width: 100%
}

.greybox h2 {
    text-align: center
}

#main {
    font-size: 22px
}

#main .bluebox {
    font-size: 22px;
    color: #fff
}

#main .bluebox h2 {
    text-align: center !important;
    color: #fff !important
}

.rt-wpls .single-logo img {
    padding: 0
}

.widget_nav_menu ul li {
    display: block !important
}

.whitebox h2 {
    clear: both
}



#pt-cv-view-d75ab8585q .pt-cv-readmore {
    color: #1ab8da !important;
    background: none !important
}

.bellows .bellows-nav .bellows-menu-item > a {
    background: #f8f8f8
}

.bellows .bellows-nav .bellows-menu-item li a {
    background: #fff
}

.bellows .bellows-nav .bellows-menu-item > a:hover,
.bellows-current-menu-item > a {
    background: #1ab8da !important;
    color: #fff !important
}

.page-child .entry-header {
    display: none
}

.button.cta {
    display: none
}

.page-child .button.cta {
    display: inline-block;
    margin: 30px 0;
    color: #131315;
    font-size: 16px;
    text-transform: uppercase;
    background: none;
    border: 1px solid #1ab8da;
    padding: 15px 60px
}

.bottombox {
    padding: 50px;
    background: #f4f4f4;
    float: left;
    width: 100%;
    clear: both;
    max-width: 1400px;
    margin: 20px auto
}

.content-area blockquote:before {
    left: 20px !important;
}

.content-area blockquote p {
    font-size: 30px !important;
    font-size: 100 !important;
    color: #404040 !important
}

.content-area blockquote:before {
    font-size: 100px !important
}

.content-area blockquote {
    background: #f8f8f8;
    padding: 60px 20px 60px 60px;
    color: #404040 !important;
    margin: 0 0 30px !important;
    border-radius: 0 30px 0 30px
}

.rt-wpls .single-logo .single-logo-container {
    padding-right: 0;
    padding-left: 0
}

.fourcol-one a img:hover {
    opacity: .7
}

button,
.button,
input[type=submit],
ul.products li.product .button,
.woocommerce #respond input#submit.alt,
.product .cart .single_add_to_cart_button,
.widget_shopping_cart a.button.checkout,
.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li a.added_to_cart,
div.wpforms-container-full .wpforms-form button[type=submit],
ul.products li.product .added_to_cart,
.woocommerce-cart p.return-to-shop a,
.elementor-row .feature a,
.image-feature figcaption span {
    background: #1ab8da;
    font-size: 16px
}

.bottombox .button,
.bottombox input[type=submit] {
    background: #1ab8da !important
}

.pt-cv-view .pt-cv-title a,
.pt-cv-2-col .pt-cv-title {
    color: #404040 !important;
    min-height: 40px
}

.col-full {
    position: relative
}

#content .pagebanner {
    padding: 100px 0;
    margin-bottom: 60px;
    background: url(/wp-content/uploads/2021/02/services.jpg);
    position: relative;
    background-size: cover !important;
    background-position: top !important;

}


.page-id-6666 #content .pagebanner,
.parent-pageid-6666 #content .pagebanner {
    padding: 100px 0;
    margin-bottom: 60px;
    background: url(/wp-content/uploads/2021/02/services.jpg);
    position: relative;
    background-size: cover !important;
    background-position: top !important;

}

.site-footer {
    margin-top: 40px
}

.home .site-footer {
    margin-top: 0px
}

.pagebanner h1 {
    color: #fff;
    margin-bottom: 0;
    font-weight: 900;

}

.archive .pagebanner,
.single-post .pagebanner {
    display: none !important
}

.inner-wrap {
    max-width: 1400px;
    margin: 0 auto
}

.greybox .fourcol-one a {
    display: block
}

.archive .archive-header,
.page-template-default .archive-header,
.single-post .archive-header {
    padding-bottom: 0 !important
}


.greybox .fourcol-one a:hover {
    opacity: .6
}

.whitebox {
    clear: both;
    float: left;
    width: 100%;
    padding: 60px 20px 0
}

#masthead {
    margin-bottom: 0 !important
}

.ysm-search-widget .search-submit {
    margin-top: 0 !important
}

.elementor-nav-menu li:hover .sub-arrow .e-font-icon-svg {
    transform: rotate(-90deg);
}


.ysm-search-widget .search-field[type="search"] {
    padding: 15px 40px 15px 15px
}



.ysm-search-widget .search-field[type="search"] {
    background: #f8f8f8
}

.ysm-search-widget .search-field[type="search"]:focus {
    background: #fff
}


#content button:hover,
#content .button:hover,
[type="submit"]:hover,
ul.products li.product .button:hover,
#place_order[type="submit"]:hover,
body .woocommerce #respond input#submit.alt:hover,
.product .cart .single_add_to_cart_button:hover,
.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li a.added_to_cart:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:focus,
ul.products li.product .added_to_cart:hover,
.widget_shopping_cart a.button.checkout:hover,
.woocommerce-cart p.return-to-shop a:hover {
    background-color: #1ab8da !important;
    color: #fff !important
}

.widget_search:before,
.woocommerce-product-search:before,
form.search-form:before {
    content: none !important
}

.ysm-search-widget-1 {
    width: 33%
}

#content .ysm-search-widget-1 {
    display: none
}

#masthead {
    margin-bottom: 30px
}


.home .threecol-one a {
    color: #1ab8da
}

.home .threecol-one p {
    margin: 0 !important
}

body .site-main.flow .post-thumbnail {
    width: 25%
}


.home .threecol-one,
.home .threecol-one p {
    font-size: 14px !important
}

.home .threecol-one h2 {
    font-size: 21px;
    margin-top: 0
}

.home .threecol-one img {
    margin-right: 10px
}
@media only screen and (min-width: 2122px) { 
    .parent-pageid-6666 section.elementor-sticky--active {
        
}

}



.parent-pageid-6666 section.elementor-sticky--active {
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.38);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding-top: 20px; z-index: 4
}

#features, #applications, #intro, #technicals, #lenses {
    scroll-margin-top: 200px; /* Adjust as needed */
}




header.elementor-top-section {
width: 100%!important; float: left}

@media only screen and (min-width: 1400px) {

    /* Desktop styles go below this line */
    .ms-container h1 {
        font-size: 60px !important
    }
    
    

    



}

@media only screen and (max-width: 1460px) {
    .inner-wrap {
        padding-right: 2.617924em;
        padding-left: 2.617924em;

    }

    #content .pagebanner {
        background-size: cover !important
    }

    .pagebanner h1 {
        max-width: 600px
    }

    #post-6622 {
        margin-top: 0
    }

}

.pt-cv-edit-post,
.pt-cv-edit-view {
    display: none
}

@media only screen and (max-width: 1570px) { 
    
    .elementor-6689 .elementor-element.elementor-element-225b5c6b {
margin-top: 0!important}
    
    body .elementor-section.banner {
        margin-top: 0!important
}
    
}
@media only screen and (max-width: 1140px) {
    
    section.elementor-sticky--active {
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.38);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding-top: 0px; z-index: 1
}


    .pt-cv-same-height .pt-cv-2-col .pt-cv-thumbnail {
        max-width: 200px !important
    }

    .pt-cv-same-height .pt-cv-content {
        font-size: 15px
    }

    .pt-cv-colsys .pt-cv-content-item {
        margin-bottom: 30px
    }

    .msp-cn-2-1 {
        font-size: 18px !important
    }

    .home .threecol-one img {
        display: block !important;
        clear: both !important;
        float: none;
        margin: 10px auto
    }

    .home .threecol-one {
        text-align: center
    }

}

@media only screen and (max-width: 1100px) {

    /* Desktop styles go below this line */
    .ms-container h2 {
        font-size: 22px !important
    }

    .site-footer {
        background-image: none;
    }



}

.home #main {
    padding: 100px 0;
    clear: both;
    float: left;
    width: 100%
}

.entry-content ul li {
    list-style: none
}




.page-id-6690 .rt-wpls .single-logo .single-logo-container {
    vertical-align: top !important;
}

.page-id-6690 .logo-description,
.page-id-6690 .single-logo h3 {
    text-align: left !important;
}

.page-id-6690 .single-logo h3 {
    text-align: left !important;
    font-size: 21px;
    margin: 20px 0
}

#post-6689 .rt-container-fluid {
    background: #f8f8f8 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.parent-pageid-6659 .rt-wpls .single-logo img {
    margin: 0 auto
}

@media only screen and (max-width: 1480px) {

    #main .fourcol-one h3 {
        font-size: 21px;
        min-height: 60px
    }


}

.elementor-counter .elementor-counter-number {
    
    color: white;
      
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: white;
}

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 992px) {
    
    .sgl-cat-customer-stories #mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-6698 a.mega-menu-link {
        background: #1ab8da;
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-color: #fff;
}
    
    
    
    
    
    
    #tabs img {
max-width: 50%!important; float: left!important; margin-right: 40px!important; margin-bottom: 40px!important}

    /* Desktop styles go below this line */
    .page-template-template-fullwidth-no-heading.page-child .pagebanner {
        margin-bottom: 140px !important
    }

    .featuredimage {
        position: absolute;
        right: 40px;
        top: -70px
    }

    .page-child #secondary,
    .page-id-6659 #secondary {
        margin-top: 60px
    }


  
    #main h2 {
        font-size: 33px
    }

    .main-navigation ul ul li a,
    .secondary-navigation ul ul li a {
        width: 250px !important;
        line-height: 180% !important
    }

    #main .threecol-one h2 {
        font-size: 21px
    }

    .home .threecol-one {
        margin-right: 1.5%;
        width: 32.3%
    }

    .home .threecol-one.last {
        margin-right: 0%;
        width: 32.3%
    }



}





@media only screen and (max-width: 992px) {
    
        .elementor-6689 .elementor-element.elementor-element-225b5c6b {
margin-top: 70px!important}
    


    /* Desktop styles go below this line */
    .pt-cv-wrapper .col-xs-12 {
        width: 100%;
    }


    .pt-cv-2-col .pt-cv-title {
        height: auto !important
    }

    .pagebanner h1 {
        max-width: 100%;
        text-align: center
    }

    .featuredimage {
        max-width: 250px;
        margin: 20px auto 0;
        float: none
    }

    .ysm-search-widget-1 {
        display: none
    }

    #secondary {
        clear: both
    }

    #content .pagebanner {
        padding: 40px 0
    }


    #masthead {
        margin-bottom: 10px
    }

    #content .ysm-search-widget-1 {
        display: none;
        width: 100px;
        margin: 0 auto 5px;
        width: 95% !important;
        box-sizing: border-box;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 768px) {
    
    body.parent-pageid-6663 .elementor-section.banner {
        margin-top:80px!important
}
     

    .rt-col-xs-3 {
        width: 48% !important
    }

    body .rt-wpls .slick-initialized .slick-slide,
    .rt-wpls .slick-slider .slick-track,
    .rt-wpls .slick-slider .slick-list {
        width: 100% !important
    }

    body .site-main.flow .post-thumbnail {
        width: 100%
    }


    .msp-cn-2-1 {
        font-size: 16px !important
    }

    .bluebox .ms-view {
        overflow: visible
    }

    .pt-cv-view .pt-cv-readmore {
        position: relative !important
    }

    .home #main {
        padding-top: 20px !important
    }

    .ms-slide .ms-layer,
    .ms-fixed-layers .ms-layer,
    .ms-overlay-layers .ms-layer {
        position: relative !important;
        font-size: 18px !important;
        height: 400px !important
    }

    .bluebox .rt-col-xs-12 {
        width: 50% !important
    }

    .whitebox .msp-cn-2-1 {
        width: 100% !important;
        height: auto !important;
        clear: both;
        position: relative !important;
        top: auto !important
    }

    .whitebox .master-slider img {
        display: block !important;
        position: relative !important;
        clear: both !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 20px auto !important;
        height: auto !important
    }

}

.post .wp-post-image {
    margin-top: 20px !important
}

#mega-menu-wrap-primary {
margin-top: 20px}

@media only screen and (max-width: 1570px) {

    .single-post .elementor-section.banner {
        margin-top: -20px!important
}


}


@media only screen and (max-width: 1025px) {
    .site-header .col-full, #mega-menu-primary {
display: none!important}
    
    
    body .elementor-section.banner {
        margin-top: 70px!important
}
      .single-post .elementor-section.banner {
        margin-top: 70px!important
}


}



@media (max-width: 767px) { 
    .elementor-12962 .elementor-element.elementor-element-269546bd img {
        width: 100%;
        max-width: 100px!important;
    }
}

.elementor-widget-premium-addon-blog .premium-blog-entry-title a {
display: block!important}

@media only screen and (max-width: 680px) {
    
    .minheightitle {
min-height: 0!important}
    
    .minheightlist {
min-height: 0!important}
    
    .minheightlist ul {
margin-bottom: 0!important}
    
    .elementor-12962 .elementor-element.elementor-element-a79dfd {
padding-top: 0!important}

    #intro,
    #features,
    #applications,
    #technicals,
    #lenses {
        padding-top: 40px !important
    }


    #productmenu {
        background: #019FCC08;
        border: 1px solid #eee
    }


    #post-12464 .gfield_radio li {
        width: 48%;
        text-align: left
    }


    .home .ms-view,
    .home .ms-wk .ms-slide {
        min-height: 450px !important
    }

    .rt-col-xs-3 {
        width: 100% !important
    }

    .ms-slide .ms-layer {
        width: 90% !important
    }

    #main .fourcol-one h3 {
        font-size: 24px;
        min-height: 0px
    }

    body #content .pagebanner,
    .parent-pageid-6666 #content .pagebanner {
        padding: 50px 0;


    }
    #tabs img {
margin-bottom: 30px}


    .pt-cv-thumbnail.pull-left {
        max-width: 150px !important
    }

    .content-area blockquote p {
        font-size: 22px !important
    }

    .pt-cv-same-height .pt-cv-content {
        line-height: 130%;
        font-size: 14px !important
    }

    .featuredimage {
        max-width: 150px;
        margin: 20px auto 0;
        float: none
    }
}



@media only screen and (max-width: 500px) {
    body .elementor-section.banner {
        margin-top: 80px !important;
    }
}

.premium-banner-animation1 img {
    
    transform: translate3d(-25px, 0, 0);
}


body .elementor-section.banner {
        margin-top: 60px!important
}