/**
  * Name: Inoterior
  * Version: 2.0
  * Author: ThemetechMount
  * Author URI: http://www.themetechmount.com
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/**

  1. General
     - Variables
     - Extra-outer

  2. Spacing

  3. Color
     - Skin-color, Skin-bg-color, Skin-border-color
     - darkGrey-color, darkGrey-bg-color
     - white-color, white-bg-color, white-border-color
     - Grey-color, Grey-bg-color, grey-border-color

  4. Pre-loader

  5. SocialIcon / TooltipTop

  6. Slick_dots/arrows

  7. TopBar

  8. Header
     - SiteBrand(logo)
     - SiteNavigation(Menu)
     - side-menu

  9. Footer
     - FirstFooter
     - SecondFooter
 
  10. GoTop BUtton
  
  11. Page-Title-Row

  12. Inner-Pages

**/
 
 
/* ===============================================
    General
------------------------*/



/* ===============================================
    Spacing
------------------------*/

/** Padding **/
.spacing-1 {margin-top: 70px;padding: 92px 0px 55px 0px;}
.spacing-2 {margin-left: -200px;}
.spacing-3 {padding: 350px 0px 350px;}
.spacing-4 {margin-left: -160px;margin-top: 80px;padding: 72px 0px 0px 210px;}
.spacing-5 {padding: 90px 0px 380px 0px;}
.spacing-6 {padding: 0px 45px 0px 240px;margin-top: -10px;}
.spacing-7 {padding: 190px 70px 185px 0px;}
.spacing-8 {padding: 112px 0px 131px 70px;}
.spacing-9 {margin-left: -370px;padding: 40px 37px 35px 27px;margin-top: 37px;}
.spacing-10 {padding: 10px 0px 0px 0px}
.spacing-11 {margin-right: -30px;padding: 315px 40px 55px 40px;}
.spacing-12 {padding-left: 40px;}

