<?php    
/**
 * @package Luzuk Premium
 */

function total_dymanic_styles(){
    global $post;
    $primColor = get_theme_mod( 'luzuk_template_color', '#0d61cc' );

    $navigationrespnavbsbgssColor = get_theme_mod( 'header_respnavbsbgssColor', '#0d61cc' );

    $navigationrespnavbrssColor = get_theme_mod( 'header_navigationrespnavbrssColor', '#fff' );
    // $color_rgba = total_hex2rgba($color, 0.9);
    // echo 'light color: '.
    // $color_rgba = luzuk_hex2rgba($primColor, 0.9);
    $color_rgba = totalColourBrightness($primColor, 0.3);
    // echo '<br>Dark color: '.
    $darker_color = totalColourBrightness($primColor, -0.5);

    $header_image = get_header_image();
    // DYNAMIC FONTS
    // echo '<br> heading font '.
    $headeingFontRow = get_theme_mod('luzuk_general_headeing_font', '23');
    // echo '<br> text font '.
    $textFontRow = get_theme_mod('luzuk_general_text_fo.slider-procat .popular-cattnt', '24');


    $header = get_theme_mod('header_textcolor', '#666666'); //header color




// fot bottom header padding

    $headerlogoTopsetmaxwidth = get_theme_mod('pages_logoTopsetmaxwidth', '100');

    $headertopbarTpadding = get_theme_mod('header_topbarTpadding', '15px');
    $headertopbarBpadding = get_theme_mod('header_topbarBpadding', '15px');

    $headermiddlebarTpadding = get_theme_mod('header_middlebarTpadding', '20px');
    $headermiddlebarBpadding = get_theme_mod('header_middlebarBpadding', '20px');

    $headerbottombarTpadding = get_theme_mod('header_bottombarTpadding', '10px');
    $headerbottombarBpadding = get_theme_mod('header_bottombarBpadding', '10px');


//problock1 section
    $problock1Tpadding = get_theme_mod('problock1_areaTpadding', '0em');
    $problock1Bpadding = get_theme_mod('problock1_areaBpadding', '3em');
     $problock1featuredprosliderHeight = get_theme_mod('problock1_featuredprosliderHeight', '360px');

//problock2 section
    $problock2Tpadding = get_theme_mod('problock2_areaTpadding', '3em');
    $problock2Bpadding = get_theme_mod('problock2_areaBpadding', '0em');
      $problock2recentprosliderHeight = get_theme_mod('problock2_recentprosliderHeight', '360px');

//blog section
    $blogTpadding = get_theme_mod('blog_areaTpadding', '5em');
    $blogBpadding = get_theme_mod('blog_areaBpadding', '3em');

//footer
    $SectionfooterseTmargin = get_theme_mod('sec_footerseTmargin', '4em');
    $Sectionfootersebottommargin = get_theme_mod('sec_footersebottommargin', '3em');

    $SectiontopfooterseTmargin = get_theme_mod('sec_footersetopfooterseTmargin', '1.5em');
    $Sectiontopfootersebottommargin = get_theme_mod('sec_footersetopfooterseBmargin', '1.2em');

    $bottomareaTmargin = get_theme_mod('sec_bottomareaTmargin', '30px');
    $bottomareabottommargin = get_theme_mod('sec_bottomareabottommargin', '30px');
//inner page
    $headerinnerpageheading = get_theme_mod('pages_innerpageheading', '35px');
    $headerinnerpageheading2 = get_theme_mod('pages_innerpageheading2', '24px');
    $headerinnerpageheading3 = get_theme_mod('pages_innerpageheading3', '20px');
    $headerinnerpageheading4 = get_theme_mod('pages_innerpageheading4', '18px');
    $headerinnerpageheading5 = get_theme_mod('pages_innerpageheading5', '17px');
    $headerinnerpageheading6 = get_theme_mod('pages_innerpageheading6', '16px');

    $immerpageheadertitleboxTpadding = get_theme_mod('inner_headertitleboxTpadding', '1em');
    $immerpageheadertitleboxBpadding = get_theme_mod('inner_headertitleboxBpadding', '4.5em');

    $bloginnerpageheading2 = get_theme_mod('blogpages_innerpageheading2', '20px');
    $contactpagesheading4 = get_theme_mod('contactpages_innerpageheading4', '50px');
    


    $headingFont = getFonts(false, (int)$headeingFontRow);
    $textFont = getFonts(false, (int)$textFontRow);
  

    $custom_css = '';
    $custom_css = " .top-bar-head ul.nav.navbar-nav li a,
    .slider_section .sub-title,
    .slider_section .sub-title span,
    .slider_section .sub-title small,
    .slider_section .sub-title strong,
    .slider_section .sub-title b,
    .slider_section .sub-title big,
    .slider_section .sub-title sub,
    .slider_section .sub-title sup, body, * {font-family: $textFont;}
.ht-section-title, .luzuk-h2, .ht-title-wrap, .ht-slide-cap-title,h1, h2, h3, h4, h5, h6,
    .slider_section .title,
    .slider_section .title span,
    .slider_section .title small,
    .slider_section .title strong, 
    .slider_section .title b,
    .slider_section .title big,
    .slider_section .title sub,
    .slider_section .title sup,
    .slider-social-icon > span,
.section-title h2, .section-title h2 span, .section-title h2 small, .section-title h2 strong, .section-title h2 big, .section-title h2 b, .section-title h2 sub, .section-title h2 sup,
.inner-area-title, .inner-area-title small, .inner-area-title span, .inner-area-title strong, .inner-area-title sub, .inner-area-title sup, .inner-area-title big, .inner-area-title b,
.pro-featured-area a h6,
.pro-featured-area a h6 span,
   .pro-featured-area a h6 small,
   .pro-featured-area a h6 strong,
   .pro-featured-area a h6 b,
   .pro-featured-area a h6 big,
   .pro-featured-area a h6 sub,
   .pro-featured-area a h6 sup,
   .pro-b-area h4,
   .pro-b-area h4 span,
   .pro-b-area h4 small,
   .pro-b-area h4 strong,
   .pro-b-area h4 b,
   .pro-b-area h4 big,
   .pro-b-area h4 sub,
   .pro-b-area h4 sup,
   .pro-box1-area h4, 
   .pro-box1-area h4 span,
   .pro-box1-area h4 small,
   .pro-box1-area h4 strong,
   .pro-box1-area h4 b,
   .pro-box1-area h4 big,
   .pro-box1-area h4 sub,
   .pro-box1-area h4 sup,
   .pro-box2-area h4,
   .pro-box2-area h4 span,
   .pro-box2-area h4 small,
   .pro-box2-area h4 strong,
   .pro-box2-area h4 b,
   .pro-box2-area h4 big,
   .pro-box2-area h4 sub,
   .pro-box2-area h4 sup,

   main#innerpage-box .in-our-team .title, 
   main#innerpage-box .in-our-team .title small,
  main#innerpage-box .in-our-team .title span,
 main#innerpage-box .in-our-team .title strong,
 main#innerpage-box .in-our-team .title b,
 main#innerpage-box .in-our-team .title big,
 main#innerpage-box .in-our-team .title sub,
 main#innerpage-box .in-our-team .title sup,

 div#commentsAdd h4,
 div#commentsAdd small,
  div#commentsAdd span,
 div#commentsAdd strong,
 div#commentsAdd b,
 div#commentsAdd big,
 div#commentsAdd sub,
 div#commentsAdd sup,

  .slider-procat .popular-catt,
  .slider-procat .popular-catt small,
   .slider-procat .popular-catt span,
  .slider-procat .popular-catt strong,
  .slider-procat .popular-catt b,
  .slider-procat .popular-catt big,
  .slider-procat .popular-catt sub,
  .slider-procat .popular-catt sup,

   .footer-area ul.footer-V li h5,
   .footer-area ul.footer-V li h5 span,
   .footer-area ul.footer-V li h5 small,
   .footer-area ul.footer-V li h5 strong,
   .footer-area ul.footer-V li h5 b,
   .footer-area ul.footer-V li h5 big,
   .footer-area ul.footer-V li h5 sub,
   .footer-area ul.footer-V li h5 sup,

   .pro-recentpro-area a h6,
     .pro-recentpro-area a h6 span,
     .pro-recentpro-area a h6 small,
     .pro-recentpro-area a h6 strong,
     .pro-recentpro-area a h6 b,
     .pro-recentpro-area a h6 big,
     .pro-recentpro-area a h6 sub,
     .pro-recentpro-area a h6 sup,

.pro-topcat-area a h6,
.pro-topcat-area a h6 span,
    .pro-topcat-area a h6 small,
    .pro-topcat-area a h6 strong,
    .pro-topcat-area a h6 b,
    .pro-topcat-area a h6 big,
    .pro-topcat-area a h6 sub,
    .pro-topcat-area a h6 sup,

    .offer-b-single h3,
    .offer-b-single h3 span,
    .offer-b-single h3 small,
    .offer-b-single h3 strong,
    .offer-b-single h3 b,
    .offer-b-single h3 big,
    .offer-b-single h3 sub,
    .offer-b-single h3 sup,

    .offer-b-single h4,
    .offer-b-single h4 span,
    .offer-b-single h4 small,
    .offer-b-single h4 strong,
    .offer-b-single h4 b,
    .offer-b-single h4 big,
    .offer-b-single h4 sub,
    .offer-b-single h4 sup,
    
   .pro-cat-content h5 a,   
   .pro-cat-content h5 a span,
   .pro-cat-content h5 a small,
   .pro-cat-content h5 a strong,
   .pro-cat-content h5 a b,
   .pro-cat-content h5 a big,
   .pro-cat-content h5 a sub,
   .pro-cat-content h5 a sup,

    .testimonials-area h6.ts-area-title,
    .testimonials-area h6.ts-area-title small,
    .testimonials-area h6.ts-area-title span,
    .testimonials-area h6.ts-area-title strong, 
    .testimonials-area h6.ts-area-title sub, 
    .testimonials-area h6.ts-area-title sup, 
    .testimonials-area h6.ts-area-title big, 
    .testimonials-area h6.ts-area-title b,
    .pricing-area .currency-price,
   
    main#innerpage-box div#content-box h3.faq-title, 
    main#innerpage-box div#content-box h3.faq-title small,
    main#innerpage-box div#content-box h3.faq-title span, 
    main#innerpage-box div#content-box h3.faq-title strong,
    main#innerpage-box div#content-box h3.faq-title sub, 
    main#innerpage-box div#content-box h3.faq-title sup,
    main#innerpage-box div#content-box h3.faq-title big, 
    main#innerpage-box div#content-box h3.faq-title b,
    .inner-page-gallery .text,
    .inner-page-gallery .text small,
    .inner-page-gallery .text span, 
    .inner-page-gallery .text strong,
    .inner-page-gallery .text sub, 
    .inner-page-gallery .text sup,
    .inner-page-gallery .text big, 
    .inner-page-gallery .text b,

    #innerpage-box h6.ts-area-title, 
    #innerpage-box h6.ts-area-title small,
    #innerpage-box h6.ts-area-title span, 
    #innerpage-box h6.ts-area-title strong,
    #innerpage-box h6.ts-area-title sub, 
    #innerpage-box h6.ts-area-title sup,
    #innerpage-box h6.ts-area-title big, 
    #innerpage-box h6.ts-area-title b,
    .single-team .in-inner-area-title,
    .single-team .in-inner-area-title small,
  .single-team .in-inner-area-title span, 
  .single-team .in-inner-area-title strong,
  .single-team .in-inner-area-title sub, 
  .single-team .in-inner-area-title sup,
  .single-team .in-inner-area-title big, 
  .single-team .in-inner-area-title b,
  main#innerpage-box #blog-box h2,
    main#innerpage-box #blog-box h2 small,
  main#innerpage-box #blog-box h2 span, 
  main#innerpage-box #blog-box h2 strong,
  main#innerpage-box #blog-box h2 sub, 
  main#innerpage-box #blog-box h2 sup,
  main#innerpage-box #blog-box h2 big, 
  main#innerpage-box #blog-box h2 b,

    main#innerpage-box .Address_area h4, 
    main#innerpage-box .Address_area h4 small,
    main#innerpage-box .Address_area h4 strong,
    main#innerpage-box .Address_area h4 span,
    main#innerpage-box .Address_area h4 sub,
    main#innerpage-box .Address_area h4 sup,
    main#innerpage-box .Address_area h4 big,
    main#innerpage-box .Address_area h4 b,
    main#innerpage-box .social_area h4, 
    main#innerpage-box .social_area h4 small,
    main#innerpage-box .social_area h4 strong,
    main#innerpage-box .social_area h4 span,
    main#innerpage-box .social_area h4 sub,
    main#innerpage-box .social_area h4 sup,
    main#innerpage-box .social_area h4 big, 
    main#innerpage-box .social_area h4 b,
    .woocommerce div.product .product_title,
    .woocommerce div.product .product_title span,
   .woocommerce div.product .product_title small, 
   .woocommerce div.product .product_title strong,
   .woocommerce div.product .product_title big, 
   .woocommerce div.product .product_title b,
   .woocommerce div.product .product_title sup,
   .woocommerce div.product .product_title sub,
   main#innerpage-box h2.woocommerce-loop-product__title,
    main#innerpage-box h2.woocommerce-loop-product__title span,
   main#innerpage-box h2.woocommerce-loop-product__title small, 
   main#innerpage-box h2.woocommerce-loop-product__title strong,
   main#innerpage-box h2.woocommerce-loop-product__title big, 
   main#innerpage-box h2.woocommerce-loop-product__title b,
   main#innerpage-box h2.woocommerce-loop-product__title sup,
   main#innerpage-box h2.woocommerce-loop-product__title sub,
    .service-area h4,
    .service-area h4 sub,
    .service-area h4 sup,
    .service-area h4 span,
    .service-area h4 small,
    .service-area h4 strong,
     .service-area h4 big,
     .service-area h4 b,
     button.product-btn,
    button.product-btn sub,
    button.product-btn sup,
    button.product-btn span,
    button.product-btn small,
    button.product-btn strong,
     button.product-btn big,
     button.product-btn b,
     ul.nav.navbar-nav li a
     {font-family: $headingFont; }

   .midle-bar-head{ background: url('$header_image'); background-repeat: no-repeat; background-size: cover;}
        #ht-masthead, .ht-site-description a, .page-template-home-template .ht-main-navigation .menu-item > a, .ht-main-navigation a, .ht-main-navigation ul ul a {color: #{$header};}
    .page-template-home-template .ht-main-navigation .current_page_item > a {color: #fff;}

    .logo-header.mostion img{max-width: $headerlogoTopsetmaxwidth%;}

  .top-bar-head{padding-top: $headertopbarTpadding;}
  .top-bar-head{padding-bottom: $headertopbarBpadding;}

  .midle-bar-head{padding-top: $headermiddlebarTpadding;}
   .midle-bar-head{padding-bottom: $headermiddlebarBpadding;}

   .bottom-bar-head{padding-top: $headerbottombarTpadding;}
   .bottom-bar-head{padding-bottom: $headerbottombarBpadding;}

    div#problock1{padding-top: $problock1Tpadding;}
   div#problock1{padding-bottom: $problock1Bpadding;}
   .pro-featured-area .slider{height: $problock1featuredprosliderHeight;}
   

    div#problock2{padding-top: $problock2Tpadding;}
   div#problock2{padding-bottom: $problock2Bpadding;}
  .pro-recentpro-area .slider{height: $problock2recentprosliderHeight;}


    .footer-area .footer-links-area{padding-top: $SectionfooterseTmargin;}
    .footer-area .footer-links-area{padding-bottom: $Sectionfootersebottommargin;}

    .footer-area .footer-visit-area{padding-top: $SectiontopfooterseTmargin;}
    .footer-area .footer-visit-area{padding-bottom: $Sectiontopfootersebottommargin;}

    .footer-area .bottom-area{padding-top: $bottomareaTmargin;}
    .footer-area .bottom-area{padding-bottom: $bottomareabottommargin;}

.page-main-header{padding-top: $immerpageheadertitleboxTpadding;}
.page-main-header{padding-bottom: $immerpageheadertitleboxBpadding;}
    body.page-template-default main#innerpage-box h1, .ht-main-title,
    #ht-contactus-wrap h1{font-size: $headerinnerpageheading;}
    body.page-template-default main#innerpage-box h2,
    main#innerpage-box h2,
    #blog-box h4,
    h1.product_title.entry-title{font-size: $headerinnerpageheading2;}
    body.page-template-default main#innerpage-box h3,
    #innerpage-box div#content-box .teamdesbox h3,
    .widget .widget-title, .widget .post-title,
    div#sitemap-box h3{font-size: $headerinnerpageheading3;}
    main#innerpage-box h4,
    div#commentsAdd h4,
    main#innerpage-box .main-inner-ser-bx h4.panel-header a{font-size: $headerinnerpageheading4;}
    main#innerpage-box h5{font-size: $headerinnerpageheading5;}
    body.page-template-default main#innerpage-box h6,
    div#blog-box.innerpage-whitebox h6{font-size: $headerinnerpageheading6;}

main#innerpage-box #blog-box h2{font-size: $bloginnerpageheading2;}
main#innerpage-box #ht-contactus-wrap .Address_area h4, main#innerpage-box #ht-contactus-wrap  .social_area h4{font-size: $contactpagesheading4;}
    
    ";

    $custom_css .= "
    button,
    input[type='button'],
    input[type='reset'],
    input[type='submit'],
    .widget-area .widget-title:after,
    h3#reply-title:after,
    h3.comments-title:after,
    .nav-previous a,
    .nav-next a,
    .pagination .page-numbers,    
    .ht-progress-bar-length,
    .ht-service-post-wrap:after,
    .ht-service-icon,
    .ht-counter:after,
    .ht-counter:before,
    .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a,
    .ht-cta-buttons a.ht-cta-button1,
    .ht-cta-buttons a.ht-cta-button2:hover,
    #ht-back-top:hover,
    .entry-readmore a,
    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button,
    .woocommerce ul.products li.product:hover .button,
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt,
    .woocommerce nav.woocommerce-pagination ul li a, 
    .woocommerce nav.woocommerce-pagination ul li span,
    .woocommerce span.onsale,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
    .woocommerce #respond input#submit.disabled, 
    .woocommerce #respond input#submit:disabled, 
    .woocommerce #respond input#submit:disabled[disabled], 
    .woocommerce a.button.disabled, .woocommerce a.button:disabled, 
    .woocommerce a.button:disabled[disabled], 
    .woocommerce button.button.disabled, 
    .woocommerce button.button:disabled, 
    .woocommerce button.button:disabled[disabled], 
    .woocommerce input.button.disabled, 
    .woocommerce input.button:disabled, 
    .woocommerce input.button:disabled[disabled],
    .woocommerce #respond input#submit.alt.disabled, 
    .woocommerce #respond input#submit.alt.disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled, 
    .woocommerce #respond input#submit.alt:disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled[disabled], 
    .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
    .woocommerce a.button.alt.disabled, 
    .woocommerce a.button.alt.disabled:hover, 
    .woocommerce a.button.alt:disabled, 
    .woocommerce a.button.alt:disabled:hover, 
    .woocommerce a.button.alt:disabled[disabled], 
    .woocommerce a.button.alt:disabled[disabled]:hover, 
    .woocommerce button.button.alt.disabled, 
    .woocommerce button.button.alt.disabled:hover, 
    .woocommerce button.button.alt:disabled, 
    .woocommerce button.button.alt:disabled:hover, 
    .woocommerce button.button.alt:disabled[disabled], 
    .woocommerce button.button.alt:disabled[disabled]:hover, 
    .woocommerce input.button.alt.disabled, 
    .woocommerce input.button.alt.disabled:hover, 
    .woocommerce input.button.alt:disabled, 
    .woocommerce input.button.alt:disabled:hover, 
    .woocommerce input.button.alt:disabled[disabled], 
    .woocommerce input.button.alt:disabled[disabled]:hover,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
    .woocommerce-MyAccount-navigation-link a,
    #ht-princing-post-section .ht-princing-icon,
    .ht-princing-icon,      
    .readmore a,
    .page-main-header,
    #content-box ol li:before,
    .ht-slide-cap-descmore a,
    .days-time-day,
    .lz-facility-text ul li i,
    .facility-icon,
    .pagingation .current,
    .pagingation a:hover,
    .ht-appintment-member-wrap:after,
    #commentsAdd input[type='submit'],
    section#inner-blog-section .readMore:hover,
    .woocommerce ul.products li.product .button,
    .ht-main-navigation ul ul,
    .pagination .page-numbers.current, .pagination a.page-numbers:hover,
    div#sitemap-box h3,
    .ht-blog-thumbnail .socialMedia a,
    .widget-area .widget-title:after,
    .widget_calendar tfoot tr td a,
    .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current,
    #blog-box .ht-blog-date,
    .blog-read-more a:hover,
.woocommerce div.product form.cart .button:hover, 
.woocommerce-page div.product form.cart .button:hover, 
.woocommerce #content div.product form.cart .button:hover, 
.woocommerce-page #content div.product form.cart .button:hover


    {
        background:{$primColor};
    }
    .ht-post-info .entry-date span.ht-day,
    .entry-categories .fa,
    .widget-area a:hover,
    .comment-list a:hover,
    .no-comments,
    .woocommerce .woocommerce-breadcrumb a:hover,
    #total-breadcrumbs a:hover,
    .ht-featured-link a,
    .ht-portfolio-cat-name-list .fa,
    .ht-portfolio-cat-name:hover, 
    .ht-portfolio-cat-name.active,
    .ht-portfolio-caption a,
    .ht-team-detail,
    .ht-counter-icon,
    .woocommerce ul.products li.product .price,
    .woocommerce div.product p.price, 
    .woocommerce div.product span.price,
    .woocommerce .product_meta a:hover,
    .woocommerce-error:before, 
    .woocommerce-info:before, 
    .woocommerce-message:before,
    .featured-post:after,
    .featured-post:before,
    .featured-link a,
    .breadcrumbbox a,
    #ht-colophon .social-profile-icons a:hover,
    footer#ht-colophon ul li a:hover,
    .ht-footer .textwidget .fa,
    h6.secondry-text,
    #ht-about-us-section ul li:before,
    .pluses.text-right i.fa.fa-plus,
    .ht-section-tagline.lz-newslatter-text b,
    #content-box ul li:before,
    .offtimebox h4.offtime-text,
    #ht-masthead .header-social-links span:hover,
    #ht-masthead ul.header-menu-links li.mailto a:hover,
    .ht-slider-highlighttext,
    .edit-link a,
    .inner-blog-post .socialMedia a:hover,
    #comments a, 
    #commentsAdd a,
    #content-box a,
    #content-box a i:hover,
    #respond .stars span a,
    #content-box .socialMedia a:hover,
    .post-date-publishable i,
    .woocommerce .star-rating span,
    .woocommerce div.product .woocommerce-product-rating a,
    #content-box .socialbxsinglepost:hover a i,
    section#inner-blog-section h2.title small,
    section#inner-blog-section h2.title a,
    div#secondary li.current_page_item > a,
    div#secondary .social-profile-icons ul li i,
    .woocommerce .star-rating::before,
    .socialMedia a:hover,
    .luzuk-time div:nth-child(8) div.days-time-day,
    div#content-box header.woocommerce-Address-title.title a:hover,
    .widget-area ul li:before,
    .woocommerce table.shop_attributes th,
    .product_list_widget .amount,
.product_list_widget del .amount,
main#innerpage-box ul.products li.product:hover h2.woocommerce-loop-product__title,
main#innerpage-box ul.products li.product:hover h2.woocommerce-loop-product__title small,
    main#innerpage-box h2.woocommerce-loop-product__title:hover:before,
    .woocommerce ul.products li.product .button:hover:before,
    div#content-box table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td a:hover
    {
        color:{$primColor};
    }

    .ht-featured-link a,
    .ht-counter,
    .ht-testimonial-wrap .bx-wrapper img,
    .ht-blog-post,
    #ht-colophon,
    .woocommerce ul.products li.product:hover, 
    .woocommerce-page ul.products li.product:hover,
    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button,
    .woocommerce ul.products li.product:hover .button,
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt,
    .woocommerce div.product .woocommerce-tabs ul.tabs,
    .woocommerce #respond input#submit.alt.disabled, 
    .woocommerce #respond input#submit.alt.disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled, 
    .woocommerce #respond input#submit.alt:disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled[disabled], 
    .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
    .woocommerce a.button.alt.disabled, 
    .woocommerce a.button.alt.disabled:hover, 
    .woocommerce a.button.alt:disabled, 
    .woocommerce a.button.alt:disabled:hover, 
    .woocommerce a.button.alt:disabled[disabled], 
    .woocommerce a.button.alt:disabled[disabled]:hover, 
    .woocommerce button.button.alt.disabled, 
    .woocommerce button.button.alt.disabled:hover, 
    .woocommerce button.button.alt:disabled, 
    .woocommerce button.button.alt:disabled:hover, 
    .woocommerce button.button.alt:disabled[disabled], 
    .woocommerce button.button.alt:disabled[disabled]:hover, 
    .woocommerce input.button.alt.disabled, 
    .woocommerce input.button.alt.disabled:hover, 
    .woocommerce input.button.alt:disabled, 
    .woocommerce input.button.alt:disabled:hover, 
    .woocommerce input.button.alt:disabled[disabled], 
    .woocommerce input.button.alt:disabled[disabled]:hover,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-handle
    .page-template-home-template .ht-main-navigation li:hover > a,
    .home.blog .ht-main-navigation li:hover > a,
    .page-template-home-template .ht-main-navigation .current > a,
    .home.blog .ht-main-navigation .current > a,
    .featured-post:before,
    main#innerpage-box .page-testimonial-box:hover,
    .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, 
    main#innerpage-box .page-testimonial-box:hover .team-thumb img,
     #ht-masthead .header-social-links span:hover,
    .woocommerce ul.products li.product .button,
    .newsletter-form-box input[type='email'],
    div#sitemap-box h3:before,
    .blog-read-more a:hover
    {
        border-color: {$primColor};
    }

    #ht-masthead,
    .woocommerce-error, 
    .woocommerce-info, 
    .woocommerce-message,
    div#sitemap-box{
        border-top-color: {$primColor};
    }

    .nav-next a:after{
        border-left-color: {$primColor};
    }

    .nav-previous a:after{
        border-right-color: {$primColor};
    }

    .ht-active .ht-service-icon{
        box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px {$primColor};
    }

    .woocommerce ul.products li.product .onsale:after{
        border-color: transparent transparent {$darker_color} {$darker_color};
    }

    .woocommerce span.onsale:after{
        border-color: transparent {$darker_color} {$darker_color} transparent
    }


    @media screen and (max-width: 991px){
   div#navbarNavDropdown, #navbarTopNavDropdown{
        background:{$navigationrespnavbsbgssColor}
    }
   div#navbarNavDropdown, #navbarTopNavDropdown{
        border-right-color:{$navigationrespnavbrssColor}
    }

}
";


    // heading text colour 
