/**
  * Name: spechardware - Tools Store Ecommerce Html Template
  * Version: 1.1
  * Author: DigitalBunny
  * Author URI: http://www.digitalBunny.com
*/

@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');





/* ===============================================
    01. General
------------------------*/

/** Variables **/
aside {
    display: block;
}

a:focus, a:hover {
    color: #009900;
    text-decoration: none;
}




textarea, input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select{
    font-family: inherit;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    color: #656c76;
    padding: 9px 15px;
    font-weight: 400;
    background-color:#fff;
    text-transform: inherit;
    border: 1px solid #e9eef6;
    font-size: 15px;
    outline: none;
    line-height: inherit;
}






section{
    position: relative;
}






/** Extra-class **/

body .page.sidebar-true .site-main{
    padding: 0;
    background-color: #fff;
}

body .container{ max-width: 1300px; }


a{ color: #000b1c; }




/* slick-slider_spacing */


/* ===============================================
    02. Spacing
------------------------*/

/** spacing **/


/** Margin **/



/* ===============================================
    03. Color
------------------------*/
/** 1.Skin-color **/


/** Skin-bg-color **/

.sidebar .widget .widget-title,

.action-button, .form-submit input,
.tabs-for-single-products.ttm-tabs ul.tabs li.active a:after,
.newsletter_main input[type="submit"],
footer .tooltip:after, footer [data-tooltip]:after{
    background-color: #009900
}

/** Skin-border-color **/



/** 1.highlight-color **/

/** highlight-bg-color **/



/** 2.DarkGrey-color **/

/** DarkGrey-bg-color **/


/** 3.White-color **/


/** White-bg-color **/
.ttm-bgcolor-white,
.ttm-fbar-box-w .submit_field button:hover,
.ttm-header-style-infostack .ttm-header-top-wrapper,
.ttm-bgcolor-darkgrey .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:hover,
.ttm-btn-style-border.ttm-btn-color-white:hover,
.featured-imagebox-team .ttm-media-link a:hover,
.ttm-portfolio-box-view-overlay .featured-iconbox.ttm-media-link a:hover,
.ttm-bgcolor-darkgrey .client-box.ttm-box-view-logo .ttm-client-logo-tooltip .client-thumbnail,
.ttm-tabs.ttm-tab-color-grey.ttm-tab-style-classic ul li.active a,
.products.ttm-bgcolor-white .row,
.sidebar .widget-categories li span,
.sidebar .widget-categories li:hover {
  background-color: #c0d42f;
}

/** White-border-color **/
.ttm-bgcolor-skincolor .ttm-fid-border .row > [class*='col-'],
.ttm-bgcolor-skincolor.ttm-fid-border .row > [class*='col-'] {
  border-color: rgba(255,255,255,.3);
  color: rgba(255,255,255,.3);
}

/** 4.Grey-color **/
.ttm-bgcolor-grey, .sidebar .ttm-bgcolor-grey>.ttm-bg-layer,
.widget-price-filter .price_slider_amount input ,
.product-image-box, .sidebar .widget-area .widget,
.ttm-shop-toolbar-wrapper,
.widget.widget-price-filter .ui-slider-horizontal{
    background-color: #f7f7f7;
}


/*  ===============================================
    04. SocialIcon
------------------------*/




/*  ===============================================
    05. TooltipTop
------------------------*/


/*  ===============================================
    06. Dropdown
------------------------*/


/*  ===============================================
    07. Newsletter Popup
------------------------*/


/*  ===============================================
    08. Topbar
------------------------*/



/*  ===============================================
    09. Header
------------------------*/

/** SiteBrand(logo) **/

/** Headermain **/


/** Header_search **/


/** header_extra **/


/* header-02 */


/* header - 03 */







/* widget_info_text */
.widget-area:nth-child(2) .widget > ul.widget_info_text >li > i{ font-size: 26px }
.widget ul.widget_info_text >li i { position: absolute;top: 5px; left: 0; font-size: 20px;}
.widget ul.widget_info_text li{ padding: 0 0 0 30px; font-size: 14px; line-height: 20px; }


/* widget */
.widget ul{
  margin: 0;
  padding: 0;
  list-style: none;
  right: 0;
  left: 0;
}
.widget ul>li {
    padding: 0 0 15px 0;
    position: relative;
}

.widget .widget-title {
    font-weight: 600;
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 25px;
    position: relative;
}

/* Thirdfooter */


/** widget_nav_menu **/


/* social-icons */


/* .bottom-footer-text */


/* ===============================================
    12. Page-Title-Row
------------------------*/


/* ===============================================
    13. Inner-Pages
------------------------*/

/*------------------------------------------------------------------------------*/
/*  Shop_page
/*------------------------------------------------------------------------------*/


/* product-list */


/*------------------------------------------------------------------------------*/
/*  Cart_page
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/*  Checkout_page
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/*  Product-Layout_page
/*------------------------------------------------------------------------------*/

/* easyzoom-product-gallery */

/* layout3-easyzoom-product-gallery(full)*/





/*------------------------------------------------------------------------------*/
/*  Classic_Blog
/*------------------------------------------------------------------------------*/
article.ttm-blog-classic {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 50px;
    padding-bottom: 0;
    position: relative;
}
article.ttm-blog-classic:last-child {
    margin-bottom: 10px;
}
article.ttm-blog-classic .post-featured-wrapper, .ttm-post-featured{
    position: relative;
    overflow: hidden;
}
article.ttm-blog-classic .ttm-post-featured:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0,0.2), rgba(255, 210, 0,0.1), rgba(0, 0, 0,0.2), rgba(255, 210, 0,0.1), rgba(0, 0, 0,0.2));
    -webkit-transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    -moz-transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    -ms-transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    -o-transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
article.ttm-blog-classic:hover .ttm-post-featured:before{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    height: 100%;
    visibility: visible;
}
article.ttm-blog-classic .ttm-box-post-icon,
article.ttm-blog-single .ttm-box-post-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    color: #fff;
    text-align: center;
}

article.ttm-blog-classic .ttm-blog-classic-content {
    background: #fff;
    padding: 30px 30px 30px 30px;
    z-index: 1;
    position: relative;
    display: block;
    margin: 0 30px;
    margin-top: -50px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.08);
}









/*blog-comment*/

/*------------------------------------------------------------------------------*/
/*  Contact_page
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/*  Error_page
/*------------------------------------------------------------------------------*/