.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-30 { padding: 30px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-80 { padding: 80px; }
.p-100 { padding: 100px; }
.pr-5{ padding-right: 5px }
.pr-10{ padding-right: 10px ; }
.pr-15{ padding-right: 15px ; }
.pr-20{ padding-right: 20px ; }
.pr-25{ padding-right: 25px ; }
.pr-30{ padding-right: 30px ; }
.pr-35{ padding-right: 35px ; }
.pr-40{ padding-right: 40px ; }
.pr-45{ padding-right: 45px ; }
.pr-50{ padding-right: 50px ; }
.pr-55{ padding-right: 55px ; }
.pr-60 { padding-right: 60px ; }
.pr-65{ padding-right: 65px ;}
.pr-70{ padding-right: 70px ; }
.pr-75{ padding-right: 75px ; }
.pr-80{ padding-right: 80px ; }
.pr-85{ padding-right: 85px ; }
.pr-90{ padding-right: 90px ; }
.pr-95{ padding-right: 95px ; }
.pr-100{ padding-right: 100px ; }
.pr-110{ padding-right: 110px ; }
.pr-120{ padding-right: 120px ; }
.pr-130{ padding-right: 130px ; }
.pr-140{ padding-right: 140px ; }
.pr-150{ padding-right: 150px ; }


.pl-0{ padding-left: 0px ; }
.pl-5 { padding-left: 5px !important; }
.pl-10{ padding-left: 10px ; }
.pl-15{ padding-left: 15px ; }
.pl-20{ padding-left: 20px ; }
.pl-25{ padding-left: 25px ; }
.pl-30{ padding-left: 30px ; }
.pl-35{ padding-left: 35px ; }
.pl-40{ padding-left: 40px ; }
.pl-45{ padding-left: 45px ; }
.pl-50{ padding-left: 50px ; }
.pl-55{ padding-left: 55px ; }
.pl-60{ padding-left: 60px ; }
.pl-65{ padding-left: 65px ; }
.pl-70{ padding-left: 70px ; }
.pl-75{ padding-left: 75px ; }
.pl-80{ padding-left: 80px ; }
.pl-85{ padding-left: 85px ; }
.pl-90{ padding-left: 90px ; }
.pl-95{ padding-left: 95px ; }
.pl-100{ padding-left: 100px ; }

.pt-5{ padding-top: 5px ;}
.pt-10{ padding-top: 10px ; }
.pt-15 { padding-top: 15px ; }
.pt-20 { padding-top: 20px ; }
.pt-25 { padding-top: 25px ; }
.pt-30{ padding-top: 30px ; }
.pt-35{ padding-top: 35px ; }
.pt-40{ padding-top: 40px ; }
.pt-45{ padding-top: 45px ; }
.pt-50{ padding-top: 50px ; }
.pt-55{ padding-top: 55px ; }
.pt-60 { padding-top: 60px ; }
.pt-65{ padding-top: 65px ; }
.pt-70 { padding-top: 70px ; }
.pt-75 { padding-top: 75px ; }
.pt-80{padding-top: 80px ;}
.pt-85{padding-top: 85px ;}
.pt-90{padding-top: 90px !important;}
.pt-100{padding-top: 100px ;}
.pt-110{padding-top: 110px ;}
.pt-120{padding-top: 120px ;}
.pt-130{padding-top: 130px ;}
.pt-140{padding-top: 140px ;}
.pt-150{padding-top: 150px ;}
.pt-160{padding-top: 160px ;}
.pt-170{padding-top: 170px ;}
.pt-180{padding-top: 180px ;}
.pt-200{padding-top: 200px ;}


.pb-5{ padding-bottom: 5px!important; }
.pb-10{ padding-bottom: 10px ; }
.pb-15{ padding-bottom: 15px ; }
.pb-20{ padding-bottom: 20px ; }
.pb-25{ padding-bottom: 25px ; }
.pb-30{ padding-bottom: 30px ; }
.pb-35{ padding-bottom: 35px ; }
.pb-40{ padding-bottom: 40px ; }
.pb-45{ padding-bottom: 45px !important; }
.pb-50{ padding-bottom: 50px ; }
.pb-55{ padding-bottom: 55px ; }
.pb-60{ padding-bottom: 60px ; }
.pb-65{ padding-bottom: 65px ; }
.pb-70{ padding-bottom: 70px ; }
.pb-80{ padding-bottom: 80px ; }
.pb-85{ padding-bottom: 85px ; }
.pb-90{ padding-bottom: 90px ; }
.pb-100{padding-bottom: 100px ;}
.pb-110{padding-bottom: 110px ;}
.pb-120{padding-bottom: 120px ;}
.pb-130{padding-bottom: 130px ;}
.pb-140{padding-bottom: 140px ;}
.pb-150{padding-bottom: 150px ;}
.pb-160{padding-bottom: 160px ;}
.pb-170{padding-bottom: 170px ;}
.pb-180{padding-bottom: 180px ;}
.pb-200{padding-bottom: 200px ;}


/** Margin **/
.mt-5{ margin-top: 5px; }
.mt-10 { margin-top: 10px ; }
.mt-15{ margin-top: 15px ;}
.mt-20{ margin-top: 20px ;}
.mt-25{ margin-top: 25px ;}
.mt-30{ margin-top: 30px ;}
.mt-35{ margin-top: 35px ;}
.mt-40{ margin-top: 40px ;}
.mt-45{ margin-top: 45px ;}
.mt-50{ margin-top: 50px ;}
.mt-60{ margin-top: 60px ;}
.mt-65{ margin-top: 65px ;}
.mt-70{ margin-top: 70px ;}
.mt-80{ margin-top: 80px ;}
.mt-90{ margin-top: 90px ;}
.mt-100{ margin-top: 100px ;}
.mt-160{ margin-top: 160px ;}


.mt_5{ margin-top: -5px; }
.mt_10{ margin-top: -10px; }
.mt_15{ margin-top: -15px; }
.mt_25{ margin-top: -25px; }
.mt_30{ margin-top: -30px; }
.mt_35{ margin-top: -35px; }
.mt_40{ margin-top: -40px; }
.mt_50{ margin-top: -50px ; }
.mt_55{ margin-top: -55px ; }
.mt_60{ margin-top: -60px ; }
.mt_70{ margin-top: -70px ; }
.mt_80{ margin-top: -80px ; }
.mt_90{ margin-top: -90px ; }
.mt_100{ margin-top: -100px ; }
.mt_105{ margin-top: -105px ; }
.mt_110{ margin-top: -110px ; }
.mt_115{ margin-top: -115px ; }
.mt_120{ margin-top: -120px ; }
.mt_130{ margin-top: -130px ; }
.mt_140{ margin-top: -140px ; }
.mt_150{ margin-top: -150px ; }
.mt_160{ margin-top: -160px ; }
.mt_170{ margin-top: -170px ; }
.mt_180{ margin-top: -180px ; }
.mt_190{ margin-top: -190px ; }
.mt_200{ margin-top: -200px ; }
.mt_210{ margin-top: -210px ; }
.mt_220{ margin-top: -220px ; }
.mt_240{ margin-top: -240px ; }
.mt_280{ margin-top: -280px ; }
.mt_305{ margin-top: -305px ; }
.mt_620{ margin-top: -620px ; }
.mt_535{ margin-top: -535px ; }
.mt_633{ margin-top: -633px ; }


.mb-5{ margin-bottom: 5px !important; }
.mb-10{ margin-bottom: 10px ; }
.mb-15{ margin-bottom: 15px ; }
.mb-25{ margin-bottom: 25px ;}
.mb-20{ margin-bottom: 20px ; }
.mb-30{ margin-bottom: 30px ; }
.mb-35{ margin-bottom: 35px ; }
.mb-40{ margin-bottom: 40px ; }
.mb-45{ margin-bottom: 45px ; }
.mb-50 { margin-bottom: 50px ; }
.mb-60 { margin-bottom: 60px ; }
.mb-65 { margin-bottom: 65px ; }
.mb-70 { margin-bottom: 70px ; }
.mb-80 { margin-bottom: 80px ; }
.mb-90 { margin-bottom: 90px ; }
.mb-100 { margin-bottom: 100px ; }

.mb_5{ margin-bottom: -5px ; }
.mb_10{ margin-bottom: -10px ; }
.mb_15{ margin-bottom: -15px ; }
.mb_20{ margin-bottom: -20px ; }
.mb_25{ margin-bottom: -25px ; }
.mb_30{ margin-bottom: -30px ; }
.mb_50{ margin-bottom: -50px ; }
.mb_60{ margin-bottom: -60px ; }
.mb_70{ margin-bottom: -70px ; }
.mb_80{ margin-bottom: -80px ; }
.mb_90{ margin-bottom: -90px  }
.mb_100{ margin-bottom: -100px  }
.mb_120{ margin-bottom: -120px  }
.mb_140{ margin-bottom: -140px  }

.ml-0{ margin-left: 0px  }
.ml-10{ margin-left: 10px  }
.ml-15 { margin-left: 15px; }
.ml-30{ margin-left: 30px ; }
.ml-40{ margin-left: 40px ; }
.ml-50{ margin-left: 50px ; }
.ml-80{ margin-left: 80px ; }
.ml-100{ margin-left: 100px ; }
.ml-145{ margin-left: 145px ; }
.ml-160{ margin-left: 160px ; }
.ml-215{ margin-left: 215px ; }
.ml-250{ margin-left: 250px ; }

.ml_10 { margin-left: -10px; }
.ml_15 { margin-left: -15px; }
.ml_20 { margin-left: -20px; }
.ml_25 { margin-left: -25px; }
.ml_30{ margin-left: -30px ; }
.ml_35{ margin-left: -35px ; }
.ml_40{ margin-left: -40px ; }
.ml_50{ margin-left: -50px ; }
.ml_60{ margin-left: -60px ; }
.ml_70{ margin-left: -70px ; }
.ml_80{ margin-left: -80px ; }
.ml_90{ margin-left: -90px ; }
.ml_100{ margin-left: -100px ; }
.ml_110{ margin-left: -110px ; }
.ml_130{ margin-left: -130px ; }
.ml_150{ margin-left: -150px ; }
.ml_390{ margin-left: -390px ; }
.ml_490{ margin-left: -490px ; }

.mr-0{ margin-right: 0px ; }
.mr-10{ margin-right: 10px ; }
.mr-15 { margin-right: 15px; }
.mr-20{ margin-right: 20px ;}
.mr-25{ margin-right: 25px ;}
.mr-30{ margin-right: 30px ;}
.mr-40{ margin-right: 40px;}
.mr-50{ margin-right: 50px;}
.mr-60{ margin-right: 60px;}

.mr_10 { margin-right: -10px;}
.mr_15 { margin-right: -15px;}
.mr_20{ margin-right: -20px ;}
.mr_25{ margin-right: -25px ;}
.mr_30{ margin-right: -30px ;}
.mr_40{ margin-right: -40px;}
.mr_50{ margin-right: -50px;}
.mr_60{ margin-right: -60px ;}
.mr_65{ margin-right: -65px ;}
.mr_70{ margin-right: -70px ;}
.mr_80{ margin-right: -80px ;}
.mr_90{ margin-right: -90px ;}
.mr_100{ margin-right: -100px ; }
.mr_130{ margin-right: -130px ; }
.mr_150{ margin-right: -150px ; }
.mr_160{ margin-right: -160px ; }
.mr_180{ margin-right: -180px ; }
.mr_200{ margin-right: -200px ; }
.mr_240{ margin-right: -240px ; }
.mr_280{ margin-right: -280px ; }
.mr_300{ margin-right: -300px ; }
.mr_380{ margin-right: -380px ; }
.mr_400{ margin-right: -400px ; }
.mr_430{ margin-right: -430px ; }
.mr_450{ margin-right: -450px ; }
.mr_500{ margin-right: -500px ; }
.mr_540{ margin-right: -540px ; }
.mr_600{ margin-right: -600px ; }


/* ===============================================
    Color
------------------------*/

/** 1.Skin-color **/
.ttm-textcolor-skincolor,
.ttm-textcolor-skincolor h1, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h1, 
.ttm-textcolor-skincolor h2, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h2,
.ttm-textcolor-skincolor h3, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h3, 
.ttm-textcolor-skincolor h4, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h4,
.ttm-textcolor-skincolor h5, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h5,
.ttm-textcolor-skincolor h6, .ttm-bgcolor-darkgrey .ttm-textcolor-skincolor h6,
.ttm-textcolor-skincolor a, .ttm-textcolor-skincolor i,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, 
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, 
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, 
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, 
nav.main-menu ul.menu li ul.mega-submenu li a:hover,
a.ttm-textcolor-skincolor, :not(.ttm-bgcolor-darkgrey) a.ttm-textcolor-skincolor,
i.ttm-textcolor-skincolor, :not(.ttm-bgcolor-darkgrey) i.ttm-textcolor-skincolor,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor, 
.ttm-bgcolor-darkgrey a:hover, .ttm-textcolor-white a:hover, .ttm-bgcolor-darkgrey a:hover i,
.ttm-btn-color-skincolor, .ttm-btn-style-border.ttm-btn-color-skincolor, 
.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor, .ttm-bgcolor-darkgrey .ttm-btn-color-skincolor i,
.ttm-bgcolor-grey .ttm-btn-color-skincolor, .ttm-bgcolor-grey .ttm-btn-color-skincolor i,
.ttm-list-icon-color-skincolor li i, .section-title h3, .top_bar_contact_item .top_bar_icon i,
.featured-imagebox-portfolio.style5 .featured-content .featured-desc p,
.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.ttm-icon_element-border.ttm-icon_element-color-grey, 
.ttm-icon_element-fill.ttm-icon_element-color-white, .header_search a:hover,
.testimonials.style1:hover .testimonial-caption h3,
.ttm-icon_element-fill.ttm-icon_element-color-white i,
.ttm-icon_element-color-skincolor, .ttm-tabs.ttm-tab-style-01 ul.tabs li.active a,
.ttm-icon_element-color-skincolor:not(.ttm-icon_element-fill) i, 
.ttm-bgcolor-darkgrey .ttm-icon_element-color-skincolor i,
nav.main-menu ul.menu > li.mega-menu-item:hover > a, 
.first-footer .newsletter-form p button:hover,
.widget ul#menu-footer-service-link li a:hover, .header_cart:hover .cart_icon i,
nav.main-menu ul.menu li > ul.mega-submenu li a:hover, 
nav.main-menu ul.menu li ul.mega-submenu li.active > a, 
.featured-imagebox-portfolio.style3 .ttm-footer a:hover,
.ttm-header-style-03 #site-header-menu .site-navigation ul.menu > li >a:hover,
.ttm-header-style-03 #site-header-menu .site-navigation ul.menu > li.active >a,
nav.main-menu ul.menu li.active > a, .featured-icon-box.style4:hover .ttm-num,
.ttm-header-style-01 .top_bar .top_bar_contact_item .top_bar_icon i,
.widget_info .social-icons ul li a:hover, .ttm-pf-single-detail-box .ttm-pf-detailbox-title,
.ttm-header-style-01 .ttm-bgcolor-white.site-header-menu-inner nav.main-menu ul.menu > li.active > a,
.widget_info .widget_icon i, a:hover, .ttm-bgcolor-darkgrey a:hover,
.ttm-bgcolor-darkgrey .slick_slider.slick-arrows-style3 .slick-arrow:hover,
.ttm-bgcolor-skincolor .slick_slider.slick-arrows-style3 .slick-arrow:hover,
.featured-imagebox-portfolio.style3 .featured-title h3 a:hover,
.featured-imagebox-portfolio.style5 .featured-title h3 a:hover,
.featured-imagebox-portfolio.style1 .featured-title h3:hover,
.featured-imagebox-portfolio.style4 .ttm-footer .ttm-btn.ttm-btn-color-darkgrey:hover,
.featured-imagebox-portfolio.style1 .featured-title h3:hover a,
.featured-imagebox-portfolio.style2 .featured-title h3:hover,
.featured-imagebox-portfolio.style2 .featured-title h3:hover a,
.featured-imagebox-post.style1 .featured-content .featured-title h3 a:hover,
.widget ul#menu-footer-service-link li a:before, .tmtheme_fbar_icons:hover i,
.widget ul#menu-footer-service-link li a:hover:before,
.ttm-p_table-amount, .breadcrumb-wrapper span i, 
.ttm-page-title-row .breadcrumb-wrapper span,
.ttm-blog-single blockquote cite,
.coupon_toggle .coupon_code:before, #payment .payment_box:before{
    color: #18b500;
}


