/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* your CSS here */
	@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
	@import url('https://fonts.googleapis.com/css?family=Charm:400,700');
	* {
		font-family: 'Charm', 'Open Sans' !important;
		letter-spacing: 0.5px !important;
	}
	.fa {
		font-family: FontAwesome !important;
	}
	a{
		color: black;
	}
	a:hover{
		border-color: black;
		color: black;
	}
	.header-menu a:hover{
		color: white;
	}
	.product-list .product-inner {
    border: none;
	}
	.c-button {
		background-color: black;
	}
	.c-button.m-type-2 {
		color: white;
    border-color: black;
    background-color: black;
	}
	#main-slider .slide h1, #main-slider .slide h2 {
    color: #000000;
		-webkit-text-stroke: 0.01em rgba(0, 0, 0, 0.5);
	}
	#main-slider .slider-pause-btn {
    color: #FFF;
		background-color: #000000;
	}
	#main-slider .slider-nav ul>li>button{
		color:rgb(124, 124, 124)
	}
	#main-slider .slider-nav ul>li>button:hover, #main-slider .slider-nav ul>li.m-active>button {
		color: #000000;
		
	}
	#main-slider .slider-indicator>span {
		background-color: #000000;
	}
	.various-content h2:before {
		background-color: #000000;
	}
	.header-menu>ul>li.m-active>span>a {
    /* padding-top: 5px; */
    color: black;
		background-color: rgb(255, 255, 255);
	}
	.various-content .c-accordion .accordion-title:before, .c-accordion .accordion-title:before {
		color: black;
	}
	.various-content .c-accordion .accordion-price, .c-accordion .accordion-price {
		color: black;
	}
	.c-accordion li:first-child h3 {
		background-color: black!important;
		color: white!important;
	}
	.c-icon-block>.ico {
		color: black;
	}
	.default-form label>span {
		color: black;
	}

	.c-gallery .thumb a:before {
    background-color: #363636;
		background-color: rgba(0,0,0,0.5);
		
	}
	.c-gallery .thumb-list .thumb {
		height: 215px;
		display: flex;
		align-items: center;
	}		

/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}