/*------------------------------------------------------------------------------
	
	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("themify-icons.css");
@import url("material-design-iconic-font.min.css");
@import url("plugins/animate.css");
@import url("plugins/animate-slider.css");
@import url("shortcode/default.css");
@import url("plugins/jquery-ui.css");
@import url("plugins/magnific-popup.css");
@import url("plugins/slick.css");
@import url("plugins/slick-theme.css");
@import url("plugins/meanmenu.css");
  @import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700');  
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); 
  



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

#customizer {
	padding:2px 0px 0px 0px;color:#000 !important;
	border-bottom: 1px solid #4a4f5c;background-color:  transparent !important;
}

#customizer,  #customizer>div, #customizer ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	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:99%!important;
}

[data-size="12"] .section__title h2 {
	font-size:113%!important;
}


[data-size="12"] .section__title h3 {
	font-size:105%!important;
}



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

[data-size="14"] * {
	font-size:16px;
}

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

 
[data-size="14"] .section__title h1 {
	font-size:173%!important;
}
[data-size="14"] .section__title h2 {
	font-size:153%!important;
}

[data-size="14"] .section__title h3 {
	font-size:133%!important;
}


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

[data-size="16"] .section__title h2 {
	font-size:163%!important;
}

[data-size="16"] .section__title h3 {
	font-size:143%!important;
}



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

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

[data-size="18"] .section__title h2 {
	font-size:173%!important;
}

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

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

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

[data-size="20"] .section__title h2 {
	font-size:183%!important;
}
[data-size="20"] .section__title h3 {
	font-size:170%!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;
	/* chaidakis  */

}

#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;
    /* chaidakis  */

}

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;
}

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

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

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

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

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

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: #666666;
	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;
}

/* black_white */

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

/* chaidakis  */


}

[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;
/* chaidakis  */


}

[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;
	/* chaidakis  */

}

[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;
}
 
.normalimages
{

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

    -webkit-filter: grayscale(100%) !important; 
    filter: grayscale(100%) !important;
}