$headingColor = get_theme_mod('luzuk_title_color', '#fe5722');
$custom_css .= '.title-color{color:'.$headingColor.';}';

    // START SECONDARY COLOR CSS
$secondary = get_theme_mod('theme_secondary_color', '#ff0c12');
$custom_css .='
.secondry-bg,
   #commentsAdd input[type="submit"]:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
div#secondary input[type="submit"]:hover,
.socialMedia a,
section#inner-blog-section .readMore,
.woocommerce ul.products li.product .button:hover,
section#inner-blog-section h2.title,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
div#content-box .wc-proceed-to-checkout a:hover,
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover,
.woocommerce div.product form.cart .button:hover,
.single-productpage #sidebars button:hover,
.entry-readmore a:hover,
.pagination .page-numbers,
main#innerpage-box .ht-blog-thumbnail a:after,
.pagingation a,
.woocommerce nav.woocommerce-pagination ul li a,
div#blog-box .innerblogpost .ht-catblog-thumbnail .featured-thumbnail:after,
.blog-read-more a
{
    background-color:'.$secondary.'
}    
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.socialMedia a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
div#content-box .wc-proceed-to-checkout a:hover,
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover,
.blog-read-more a
{border-color: '.$secondary.';}

main#innerpage-box #blog-box h2, 
main#innerpage-box #blog-box h2 small,
div#secondary .social-profile-icons ul li i:hover {color:'.$secondary.';}  

.woocommerce-MyAccount-navigation-link.is-active a {color:'.$secondary.' !important;}    

.woocommerce ul.products li.product .total-product-title-wrap small,
div#content-box p a:hover,
div#content-box .woocommerce-info a:hover,
section#inner-blog-section h2.title:hover small,
.woocommerce .widget_rating_filter ul li a:hover span,
.woocommerce .star-rating:hover, 
.woocommerce-page .star-rating:hover span,
 .ht-site-title a, .site-title a
{color: '.$secondary.';}