.ttm-bgcolor-darkgre{
    background-color: #000000 !important;
}

/** Skin-bg-color **/
.ttm-bgcolor-skincolor,
.ttm-bgcolor-skincolor > .ttm-bg-layer,
.ttm-bgcolor-skincolor > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner,
#site-header-menu .site-navigation .sep-img,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.social-media-block .ttm-btn-shape-squar.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-grey .tooltip:after, .ttm-bgcolor-grey [data-tooltip]:after,
.ttm-bgcolor-darkgrey .tooltip:after, .ttm-bgcolor-darkgrey [data-tooltip]:after,
.ttm-textcolor-skincolor .tooltip:after, .ttm-textcolor-skincolor [data-tooltip]:after,
.slick_slider.slick-dots-style1 .slick-dots li.slick-active button,
.slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
.slick_slider.slick-arrows-style3 .slick-arrow:hover,
.featured-imagebox-post.style1 .ttm-postbox-desc-footer .ttm-btn:hover,

.slick_slider.slick-arrows-style4 .slick-arrow:hover,
.slick_slider.slick-arrows-style1 .slick-prev:hover,
.slick_slider.slick-arrows-style1 .slick-next:hover,
.section-title h3:before, .section-title h3:after,
.header_cart .cart_count, .heading-seperator span:before ,
.footer .social-icons li>a:hover, .social-icons.circle li>a:hover,
.ttm-underline-strong:before,  .tm_coverimgbox_wrapper .featured-content .featured-title h3:after,
.ttm-tabs.ttm-tab-style-02 ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-02 ul.tabs li:hover a,
.featured-imagebox-post.style2:hover .ttm-box-post-date,
.ttm-btn-style-fill.ttm-btn-color-skincolor,.ttm-btn-color-skincolor,
.featured-imagebox-portfolio.style2 .ttm-media-link a,
.ttm-play-icon-btn .ttm-play-icon-animation:before,
.ttm-play-icon-btn .ttm-play-icon-animation:after,
.featured-imagebox-team.style1 .featured-content:before,
.widget.widget-nav-menu ul li a:before,
.ttm-btn.btn-inline.ttm-btn-color-darkgrey:hover,
.widget.widget-download ul li i, .social-icons.square li a:hover,
.testimonials.style1:hover .testimonial-content:before,
.testimonials.style1:hover:after,
.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
.sidebar .widget .widget-title:before,
.widget .tagcloud a:hover,
.product .onsale, .first-footer .newsletter-form button[type="submit"],
.product:hover .ttm-shop-icon .product-btn:hover , 
.ttm-single-product-details ul.tabs li a:before,
.pagination-block .page-numbers:hover,
.pagination-block .page-numbers.current,
 {
    background-color: #eaeaea;
}

