/*------------------------------------------------------------------------------
  
  Template Name: Tmart-Minimalist eCommerce HTML5 Template.
  Template URI: #
  Description: Tmart is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: Theme365
  Version: 1.0
  
-------------------------------------------------------------------------------*/
 
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700|Poppins:300,400,500,600,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

#customizer * {
  color:#333!important;
  font-size:14px!important;
  font-weight: normal;
}

#customizer {
  padding:15px 0;
  border-bottom: 1px solid #4a4f5c;
}

#customizer,  #customizer>div, #customizer ul{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding:0px 0px 0px 10px;
  /*justify-content: space-around;*/

}

#customizer div>span {
  margin-right:5px;
  display:inline-block;
}

#customizer ul li{
    line-height: 22px;
    border: 1px solid #4a4f5c;
  text-align:center;
  width:24px;
  height:24px;
  cursor:pointer;
  margin-right:5px;
  display: flex;
    justify-content: center;
    align-items: center;
}

#customizer ul li:last-child{
  margin-right:0px;
}

[data-color="red"] * {
  color:red!important;
}

[data-color="green"] *  {
  color:green!important;
}

[data-color="blue"] *  {
  color:blue!important;
}

[data-yellow="true"] a {
  text-decoration:underline!important;
}

[data-size="12"] * {
  font-size:100% !important;
}

[data-size="12"] .slider__inner h1 {
  font-size:50px !important;
}

[data-size="14"] * {
  font-size:101% !important;
      line-height: 1.7em;
}

[data-size="14"] .slider__inner h1 {
  font-size:60px !important;
}

[data-size="16"] * {
  font-size:103% !important;
      line-height: 1.7em;
}

[data-size="16"] .slider__inner h1 {
  font-size:70px !important;
}

[data-size="18"] * {
  font-size:105% !important;
      line-height: 2.1em;
}

[data-size="18"] .slider__inner h1 {
  font-size:80px !important;
}

[data-size="20"] * {
  font-size:107% !important;
      line-height: 2.1em;
}

[data-size="20"] .slider__inner h1 {
  font-size:90px !important;
}

[data-size="22"] * {
  font-size:110% !important;
      line-height: 2.3em;
}

[data-size="22"] .slider__inner h1 {
  font-size:100px !important;
}

#yellowize {
  margin-right:5px;
}

a[class*="bg--"] .zmdi, [class*="bg--"] i {
    background-color: transparent!important;
}

[data-color="default"] #customizer .default, [data-color="night"] #customizer .night, [data-color="black_white"] #customizer .black_white, [data-color="black_yellow"] #customizer .black_yellow, [data-color="yellow_black"] #customizer .yellow_black {
  border-width:2px;
}

#customizer .black_yellow span {
    color: #ff0!important;
}

#customizer .yellow_black span {
    color: #000!important;
}

#customizer .black_yellow:hover, #customizer .yellow_black, #customizer .yellow_black span {
    border-color: #ff0!important;
    background-color: #ff0!important;
}

#customizer .yellow_black:hover span{
  color:#ff0!important;
  background-color: #000!important;
}

#customizer .yellow_black:hover {
  border-color: #4a4f5c!important;
  background-color: #000!important;
}

#customizer .black_yellow:hover span {
  color:#000!important;
  background-color: #ff0!important;
}

[data-color="default"] #customizer .default {
    border-color: #d03c00!important;
}

[data-color="night"] #customizer .night {
    border-color: #d03c00!important;
}

[data-color="black_white"] #customizer .black_white {
    border-color: #d03c00!important;
}

[data-color="black_yellow"] #customizer .black_yellow {
    border-color: #d03c00!important;
}

[data-color="yellow_black"] #customizer .yellow_black {
    border-color: #d03c00!important;
}

/* night */

body[data-color=night], body[data-color=night] *:not([class*="bg--"]), body[data-color=night] .bg__white, body[data-color=night] .product-categories-menu, body[data-color=night] .product-categories-menu ul li a, body[data-color=night] .input__box input, body[data-color=night] .category-menu-list ul li a, body[data-color=night] .main__menu ul.dropdown li a, body[data-color=night] .main__menu li.drop ul.dropdown, body[data-color=night] .category-menu-list ul li .category-menu-dropdown, body[data-color=night] .sticky__header.scroll-header {
    background-color: #ccc;
    color:black !important;
}

body[data-color=night] .gray-bg, body[data-color=night] .product__action::before, body[data-color=night] .search__area .search__inner form input[type="text"] {
  background-color: #bababa;
    color:black !important;
}

body[data-color=night] .main__menu ul.dropdown li {
    border-bottom-color: #bababa;
    color:black !important;
}

body[data-color=night] .category-menu-list ul li {
  border-bottom: 1px solid #bababa;
    color:black !important;
}

body[data-color=night] .category-menu-list, body[data-color=night] .input__box input {
  border:1px solid #666666;
    color:black !important;
}