';

 // header menus 
    $HeadertopmenusColorColor = get_theme_mod('header_topmenusColor', '#fff');
    $HeadertopmenushoverColorColor = get_theme_mod('header_topmenushoverColor', '#8a9dbc');
    $HeadertopmenusactiveColorColor = get_theme_mod('header_topmenusactiveColor', '#8a9dbc');
    $HeadertopmenusactivehoverborderColor = get_theme_mod('header_topmenusactivehoverborderColor', '#8a9dbc');
    $HeadertopsubmenusColor = get_theme_mod('header_topsubmenusColor', '#8a9dbc');
    $HeadertopsubmenushvrColor = get_theme_mod('header_topsubmenushvrColor', '#fff');
    $HeadertopsubmenuactiveColor = get_theme_mod('header_topsubmenusactiveColor', '#0d61cc');
    $navigationrestopsubmenusbgsscColor = get_theme_mod( 'header_submenusbgsscColor', '#fff' );
 $HeadertopsubmenushoverborderbgColor = get_theme_mod('header_topsubmenushoverborderbgColor', '#ff0c12');
    $HeaderSiteTaglineColor = get_theme_mod( 'header_SiteTaglineColor', '#0d61cc' );
    $navigationrespnavtoggbarbgssColor = get_theme_mod( 'header_respnavtoggbarbgssColor', '#fff' );
 $HeadertopbgColorColor = get_theme_mod('header_topbgColor', '#0d61cc');
  $HeadermidlebgColorColor = get_theme_mod('header_midleColor', '#fff');
   $HeaderbgbgColorColor = get_theme_mod('header_bottombgColor', '#0d61cc');

    $HeaderdisctextColor = get_theme_mod('header_distextColor', '#fff');
    $Headerbannerlabel1Color = get_theme_mod('header_bannerlabel1Color', '#0e0b06');
    $Headerbannerlabel1spanColor = get_theme_mod('header_bannerlabel1spanColor', '#ff0c12');
    $Headerbannerlabel2Color = get_theme_mod('header_bannerlabel2Color', '#a28876');

    $HeadersearchtextColor = get_theme_mod('header_searchtextColor', '#bebec2');
     $HeadersearchborderColor = get_theme_mod('header_searchborderColor', '#e5e5e5');
      $HeadersearchbgColor = get_theme_mod('header_searchbgColor', '#fff');
   $HeadersearchhoverborderColor = get_theme_mod('header_searchhoverborderColor', '#ff0c12');

  $HeadersearchbtnbgColor = get_theme_mod('header_searchbuttonbgColor', '#0d61cc');
 $HeadersearchbtnbghoverColor = get_theme_mod('header_searchbuttonbghoverColor', '#ff0c12');

  $HeadersearchbtnbgColor = get_theme_mod('header_searchbuttonbgColor', '#0d61cc');

  $HeaderprocatlabelColor = get_theme_mod('header_procatlabelColor', '#fff');
  $HeaderprocatborderColor = get_theme_mod('header_procatborderColor', '#2273cf');
  $HeaderprocatboxColor = get_theme_mod('header_procatboxColor', '#fff');
  $HeaderprocatColor = get_theme_mod('header_procatColor', '#7c8396');
  $HeaderprocathoverColor = get_theme_mod('header_procathoverColor', '#0d61cc');

  $HeadercartcountColor = get_theme_mod('header_cartcountColor', '#eef3f7');
  $HeadercartcountbgColor = get_theme_mod('header_cartcountbgColor', '#2973d2');
  $HeadercartcountbghoverColor = get_theme_mod('header_cartcountbghoverColor', '#ff0c12');
    $custom_css .= '
.total-count .count{color: '.$HeadercartcountColor.';}
.total-count .count{background-color: '.$HeadercartcountbgColor.';}
.total-count:hover .count{background-color: '.$HeadercartcountbghoverColor.';}

ul.nav.navbar-nav li a{color: '.$HeadertopmenusColorColor.';}
   ul.nav.navbar-nav li a:hover,
    div#navbarNavDropdown li.current_page_item a:hover, .current_page_item > a:hover{color: '.$HeadertopmenushoverColorColor.';}
 ul.nav.navbar-nav li.current_page_item a, .current_page_item > a{color: '.$HeadertopmenusactiveColorColor.';}

 ul.nav.navbar-nav li.current_page_item a, .current_page_item > a{border-bottom-color: '.$HeadertopmenusactivehoverborderColor.';}
 ul.nav.navbar-nav li a:after{background-color: '.$HeadertopmenusactivehoverborderColor.';}


  header.site-header ul.sub-menu li a,  
  ul.nav.navbar-nav li.current_page_item ul.sub-menu li a, 
  .header.site-header ul.sub-menu li a{color: '.$HeadertopsubmenusColor.';}

  .header.site-header ul.sub-menu li a:hover,
   div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover, ul.sub-menu .current_page_item > a:hover,
 div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover
   {color: '.$HeadertopsubmenushvrColor.';}

  ul.nav.navbar-nav ul.sub-menu li.current_page_item a, ul.sub-menu .current_page_item > a{color: '.$HeadertopsubmenuactiveColor.';}


   .header.site-header ul.sub-menu li a:hover:after{background-color: '.$HeadertopsubmenushoverborderbgColor.';}
.header.site-header ul.sub-menu li a:before{border-top-color: '.$HeadertopsubmenushoverborderbgColor.';}
.header.site-header ul.sub-menu li a:before{border-bottom-color: '.$HeadertopsubmenushoverborderbgColor.';}

  ul.sub-menu{background-color: '.$navigationrestopsubmenusbgsscColor.';}

    .header-seo.header-transparent .navbar-toggler span{background-color: '.$navigationrespnavtoggbarbgssColor.';}


    .ht-site-description a{color: '.$HeaderSiteTaglineColor.';}

.top-bar-head{background-color: '.$HeadertopbgColorColor.';}
.midle-bar-head{background-color: '.$HeadermidlebgColorColor.';}
.bottom-bar-head, .header-seo.header-transparent .is-fixed .main-bar{background-color: '.$HeaderbgbgColorColor.';}

.top-bar-head{color: '.$HeaderdisctextColor.';}
.off-label-1{color: '.$Headerbannerlabel1Color.';}
.off-label-1 span{color: '.$Headerbannerlabel1spanColor.';}
.off-label-2{color: '.$Headerbannerlabel2Color.';}

.midle-bar-head div#sb-search input.search-field,
.midle-bar-head div#sb-search input.search-field::placeholder{color: '.$HeadersearchtextColor.';}
.midle-bar-head div#sb-search input.search-field{border-color: '.$HeadersearchborderColor.';}
.midle-bar-head div#sb-search input.search-field{background-color: '.$HeadersearchbgColor.';}
.midle-bar-head div#sb-search form:hover input.search-field{border-color: '.$HeadersearchhoverborderColor.'!important;}

.midle-bar-head div#sb-search input[type="submit"]{background-color: '.$HeadersearchbtnbgColor.';}
.midle-bar-head div#sb-search form:hover input[type="submit"]{background-color: '.$HeadersearchbtnbghoverColor.';}

button.product-btn{color: '.$HeaderprocatlabelColor.';}
button.product-btn{border-color: '.$HeaderprocatborderColor.';}
.header-transparent .product-cat{background-color: '.$HeaderprocatboxColor.';}
.product-cat li a, .product-cat li a:before{color: '.$HeaderprocatColor.';}
.product-cat li:hover a, .product-cat li:hover a:before{color: '.$HeaderprocathoverColor.';}
  ';


// slider color
$slidersubtitleColor = get_theme_mod('slider_SubtitleColor', '#8e8f94');
$sliderTitleColor = get_theme_mod('slider_titleColor', '#000');
$sliderButtontextcolor = get_theme_mod('slider_ButtontColor', '#fff');
$sliderButtongradcolor1 = get_theme_mod('slider_ButtonbgColor', '#0d61cc');
$sliderButtongradcolor2 = get_theme_mod('slider_ButtonbghoverColor', '#ff0c12');

 $sliderprocatborderColor = get_theme_mod('slider_procatborderColor', '#e6e6e6');
  $sliderprocatboxColor = get_theme_mod('slider_procatboxColor', '#fff');
  $sliderprocatColor = get_theme_mod('slider_procatColor', '#7c8396');
  $sliderprocathoverColor = get_theme_mod('slider_procathoverColor', '#0d61cc');

 $sliderprocatlabelColor = get_theme_mod('slider_procatlabelColor', '#fff');
  $sliderprocatlabelbgColor = get_theme_mod('slider_procatlabelbgColor', '#0d61cc');

 $sliderprevnextbtnColor = get_theme_mod('slider_prevnextbtnColor', '#ff0c12');
  $sliderprevnextbtnhoverColor = get_theme_mod('slider_prevnextbtnhoverColor', '#0d61cc');
 $sliderprevnextbtnborderColor = get_theme_mod('slider_prevnextbtnborderColor', '#0d61cc');
  $sliderprevnextbtnborderhoverColor = get_theme_mod('slider_prevnextbtnborderhoverColor', '#ff0c12');

$custom_css .= '.slider_section .title, .slider_section .title small {color: '.$sliderTitleColor.';}
.slider_section .sub-title, .slider_section .sub-title small{color: '.$slidersubtitleColor.';}
.slider_section a.btn{color: '.$sliderButtontextcolor.';}
.slider_section .slider-btn{background-color: '.$sliderButtongradcolor1.';}
.slider_section .s-btn{background-color: '.$sliderButtongradcolor2.';}
.slider-procat{background-color: '.$sliderprocatboxColor.';}
.slider-procat{border-color: '.$sliderprocatborderColor.';}
.slider-procat li a, .slider-procat li a:before{color: '.$sliderprocatColor.';}
.slider-procat li:hover a, .slider-procat li:hover a:before{color: '.$sliderprocathoverColor.';}
.slider-procat .popular-catt, .slider-procat .popular-catt small{color: '.$sliderprocatlabelColor.';}
.slider-procat .popular-catt{background-color: '.$sliderprocatlabelbgColor.';}

.slider_section .bx-wrapper .bx-controls-direction a {
    background-image: linear-gradient( to right, '.$sliderprevnextbtnhoverColor.', '.$sliderprevnextbtnhoverColor.' 50%, '.$sliderprevnextbtnColor.' 50%);
}
.slider_section .bx-wrapper .bx-controls-direction a{border-color: '.$sliderprevnextbtnborderColor.';}
.slider_section .bx-wrapper .bx-controls-direction a:hover{border-color: '.$sliderprevnextbtnborderhoverColor.';}

 ';