#totop.top-visible{
     background-color: transparent;
}
.featured-imagebox-portfolio.style1:hover .ttm-footer a{
     background-color: transparent;
}

/** Skin-border-color **/
.ttm-btn-style-border.ttm-btn-color-skincolor, 
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-skincolor,
.slick_slider.slick-arrows-style3 .slick-arrow:hover, 
.featured-icon-box.icon-align-top-content.style1 a.di_link:hover,
.social-icons.circle li>a:hover, .widget_info .social-icons ul li a:hover,
.featured-imagebox-portfolio.style4 .ttm-footer a,
.featured-imagebox-portfolio.style4 .ttm-footer a:hover,
.featured-imagebox-portfolio.style4 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:before, 
.featured-imagebox-portfolio.style4 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:after,
.rs-layer.ttm-btn:hover:before, .ttm-team-member-content .social-icons.square li a:hover,
.featured-imagebox-post.style1 .ttm-postbox-desc-footer .ttm-btn:before,
.featured-imagebox-post.style1 .ttm-postbox-desc-footer .ttm-btn:after,
.featured-imagebox-portfolio.style1:hover .ttm-btn:before, 
.featured-imagebox-portfolio.style1:hover .ttm-btn:after,
.ttm-btn-style-border.ttm-btn-color-skincolor:hover:before,
.ttm-btn-style-border.ttm-btn-color-skincolor:hover:after,
.rs-layer.ttm-btn:hover:after, nav.main-menu.show,
.ttm-btn-style-fill.ttm-btn-color-skincolor:before, .social-icons.square li a:hover,
.ttm-btn-style-fill.ttm-btn-color-skincolor:after, .featured-icon-box.style4:hover .ttm-num,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i, 
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor a, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-skincolor i,
.testimonials-nav .slick-current.testimonial-author_info .testimonial-avatar img,
.widget .tagcloud a:hover {
    border-color: #eaeaea;
}

