/*
Theme Name: LeadRef
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

@font-face {
    font-family: 'Graphik-Regular';
    src: url('fonts/Graphik-Regular.woff2') format('woff2'),
         url('fonts/Graphik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Graphik-Medium';
    src: url('fonts/Graphik-Medium.woff2') format('woff2'),
         url('fonts/Graphik-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik-Black';
    src: url('fonts/Graphik-Black.woff2') format('woff2'),
         url('fonts/Graphik-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'Graphik-Regular' !important;
    background-image: url('img/bg.png');
    background-position: center;
    background-repeat: repeat-y;
}

h1, h2, h3, h4, h5 {
	font-family: 'Graphik-Medium' !important;
}


button.vc_general.vc_btn3, a.vc_general.vc_btn3 {
    font-family: 'Graphik-Medium';
    font-size: 0.85em;
    letter-spacing: 0.35px;
    border-radius: 10px;
}

#main button.vc_general.vc_btn3, #main a.vc_general.vc_btn3 {   
    min-width: 240px;
}

.wpb_single_image img {    
    border-radius: 20px;
}


/*-------------------------------------------------------------------------------- HEADER */

header#header {
    max-width: 1470px;
    margin: 0 auto;
}


#header .col-main-center .wpb_wrapper.vc_column-inner {
    justify-content: center;
    text-align: center;
    height: 100%;
}


#header .col-main-right .wpb_wrapper.vc_column-inner  {
	text-align: right;
    justify-content: right;
    padding-top: 20px;
}

#header .main-menu > li.menu-item > a {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    line-height: 20px;
    color: #222529;
    padding: 10px 16px 10px 16px;
    font-family: 'Graphik-Medium' !important;
}

#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
    background-color: transparent;
    color: #0088cc;
}

#header .main-menu > li.menu-item.active > a {
    background-color: transparent;
    color: #0088cc;
}

.mega-menu.menu-hover-line>li.menu-item>a:before {  
    height: 2px;   
}

#header .col-main-right .wpb_wrapper.vc_column-inner  {
	text-align: right;
    justify-content: right;
    padding-top: 20px;
}


hr {
    margin-bottom: 20px !important;
}

.fixed-header #header {    
    top:25px; 
    position: fixed !important; 
}


#header.sticky-header .header-main.sticky {
    transition: left .3s;
    background-color: #f5eee9;
}


.header-free-test .vc_btn3 {
    padding-left: 15px;
    padding-right: 15px;
}

.header-app-login .vc_btn3 {
    /* min-width: 60px; */
    /* text-align: center; */
    border-color: #58b9da;
    padding-left: 25px;
    padding-right: 25px;
}

/*-------------------------------------------------------------------------------- STRUCTURE */
.no-breadcrumbs .main-content {
    padding-top: 0px;
}

/*-------------------------------------------------------------------------------- HOME */

#home-hero {
    border: 20px solid #fff;
    padding-top: 120px !important;
    border-radius: 40px;
}

.porto-sicon-box {
    margin-bottom: 15px !important;
}
.porto-sicon-box .porto-sicon-left {
    width: 44px;
    margin-right: 5px;
}


h3.porto-sicon-title {
    font-size: 15px !important;
    letter-spacing: normal;
    font-weight: 300 !important;
    color: #666;
    font-family: 'Graphik-Regular' !important;
}


.home-counter {
    border-radius: 12px;
}



.stats-block .stats-text {
    font-weight: 200;
    font-size: 16px;
    line-height: 1;
    width: 100%;
    text-align: inherit;
    margin-top: 15px;
    line-height: 1.35em;
}

.stats-top .stats-number {
    font-family: 'Graphik-Black';
    padding: 8px 10px 8px 2px;
    background-color: #ffffff;
    font-size: 40px !important;
    color: #0088cc;
    font-weight: 900;
    border-radius: 0 8px 8px 0;
}

.stats-top .counter_prefix {
    font-family: 'Graphik-Black';
    padding: 8px 2px 8px 10px;
    background-color: #ffffff;
    font-size: 40px !important;
    color: #0088cc;
    font-weight: 900;
    border-radius: 8px 0 0 8px;
}


.bold-secondary p strong {
    color: #20c9e9;
}

.bold-secondary em {
    font-size: 0.8em;
    color: #ccc;
}

/* -------------------------------------------------------------------------------------- Solution */

.large-icon-title h3.porto-sicon-title {
    font-size: 34px !important;
    letter-spacing: normal;
    font-weight: 300 !important;
    color: #222529;
    font-family: 'Graphik-Medium' !important;
    letter-spacing: -1.4px;
}

.pl-50 {

}

.how-to-solution {
    border-radius: 12px;
}

.how-to-solution h3 {
    background-color: #fff;
    display: block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    margin: 0 auto;
    font-family: 'Graphik-Black' !important;
    /* padding: 10px; */
    background-color: #ffffff;
    font-size: 40px !important;
    color: #0088cc;
    margin-bottom: 10px;
}



.porto-modal-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
    font-family: 'Graphik-Medium' !important;
}







/* -------------------------------------------------------------------------------------- Prices */

.price-grid {


} 

.price-range {
    background-color: #f5eee9;
    border-radius:  15px;
    padding:  0 15px !important;
    min-height: 440px;
    width: 94%;
}

.price-range p.product.woocommerce.add_to_cart_inline, .price-range .quickview {
    display: none;
}