// product block 1
if(get_theme_mod('luzuk_premium_productblock1_section_background','off') == 'on' ){

    $bgimg = get_theme_mod('luzuk_productblock1_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';

    $custom_css .= 'div#problock1{background-image: url("'.$img.'");background-position: top;background-size: cover;}';
}else{
    $color = get_theme_mod('luzuk_productblock1_bg_color', '#fff');
    if('#fff' != $color){
        $custom_css .= 'div#problock1{background-color: '.$color.';}';
    }
}

// pro b img
if(get_theme_mod('luzuk_premium_pro_b_img_section_background','on') == 'on' ){

    $bgimg = get_theme_mod('luzuk_pro_b_img_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/banner-headp.jpg';

    $custom_css .= '.pro-b-area{background-image: url("'.$img.'");background-position: top;background-size: cover;}';
}else{
    $color = get_theme_mod('luzuk_pro_b_img_bg_color', '#fff');
    if('#fff' != $color){
        $custom_css .= '.pro-b-area{background-color: '.$color.';}';
    }
}
// pro-box1
if(get_theme_mod('luzuk_premium_probox1_section_background','off') == 'on' ){

    $bgimg = get_theme_mod('luzuk_probox1_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/camera-banner.jpg';

    $custom_css .= '.problock1-area .pro-box1-area{background-image: url("'.$img.'");background-position: initial;background-size: cover;}';
}else{
    $color = get_theme_mod('luzuk_probox1_bg_color', '#eaeaea');
    if('#eaeaea' != $color){
        $custom_css .= '.problock1-area .pro-box1-area{background-color: '.$color.';}';
    }
}

// pro-box2
if(get_theme_mod('luzuk_premium_probox2_section_background','off') == 'on' ){

    $bgimg = get_theme_mod('luzuk_probox2_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/alerm-banner.jpg';

    $custom_css .= '.problock1-area .pro-box2-area{background-image: url("'.$img.'");background-position: initial;
    background-size: cover;background-repeat: no-repeat;}';
}else{
    $color = get_theme_mod('luzuk_probox2_bg_color', '#eaeaea');
    if('#eaeaea' != $color){
        $custom_css .= '.problock1-area .pro-box2-area{background-color: '.$color.';}';
    }
}

// Product block 1 banner color
$productblock1banner1titleColor = get_theme_mod('productblock1_area_banner1title', '#000');
$productblock1banner1textColor = get_theme_mod('productblock1_area_banner1text', '#0d61cc');
$productblock1banner1texthoverColor = get_theme_mod('productblock1_area_banner1texthover', '#ff0c12');

$productblock1banner2titleColor = get_theme_mod('productblock1_area_banner2title', '#060606');
$productblock1banner2titlehoverColor = get_theme_mod('productblock1_area_banner2titlehover', '#0d61cc');

$productblock1banner2textColor = get_theme_mod('productblock1_area_banner2textptext', '#848b93');
$productblock1banner2textpriceColor = get_theme_mod('productblock1_area_banner2textpriceb', '#0d61cc');
$productblock1banner2textpricehoverColor = get_theme_mod('productblock1_area_banner2textpricehover', '#ff0c12');

$productblock1pageiconColor = get_theme_mod('productblock1_area_pageicon', '#7a8996');
$productblock1pageiconhoverColor = get_theme_mod('productblock1_area_pageiconhover', '#ff0c12');
$productblock1pagetitleColor = get_theme_mod('productblock1_area_pagetitle', '#000');
$productblock1pagetitlehoverColor = get_theme_mod('productblock1_area_pagetitlehover', '#0d61cc');
$productblock1pagetextColor = get_theme_mod('productblock1_area_pagetext', '#7f878a');
$productblock1pageborderColor = get_theme_mod('productblock1_area_pageborder', '#ebebeb');

$productblock1featuredprotitleColor = get_theme_mod('productblock1_area_featuredprotitle', '#000');
$productblock1featuredprotitleborderColor = get_theme_mod('productblock1_area_featuredprotitleborder', '#eaeaea');

$productblock1featuredprosliderarrowColor = get_theme_mod('productblock1_area_featuredprosliderarrow', '#9fa2a5');

$productblock1featuredprosliderarrowhoverColor = get_theme_mod('productblock1_area_featuredprosliderarrowhover', '#0d61cc');
$productblock1featuredprosliderborderColor = get_theme_mod('productblock1_area_featuredprosliderborder', '#eaeaea');

$productblock1featuredproimhhoverborderColor = get_theme_mod('productblock1_area_featuredproimhhoverborder', '#eaeaea');
$productblock1featuredproimhhovericonColor = get_theme_mod('productblock1_area_featuredproimhhovericon', '#cfd0d5');
$productblock1featuredproimhhovericonbgColor = get_theme_mod('productblock1_area_featuredproimhhovericonbg', '#fff');
$productblock1featuredproimhhovericonhoverColor = get_theme_mod('productblock1_area_featuredproimhhovericonhover', '#0d61cc');

$productblock1featuredprocatColor = get_theme_mod('productblock1_area_featuredprocat', '#0d61cc');
$productblock1featuredprocathoverColor = get_theme_mod('productblock1_area_featuredprocathover', '#ff0c12');
$productblock1featuredpronameColor = get_theme_mod('productblock1_area_featuredproname', '#000');
$productblock1featuredpronamehoverColor = get_theme_mod('productblock1_area_featuredpronamehover', '#0d61cc');
$productblock1featuredpropriceColor = get_theme_mod('productblock1_area_featuredproprice', '#7c8491');
$productblock1featuredpropricecboprderColor = get_theme_mod('productblock1_area_featuredpropricecboprder', '#ccd0d3');
$productblock1featuredprosellingpriceColor = get_theme_mod('productblock1_area_featuredprosellingprice', '#868b9e');

$custom_css .= '
.pro-featured-area a.pro-cat{color: '.$productblock1featuredprocatColor.';}
.pro-featured-area #recent-porduct:hover a.pro-cat{color: '.$productblock1featuredprocathoverColor.';}
.pro-featured-area a h6, .pro-featured-area a h6 small{color: '.$productblock1featuredpronameColor.';}
.pro-featured-area #recent-porduct:hover a h6, .pro-featured-area #recent-porduct:hover a h6 small{color: '.$productblock1featuredpronamehoverColor.';}
.pro-featured-area .price del .amount{color: '.$productblock1featuredpropriceColor.' !important;}
.pro-featured-area .total-product-title-wrap{color: '.$productblock1featuredpropricecboprderColor.';}
.pro-featured-area .price .amount{color: '.$productblock1featuredprosellingpriceColor.'!important;}



.pro-b-area h4{color: '.$productblock1banner1titleColor.';}
.pro-b-area p{color: '.$productblock1banner1textColor.';}
.pro-b-area:hover p{color: '.$productblock1banner1texthoverColor.';}

.pro-box1-area h4, .pro-box2-area h4, .pro-box1-area h4 small, .pro-box2-area h4 small{color: '.$productblock1banner2titleColor.';}
.pro-box1-area:hover h4, .pro-box2-area:hover h4, .pro-box1-area:hover h4 small, .pro-box2-area:hover h4 small{color: '.$productblock1banner2titlehoverColor.';}
.pro-box1-area p, .pro-box1-area .pro-box-price, .pro-box2-area p{color: '.$productblock1banner2textColor.';}
div#problock1 .pro-box1-area .pro-box-price span{color: '.$productblock1banner2textpriceColor.';}
div#problock1 .pro-box1-area:hover .pro-box-price span{color: '.$productblock1banner2textpricehoverColor.';}

.pro_b-single .hi-icon span{color: '.$productblock1pageiconColor.';}
.pro_b-single:hover .hi-icon span{color: '.$productblock1pageiconhoverColor.';}
.pro_b-area-data h4.inner-area-title, .pro_b-area-data h4.inner-area-title small{color: '.$productblock1pagetitleColor.';}
.pro_b-single:hover .pro_b-area-data h4.inner-area-title, .pro_b-single:hover .pro_b-area-data h4.inner-area-title small{color: '.$productblock1pagetitlehoverColor.';}
.pro_b-area-data .section-area-text{color: '.$productblock1pagetextColor.';}
.support-area .pro_b-single{border-bottom-color: '.$productblock1pageborderColor.';}

.pro-featured-area .section-title h2, .pro-featured-area .section-title h2 small {color: '.$productblock1featuredprotitleColor.';}
.pro-featured-area .s-border{border-top-color: '.$productblock1featuredprotitleborderColor.';}
.pro-featured-area .ctrl-btn.pro-prev:after{color: '.$productblock1featuredprosliderborderColor.';}
.pro-featured-area .ctrl-btn.pro-prev, .pro-featured-area .ctrl-btn.pro-next{color: '.$productblock1featuredprosliderarrowColor.';}
.pro-featured-area .ctrl-btn.pro-prev:hover, .pro-featured-area .ctrl-btn.pro-next:hover{color: '.$productblock1featuredprosliderarrowhoverColor.';}

.pro-featured-area .pro-img a img{border-color: '.$productblock1featuredproimhhoverborderColor.';}
.pro-featured-area #recent-porduct .ht-featured-social-id li a{color: '.$productblock1featuredproimhhovericonColor.';}
.pro-featured-area #recent-porduct .ht-featured-social-id li a i{background-color: '.$productblock1featuredproimhhovericonbgColor.';}
.pro-featured-area #recent-porduct .ht-featured-social-id li a:hover{color: '.$productblock1featuredproimhhovericonhoverColor.';}


 ';

// product block 2
if(get_theme_mod('luzuk_premium_productblock2_section_background','off') == 'on' ){

    $bgimg = get_theme_mod('luzuk_productblock2_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';

    $custom_css .= 'div#problock2{background-image: url("'.$img.'");background-position: top;background-size: cover;}';
}else{
    $color = get_theme_mod('luzuk_productblock2_bg_color', '#fff');
    if('#fff' != $color){
        $custom_css .= 'div#problock2{background-color: '.$color.';}';
    }
}

// pro-box1
if(get_theme_mod('luzuk_premium_proboxblock21_section_background','off') == 'on' ){

    $bgimg = get_theme_mod('luzuk_proboxblock21_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/camera-banner.jpg';

    $custom_css .= '.problock2-area .pro-box1-area{background-image: url("'.$img.'");background-position: initial;background-size: cover;}';
}else{
    $color = get_theme_mod('luzuk_proboxblock21_bg_color', '#eaeaea');
    if('#eaeaea' != $color){
        $custom_css .= '.problock2-area .pro-box1-area{background-color: '.$color.';}';
    }
}

// pro-box2
if(get_theme_mod('luzuk_premium_proboxblock22_section_background','off') == 'on' ){

    $bgimg = get_theme_mod('luzuk_proboxblock22_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/alerm-banner.jpg';

    $custom_css .= '.problock2-area .pro-box2-area{background-image: url("'.$img.'");background-position: initial;
    background-size: cover;background-repeat: no-repeat;}';
}else{
    $color = get_theme_mod('luzuk_proboxblock22_bg_color', '#eaeaea');
    if('#eaeaea' != $color){
        $custom_css .= '.problock2-area .pro-box2-area{background-color: '.$color.';}';
    }
}

// Product block 2 banner color
$productblock1banner1saleColor = get_theme_mod('productblock2_area_banner1sale', '#fff');
$productblock1banner1salebgColor = get_theme_mod('productblock2_area_banner1salebg', '#49cb59');
$productblock1banner1sale2Color = get_theme_mod('productblock2_area_banner1sale2', '#0f65d7');

$productblock1bannertitleColor = get_theme_mod('productblock2_area_banner2title', '#060606');
$productblock1banner2textptextColor = get_theme_mod('productblock2_area_banner2textptext', '#848b93');
$productblock1banner2textOtxtColor = get_theme_mod('productblock2_area_banner2textOtxt', '#ff1b01');
$productblock1banner2textpriceColor = get_theme_mod('productblock2_area_banner2textprice', '#000');
$productblock1banner2textprice2Color = get_theme_mod('productblock2_area_banner2textprice2', '#0d5dcc');


$productblock1recentprotitleColor = get_theme_mod('productblock2_area_Recentprotitle', '#000');
$productblock1recentprotitleborderColor = get_theme_mod('productblock2_area_Recentprotitleborder', '#eaeaea');

$productblock1recentprosliderarrowColor = get_theme_mod('productblock2_area_Recentprosliderarrow', '#9fa2a5');

$productblock1recentprosliderarrowhoverColor = get_theme_mod('productblock2_area_Recentprosliderarrowhover', '#0d61cc');
$productblock1recentprosliderborderColor = get_theme_mod('productblock2_area_Recentprosliderborder', '#eaeaea');

$productblock1recentproimhhoverborderColor = get_theme_mod('productblock2_area_Recentproimhhoverborder', '#eaeaea');
$productblock1recentproimhhovericonColor = get_theme_mod('productblock2_area_Recentproimhhovericon', '#cfd0d5');
$productblock1recentproimhhovericonbgColor = get_theme_mod('productblock2_area_Recentproimhhovericonbg', '#fff');
$productblock1recentproimhhovericonhoverColor = get_theme_mod('productblock2_area_Recentproimhhovericonhover', '#0d61cc');

$productblock2recentprocatColor = get_theme_mod('productblock2_area_Recentprocat', '#0d61cc');
$productblock2recentprocathoverColor = get_theme_mod('productblock2_area_Recentprocathover', '#ff0c12');
$productblock2recentpronameColor = get_theme_mod('productblock2_area_Recentproname', '#000');
$productblock2recentpronamehoverColor = get_theme_mod('productblock2_area_Recentpronamehover', '#0d61cc');
$productblock2recentpropriceColor = get_theme_mod('productblock2_area_Recentproprice', '#7c8491');
$productblock2recentpropricecboprderColor = get_theme_mod('productblock2_area_Recentpropricecboprder', '#ccd0d3');
$productblock2recentprosellingpriceColor = get_theme_mod('productblock2_area_Recentprosellingprice', '#868b9e');


$productblock2recentprotopcattitleColor = get_theme_mod('productblock2_area_protopcattitle', '#000');
$productblock2recentprotopcattitleborderColor = get_theme_mod('productblock2_area_protopcattitleborder', '#eaeaea');

$productblock2recentprotopcatboxborderColor = get_theme_mod('productblock2_area_protopcatboxborder', '#eaeaea');

$productblock2recentprotopcatimhhovericonColor = get_theme_mod('productblock2_area_protopcatimhhovericon', '#0d61cc');

$productblock2recentprotopcatimhhovericonbgColor = get_theme_mod('productblock2_area_protopcatimhhovericonbg', '#fff');

$productblock2recentprotopcatimhhovericonhoverColor = get_theme_mod('productblock2_area_protopcatimhhovericonhover', '#fff');

$productblock2recentprotopcatimhhovericonhoverbgColor = get_theme_mod('productblock2_area_protopcatimhhovericonhoverbg', '#ff0c12');

$productblock2recentprotopcatcatColor = get_theme_mod('productblock2_area_protopcatcat', '#0d61cc');

$productblock2recentprotopcatcathoverColor = get_theme_mod('productblock2_area_protopcatcathover', '#ff0c12');

$productblock2recentprotopcatnameColor = get_theme_mod('productblock2_area_protopcatname', '#000');

$productblock2recentprotopcatnamehoverColor = get_theme_mod('productblock2_area_protopcatnamehover', '#0d61cc');

$productblock2recentprotopcatpriceColor = get_theme_mod('productblock2_area_protopcatprice', '#7c8491');

$productblock2recentprotopcatpricecboprderColor = get_theme_mod('productblock2_area_protopcatpricecboprder', '#ccd0d3');

$productblock2recentprotopcatsellingpriceColor = get_theme_mod('productblock2_area_protopcatsellingprice', '#868b9e');


$productblock2PopularprotitleColor = get_theme_mod('productblock2_area_Popularprotitle', '#000');
$productblock2PopularprotitleborderColor = get_theme_mod('productblock2_area_Popularprotitleborder', '#eaeaea');

$productblock2PopularprosliderarrowColor = get_theme_mod('productblock2_area_Popularprosliderarrow', '#9fa2a5');

$productblock2PopularprosliderarrowhoverColor = get_theme_mod('productblock2_area_Popularprosliderarrowhover', '#0d61cc');
$productblock2PopularprosliderborderColor = get_theme_mod('productblock2_area_Popularprosliderborder', '#eaeaea');

$productblock2PopularproimhhoverborderColor = get_theme_mod('productblock2_area_Popularproimhhoverborder', '#eaeaea');
$productblock2PopularproimhhovericonColor = get_theme_mod('productblock2_area_Popularproimhhovericon', '#cfd0d5');
$productblock2PopularproimhhovericonbgColor = get_theme_mod('productblock2_area_Popularproimhhovericonbg', '#fff');
$productblock2PopularproimhhovericonhoverColor = get_theme_mod('productblock2_area_Popularproimhhovericonhover', '#0d61cc');

$productblock2PopularprocatColor = get_theme_mod('productblock2_area_Popularprocat', '#0d61cc');
$productblock2PopularprocathoverColor = get_theme_mod('productblock2_area_Popularprocathover', '#ff0c12');
$productblock2PopularpronameColor = get_theme_mod('productblock2_area_Popularproname', '#000');
$productblock2PopularpronamehoverColor = get_theme_mod('productblock2_area_Popularpronamehover', '#0d61cc');
$productblock2PopularpropriceColor = get_theme_mod('productblock2_area_Popularproprice', '#7c8491');
$productblock2PopularpropricecboprderColor = get_theme_mod('productblock2_area_Popularpropricecboprder', '#ccd0d3');
$productblock2PopularprosellingpriceColor = get_theme_mod('productblock2_area_Popularprosellingprice', '#868b9e');



$custom_css .= '
.pro-topcat-area .section-title h2, .pro-topcat-area .section-title h2 small{color: '.$productblock2recentprotopcattitleColor.';}
.pro-topcat-area .s-border{border-top-color: '.$productblock2recentprotopcattitleborderColor.';}
.pro-topcat-area #recent-porduct{border-color: '.$productblock2recentprotopcatboxborderColor.';}
.ht-protopcat-social-id a.add_to_cart_button{color: '.$productblock2recentprotopcatimhhovericonColor.';}
.ht-protopcat-social-id a.add_to_cart_button{background-color: '.$productblock2recentprotopcatimhhovericonbgColor.';}
.problock2-area #recent-porduct .ht-protopcat-social-id a.add_to_cart_button:hover{color: '.$productblock2recentprotopcatimhhovericonhoverColor.';}
.problock2-area #recent-porduct .ht-protopcat-social-id a.add_to_cart_button:hover{background-color: '.$productblock2recentprotopcatimhhovericonhoverbgColor.';}

.pro-topcat-area a.pro-cat{color: '.$productblock2recentprotopcatcatColor.';}
.pro-topcat-area #recent-porduct:hover a.pro-cat{color: '.$productblock2recentprotopcatcathoverColor.';}

.pro-topcat-area a h6, .pro-topcat-area a h6 small{color: '.$productblock2recentprotopcatnameColor.';}
.pro-topcat-area #recent-porduct:hover a h6, .pro-topcat-area #recent-porduct:hover a h6 small{color: '.$productblock2recentprotopcatnamehoverColor.';}


.pro-topcat-area .price del .amount{color: '.$productblock2recentprotopcatpriceColor.' !important;}
.pro-topcat-area .total-product-title-wrap{color: '.$productblock2recentprotopcatpricecboprderColor.';}
.pro-topcat-area .price .amount{color: '.$productblock2recentprotopcatsellingpriceColor.'!important;}

div#problock2 .pro-box1-area .sale{color: '.$productblock1banner1saleColor.';}
div#problock2 .pro-box1-area .sale{background-color: '.$productblock1banner1salebgColor.';}
div#problock2 .pro-box2-area .sale{color: '.$productblock1banner1sale2Color.';}
div#problock2 .pro-box1-area h4, div#problock2 .pro-box2-area h4, div#problock2 .pro-box1-area h4 small, div#problock2 .pro-box2-area h4 small{color: '.$productblock1bannertitleColor.';}
div#problock2 .pro-box1-area .prob2offer, div#problock2 .pro-box1-area .pro-box-price, div#problock2 .pro-box2-area .pro-box-price{color: '.$productblock1banner2textptextColor.';}
div#problock2 .pro-box1-area .prob2offer span{color: '.$productblock1banner2textOtxtColor.';}
div#problock2 .pro-box1-area .pro-box-price span{color: '.$productblock1banner2textpriceColor.';}
div#problock2 .pro-box2-area .pro-box-price span{color: '.$productblock1banner2textprice2Color.';}

.pro-recentpro-area a.pro-cat{color: '.$productblock2recentprocatColor.';}
.pro-recentpro-area #recent-porduct:hover a.pro-cat{color: '.$productblock2recentprocathoverColor.';}
.pro-recentpro-area a h6, .pro-recentpro-area a h6 small{color: '.$productblock2recentpronameColor.';}
.pro-recentpro-area #recent-porduct:hover a h6, .pro-recentpro-area #recent-porduct:hover a h6 small{color: '.$productblock2recentpronamehoverColor.';}
.pro-recentpro-area .price del .amount{color: '.$productblock2recentpropriceColor.' !important;}
.pro-recentpro-area .total-product-title-wrap{color: '.$productblock2recentpropricecboprderColor.';}
.pro-recentpro-area .price .amount{color: '.$productblock2recentprosellingpriceColor.'!important;}



.pro-b-area h4, .pro-b-area h4 small{color: '.$productblock1banner1titleColor.';}
.pro-b-area p{color: '.$productblock1banner1textColor.';}
.pro-b-area:hover p{color: '.$productblock1banner1texthoverColor.';}

.pro-box1-area h4, .pro-box2-area h4, .pro-box1-area h4 small, .pro-box2-area h4 small{color: '.$productblock1banner2titleColor.';}
.pro-box1-area:hover h4, .pro-box2-area:hover h4, .pro-box1-area:hover h4 small, .pro-box2-area:hover h4 small{color: '.$productblock1banner2titlehoverColor.';}
.pro-box1-area p, .pro-box1-area .pro-box-price, .pro-box2-area p{color: '.$productblock1banner2textColor.';}
div#problock2 .pro-box1-area .pro-box-price span{color: '.$productblock1banner2textpriceColor.';}
div#problock2 .pro-box1-area:hover .pro-box-price span{color: '.$productblock1banner2textpricehoverColor.';}

.pro_b-single .hi-icon span{color: '.$productblock1pageiconColor.';}
.pro_b-single:hover .hi-icon span{color: '.$productblock1pageiconhoverColor.';}
.pro_b-area-data h4.inner-area-title, .pro_b-area-data h4.inner-area-title small{color: '.$productblock1pagetitleColor.';}
.pro_b-single:hover .pro_b-area-data h4.inner-area-title, .pro_b-single:hover .pro_b-area-data h4.inner-area-title small{color: '.$productblock1pagetitlehoverColor.';}
.pro_b-area-data .section-area-text{color: '.$productblock1pagetextColor.';}
.support-area .pro_b-single{border-bottom-color: '.$productblock1pageborderColor.';}

.pro-recentpro-area .section-title h2, .pro-recentpro-area .section-title h2 small {color: '.$productblock1recentprotitleColor.';}
.pro-recentpro-area .s-border{border-top-color: '.$productblock1recentprotitleborderColor.';}
.pro-recentpro-area .ctrl-btn.pro-prev:after{color: '.$productblock1recentprosliderborderColor.';}
.pro-recentpro-area .ctrl-btn.pro-prev, .pro-recentpro-area .ctrl-btn.pro-next{color: '.$productblock1recentprosliderarrowColor.';}
.pro-recentpro-area .ctrl-btn.pro-prev:hover, .pro-recentpro-area .ctrl-btn.pro-next:hover{color: '.$productblock1recentprosliderarrowhoverColor.';}

.pro-recentpro-area .pro-img a img{border-color: '.$productblock1recentproimhhoverborderColor.';}
.pro-recentpro-area #recent-porduct .recent-social-id li a{color: '.$productblock1recentproimhhovericonColor.';}
.pro-recentpro-area #recent-porduct .recent-social-id li a i{background-color: '.$productblock1recentproimhhovericonbgColor.';}
.pro-recentpro-area #recent-porduct .recent-social-id li a:hover{color: '.$productblock1recentproimhhovericonhoverColor.';}

.pro-popularpro-area .section-title h2, .pro-popularpro-area .section-title h2 small {color: '.$productblock2PopularprotitleColor.';}
.pro-popularpro-area .s-border{border-top-color: '.$productblock2PopularprotitleborderColor.';}
.pro-popularpro-area .ctrl-btn.pro-prev:after{color: '.$productblock2PopularproimhhoverborderColor.';}
.pro-popularpro-area .ctrl-btn.pro-prev, .pro-popularpro-area .ctrl-btn.pro-next{color: '.$productblock2PopularprosliderarrowColor.';}
.pro-popularpro-area .ctrl-btn.pro-prev:hover, .pro-popularpro-area .ctrl-btn.pro-next:hover{color: '.$productblock2PopularprosliderarrowhoverColor.';}

.pro-popularpro-area .pro-img a img{border-color: '.$productblock2PopularprosliderborderColor.';}
.pro-popularpro-area #popular-porduct .popular-social-id li a{color: '.$productblock2PopularproimhhovericonColor.';}
.pro-popularpro-area #popular-porduct .popular-social-id li a i{background-color: '.$productblock2PopularproimhhovericonbgColor.';}
.pro-popularpro-area #popular-porduct .popular-social-id li a:hover{color: '.$productblock2PopularproimhhovericonhoverColor.';}

.pro-popularpro-area a.pro-cat{color: '.$productblock2PopularprocatColor.';}
.pro-popularpro-area #popular-porduct:hover a.pro-cat{color: '.$productblock2PopularprocathoverColor.';}
.pro-popularpro-area a h6, .pro-popularpro-area a h6 small{color: '.$productblock2PopularpronameColor.';}
.pro-popularpro-area #popular-porduct:hover a h6, .pro-popularpro-area #popular-porduct:hover a h6 small{color: '.$productblock2PopularpronamehoverColor.';}
.pro-popularpro-area .price del .amount{color: '.$productblock2PopularpropriceColor.' !important;}
.pro-popularpro-area .total-product-title-wrap{color: '.$productblock2PopularpropricecboprderColor.';}
.pro-popularpro-area .price .amount{color: '.$productblock2PopularprosellingpriceColor.'!important;}
 ';

    // ENDS SECONDARY COLOR CSS


//colors
$InnerTeamNameCColor = get_theme_mod('pages_innerTeamNameCColor', '#fff');

$InnerTeamDesignationColor = get_theme_mod('pages_innerTeamDesignationCColor', '#fff');

$InnerTeamsocialssColor = get_theme_mod('pages_innerTeamsocialsColor', '#ff0c12');
$InnerTeamsocialshoverColor = get_theme_mod('pages_innerTeamsocialshvrsColor', '#fff');
$InnerTeamsocialssbgColor = get_theme_mod('pages_innerTeamsocialsbgColor', '#fff');
$InnerTeamsocialsbghoverColor = get_theme_mod('pages_innerTeamsocialsbghvrsColor', '#ff0c12');

$InnerTeamcontentboxbgColor = get_theme_mod('pages_innerTeamcontentboxbgColor', '#0d61cc');
$InnerTeamsocialboxbgColor = get_theme_mod('pages_innerTeamsocialboxbgColor', '#ff0c12');

$custom_css .= 'main#innerpage-box .in-our-team .title, main#innerpage-box .in-our-team .title small{color: '.$InnerTeamNameCColor.';}

.in-our-team .post{color: '.$InnerTeamDesignationColor.';}

#content-box .single-team .in-our-team ul > li > a i{color: '.$InnerTeamsocialssColor.';}
#content-box .single-team .in-our-team ul > li > a:hover i, #content-box .single-team .in-our-team ul > li > a i:hover{color: '.$InnerTeamsocialshoverColor.';}
.single-team .in-our-team ul > li > a{background-color: '.$InnerTeamsocialssbgColor.';}
.single-team .in-our-team ul > li > a:hover{background-color: '.$InnerTeamsocialsbghoverColor.';}

.in-our-team .box-content{background-color: '.$InnerTeamcontentboxbgColor.';}
.in-our-team .in-team-social-icon:after{background-color: '.$InnerTeamsocialboxbgColor.';}

';

//colors
$TsSecborderColor = get_theme_mod('luzuk_testimonials_bordercolor', '#e9e9e9');
$TsquoteColor = get_theme_mod('luzuk_testimonials_quotecolor', '#0d61cc');
$TsquotehoverColor = get_theme_mod('luzuk_testimonials_quotehovercolor', '#ff0c12');
$TsquotebgColor = get_theme_mod('luzuk_testimonials_quotebgcolor', '#ebebeb');
$TstextColor = get_theme_mod('luzuk_testimonials_textcolor', '#888d93');
$TsNameColor = get_theme_mod('luzuk_testimonials_Namecolor', '#000');
$TsNamehoverColor = get_theme_mod('luzuk_testimonials_Namehovercolor', '#0d61cc');

$TsSecsliderarrowColor = get_theme_mod('productblock2_area_testsliderarrow', '#9fa2a5');
$TsSecsliderarrowhoverColor = get_theme_mod('productblock2_area_testsliderarrowhover', '#0d61cc');
$TsSecsliderarrowborderColor = get_theme_mod('productblock2_area_testsliderborder', '#eaeaea');

$custom_css .= '
.testimonials-area .ts-area-bx{border-top-color: '.$TsSecborderColor.';}

.testimonials-area .ts-shape-area i.fa.fa-quote-left{color: '.$TsquoteColor.';}
.testimonials-area:hover .ts-shape-area i.fa.fa-quote-left{color: '.$TsquotehoverColor.';}
.testimonials-area .ts-shape-area i.fa.fa-quote-left{background-color: '.$TsquotebgColor.';}

.testimonials-area .ts-area-c p{color: '.$TstextColor.';}

.testimonials-area h6.ts-area-title, .testimonials-area h6.ts-area-title small{color: '.$TsNameColor.';}
.testimonials-area .ts-area-single:hover h6.ts-area-title, .testimonials-area .ts-area-single:hover h6.ts-area-title small{color: '.$TsNamehoverColor.';}

.testimonials-area #quote-carousel .carousel-control.left i, .testimonials-area #quote-carousel .carousel-control.right i{color: '.$TsSecsliderarrowColor.';}
.testimonials-area #quote-carousel .carousel-control.left:hover i, .testimonials-area #quote-carousel .carousel-control.right:hover i{color: '.$TsSecsliderarrowhoverColor.';}
.testimonials-area #quote-carousel .carousel-control.left i:after{color: '.$TsSecsliderarrowborderColor.';}

';

//colors
$innerTsimgborderColor = get_theme_mod('luzuk_innertestimonials_imgbordercolor', '#fff');
$innerTsNameColor = get_theme_mod('luzuk_innertestimonials_Namecolor', '#fff');
$innerTsNamehoverColor = get_theme_mod('luzuk_innertestimonials_Namehovercolor', '#000');
$innerTstextColor = get_theme_mod('luzuk_innertestimonials_textcolor', '#fff');
$innerTsBoxColor = get_theme_mod('luzuk_innertestimonials_boxcolor', '#0d61cc');
$innerTsBoxBorderColor = get_theme_mod('luzuk_innertestimonials_boxbordercolor', '#000');
$custom_css .= '
#innerpage-box .ts-area-thumb img{border-color: '.$innerTsimgborderColor.';}
#innerpage-box .ts-area-c p{color: '.$innerTstextColor.';}
#innerpage-box h6.ts-area-title, #innerpage-box h6.ts-area-title small{color: '.$innerTsNameColor.';}

#innerpage-box .ts-area-single:hover h6.ts-area-title, 
#innerpage-box .ts-area-single:hover h6.ts-area-title small{color: '.$innerTsNamehoverColor.';}

#innerpage-box .ts-area-single{background-color: '.$innerTsBoxColor.';}
#innerpage-box .ts-area-single{border-right-color: '.$innerTsBoxBorderColor.';}

';

    // Blog section 
if(get_theme_mod('luzuk_premium_blog_section_background','off') == 'on' ){

    $bgimg = get_theme_mod('luzuk_blog_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';

    $custom_css .= 'div#blog {background-image: url("'.$img.'");background-position: top;background-size: cover;}'; 
}else{
    $color = get_theme_mod('luzuk_blog_bg_color', '#fff');
    if('#fff' != $color){
        $custom_css .= 'div#blog {background-color: '.$color.';}';
    }
} 
//colors

$blogareasectitle = get_theme_mod('blogarea_sectitle_color', '#000');
$blogareatitleborder = get_theme_mod('blogarea_sectitleborder', '#eaeaea');
$blogareasliderarrow = get_theme_mod('blogarea_sliderarrow', '#9fa2a5');
$blogareasliderarrowhover = get_theme_mod('blogarea_sliderarrowhover', '#0d61cc');
$blogareasliderborder = get_theme_mod('blogarea_sliderborder', '#eaeaea');

$blogareaimagelink = get_theme_mod('blogarea_imagelink_color', '#000');
$blogareaimagelinkbg = get_theme_mod('blogarea_imagelinkbg_color', '#fff');

$blogareaimagelinkhover = get_theme_mod('blogarea_imagelinkhover_color', '#fff');
$blogareaimagelinkbghover = get_theme_mod('blogarea_imagelinkbghover_color', '#ff0c12');
$blogareaTitle = get_theme_mod('blogarea_Title_color', '#000');
$blogareaTitlehover = get_theme_mod('blogarea_Titlehover_color', '#ff0c12');
$blogareadatetext = get_theme_mod('blogarea_datetext_color', '#84878e');
$blogareadatetexthover = get_theme_mod('blogarea_datetexthover_color', '#0d61cc');

$blogareaCatname = get_theme_mod('blogarea_catname_color', '#fff');
$blogareabgCat = get_theme_mod('blogarea_catbg_color', '#0d61cc');

$custom_css .= '


.blog-area h2, .blog-area h2 small{color: '.$blogareasectitle.';}
.blog-area .s-border{border-top-color: '.$blogareatitleborder.';}
.blog-area .owl-nav button.owl-prev span, .blog-area .owl-nav button.owl-next span{color: '.$blogareasliderarrow.';}
.blog-area .owl-carousel .owl-nav button.owl-prev:hover span, .blog-area .owl-carousel .owl-nav button.owl-next:hover span{color: '.$blogareasliderarrowhover.';}
.blog-area .owl-carousel .owl-nav button.owl-prev:after{color: '.$blogareasliderborder.';}

.blog-area .blog-thumbnail .icon li a{color: '.$blogareaimagelink.';}
.blog-area .blog-thumbnail .icon li a{background-color: '.$blogareaimagelinkbg.';}

.blog-area .blog-thumbnail .icon li a:hover{color: '.$blogareaimagelinkhover.';}
.blog-area .blog-thumbnail .icon li a:hover{background-color: '.$blogareaimagelinkbghover.';}

.blog-area .blog-single a .inner-area-title, .blog-area .blog-single a .inner-area-title small{color: '.$blogareaTitle.';}
.blog-area .box-area-S:hover .blog-single a .inner-area-title, .blog-area .box-area-S:hover .blog-single a .inner-area-title small{color: '.$blogareaTitlehover.';}
.blog-single .blog-date{color: '.$blogareadatetext.';}
.blog-area .box-area-S:hover .blog-date{color: '.$blogareadatetexthover.';}

.blog-area .blog-category a{color: '.$blogareaCatname.';}
.blog-area .blog-category a{background-color: '.$blogareabgCat.';}
';

    // For Footer

if(get_theme_mod('luzuk_premium_footer_section_background','off') == 'on' ){

    $bgimg = get_theme_mod('luzuk_footer_bg_image');
    $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';

    $custom_css .= '.footer-area .top-area{background-image: url("'.$img.'");background-position: top;background-size: cover;}';
}else{
    $color = get_theme_mod('luzuk_footer_bg_color', '#0c0c0c');
    if('#0c0c0c' != $color){
        $custom_css .= '.footer-area .top-area{background-color: '.$color.';}';
    }
}
// colors

$FooterAreaTitleColor = get_theme_mod('footerarea_title_color', '#fff');
$FooterAreaTitleborderColor = get_theme_mod('footerarea_titleborder_color', '#242424');
$FooterAreaTextColor = get_theme_mod('footerarea_text_color', '#7d8b98');
$FooterAreaiconColor = get_theme_mod('footerarea_icon_color', '#f0f0f0');
$FooterAreasiconColor = get_theme_mod('footerarea_sicon_color', '#81868c');
$FooterAreasiconhoverColor = get_theme_mod('footerarea_siconhover_color', '#145ab8');
$FooterAreahglightsctextColor = get_theme_mod('footerarea_hglightsctext_color', '#145ab8');
$FooterAreamenuColor = get_theme_mod('footerarea_menu_color', '#7d8b98');
$FooterAreadatextColor = get_theme_mod('footerarea_datext_color', '#145ab8');
$FooterAreatableborderColor = get_theme_mod('footerarea_tableborder_color', '#1e1e1e');
$FooterAreaformtextColor = get_theme_mod('footerarea_formtext_color', '#b2b2b2');
$FootermenuhoverColor = get_theme_mod('footerarea_menuhover_color', '#145ab8');
$FooteractivemenuColor = get_theme_mod('footerarea_activemenu_color', '#145ab8');
$FooterformtextlabelColor = get_theme_mod('footerarea_formtextlabel_color', '#fff');
$footerareabuttontextColor = get_theme_mod('footerarea_formbuttontext_color', '#fff');

$footerareabuttonButtonColor = get_theme_mod('footerareabutton_bg_color', '#145ab8');
$footerareabuttonButtonHoverColor = get_theme_mod('footerareabutton_bg_Hovercolor', '#ff0c12');
$footerareaotherfbgsColor = get_theme_mod('footerarea_otherfbgs_color', '#eeeeee');
$footerareabottombgColor = get_theme_mod('footerarea_bottomareabg_color', '#101010');
$footerareabottomtextColor = get_theme_mod('footerarea_bottomareatext_color', '#fff');
$footerareabottomtexthighlightColor = get_theme_mod('footerarea_bottomareatexthighlight_color', '#145ab8');

$custom_css .= 'footer#footer.footer-area .widget-title, .footer-area ul.footer-V li h5 {color: '.$FooterAreaTitleColor.';}
footer#footer.footer-area .widget-title:before{background-color: '.$FooterAreaTitleborderColor.';}
.footer-area p, .footer-area caption, .footer-area li, .footer-area table td, .footer-area input[type="submit"], .footer_facility-text, .footer-area .textwidget{color: '.$FooterAreaTextColor.';}
.footer-area i.fa{color: '.$FooterAreaiconColor.';}
 .footer-area .social-profile-icons ul li a i{color: '.$FooterAreasiconColor.';}
.footer-area .social-profile-icons ul li a i.fa:hover{color: '.$FooterAreasiconhoverColor.';}

.footer-area p span{color: '.$FooterAreahglightsctextColor.';}
.footer-area li a,
.footer-area .tagcloud a,
.footer-area li:before{color: '.$FooterAreamenuColor.';}


.footer-area span.post-date, .footer-area .widget_calendar table tbody td, .footer-area .widget_calendar table tbody td a, .footer-area .widget_calendar table tbody td#today a{color: '.$FooterAreadatextColor.';}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea, footer#footer.footer-area select, .footer-area table tr, .footer-area figure.gallery-item img{border-color: '.$FooterAreatableborderColor.';}
.footer-area .footer-visit-area{border-bottom-color: '.$FooterAreatableborderColor.';}
.footer-area input[type="text"]::placeholder, .footer-area input[type="email"]::placeholder, .footer-area input[type="url"]::placeholder, .footer-area input[type="password"]::placeholder, .footer-area input[type="search"]::placeholder, .footer-area input[type="number"]::placeholder, .footer-area input[type="tel"]::placeholder, .footer-area input[type="range"]::placeholder, .footer-area input[type="date"]::placeholder, .footer-area input[type="month"]::placeholder, .footer-area input[type="week"]::placeholder, .footer-area input[type="time"]::placeholder, .footer-area input[type="datetime"]::placeholder, .footer-area input[type="datetime-local"]::placeholder, .footer-area input[type="color"]::placeholder, .footer-area textarea::placeholder,
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea, .footer-area select, .footer-area .widget.widget_categories select{color: '.$FooterAreaformtextColor.';}
.footer-area li a:hover, .footer-area .tagcloud a:hover, .footer-area li.current_page_item a:hover, .footer-area li:hover:before, .footer-text a:hover, .footer-area li.current_page_item:hover:before{color: '.$FootermenuhoverColor.';}
.footer-area li.current_page_item a, .footer-area li.current_page_item:before{color: '.$FooteractivemenuColor.';}
footer#footer label span, .footer-area div.wpcf7 input[type="file"], .footer-area .widget_calendar table thead tr th,
footer#footer div.wpcf7 p{color: '.$FooterformtextlabelColor.';}

 .footer-area input[type="submit"]:hover,
    .footer-area input[type="submit"], .footer-area .widget_calendar tfoot tr td a, .footer-area .widget_calendar tfoot tr td a, .footer-area .widget_calendar tfoot tr td a:hover{color: '.$footerareabuttontextColor.';}

.footer-area input[type="submit"], .footer-area .widget_calendar tfoot tr td a{background-color: '.$footerareabuttonButtonColor.';}

.footer-area input[type="submit"]:hover {background-color: '.$footerareabuttonButtonHoverColor.';}

.footer-area .widget.widget_categories select option,
.footer-area .widget.widget_archive select option{background-color: '.$footerareaotherfbgsColor.';}

.footer-area .bottom-area{background-color: '.$footerareabottombgColor.';}

.footer-text{color: '.$footerareabottomtextColor.';}
.footer-text span{color: '.$footerareabottomtexthighlightColor.';}


';


// faq inner page colors
$faqinnerpagetitleColor = get_theme_mod('luzuk_faqinnerpagetitleColor', '#fff');
$faqinnerpagetitlebgColor = get_theme_mod('luzuk_faqinnerpagetitleboxbgColor', '#0d61cc');
$faqinnerpagetitleboxbgColor = get_theme_mod('luzuk_faqinnerpagetitleboxbgColor', '#fff');
$faqinnerpagetitleIconColor = get_theme_mod('luzuk_faqinnerpagetitleIconColor', '#fff');
$faqinnerpagetitleIconbgColor = get_theme_mod('luzuk_faqinnerpagetitleIconbgColor', '#0d61cc');
$faqinnerpagetitleIconborderColor = get_theme_mod('luzuk_faqinnerpagetitleIconborderColor', '#fff');

$faqinnerpagetextcColor = get_theme_mod('luzuk_faqinnerpagetextcColor', '#666');
$faqinnerpageatextbordercColor = get_theme_mod('luzuk_faqinnerpageatextborderColor', '#eaeaea');
$faqinnerpageatextbgcColor = get_theme_mod('luzuk_faqinnerpageatextbgcColor', '#fff');



$custom_css .= 'main#innerpage-box div#content-box h3.faq-title,
main#innerpage-box div#content-box h3.faq-title small{color: '.$faqinnerpagetitleColor.';}
main#innerpage-box div#content-box h3.faq-title{background-color: '.$faqinnerpagetitlebgColor.';}
div#content-box .faq-content button.accordion{background-color: '.$faqinnerpagetitleboxbgColor.';}

div#content-box .faq-content a.accordion:before{color: '.$faqinnerpagetitleIconColor.';}
div#content-box .faq-content a.accordion:before{background-color: '.$faqinnerpagetitleIconbgColor.';}
div#content-box .faq-content a.accordion:before{border-color: '.$faqinnerpagetitleIconborderColor.';}
div#content-box .faq-content div.panel p{color: '.$faqinnerpagetextcColor.';}

div#content-box .faq-content div.panel{background-color: '.$faqinnerpageatextbgcColor.';}
div#content-box .faq-content div.panel{border-color: '.$faqinnerpageatextbordercColor.';}
';

       //Inner page title color
    $innertitleColor = get_theme_mod('luzuk_template_innerpage_titlecolor', '#fff');
    $innertitlebgColor1 = get_theme_mod('luzuk_template_innerpage_bgcolor1', '#0d61cc');
    $innerbreadcrumbtitleColor = get_theme_mod('luzuk_template_innerpage_breadcrumbtitlecolor', '#fff');
    $innerbreadcrumbcurrenttitleColor = get_theme_mod('luzuk_template_innerpage_breadcrumbcurrenttitlecolor', '#fff');
    $innerbreadcrumbcurrenttitlehovercolor = get_theme_mod('luzuk_template_innerpage_breadcrumbcurrenttitlehovercolor', '#ff0c12');
    $innerbreadcrumbbgbackttoparrcbgcolorcolor = get_theme_mod('luzuk_template_innerpage_backttoparrcbgcolor', '#0d61cc');
    $innerbreadcrumbbgbackttoparrbackcolbgcolor = get_theme_mod('luzuk_template_innerpage_backttoparrbackcolbgcolor', '#fd3e1c');
    $innerbreadcrumbbgbackttoparrcbghvrcolor = get_theme_mod('luzuk_template_innerpage_backttoparrcbghvrcolor', '#516bec');
    $innerbreadcrumbbgbackttoparrbackcolbghvrscolor = get_theme_mod('luzuk_template_innerpage_backttoparrbackcolbghvrscolor', '#ffffff');

    $custom_css .= '.ht-main-title, .single-productpage .ht-main-title,
    .ht-main-title small {color: '.$innertitleColor.';}

    .page-main-header {background-color: '.$innertitlebgColor1.';}

        .breadcrumbbox span, .woocommerce .woocommerce-breadcrumb{color: '.$innerbreadcrumbtitleColor.';}
    .breadcrumbbox span a , .woocommerce .woocommerce-breadcrumb a{color: '.$innerbreadcrumbcurrenttitleColor.';}
    .breadcrumbbox span a:hover, #content-box .breadcrumbbox span a:hover, .woocommerce .woocommerce-breadcrumb a:hover{color: '.$innerbreadcrumbcurrenttitlehovercolor.';}
    #back2Top{color: '.$innerbreadcrumbbgbackttoparrcbgcolorcolor.';}
    #back2Top:hover{color: '.$innerbreadcrumbbgbackttoparrcbghvrcolor.';}';

    $headerinnerpagemaininnerpagemainsectionboxsectionboxColor = get_theme_mod('luzuk_template_innerpagemainsectionbox_color', '#ffffff');
    $innerpagemainsectioninnerpagemainsectionboxheading1 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading1_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading2 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading2_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading3 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading3_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading4 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading4_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading5 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading5_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading6 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading6_color', '#000');


 $innerpagesidebartitleColor = get_theme_mod('template_innerpage_contentboxsidebartitlecolor', '#000');
  $innerpagesidebartitleborderColor = get_theme_mod('template_innerpage_contentboxsidebartitlebordercolor', '#000');

  $innerproductpageboldtextColor = get_theme_mod('template_innerpage_productpageboldtextcolor', '#000');

    $innercartpageproducttitleColor = get_theme_mod('template_innerpage_cartpageproducttitlecolor', '#000');

    $headerinnerpagemainsectionboxtextColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtext_color', '#666');
    $innerpagemainsectionboxtextlinksColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtextlinks_color', '#666');
    $innerpagemainsectionboxtextlinkshoverColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtextlinkshvrs_color', '#0d61cc');
    $innerpagemainsectionboxtextlinksiconColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtextlinksicon_color', '#0d61cc');
    $innerpagemainsectionboxtextlinksiconbgssclrlinksiconColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtextlinksiconbgssclr_color', '#ffffff');

    $headerinnerpageproductpriceColor = get_theme_mod('luzuk_template_innerpageproductprice_color', '#868b9e');
    $headerinnerpageproductpricedelColor = get_theme_mod('luzuk_template_innerpageproductpricedel_color', '#7c8491');
     $headerinnerpageproductimghovericonColor = get_theme_mod('luzuk_template_innerpageproductimghovericon_color', '#cfd0d5');
     $headerinnerpageproductimghovericonbgColor = get_theme_mod('luzuk_template_innerpageproductimghovericonbg_color', '#fff');

 $headerinnerpagepaginationColor = get_theme_mod('luzuk_template_innerpagepagination_color', '#000');
  $headerinnerpagepaginationbgColor = get_theme_mod('luzuk_template_innerpagepaginationbg_color', '#fff');
  $headerinnerpagepaginationborderColor = get_theme_mod('luzuk_template_innerpagepaginationborder_color', '#eaeaea');

 $headerinnerpagepaginationactiveColor = get_theme_mod('luzuk_template_innerpagepaginationactive_color', '#fff');
  $headerinnerpagepaginationbgactiveColor = get_theme_mod('luzuk_template_innerpagepaginationbgactive_color', '#0d61cc');
  $headerinnerpagepaginationborderactiveColor = get_theme_mod('luzuk_template_innerpagepaginationborderactive_color', '#0d61cc');


    $innerpageblogsocialColors = get_theme_mod('luzuk_template_innerpage_blogsocialcolor', '#fff');
    $innerpageblogsocialbgColors = get_theme_mod('luzuk_template_innerpage_blogsocialbgcolor', '#0d61cc');
    $innerpageblogsocialhoverColors = get_theme_mod('luzuk_template_innerpage_blogsocialhovercolor', '#0d61cc');
    $innerpageblogsocialbghoverColors = get_theme_mod('luzuk_template_innerpage_blogsocialbghovercolor', '#fff');

    $innerpageblogboxbgColors = get_theme_mod('luzuk_template_innerpage_blogboxbgcolor', '#eee');
     $innerpageblogbuttonColors = get_theme_mod('luzuk_template_innerpage_blogbuttoncolor', '#fff');

    $innerpagemainsectionsidebarborderrs = get_theme_mod('luzuk_template_innerpagemainsectionsidebarborderrs_color', '#eaeaea');

    $innerpagesidebardaytxtColors = get_theme_mod('luzuk_template_innerpagesidebardaytxt_color', '#ffffff');
    $innerpagesidebardaybgsstxtColors = get_theme_mod('luzuk_template_innerpagesidebardaybgsstxt_color', '#0d61cc');

    $custom_css .= '#innerpage-box, .inner_contentbox {background-color: '.$headerinnerpagemaininnerpagemainsectionboxsectionboxColor.';}body.page-template-default main#innerpage-box h1, 
    main#innerpage-box h1 small, 
    .woocommerce div.product .product_title, .woocommerce div.product .product_title small{color: '.$innerpagemainsectioninnerpagemainsectionboxheading1.';}
    body.page-template-default main#innerpage-box h2,
    main#innerpage-box h2,
    main#innerpage-box h2 small,
    main#innerpage-box h2 a, 
    main#innerpage-box h2 a small,
    .woocommerce #reviews h2 small{color: '.$innerpagemainsectioninnerpagemainsectionboxheading2.';}
    main#innerpage-box h3{color: '.$innerpagemainsectioninnerpagemainsectionboxheading3.';}
    body.page-template-default main#innerpage-box h4,
    div#commentsAdd h4
   {color: '.$innerpagemainsectioninnerpagemainsectionboxheading4.';}
    body.page-template-default main#innerpage-box h5{color: '.$innerpagemainsectioninnerpagemainsectionboxheading5.';}
    main#innerpage-box h6,
    div#blog-box.innerpage-whitebox h6{color: '.$innerpagemainsectioninnerpagemainsectionboxheading6.';}

.blog-read-more a, #blog-box .ht-blog-date, #blog-box .ht-blog-date .fa{color: '.$innerpageblogbuttonColors.';}
.woocommerce ul.products li.product .price .amount{color: '.$headerinnerpageproductpriceColor.' !important;}
.woocommerce ul.products li.product .price del .amount{color: '.$headerinnerpageproductpricedelColor.' !important;}

main#innerpage-box h2.woocommerce-loop-product__title:before, .woocommerce ul.products li.product .button:before{color: '.$headerinnerpageproductimghovericonColor.';}
main#innerpage-box h2.woocommerce-loop-product__title:before, .woocommerce ul.products li.product .button:before{background-color: '.$headerinnerpageproductimghovericonbgColor.';}

.woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as,
.woocommerce div.product .product_meta span.sku_wrapper {color: '.$innerproductpageboldtextColor.';}

div#content-box table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td a, .woocommerce div.product form.cart table.variations tr td label {color: '.$innercartpageproducttitleColor.';}

.woocommerce nav.woocommerce-pagination ul li a, .pagingation a{color: '.$headerinnerpagepaginationColor.';}
.woocommerce nav.woocommerce-pagination ul li a, .pagingation a{background-color: '.$headerinnerpagepaginationbgColor.';}
.woocommerce nav.woocommerce-pagination ul li a, .pagingation a{border-color: '.$headerinnerpagepaginationborderColor.';}

body.page-template-default main#innerpage-box h2, body.page-template-default main#innerpage-box h1, body.page-template-default main#innerpage-box h3, body.page-template-default main#innerpage-box h4, body.page-template-default main#innerpage-box h5, body.page-template-default main#innerpage-box h6, main#innerpage-box h2, #blog-box h4, h1.product_title.entry-title{border-bottom-color: '.$headerinnerpagepaginationborderColor.';}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagingation .current, .pagingation a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover
{color: '.$headerinnerpagepaginationactiveColor.';}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagingation .current, .pagingation a:hover{background-color: '.$headerinnerpagepaginationbgactiveColor.';}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagingation .current, .pagingation a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover
{border-color: '.$headerinnerpagepaginationborderactiveColor.';}

   .widget-area h3.widget-title, 
    #blog-box .widget-area .widget-title,
   .widget-area .widget-title,
    main#innerpage-box h4.widget-title,
    main#innerpage-box h3.widget-title,
    #innerpage-box .widget-area .widget-title,
    .widget-area .widget h4
     {color: '.$innerpagesidebartitleColor.';}
     .widget-area .widget-title{border-color: '.$innerpagesidebartitleColor.';}
     .widget-area .widget-title,
    main#innerpage-box h4.widget-title,
    main#innerpage-box h3.widget-title{background-color: '.$innerpagesidebartitleborderColor.';}
        .widget-area .widget h4:after, .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button{background-color: '.$innerpagesidebartitleborderColor.' ;}


#innerpage-box p, #content-box ul li, #content-box ol li, main#innerpage-box ul#recentcomments li, #blog-box .inner-blog-excerpt,
#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary textarea, 
#secondary select,
#secondary label,
div#secondary select option,
#secondary input::placeholder,
#secondary textarea::placeholder,
#secondary select::placeholder,
#secondary input[type="file"],
    main#innerpage-box .widget_calendar table tbody td,
    main#innerpage-box li,
    div#secondary caption,
    .single_post .post-date-publishable,
    main#innerpage-box textarea#comment,
    .total-comments,
    .woocommerce .woocommerce-ordering select,
    .woocommerce-product-search .search-field::placeholder,
    table.shop_table.woocommerce-checkout-review-order-table,
    .woocommerce form .form-row .input-text::placeholder, 
    .woocommerce-page form .form-row .input-text::placeholder,
    .woocommerce form .form-row input.input-text::placeholder, 
    .woocommerce form .form-row textarea::placeholder,
    main#innerpage-box input#billing_email,
    .select2-container--default .select2-selection--single .select2-selection__rendered,
    div#content-box input#account_email,
    main#innerpage-box input#account_display_name,
    .widget.widget_categories select,
    main#innerpage-box .select2-container--default .select2-selection--single .select2-selection__placeholder,
    div#secondary select,
    main#innerpage-box .woocommerce-product-search .search-field,
    main#innerpage-box .woocommerce-product-search .search-field::placeholder,
    .woocommerce .woocommerce-result-count,
    .woocommerce .widget_price_filter .price_slider_amount,
    .select2-container--default .select2-results>.select2-results__options,
    .select2-results__option[aria-selected], 
    .select2-results__option[data-selected],
    .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, 
    .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta,
    .comment-form-rating,
    .comment-respond .comment-reply-title,
    .woocommerce .product_meta,
    .woocommerce-error, 
    .woocommerce-info, 
    .woocommerce-message,
    .woocommerce-MyAccount-content address,
    .woocommerce-MyAccount-content legend,
    .woocommerce-MyAccount-content input[type="text"],
    .woocommerce table thead th,
    .woocommerce form .form-row input.input-text, 
    .woocommerce form .form-row textarea,
    .woocommerce table.shop_table td,
    .woocommerce .quantity .qty,
    input#coupon_code::placeholder,
    input#coupon_code,
    .woocommerce table.shop_table tbody th, 
    .error404 .oops-text{color: '.$headerinnerpagemainsectionboxtextColor.';}

    .widget-area a, .woocommerce-MyAccount-navigation-link a, .entry-content p a, div#content-box a, div#sidebars span.product-title, div#sitemap-box ul li a, main#innerpage-box .woocommerce-info a.showcoupon,
    .woocommerce .product_meta a{color: '.$innerpagemainsectionboxtextlinksColor.';}
#content-box ul li:before, #content-box ol li:before,
    main#innerpage-box div#sitemap-box ul li a:before{color: '.$innerpagemainsectionboxtextlinksiconColor.';}
#content-box ol li:before{background-color: '.$innerpagemainsectionboxtextlinksiconbgssclrlinksiconColor.';}
    .widget-area a:hover, .woocommerce-MyAccount-navigation-link a:hover, .entry-content p a:hover, div#content-box a:hover, div#content-box a:hover small, div#sidebars span.product-title:hover, .widget-area li a:hover, div#content-box p a:hover, div#sitemap-box ul li a:hover, div#content-box a.shipping-calculator-button:hover, main#innerpage-box .woocommerce-info a.showcoupon:hover, div#content-box div#payment a.woocommerce-privacy-policy-link:hover, div#content-box .woocommerce-MyAccount-navigation-link a:hover,
    div#content-box a.post-edit-link:hover,
    div#content-box .woocommerce-MyAccount-content p a:hover,
    div#content-box a.shipping-calculator-button:hover,
    div#content-box div#payment a:hover,
    .woocommerce .product_meta a:hover{color: '.$innerpagemainsectionboxtextlinkshoverColor.';}


    .widget-area .widget,
#secondary input[type="text"],
    main#innerpage-box .woocommerce-product-search .search-field,
    .woocommerce form .form-row input.input-text, 
    .woocommerce form .form-row textarea,
    .select2-container--default .select2-selection--single,
#innerpage-box .comment-respond,
    main#innerpage-box div#commentsAdd textarea#comment,
    .widget.widget_categories select,
    div#secondary .select2-container--default .select2-selection--single,
    .single_post .post-date-publishable,
    div#secondary select,
    .single-productpage #sidebars button,
    .woocommerce .widget_shopping_cart .buttons a, 
    .woocommerce.widget_shopping_cart .buttons a,
    .woocommerce ul.cart_list li img, 
    .woocommerce-page ul.cart_list li img, 
    .woocommerce ul.product_list_widget li img, 
    .woocommerce-page ul.product_list_widget li img,
    .woocommerce .widget_shopping_cart .total, 
    .woocommerce.widget_shopping_cart .total,
    .woocommerce .products ul, 
    .woocommerce-page .products ul, 
    .woocommerce ul.products, 
    .woocommerce-page ul.products,
    .woocommerce-page .woocommerce-ordering select,
    .woocommerce div.product form.cart .button, 
    .woocommerce-page div.product form.cart .button, 
    .woocommerce #content div.product form.cart .button, 
    .woocommerce-page #content div.product form.cart .button,
    .woocommerce #review_form #respond textarea,
    .woocommerce #review_form #respond .form-submit input,
    .woocommerce table.shop_table,
    .woocommerce table.shop_table td,
    .woocommerce table.shop_table tbody th, 
    .woocommerce table.shop_table tfoot td, 
    .woocommerce table.shop_table tfoot th,
    .woocommerce-checkout #payment ul.payment_methods,
    .woocommerce .cart .button, 
    .woocommerce .cart input.button,
    .woocommerce-cart .cart-collaterals .cart_totals tr th,
    .woocommerce-cart .cart-collaterals .cart_totals tr td,
    .woocommerce-cart table.cart td.actions .coupon .input-text, div#respond textarea#comment, .widget-area .widget, .woocommerce ul.products li.product a img, .widget-area ul, .widget-area .textwidget, .widget-area .woocommerce-product-search , .widget-area form#searchform, .widget-area .widget_rating_filter ul, .widget-area .woocommerce .widget_shopping_cart_content p, .widget-area div#calendar_wrap, .widget-area .widget_media_image img, .widget-area .tagcloud, 
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea,
    .woocommerce .woocommerce-widget-layered-nav-list

    {border-color: '.$innerpagemainsectionsidebarborderrs.' !important;}
    .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td,.woocommerce div.product .product_title, .woocommerce div.product form.cart, .woocommerce div.product .woocommerce-tabs ul.tabs, .widget-area li, main#innerpage-box .widget-area .tagcloud a, .widget-area .widget h4, #innerpage-box .widget-area .widget-title{border-bottom-color: '.$innerpagemainsectionsidebarborderrs.';}
    .woocommerce table.shop_attributes, .woocommerce div.product form.cart, .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs{border-top-color: '.$innerpagemainsectionsidebarborderrs.';}


    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products li.product a img,
    .woocommerce div.product div.images img,
    .quantity input[type="number"],
    .woocommerce .products ul, 
    .woocommerce-page .products ul, 
    .woocommerce ul.products, 
    .woocommerce-page ul.products{border-color: '.$innerpagemainsectionsidebarborderrs.' !important;}
    div#secondary .widget_calendar table thead tr th, .pagination .page-numbers, .pagination .page-numbers:hover{color: '.$innerpagesidebardaytxtColors.';}
    div#secondary .widget_calendar table thead tr th{background-color: '.$innerpagesidebardaybgsstxtColors.';}
.inner-blogpost-info .socialMedia a, div#blog-box .innerblogpost .inner-catblogpost-info .socialMedia a{color: '.$innerpageblogsocialColors.';}
.inner-blogpost-info .socialMedia a, div#blog-box .innerblogpost .inner-catblogpost-info .socialMedia a{background-color: '.$innerpageblogsocialbgColors.';}
.inner-blogpost-info .socialMedia a:hover, div#blog-box .innerblogpost .inner-catblogpost-info .socialMedia a:hover{color: '.$innerpageblogsocialhoverColors.';}
.inner-blogpost-info .socialMedia a:hover, div#blog-box .innerblogpost .inner-catblogpost-info .socialMedia a:hover{background-color: '.$innerpageblogsocialbghoverColors.';}

div#blog-box.innerpage-whitebox .post.excerpt, .inner-blog-post, 
div#respond textarea#comment,
div#respond input[type="text"], 
div#respond input[type="email"], 
div#respond input[type="url"], 
div#respond input[type="password"], 
div#respond input[type="search"], 
div#respond input[type="number"], 
div#respond input[type="tel"], 
div#respond input[type="range"], 
div#respond input[type="date"], 
div#respond input[type="month"], 
div#respond input[type="week"], 
div#respond input[type="time"], 
div#respond input[type="datetime"], 
div#respond input[type="datetime-local"], 
div#respond input[type="color"],
.woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea,
    .woocommerce-error, 
    .woocommerce-info, 
    .woocommerce-message

{background-color: '.$innerpageblogboxbgColors.';}

    ';


    $innerpageallothrtheadtextcolcolor = get_theme_mod('luzuk_template_innerpageallothrtheadtextcolcolor_color', '#ffffff');
    $innerpageallothrtheadtextbgsscolcolorcolor = get_theme_mod('luzuk_template_innerpageallothrtheadtextbgsscolcolor_color', '#ffffff');

    $innerpagePtoductinnerpagelinktextcolor = get_theme_mod('luzuk_template_Ptoductinnerpagelinktextcolor_color', '#282828');

    $innerpagePtoductinnerpagelinktextactivecolor = get_theme_mod('luzuk_template_Ptoductinnerpagelinktextactivecolor_color', '#666');

      $innerpagePtoductinnerpagelinktextactivebordercolor = get_theme_mod('luzuk_template_Ptoductinnerpagelinktextactivebordercolor_color', '#666');

    $custom_css .= 'div#sitemap-box h3,
    .socialMedia a,
    div#secondary input[type="submit"],
#commentsAdd input[type="submit"],
    .single-productpage #sidebars button,
    .widget_calendar tfoot tr td a, .widget_calendar tfoot tr td a:hover
   {color: '.$innerpageallothrtheadtextcolcolor.';}
    .single-productpage #sidebars button{color: '.$innerpageallothrtheadtextcolcolor.' !important;}
    .woocommerce a.button, .woocommerce-page a.button,
    .woocommerce div.product form.cart .button,
    .woocommerce #review_form #respond .form-submit input,
    .woocommerce button.button,
    .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{color: '.$innerpageallothrtheadtextcolcolor.' !important;}

     .woocommerce div.product .woocommerce-tabs ul.tabs li a, main#innerpage-box .related.products h2{color: '.$innerpagePtoductinnerpagelinktextcolor.';}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover a, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover a{color: '.$innerpagePtoductinnerpagelinktextactivecolor.' !important;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a:before, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover a:before, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover a:before, .related.products h2:after {background-color: '.$innerpagePtoductinnerpagelinktextactivebordercolor.' !important;}


    div#secondary select option,
    .select2-container--default .select2-results>.select2-results__options,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
    .woocommerce-page .woocommerce-ordering option,
    .woocommerce-MyAccount-content input[type="text"],
    .woocommerce-MyAccount-content input[type="email"],
    .woocommerce-MyAccount-content input[type="url"], 
    .woocommerce-MyAccount-content input[type="password"],
    {background-color: '.$innerpageallothrtheadtextbgsscolcolorcolor.' !important;}

   ';

    // Inner contact us page background color
 
    $ContactusdetailtitleColor = get_theme_mod('luzuk_contactus_titleColor', '#000');
     $ContactusdetailtitletextColor = get_theme_mod('luzuk_contactus_titletextColor', '#777777');
     $ContactusdetailtitletexticonColor = get_theme_mod('luzuk_contactus_titletexticonColor', '#0d61cc');
     
   $ContactusdetailiconColor = get_theme_mod('luzuk_contactus_detailiconColor', '#fff');
    $ContactusdetailinfoColor = get_theme_mod('luzuk_contactus_detailinfoColor', '#fff');
    $ContactusdetailemailColor = get_theme_mod('luzuk_contactus_detailemailColor', '#fff');
    $ContactusdetailemailhoverColor = get_theme_mod('luzuk_contactus_detailemailhoverColor', '#000');

     $ContactusboxColor = get_theme_mod('luzuk_contactus_boxColor', '#0d61cc');

    $ContactusformlabelColor = get_theme_mod('luzuk_contactus_formlabelColor', '#fff');
    $ContactusformtextplaceColor = get_theme_mod('luzuk_contactus_formtextplaceColor', '#000');
    $ContactusformborderbottomColor = get_theme_mod('luzuk_contactus_formborderbottomColor', '#f4f4f4');
    $ContactusformfieldbgColor = get_theme_mod('luzuk_contactus_formfieldbgColor', '#fff');
    
    $ContactusformbtnColor = get_theme_mod('luzuk_contactus_formbtnColor', '#fff');
    $ContactusformbtnbgColor = get_theme_mod('luzuk_contactus_formbtnbgColor', '#0d61cc');
   
    $ContactusformbtnhoverColor = get_theme_mod('luzuk_contactus_formbtnhoverColor', '#0d61cc');
    $ContactusformbtnbghoverColor = get_theme_mod('luzuk_contactus_formbtnbghoverColor', '#fff');

    $ContactusformdtextColor = get_theme_mod('luzuk_contactus_formdtextColor', '#000');

    $ContactussocialtitleColor = get_theme_mod('luzuk_contactus_SocialtitleColor', '#fff');
     $ContactussocialtextColor = get_theme_mod('luzuk_contactus_SocialtextColor', '#fff');
    
    $ContactussocialColor = get_theme_mod('luzuk_contactus_SocialColor', '#fff');
    $ContactussocialhoverColor = get_theme_mod('luzuk_contactus_SocialhoverColor', '#ff0c12');
    $ContactussocialbghoverColor = get_theme_mod('luzuk_contactus_SocialbghoverColor', '#fff');

    $ContactussocialiconColor = get_theme_mod('luzuk_contactus_SocialiconColor', '#fff');

    $ContactusmapborderColor = get_theme_mod('luzuk_contactus_mapborderColor', '#777777');

    $custom_css .= '#ht-contactus-wrap .contact_l_area, #ht-contactus-wrap .contact_l_area small, 
     #ht-contactus-wrap h1, #ht-contactus-wrap h1 small, main#innerpage-box .Address_area h4, main#innerpage-box .Address_area h4 small{color: '.$ContactusdetailtitleColor.';}
    main#innerpage-box .Contact_area_text{color: '.$ContactusdetailtitletextColor.';}
     #ht-contactus-wrap .Address_area i{color: '.$ContactusdetailtitletexticonColor.';}

   #ht-contactus-wrap .address-box,  #ht-contactus-wrap .social_area{background-color: '.$ContactusboxColor.';}

   #ht-contactus-wrap .contact-mapbox iframe{border-color: '.$ContactusmapborderColor.'!important;}
    
   #ht-contactus-wrap .contact_l_area i {color: '.$ContactusdetailiconColor.';}
    #ht-contactus-wrap .contact-info , #ht-contactus-wrap .contact-info p{color: '.$ContactusdetailinfoColor.';}
   #ht-contactus-wrap .contact-info a {color: '.$ContactusdetailemailColor.';}
  main#innerpage-box div#ht-contactus-wrap a:hover{color: '.$ContactusdetailemailhoverColor.';}

    #ht-contactus-wrap label, div#ht-contactus-wrap div.wpcf7 input[type="file"], div#ht-contactus-wrap div.wpcf7 p {color: '.$ContactusformlabelColor.';}
     #ht-contactus-wrap input[type="text"], 
     #ht-contactus-wrap input[type="email"], 
     #ht-contactus-wrap input[type="url"], 
     #ht-contactus-wrap input[type="password"], 
     #ht-contactus-wrap input[type="search"], 
     #ht-contactus-wrap input[type="number"], 
     #ht-contactus-wrap input[type="tel"], 
     #ht-contactus-wrap input[type="range"], 
     #ht-contactus-wrap input[type="date"], 
     #ht-contactus-wrap input[type="month"], 
     #ht-contactus-wrap input[type="week"], 
     #ht-contactus-wrap input[type="time"], 
     #ht-contactus-wrap input[type="datetime"],
     #ht-contactus-wrap input[type="datetime-local"], 
     #ht-contactus-wrap input[type="color"],
     #ht-contactus-wrap select,
     #ht-contactus-wrap textarea,
     #ht-contactus-wrap input::placeholder,
     #ht-contactus-wrap textarea::placeholder,
    #ht-contactus-wrap select::placeholder {color: '.$ContactusformtextplaceColor.';}
    #ht-contactus-wrap input[type="text"], 
     #ht-contactus-wrap input[type="email"], 
     #ht-contactus-wrap input[type="url"], 
     #ht-contactus-wrap input[type="password"], 
     #ht-contactus-wrap input[type="search"], 
     #ht-contactus-wrap input[type="number"], 
     #ht-contactus-wrap input[type="tel"], 
     #ht-contactus-wrap input[type="range"], 
     #ht-contactus-wrap input[type="date"], 
     #ht-contactus-wrap input[type="month"], 
     #ht-contactus-wrap input[type="week"], 
     #ht-contactus-wrap input[type="time"], 
     #ht-contactus-wrap input[type="datetime"],
     #ht-contactus-wrap input[type="datetime-local"], 
     #ht-contactus-wrap input[type="color"],
     #ht-contactus-wrap select,
     #ht-contactus-wrap textarea {border-color: '.$ContactusformborderbottomColor.';}

    #ht-contactus-wrap input[type="text"], 
     #ht-contactus-wrap input[type="email"], 
     #ht-contactus-wrap input[type="url"], 
     #ht-contactus-wrap input[type="password"], 
     #ht-contactus-wrap input[type="search"], 
     #ht-contactus-wrap input[type="number"], 
     #ht-contactus-wrap input[type="tel"], 
     #ht-contactus-wrap input[type="range"], 
     #ht-contactus-wrap input[type="date"], 
     #ht-contactus-wrap input[type="month"], 
     #ht-contactus-wrap input[type="week"], 
     #ht-contactus-wrap input[type="time"], 
     #ht-contactus-wrap input[type="datetime"],
     #ht-contactus-wrap input[type="datetime-local"], 
     #ht-contactus-wrap input[type="color"],
     #ht-contactus-wrap select,
     #ht-contactus-wrap textarea {background-color: '.$ContactusformfieldbgColor.';}

    #ht-contactus-wrap input[type="submit"] {color: '.$ContactusformbtnColor.';}
     #ht-contactus-wrap input[type="submit"] {background-color: '.$ContactusformbtnbgColor.';}

     #ht-contactus-wrap input[type="submit"]:hover{color: '.$ContactusformbtnhoverColor.';}
    #ht-contactus-wrap input[type="submit"]:hover{background-color: '.$ContactusformbtnbghoverColor.';}
  
    #ht-contactus-wrap .contact-page-form{color: '.$ContactusformdtextColor.';}
   main#innerpage-box .social_area h4, main#innerpage-box .social_area h4 small{color: '.$ContactussocialtitleColor.';}
    main#innerpage-box .social_area .Contact_area_text{color: '.$ContactussocialtextColor.';}
    #ht-contactus-wrap .contact-sm-links li a {color: '.$ContactussocialColor.';}
  #ht-contactus-wrap .contact-sm-links li:hover a span.fa{color: '.$ContactussocialhoverColor.';}
#ht-contactus-wrap .contact-sm-links li a:hover span{background-color: '.$ContactussocialbghoverColor.';}

 .social_area i.fa{color: '.$ContactussocialiconColor.';}
    

    ';

//     $custom = get_post_custom( $post->ID );

//     $image_id = get_post_meta( $post->ID, '_listing_image_id', true );
//     $thumbnail_html = wp_get_attachment_image_src( $image_id, 'larger');

//     // echo '<pre />'; print_r($custom);
//     if(!empty($custom['useColor']) && $custom['useColor'][0]==1){
//         if( isset( $custom['page_bg_color'][0] ) ){
//             $custom_css .= '#innerpage-box{background-color:'.$custom['page_bg_color'][0].';}';
//         }
//     }else{
//         if( isset( $custom['_listing_image_id'][0]) ){
//             $custom_css .= '#innerpage-box{background-image: url(\''.$thumbnail_html[0].'\');background-position: center;background-attachment: fixed;background-origin: content-box;background-size: cover;}';
//         }
//     }


//     $custom_css .='.border{border:1px solid #fff;}';

//     return punte_css_strip_whitespace($custom_css);
// }

   $custom = get_post_custom( $post->ID );

    $image_id = get_post_meta( $post->ID, '_listing_image_id', true );
    $thumbnail_html = wp_get_attachment_image_src( $image_id, 'larger');

    // echo '<pre />'; print_r($custom);
    if(!empty($custom['useColor']) && $custom['useColor'][0]==1){
        if( isset( $custom['page_bg_color'][0] ) ){
            $custom_css .= '#innerpage-box{background-color:'.$custom['page_bg_color'][0].';}';
        }
    }elseif(!empty($custom['useColor']) && $custom['useColor'][0]==0){
        if( isset( $custom['_listing_image_id'][0]) ){
            $custom_css .= '#innerpage-box{background-image: url(\''.$thumbnail_html[0].'\');background-position: center;background-attachment: fixed;background-origin: content-box;background-size: cover;}';
        }
    }else {
        if( isset( $custom['_listing_image_id'][0]) ){
            $custom_css .= '#innerpage-box{background:none}';
        }
    }

    $custom_css .='.border{border:1px solid #fff;}';

    return punte_css_strip_whitespace($custom_css);
}