.ttm-bgcolor-darkgrey .tooltip-top:before, .ttm-bgcolor-darkgrey .tooltip:before, 
.ttm-textcolor-skincolor .tooltip-top:before, .ttm-textcolor-skincolor .tooltip:before, 
.ttm-bgcolor-grey .tooltip-top:before, .ttm-bgcolor-grey .tooltip:before,
.ttm-bgcolor-grey [data-tooltip]:before, .header_search .header_search_content,
nav.main-menu, .ttm-tabs.ttm-tab-style-01 ul.tabs li.active a:before,
article.ttm-blog-classic , #payment .payment_box, .coupon_toggle .coupon_code{
    border-top-color: #eaeaea ;
}

.ttm-bgcolor-darkgrey .tooltip-bottom:before,
.featured-icon-box.style3:before,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active,
.ttm-tabs.ttm-tab-style-01 ul.tabs li.active:after,
.header_search .header_search_content:before {
    border-bottom-color: #eaeaea;
}


/** 2.Darkgrey-color **/
.ttm-textcolor-darkgrey,
.ttm-textcolor-darkgrey p,
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h1, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h2, 
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h3, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h4, 
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h5, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey h6, 
:not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey p, :not(.ttm-bgcolor-skincolor) .ttm-textcolor-darkgrey span,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h1, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h1,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h2, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h2,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h3, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h3,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h4, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h4,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h5, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h5,
.ttm-bgcolor-skincolor .ttm-bgcolor-white h6, .ttm-bgcolor-darkgrey .ttm-bgcolor-white h6,
.ttm-bgcolor-skincolor .ttm-bgcolor-white a, .ttm-bgcolor-darkgrey .ttm-bgcolor-white a,
.ttm-bgcolor-skincolor .ttm-bgcolor-white p, .ttm-bgcolor-darkgrey .ttm-bgcolor-white p,
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white i,
.ttm-textcolor-white .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn-color-dark,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) 
a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) 
a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white,
.ttm-btn-style-fill.ttm-btn-color-white, 
.ttm-btn-style-fill.ttm-btn-color-white i, 
.ttm-header-style-03 .ttm-bgcolor-white.site-header-menu-inner nav.main-menu ul.menu > li > a,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey i,
nav.main-menu ul.menu li ul.mega-submenu li a,
.ttm-btn.ttm-btn-style-border.ttm-btn-shape-squar.ttm-btn.ttm-btn-color-grey:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-icon_element-color-darkgrey, :not(.ttm-bgcolor-darkgrey) .ttm-textcolor-darkgrey > i,
.ttm-icon_element-color-darkgrey:not(.ttm-icon_element-fill) i,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-bgcolor-white .featured-icon-box.style2 .featured-title h3,
.ttm-bgcolor-white .header_search a, .ttm-bgcolor-white .header_cart .button-cart,
.ttm-bgcolor-skincolor .ttm-bgcolor-white .section-title h2.title,
.ttm-bgcolor-darkgrey .ttm-bgcolor-white .section-title h2.title {
    color: #323232;
}