.price-range .porto-sicon-box .porto-sicon-left {
    width: 18px;
    margin-right: 8px;
  }

  .price-range .porto-sicon-box  .porto-sicon-title {
    font-size: 17px;
    line-height: 25px;
  }



.price-label {
    margin: 20px 0;
    font-size: 0.9em;
}





.price-label strong {
    font-family: 'Graphik-Black' !important;
    font-size: 24px !important;
    color: #333;
}
.price-label em {
    color: #20c9e9;
    font-size: 19px;
    font-family: 'Graphik-Black' !important;
    font-style: normal;
}

.price-range .add-links-wrap {
    border-top: 1px solid #ccc !important;
    margin-bottom: 30px !important;
    padding-top: 30px !important;
    width: 100%;
}


.price-range .slogan {
    border-top: 1px solid #ccc !important;
    margin-bottom: 10px;
    padding-top: 15px;
    width: 100%;
    color: #0aa7c5;
    /* margin: 0 !important; */
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

    .price-range .recommandation {
    font-size: 0.8em;
    line-height: 1.4em;
    
}

    .price-range .add_to_cart_button.ajax_add_to_cart {
        width: 100%;
        border-radius: 6px;
       font-size: 0.85em;
        background-color: #58b9da !important;
        color: #fff !important;
    }


.price-range .porto-sicon-box.left-icon, .price-range .porto-sicon-box.right-icon {
    border-top: 1px solid #ccc !important;
    padding-top: 15px;
}


.price-range .add_to_cart_button.ajax_add_to_cart {
    width: 100%;
    border-radius: 6px;
    background-color: #fff7f2;
}

.price-range .add-links .button:hover {   
    color: #ffffff !important;
    background-color: #08c !important;
}



.leadref-add-to-backet {


}


/* -------------------------------------------------------------------------------------- Contact */



.ninja-container.vc_column_container.col-md-8 {
    padding: 20px;
    background-color: #f5eee9;
    border-radius: 20px;
}


.ninja-container div#nf-field-13-wrap {
    font-size: 0.8em;
}






/* -------------------------------------------------------------------------------------- WooCommerce */


body.woocommerce-page #main {
    /*padding-top: 120px;*/
    margin-bottom: 80px;
}

body.woocommerce-page {
    padding-top: 100px;
}


.woocommerce-cart-form__contents .product-thumbnail img {
    display: none !important;
}
.shop_table.cart-table th.product-thumbnail {
    width: 8%;
}

.shop_table.cart-table .product-thumbnail>div, .wishlist_table td.product-thumbnail>div {
    width: 20px;
}

.add-links .button:focus {
    color: #0088cc !important;
}


.button.wc-forward {
    display: none !important;
}


.product-thumbnail {
    display: none;
  }

.product-checkout-wrap .quantity.buttons_added.extra-type {
    display: none !important;
}
.product-checkout-wrap .remove.remove-product.position-absolute {
    display: none !important;
}

/* -------------------------------------------------------------------------------------- Footer */

.main-footer {
    max-width: 1170px;
    margin: 0 auto;
    padding: 10px 0 20px;
}
.lead-main-footer {
    border: 10px solid #fff;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 20px;
}

.main-footer p {
    border-top: 1px solid;
    padding-top: 6px;
    margin-top: 6px;
}
.main-footer .mega-menu.menu-hover-line>li.menu-item>a:before {
    display: none !important;
}

.main-footer .mega-menu li.menu-item>a, .sidebar-menu li.menu-item>a { 
    text-transform: none !important;
     color: #fff;   
}
.main-footer .mega-menu:not(:hover) > li.menu-item.active > a {
    background-color: transparent !important;
}

.main-footer .mega-menu li.menu-item>a:hover, .main-footer .sidebar-menu li.menu-item>a:hover {
    z-index: 1;
    color: #58b9da !important;
}






/* ----------------------------------------------------------------------------------- Mobile */


@media (max-width: 991px) {

    
    .fixed-header #header {
        top: 15px;        
    }

    .vc_row.wpb_row.row.top-row.header-main, .vc_row.wpb_row.row.top-row.header-main .vc_column_container {
        padding: 0;
    }

    #header .logo {      
        margin-top: 20px;
    }


    #header .mobile-toggle {      
        margin-right: 0;
        margin: 0;        
        border-radius: 10px;
    }

    .col-main-right .vc_btn3-container {        
        margin-bottom: 0;        
    }

    #header.sticky-header .header-main.sticky {       
        padding-bottom: 15px;
    }

    .large-icon-title h3.porto-sicon-title {
        font-size: 24px !important;
        line-height: 34px;
        
    }
    .main-content > .vc_row.wpb_row {
        margin-top: 60px !important;
    }

    .main-content  .vc_row.wpb_row {
        margin-top: 20px !important;
    }

    #home-hero {      
        padding-top: 00px !important;        
        margin-top: 80px !important;
    }
   
    .price-range {        
        min-height: unset;
    }

    .price-label {
        margin: 20px 0;
        font-size: 1.1em;
    }
    .price-label strong {
        font-family: 'Graphik-Black' !important;
        font-size: 28px !important;
        line-height: 38px;
        color: #333;
    }
    .price-label em {
        color: #20c9e9;
        font-size: 22px;
        line-height: 32px;
        font-family: 'Graphik-Black' !important;
        font-style: normal;
    }

    .price-range .slogan {       
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
    }




}