body[data-color=night] .zmdi-chevron-up:before{
  color: #bababa;
}

body[data-color=night] .category-heading > h3 {
    background-color: #000;
    color:black !important;
}

body[data-color=night] 
.social__icon li a i,
 body[data-color=night] .htc__copyright__area,
  body[data-color=night] .search__close__btn .search__close__btn_icon i 
  {
  color: #000000 !important;
  border-color:#666666;
}

[data-color="night"] .main__menu ul.dropdown li a:hover, [data-color="night"] .main__menu ul.dropdown li a:hover *, [data-color="night"] .category-menu-list ul li a:hover, [data-color="night"] .category-menu-list ul li a:hover i, [data-color="night"] .product-categories-menu ul li a:hover{
  background-color:#bababa!important;
  color:black !important;
}

/* black_white */

[data-color="black_white"] *:not([class*="bg--"]) {
  background-color:#000!important;
  color:#fff!important;
  border-color:#fff!important;
}

[data-color="black_white"] .search__area .search__inner form input[type="text"] {
  background-color:#fff!important;
}

[data-color="black_white"] .input__box input {
  border:1px solid #fff;
}

[data-color="black_white"] .search__area .search__inner form button::before {
  color:#fff;
}

[data-color="black_white"] .category-heading > h3 {
  background-color:#fff!important;
  color:#000!important;
}

[data-color="black_white"] #customizer * {
  color:#fff!important;
}

[data-color="black_white"] .main__menu ul.dropdown li a:hover, [data-color="black_white"] .main__menu ul.dropdown li a:hover *, [data-color="black_white"] .category-menu-list ul li a:hover, [data-color="black_white"] .category-menu-list ul li a:hover i, [data-color="black_white"] .product-categories-menu ul li a:hover{
  background-color:#fff!important;
  color:#000!important;
}

/* black_yellow*/

[data-color="black_yellow"] *:not([class*="bg--"]) {
  background-color:#000!important;
  color:#ff0!important;
  border-color:#ff0!important;
}

[data-color="black_yellow"] .input__box input {
  border:1px solid #ff0;
}

[data-color="black_yellow"] .category-heading > h3 {
  background-color:#000!important;
  color:#ff0!important;
}

[data-color="black_yellow"] #customizer * {
  color:#ff0!important;
}

[data-color="black_yellow"] .main__menu ul.dropdown li a:hover, [data-color="black_yellow"] .main__menu ul.dropdown li a:hover *, [data-color="black_yellow"] .category-menu-list ul li a:hover, [data-color="black_yellow"] .category-menu-list ul li a:hover i, [data-color="black_yellow"] .product-categories-menu ul li a:hover{
  background-color:#ff0!important;
  color:#000!important;
}

[data-color="black_yellow"] .search__area .search__inner form input[type="text"] {
  background-color:#ff0!important;
}

[data-color="black_yellow"] .search__area .search__inner form button::before {
  color:#ff0;
}

[data-color="black_yellow"] .category-heading > h3 {
  background-color:#ff0!important;
  color:#000!important;
}

[data-color="black_yellow"] #customizer .black_yellow span {
    color: #ff0!important;
}

/* yellow_black */

[data-color="yellow_black"] *:not([class*="bg--"]) {
  background-color:#ff0!important;
  color:#000!important;
  border-color:#000!important;
}

[data-color="yellow_black"] .input__box input {
  border:1px solid #000;
} 

[data-color="yellow_black"] .category-heading > h3 {
  background-color:#ff0!important;
  color:#000!important;
}

[data-color="yellow_black"] #customizer * {
  color:#000!important;
}

[data-color="yellow_black"] .main__menu ul.dropdown li a:hover, [data-color="yellow_black"] .main__menu ul.dropdown li a:hover *, [data-color="yellow_black"] .category-menu-list ul li a:hover, [data-color="yellow_black"] .category-menu-list ul li a:hover i, [data-color="yellow_black"] .product-categories-menu ul li a:hover{
  background-color:#000!important;
  color:#ff0!important;
}

[data-color="yellow_black"] .search__area .search__inner form input[type="text"] {
  background-color:#000!important;
}

[data-color="yellow_black"] .search__area .search__inner form button::before {
  color:#000;
}

[data-color="yellow_black"] .category-heading > h3 {
  background-color:#000!important;
  color:#ff0!important;
}

[data-color="yellow_black"] #customizer .black_yellow span {
    color: #000!important;
}

.slide .row, .slide .container, .slide [class*="col"], .slide .slider__inner, .slide .slider__inner *, .owl-carousel .owl-nav > div, .owl-carousel .owl-nav > div * {
    background-color: transparent!important;
}
 
.normalbgs
{
  background-color: #f48120 !important;
    color: white !important;
}
.graybgs
{
  
   background-color: #ccc !important;
    color: white !important;
}

.normalimages
{

 filter: none;
    -webkit-filter: grayscale(0%);
}
.grayimages
{
  
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}