/** DarkGrey-bg-color **/
.ttm-bgcolor-darkgrey ,

.ttm-bgcolor-darkgrey > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner,
.ttm-bgcolor-skincolor .tooltip:after, .ttm-bgcolor-skincolor [data-tooltip]:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark, .tooltip:after, [data-tooltip]:after,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey, 
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover ,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover ,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover ,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover, 
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover,
.ttm-btn.btn-inline.ttm-btn-color-darkgrey,
.ttm-btn-style-fill.ttm-btn-color-grey,
.ttm-bgcolor-skincolor .ttm-bgcolor-grey, .sidebar .widget-area .widget,
.ttm-progress-bar .progress-bar.progress-bar-color-bar_darkgrey,
.ttm-progress-bar .progress-bar-inner .progress-bar.progress-bar-color-bar_darkgrey:before,
.featured-imagebox-portfolio.style2 .ttm-portfolio-box-view-overlay:after, 
.featured-imagebox-portfolio.style2 .ttm-portfolio-box-view-overlay:before,
.product:hover .ttm-shop-icon .product-btn {
  background-color: #323232;
}
.ttm-highlight-fid-style1{
      background-color: #000000;
      border:1px solid #dd2220;
}
.ttm-bgcolor-darkgrey > .ttm-bg-layer{
    background-color: #020900;
   
}

