/*  General 
/*-------------------------- */
html,
body { font-size: 12px; color: #484848; }
a {color: #484848;}
.blog-detail .user-tags li  {color: #484848;}

.page-header h2, .page-header h1 { color:#000000; text-align: left;}

.breadcrumb a, 
.breadcrumb span {color:#484848;  text-transform:capitalize;}
.breadcrumb { border-bottom-style: solid; border-bottom-color: #c8c8c8;}

/*  Background
/*-------------------------- */
body {
  
    background-color: #ffffff;
  
  
  background-position: left top;
  background-repeat: repeat;
  background-attachment: scroll;
}

/*  Button
/*-------------------------- */
.template-customers-account .grid .grid-item p > a,
.text-continue a,
.cart-row .btn:hover,
#get-rates-submit,
.btn { background: #232323; color: #ffffff; }
.template-customers-account .grid .grid-item p > a:hover,
.text-continue a:hover,
#get-rates-submit:hover,
.btn:hover {background: #57698f; color: #ffffff;}

.btn-secondary { background-color: #232323; color: #ffffff; }
.btn-secondary:hover { background-color: #66787f; color: #ffffff; }

/*  Header
/*-------------------------- */
.site-header {
  
  background-position: left top;
  background-repeat: repeat;
  background-attachment: scroll;
  
    background-color: #222222;
  
}
.site-header .selectize-input, 
.site-header .selectize-input input { color: #ffffff; }
.site-header .selectize-control.single .selectize-input.dropdown-active:after { border-bottom-color: #ffffff; opacity: 0.8; }
.site-header .selectize-control.single .selectize-input:after { border-top-color: #ffffff; opacity: 0.8; }

.customer-links .arrow { border-top-color: #ffffff; opacity: 0.5; }
.customer-links .open .arrow { border-bottom-color: #ffffff; opacity: 0.5; }

.header-panel,
.header-panel a { color: #aaaaaa; }
.header-panel a:hover { color: #ffffff; border-bottom: 1px solid #ffffff; text-decoration: none; }

.header .top-cart a { color: #ffffff; font-size:14px; }
.header .top-cart a:hover span.first { border-bottom-color: #ffffff; }

.header-three-banner li .text { background: #2e2e2e; }
.header-three-banner li span { border: 1px solid #545454; color: #b8d0de; }

/*  Footer
/*-------------------------- */
.site-footer {
	
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	
		background-color: #ffffff;
	
}
.footer-top { background-color: #f8f8f8; }
.footer-middle { background-color: #232323; color: #cbcbcb; }
.footer-middle h3 {color: #ffffff;}
.footer-middle a { color: #cbcbcb; }
.footer-middle a:hover { color: #ffffff; border-bottom: 1px solid #ffffff; }
.footer-bottom address {color: #585858;}



/*  Navigation
/*-------------------------- */
.site-nav > li > a { color: #9f9f9f; font-size:14px; }
.site-nav > li:hover > a span,
.site-nav > li:hover > a:hover span { border-bottom: 2px solid #9f9f9f; }
.site-nav li.dropdown .icon-dropdown { border-top-color: #c12222; }

/* dropdown menu */
.site-nav-dropdown { border-style: solid; border-color: #ffffff; border-color: rgba(0,0,0,0.3); background: #ffffff; }
.site-nav-dropdown a { color: #5d5d5d; }
.site-nav-dropdown a:hover { color: #000000; }

.site-nav-dropdown li:hover 
.site-nav-dropdown a:active { color: #000000;}

.mega-menu .site-nav-dropdown .col-1 .inner,
.mega-menu .site-nav-dropdown .col-2 { border-color: #000000; }

/* Home Page ------------------------------------------------------------ */

/* Block About Us Home Page */
.aboutus-home h2 { color: #000000;}
.aboutus-home p { color: #484848;}

/* Border product item */
.products-grid .grid-item-border .product-image,
.grid-item-border.product-img-box .product-photo-container { border-color: #ff0000;}


/* font-size */
.header .search-bar input.input-group-field { font-size:12px!important; }
blockquote,
small,
table th,
h2.cart-no-items,
.ajax-success-modal .btn-secondary,
.header-panel ul.customer-links li .dropdown-menu,
.header-panel .customer-links .action-btn input,
.header-panel .customer-links .action-btn a,
#dropdown-cart .summary .label,
.contact-form .location h4,
.blog-detail .user-tags li,
.products-grid .action .btn,
.special-price em,
.collection-title small,
.collection-filter-panel button.dropdown-toggle,
.collection-sharing-panel button.dropdown-toggle,
.toolbar .dropdown-menu > li > a,
.product-shop .product-description h4,
.panel-group .tab-content h4,
.panel-group .spr-form-label,
.spr-reviews .spr-review-header-byline,
#get-rates-submit,
.template-customers-addresses .grid .large--right a,
.template-customers-addresses .grid .grid-item .content p.button > a,
.widget-featured-product .widget-title h3 { font-size:12px; }

.site-header .selectize-dropdown,
.header-panel,
.product-wishlist li .add-to-cart,
.product-wishlist li a.remove,
.collection-title h3,
.header-mobile .dropdown-menu,
.footer-middle h3,
.tags li label,
#email-modal .window-window .window-content .message,
.product-label strong,
.product-shop .tags .icon-tags,
.spr-summary-actions a,
.panel-body .spr-review-reportreview,
.cart-items a.remove,
.cart-items .update,
.wishlist a.share,
.widget-featured-product .grid-item .btn { font-size:11px; }

.aboutus-home h2,
.widget-tags li a,
#dropdown-cart .cart-collateral .money,
.toolbar .grid,
.toolbar .list,
.loading-modal,
.swatch label,
.template-customers-account .grid .grid-item > h5,
.template-customers-addresses .grid .grid-item .content h3,
.template-customers-addresses .grid .grid-item .page-header h4 { font-size: 13px; }

.widget-title h3,
.text-continue a, 
.btn-secondary, 
.btn,
.infinite-scrolling-homepage a,
.infinite-scrolling a,
.price-box,
#dropdown-cart .cart-collateral,
.site-nav > li > a,
.slide-des .slide-button,
.slide-text,
.home-three-banner h4 span,
.home-two-banner .des p,
.home-two-banner .des a,
.list-blog blockquote,
.blog-detail blockquote,
#email-modal .window-window .window-content .title span,
.old-price ,
.old-price .money,
.compare-price .money,
.product-vendor,
.panel-group .nav-tabs > li > a,
.panel-group .spr-form-title ,
.panel-group .spr-header-title,
.spr-reviews .spr-review-header-title,
.cart-title h2,
.cart-items .product-name,
.cart-items p.price,
.cart-row h3,
#shipping-calculator h3,
.ajax-form-submited-success, 
.quick-view .ajax-form-submited-error,
.ajax-product-title,
table.wishlist-product a.product-title,
table.wishlist-product span,
.template-customers-account .page-header h4,
.template-customers-addresses .grid .page-header h2 { font-size:14px; }

.widget-featured-product .widget-title h2 { font-size:18px; }

.newsletter .block-title h3,
.footer-social .block-title h3,
#contactFormWrapper h2,
#dropdown-cart .summary .price,
#add-comment-title,
.title-comment,
#email-modal .window-window .window-content .title,
.widget-new-product .widget-title h2,
.product-shop .prices,
.quick-view .product-shop .price,
.product-shop .money,
.related-products h2,
.recently-viewed-products h2,
.search-page .page-header h2,
.total-price span { font-size:20px; }

.content-blog .list-blog h3 a,
.blog-detail .page-header h1,
.product-shop .product-title h2,
.product-shop .product-title a,
.cart-row .total-price p,
.cart-row .total-price p span { font-size:24px; }

.page-header h2,
.page-header h1 { font-size:30px; }

/*  Fonts
/*-------------------------- */

  body,
  .toolbar button { font-family: Roboto; }



  .btn,
  .ajax-success-modal .btn-secondary,
  .infinite-scrolling a,
  .infinite-scrolling-homepage a,
  .widget-title h3,
  .header-panel .customer-links .action-btn a,
  .header .top-cart a,
  #dropdown-cart .text-cart a,
  .site-nav > li > a,
  .site-nav-dropdown .col-1 .inner > a,
  .widget-featured-product .widget-title h3,
  .widget-featured-product .grid-item .btn,
  .header-three-banner li,
  .slide-des .slide-button,
  .home-three-banner h4 span,
  .home-two-banner .des a,
  .footer-middle h3,
  .contact-form .location h4,
  .panel-group .nav-tabs > li > a,
  .panel-group .spr-form-title ,
  .panel-group .spr-header-title,
  .cart-title h2,
  .cart-row h3,
  #shipping-calculator h3,
  #get-rates-submit,
  table.wishlist-product thead th,
  .template-customers-account .page-header h4,
  .template-customers-account .grid .grid-item p > a,
  .template-customers-addresses .grid .page-header h2,
  .template-customers-addresses .grid .grid-item .content p.button > a { font-family: Roboto Condensed; }



  .page-header h2,
  .page-header h1,
  #email-modal .window-window .window-content .title,
  #add-comment-title ,
  .title-comment,
  .slide-heading,
  .aboutus-home h2,
  .home-two-banner .des h4,
  .newsletter .block-title h3,
  .footer-social .block-title h3,
  #contactFormWrapper h2,
  .widget-new-product .widget-title h2,
  .product-label strong,
  .related-products h2,
  .recently-viewed-products h2,
  .loading-modal,
  .template-customers-account .grid .grid-item > h5,
  .template-customers-addresses .grid .grid-item .content h3,
  .template-customers-addresses .grid .grid-item .page-header h4 { font-family: Montserrat; }


  .widget-tags li a,
  .slide-text,
  .home-two-banner .des p,
  .tags li a,
  .list-blog blockquote,
  .blog-detail blockquote,
  .blog-detail .user-tags li,
  #email-modal .window-window .window-content .title span,
  .product-vendor,
  .product-shop .tags a,
  .product-shop .tags span,
  .cart-items p.vendor,
  .cart-row p.tax,
  .cart-row label.add-comments { font-family: Georgia; }




.product .product-shop .total-price { visibility: hidden; margin: 0; line-height: 0; }