.ttm-bgcolor-darkgrey > .ttm-bg-layer1 {
    background-color: #000000 !important;
}
.header_cart:hover .cart_count{
  background-color: #1a1d22;
}

.ttm-bgcolor-skincolor .ttm-bgcolor-white i{
  color: #181818;
}
.ttm-icon.ttm-icon_element-border.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:before,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover:after,
.ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) 
a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) 
a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.tooltip-top:before, .tooltip:before, [data-tooltip]:before {
    border-color: #323232;
}

.ttm-bgcolor-skincolor .tooltip-top:before, .ttm-bgcolor-skincolor .tooltip:before, 
.ttm-bgcolor-skincolor [data-tooltip]:before, .tooltip-top:before, .tooltip:before, [data-tooltip]:before{
    border-top-color: #323232;
}


/** 3.White-color **/
.ttm-textcolor-white, .ttm-bgcolor-skincolor a, .ttm-textcolor-white a, 
.ttm-btn-color-white, .ttm-icon_element-color-white, .ttm-icon_element-color-white i, 
.ttm-bgcolor-skincolor i, .ttm-bgcolor-darkgrey i, .ttm-bgcolor-darkgrey i,
.ttm-textcolor-white h1, .ttm-bgcolor-skincolor h1, .ttm-bgcolor-darkgrey h1,
.ttm-textcolor-white h2, .ttm-bgcolor-skincolor h2, .ttm-bgcolor-darkgrey h2,
.ttm-textcolor-white h3, .ttm-bgcolor-skincolor h3, 
.ttm-textcolor-white h4, .ttm-bgcolor-skincolor h4, .ttm-bgcolor-darkgrey h4,
.ttm-textcolor-white h5, .ttm-bgcolor-skincolor h5, .ttm-bgcolor-darkgrey h5, 
.ttm-textcolor-white h6, .ttm-bgcolor-skincolor h6, .ttm-bgcolor-darkgrey h6, 
.ttm-textcolor-white a,  .first-footer .newsletter-form button[type="submit"],
.ttm-textcolor-white span, .ttm-bgcolor-skincolor span, 
:not(.ttm-bgcolor-skincolor) .ttm-textcolor-white span:not(.ttm-textcolor-skincolor),
.ttm-textcolor-white .ttm-social-links-wrapper ul li a,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor i, 
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey i,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark i,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover i,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover i,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover i,

.ttm-bgcolor-darkgrey .ttm-btn-color-skincolor:hover i,
.ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .row > [class*='col-'] :not(.ttm-bgcolor-white) 
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-icon.ttm-icon_element-fill.ttm-icon_element-color-darkgrey i,
.ttm-bgcolor-skincolor .section-title h2.title, .footer .widget .widget-title,
.widget ul#menu-footer-service-link li a, .widget ul#menu-footer-service-link li a:before,
.ttm-bgcolor-darkgrey .section-title h2.title, .ttm-btn-style-fill.ttm-btn-color-skincolor, 
.featured-imagebox-portfolio.style3 .ttm-footer a,
.featured-imagebox-portfolio.style3 .featured-title h3 a,
.social-icons.circle li>a:hover, .social-icons.circle li>a:hover i,
.featured-imagebox-portfolio.style2:hover .ttm-footer a,
.first-footer h3, .social-icons.square li a:hover,
.widget.widget-nav-menu ul li a:hover, 
.featured-imagebox-post.style1 .ttm-postbox-desc-footer .ttm-btn:hover,
.featured-imagebox-portfolio.style1:hover .ttm-footer a,
.tm_coverimgbox_wrapper .ttm-footer .ttm-btn.ttm-btn-style-border.ttm-btn-color-white:hover,
.ttm-pf-single-content-wrapper .ttm-social-share-links ul li a:hover i,
.widget.widget-nav-menu ul li.active a,
.featured-title h3, .copyright a, .tm_coverimgbox_wrapper .featured-content .featured-title h3,
.tm_coverimgbox_wrapper .featured-content .featured-desc p, .tm_coverimgbox_wrapper .featured-content .ttm-footer a,
.sidebar .widget.widget-search .search-form .btn[type="submit"] i,
.ttm-tabs.ttm-tab-style-02 ul.tabs li.active a,
.ttm-tabs.ttm-tab-style-02 ul.tabs li:hover a,
.slick_slider.slick-arrows-style1 .slick-prev:hover,  
.slick_slider.slick-arrows-style1 .slick-next:hover, .page-title-heading h2,
.featured-icon-box.style2 .featured-title h3,
.featured-imagebox-portfolio.style1 .ttm-footer .ttm-btn.ttm-btn-color-white:hover,
.featured-imagebox-portfolio.style4.active .ttm-footer .ttm-btn.ttm-btn-color-white:hover,
.featured-imagebox-portfolio.style5 .featured-title h3 a,
.ttm-bgcolor-darkgrey .section-title.style2 .title-desc,
.ttm-bgcolor-skincolor .section-title.style2 .title-desc,
.ttm-highlight-fid-style1, .header_btn a:hover,
.ttm-bgcolor-skincolor .ttm-bgcolor-grey p,
.widget.contact-widget .featured-title h3,  
.ttm-team-member-content .social-icons.square li a:hover i,
.ttm-btn.btn-inline.ttm-btn-color-darkgrey,
.ttm-header-style-03 .header_btn a:hover, .featured-icon-box.style4 .featured-title h3,
.breadcrumb-wrapper-inner a i, .breadcrumb-wrapper span.ttm-bread-sep,
.featured-icon-box.style3 .featured-title h3,
.featured-imagebox-portfolio.style4:hover .featured-desc p,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover,
.widget .tagcloud a:hover, .featured-imagebox-portfolio.style2.active .featured-desc p,
.featured-imagebox-portfolio.style2:hover .featured-desc p,
.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
.header_search a, .header_cart .button-cart, .footer .social-icons li>a i,
.pagination-block .page-numbers:hover, .footer .social-icons li>a:hover i,
.pagination-block .page-numbers.current { 
    color: #fff; 
}