@charset "UTF-8";

html{box-sizing: border-box}*, *:before, *:after{box-sizing: inherit}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}a:focus{text-decoration: none!important}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0}input[type=number]{-moz-appearance: textfield}

/* Hide new banner on desktop */
#mobile-search-banner {
    display: none;
}
@media (max-width: 768px) {
  .widget-calendar {
    margin-bottom: 25px;
  }
}


img[src$=".svg"] {
    display: block !important;
    width: 100% ;
}

@media (max-width: 768px) { /* Adjust the max-width as needed */
    ul.primary-menu.clearfix {
        margin-top: 35px;
    }
}

@media (max-width: 768px) {
  .event-calendar-moved {
    margin-bottom: 20px; /* Adjust spacing as needed */
  }
}



/* Show the mobile banner only on smaller screens */
@media (max-width: 768px) {
    #mobile-search-banner {
        display: flex;
        justify-content: center;
        position: absolute;
        align-items: center;
        background-color: #cbe3bf;
        padding: 15px;
        /* border-radius: 5px; */
        width: 100%;
        bottom: -70px;
    }

    .mobile-search-form {
        width: 100%;
        max-width: 600px;
    }

    .search-wrapper {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .search-wrapper input {
        flex-grow: 1;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 20px;
    }

    .search-wrapper .search-teosed-btn {
        background-color: #5b775e;
        color: white;
        padding: 10px 12px;
        border: none;
        border-radius: 20px;
        cursor: pointer;
        white-space: nowrap;
    }

    .search-wrapper .search-teosed-btn:hover {
        background-color: #4a7a42;
    }

    /* Hide the original search box on mobile */
    #header-search {
        display: none;
    }
}



.btn-block{padding-left: 5px; padding-right: 5px}

/* Hide mobile logo on desktop */
#header-logo-mobile {
    display: block;
}

#header-logo {
    display: none;
}

/* Hide desktop logo on mobile */
@media (min-width: 768px) {
    #header-logo-mobile {
        display: none;
    }

    #header-logo {
        display: block;
    }
}


/*Ayman- new code for css*/
@media screen and (min-width: 1024px) {
    div#header-search {
        position: absolute;
        right: 30px;
        top: 50px;
    }

    div#header-lang {
        position: absolute;
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    #header-search label {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    #header-search .search-inputs input {
        width: 70% !important;
    }
}.search-teosed-btn {
    display: inline-block;
    background-color: #c9e1be; /* Button background color */
    color: #ffffff; /* Text color */
    text-decoration: none; /* Remove underline */
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 10px; /* Adjust padding for button size */
    font-size: 13px; /* Adjust text size */
    border-radius: 20px; /* Rounded corners */
    border: none; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
    text-align: center; /* Center text alignment */
    transition: background-color 0.3s ease; /* Smooth hover effect */
    width: 100%;
}

.search-teosed-btn:hover {
    background-color: #54785C; /* Darker shade on hover */
}

#header-search a:hover {
    text-decoration: none !important;
}

@media screen and (max-width: 767px) {
    .search-teosed-btn {
        width: 70% !important;
    }
}

/*Ayman- end of new code for css*/


/* =============================================================================

   header

   ========================================================================== */
@media (max-width: 768px) { /* Adjust breakpoint if needed */
    #header {
        min-height: 260px !important;
    }
}

#header {
	overflow: hidden;
            /*background-color: #54785c*/
            background-image: url(../failid/Image/headerbanner.png);
            background-repeat: no-repeat;
            /*background-size: cover;*/
			background-position: center top;
			background-size: 100% 100%;
            min-height: 190px;
            display: flex;
            align-items: center; /* Vertically centers the container */
            justify-content: center; /* Optionally center the container horizontally */
            
        }

	#header .container{

		position: relative;

		/*background-image: url(../failid/Project/header-bg.png);*/

		background-position: 45px bottom;

		background-repeat: no-repeat

	}

		#header .container:before{

			content: '';

			display: block;

			width: 241px;

			height: 52px;

			position: absolute;

			top: 0;

			right: 15px;

			/*background-image: url(../failid/Project/emic-flipped.png);*/

			background-repeat: no-repeat;

			background-position: center;

		}

		#header .container .header-inner{

			position: relative;

			min-height: 120px;

			z-index: 1;

			padding: 18px 0;

		}



		#header-search label{color: #fff; font-weight: 400; text-transform: uppercase}

			#header-search .search-inputs{position: relative; margin-top: 2px}

				#header-search .search-inputs input{color: #000; text-transform: none; width: 100%; border: none; background-color: #fff; display: block; font-size: 14px; line-height: 14px; padding: 2px 35px 2px 10px; height: 30px;border-radius: 20px;}

				#header-search .search-inputs button{display: block; width: 30px; height: 30px; color: #000; border: none; background-color: #fff; line-height: 30px; text-align: center; position: absolute; top: 0; right: 0; border: none; padding: 0}

				#header-search .search-inputs button:hover{color: #fff; background-color: #d60000}

			#header-search a{color: #000; }

			#header-search a:hover{color: #fff}



			.language-switcher{margin: -60px 0 0 0; padding: 0; list-style: none; font-size: 14px; line-height: 1em; overflow: hidden; font-weight: 700; text-transform: uppercase; float: right}

				.language-switcher li{float: left}

				.language-switcher a{color: #8AA88B; display: block; padding: 6px 15px}

				.language-switcher a:hover,

				.language-switcher a.active{ text-decoration: none;color: #54785C}

                @media (min-width: 1024px) { /* Adjust breakpoint as needed */
    ul.language-switcher.mobile {
        display: none;
    }
}

@media (max-width: 1023px) { /* Mobile view */
    ul.language-switcher.mobile {
        display: block; /* Or flex, inline-block depending on your layout */
    }
}

@media (min-width: 1024px) { /* Desktop */
    ul.language-switcher.desktop {
        display: block; /* Or flex, inline-block depending on your layout */
    }
}

@media (max-width: 1023px) { /* Mobile */
    ul.language-switcher.desktop {
        display: none;
    }
}

@media (max-width: 1023px) { /* Mobile */
    nav#primary-navigation {
        padding-bottom: 45px;
    }
}






/* =============================================================================

   navigation

   ========================================================================== */

#primary-navigation{

	position: sticky;

	z-index: 50;

	top: 0;

	left: 0;

	width: 100%;

	background-color: #cbe3bf

}

	.primary-menu,

	.primary-menu ul{margin: 0; padding: 0; list-style: none}



	.primary-menu{margin: 0 -15px}

		.primary-menu > li{

			display: table;

			height: 50px;

			float: left;

			position: relative

		}

			.primary-menu > li > a{

				padding: 5px 15px;

				display: table-cell;

				vertical-align: middle;

				color: #000;

				font-weight: 700;

				text-decoration: none;

				text-transform: uppercase

			}

			.primary-menu > li:hover > a,

			.primary-menu > li.active > a{color: #d60000; text-decoration: none}

			.primary-menu > li > ul{

				position: absolute;

				top: 100%;

				left: 0;

				white-space: nowrap;

				min-width: 100%;

				background-color: #cbe3bf;

				padding: 15px;

				display: none;

                z-index: 5;

			}

			.primary-menu > li:hover > ul{display: block}

				.primary-menu > li > ul > li + li{margin-top: 10px}

					.primary-menu > li > ul > li > a{

						display: block;

						position: relative;

						padding-left: 30px;

						color: #231f20

					}

						.primary-menu > li > ul > li > a:before{

							content: '';

							width: 15px;

							height: 2px;

							display: block;

							position: absolute;

							top: 50%;

							margin-top: -1px;

							left: 0;

							background-color: #231f20

						}

					.primary-menu > li > ul > li:hover > a,

					.primary-menu > li > ul > li.active > a{color: #d60000; text-decoration: none}

						.primary-menu > li > ul > li:hover > a:before,

						.primary-menu > li > ul > li.active > a:before{background-color: #d60000}



/* =============================================================================

   content

   ========================================================================== */

#content{padding-top: 30px}



.entry-title{text-transform: uppercase; margin: 0 0 30px 0; padding-bottom: 13px; border-bottom: 1px solid #d7d7d7}

.home .entry-title{border-color: #fff; margin: 0 0 10px 0}



.entry-subtitle{text-transform: uppercase; color: #54785c; font-size: 20px; line-height: 20px; margin: -12px 0 0 0}

.entry-subtitle.subtitle-red{color: #d60000}

.entry-subtitle + .post-date{color: #231f20; margin-bottom: 20px}



.posts-list .post-item > div{margin: 0 -15px}

.posts-list .post-item + .post-item{margin-top: 24px; padding-top: 24px; border-top: 1px solid #d7d7d7}

	.posts-list .post-item .post-item-thumb,

	.posts-list .post-item .post-item-excerpt{float: left; padding: 0 15px}

	.posts-list .post-item .post-item-thumb{width: 37.5%}

	.posts-list .post-item .post-item-excerpt{width: 62.5%}

		.post-title{font-weight: 400; margin: 0}

		.post-date{font-size: 14px; color: #717171; margin: 0 0 10px 0}



.btn-return{

	border-color: #d60000;

	color: #d60000;

	font-weight: 400;

	text-transform: none;

	padding: 3px 10px;

	font-size: 15px;

}

.btn-return:hover, .btn-return:focus{background-color: #d60000; color: #fff!important; text-decoration: none}



* + .entry-content{margin-top: 25px}



.entry-content p{margin: 0}

.entry-content p + p,

.entry-content * + p,

.entry-content p + *,

.entry-content ul + *,

.entry-content * + ul{margin-top: 25px}

.entry-content a{color: #d60000}

.entry-content a:hover{color: #54785c}

.entry-content .btn{margin-right: 10px; margin-bottom: 10px;}



.entry-content ul{margin: 0; padding: 0; list-style: none}

	.entry-content ul li{position: relative; padding-left: 30px}

	.entry-content ul li + li{margin-top: 5px}

		.entry-content ul li:before{

			content: '';

			width: 15px;

			height: 2px;

			display: block;

			position: absolute;

			top: 10px;

			left: 0;

			background-color: #231f20

		}



.bottom-btn{margin-top: 30px}

#sidebar .bottom-btn{padding: 15px 15px 30px 15px; margin-top: 0}

#main-content .bottom-btn{margin-top: 30px; padding-top: 30px; border-top: 1px solid #d7d7d7}

#main-content{overflow: hidden}



.payment-options{margin: -2px; padding: 0; padding-top:15px; list-style: none; text-align: center}

	.payment-options li{display: inline-block; vertical-align: top; font-size: 0; padding: 2px}



* + .payment-options{margin-top: 23px}



.table.table-striped{margin: 0}

.table.table-striped > thead > tr > th,

.table.table-striped > tbody > tr > td,

.table.table-striped > tfoot > tr > td{border: none; color: #000; padding: 5px 10px; line-height: 20px;vertical-align: middle;}

.table.table-striped > tfoot > tr > td{text-align: center; color: #d60000; font-size: 24px; line-height: 30px; padding: 15px 10px}

.table-striped.table-striped > tbody > tr:nth-of-type(odd){background-color: #d7d7d7}

.table.table-striped > tbody > tr > td.cart-price{color: #d60000}



.entry-image{margin: 0 auto 30px auto}

.entry-image img{display: block; margin: 0 auto}

.entry-image .entry-image-caption{margin-top: 10px}

.entry-image.image-right{float: right; margin-left: 30px; margin-bottom: 30px}

.entry-image.image-left{float: left; margin-right: 30px; margin-bottom: 30px}





.employee{overflow: hidden; margin-left: -15px; margin-right: -15px}

.employee + .employee{margin-top: 30px}

	.employee .employee-info, .employee .employee-image{float: left; padding: 0 15px}

	.employee .employee-info{width: 48%}

	.employee .employee-image{width: 52%}



.alphabet-list .alphabet-list-item{

	padding-left: 50px;

	position: relative

}

	.alphabet-list .alphabet-list-item .alphabet-letter{

		position: absolute;

		top: 0;

		left: 0;

		font-size: 32px;

		line-height: 28px;

		color: #b0b0b0;

		font-weight: 700;

		text-transform: uppercase

	}

	.alphabet-list .alphabet-list-item .alphabet-items{margin: 0; padding: 0; list-style: none}

		.alphabet-list .alphabet-list-item .alphabet-items li{padding-left: 0}

			.alphabet-list .alphabet-list-item .alphabet-items li:before{display: none}

	.alphabet-list-item + .alphabet-list-item{margin-top: 30px}



.entry-profile{margin: -15px}

	.entry-profile > div{padding: 15px; float: left}

	.entry-profile > .entry-profile-content{width: 62.5%}

	.entry-profile > .entry-profile-media{width: 37.5%}

	.entry-profile > .entry-profile-media > img{display: block; margin: 0 auto}



* + .database-search{

	margin-top: 28px;

	padding-top: 28px;

	border-top: 1px solid #d7d7d7

}

.database-search-no-border {

	margin-top: 0;

	padding-top: 0;

	border:0;

}

.database-search-product {

	padding-top:20px;

	border-bottom: 1px solid #d7d7d7;

	margin-bottom: 20px;

}

* + .table-results{margin-top: 20px}

.table-results{width: 100%; border-collapse: collapse}

	.table-results thead th,

	.table-results tbody td{padding: 3px 0}

	.table-results .composer{width: 180px; padding-right: 10px}

	.table-results tbody tr td{color: #d60000}

	.table-results tbody tr:hover td{color: #000; text-decoration: underline; cursor: pointer}



.table.table-striped.table-products > thead > tr > th,

.table.table-striped.table-products > tbody > tr > td,

.table.table-striped.table-products > tfoot > tr > td{line-height: 24px}



.table-products .product_qty input{

	width: 36px;

	padding: 0 2px;

	text-align: center;

	display: inline-block;

	vertical-align: middle;

	margin: 0 0 0 7px;

	color: #d60000;

}



.add_to_cartbtn{display: inline-block; vertical-align: middle; text-transform: uppercase; color: #d60000; font-weight: 700}

	.add_to_cartbtn .fa{margin-left: 5px}

.add_to_cartbtn:hover{color: #323232; text-decoration: none}



.product_price{width: 130px}

.product_qty{width: 220px}

.product_cartbtn{text-align: right}



* + .table-responsive{margin-top: 20px}



.product-icons{margin: -7px; padding: 0; list-style: none; overflow: hidden}

	.product-icons li{float: left; padding: 7px}

		.product-icons li a{display: block; width: 36px; height: 36px; text-indent: -5000px; background-color: #d60000; background-position: center; background-repeat: no-repeat;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%}

		.product-icons li a.product-audio{background-image: url(../failid/Project/icons/product-icon-play.png)}

		.product-icons li a.product-audio.product-audio-pause{background-image: url(../failid/Project/player-pause.png);background-size: 10px 16px!important;}

		.product-icons li a.product-pdf{background-image: url(../failid/Project/icons/product-preview-icon.png)}

		.product-icons li a.product-video{background-image: url(../failid/Project/icons/product-icon-camera.png)}
        
        .product-icons li a.product-audio-soundcloud {background-image: url(../failid/Project/icons/soundcloud.png)}
.product-icons li a.product-video-vimeo {background-image: url(../failid/Project/icons/vimeo.png);}
.product-icons li a.product-audio-spotify {background-image: url(../failid/Project/icons/spotify.png);}
.product-icons li a.product-audio-bandcamp {background-image: url(../failid/Project/icons/bandcamp.png);}
.product-icons li a.product-audio-err {background-image: url(../failid/Project/icons/err.png)}


		.product-icons li a:hover{background-color: #323232}



* + .product-icons{margin-top: 13px}



.youtube-content {

    padding:20px;

}

.teos-lisainfo-txt {

    margin-top:10px;

}



.products-year-select{margin:0; padding: 10px 0 14px 0; list-style: none; overflow: hidden; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7}

	.products-year-select > li{float: left; margin-right: 4px; margin-top: 4px}

		.products-year-select > li > a{display: block; font-size: 14px; color: #000; line-height: 20px; padding: 0 5px}

		.products-year-select > li:hover > a,

		.products-year-select > li.active > a{color: #fff; text-decoration: none; background-color: #d60000}

		.products-year-select > li.active > a{font-weight: 700}



.entry-title + .products-year-select{margin-top: -31px}



.products-year-select-no-border {

	border-top:0;

	margin: 0;

}





.product-item{overflow: hidden}

	.product-item .product-thumbnail,

	.product-item .product-info{float: left}

	.product-item .product-thumbnail{

		padding-right: 30px;

		width: 25.975%;

	}

	.product-item .product-info{width: 74.025%; padding-top: 20px}

		.product-item .product-info h2{font-weight: 400; margin: 0 0 5px 0; color: #54785c}

		.product-item .product-info .product-meta{margin: 5px -15px -15px -15px; overflow: hidden}

			.product-item .product-info .product-meta > div{width: 33.3334%; float: left; padding: 15px}

			.product-item .product-info .product-meta > .product-meta-price{font-size: 24px; line-height: 30px}

			.product-item .product-info .product-meta > .product-meta-qty{line-height: 30px}

				.product-item .product-info .product-meta > .product-meta-qty input{

                    display: inline-block;

                    vertical-align: middle;

                    height: 30px;

                    width: 50px;

                    border: 1px solid #777;

                    background-color: #fff;

                    text-align: center;

                    padding: 0 2px;

                    font-size: 24px;

                    color: #d60000;

                    margin-left: 10px;

                    line-height: 28px;

				}

			.product-item .product-info .product-meta > .product-meta-btn{line-height: 30px}

				.product-item .product-info .product-meta > .product-meta-btn .btn{

					height: 30px;

					font-size: 16px;

					line-height: 14px;

					padding: 6px 14px

				}



.product-item + .product-item{margin-top: 25px; padding-top: 25px; border-top: 1px solid #d7d7d7}



.cart_product_code{width: 90px}

.cart_product_price{width: 90px; text-align: right}

.cart_product_qty{text-align: center}

	.cart_product_qty input{

		width: 36px;

		padding: 0 2px;

		text-align: center;

		display: block;

		vertical-align: middle;

		margin: 0 auto;

		color: #d60000;

	}

.cart_product_totalprice{text-align: right}



.table-products a{color: #d60000}



.cart_product_remove{text-align: center; width: 30px}

.cart_product_remove a:hover{color: #000; text-decoration: none}



* + .cart-btns{margin-top: 50px}



.cart-section h3{margin: 0 0 25px 0; text-transform: uppercase}

* + .cart-section{margin-top: 35px}



.inline-form-items label{display: block; line-height: 30px; font-weight: 700}



.radio{margin: 0}

.radio label{

	position: relative;

	padding-left: 22px;

}

.radio label input[type="radio"]{visibility: hidden; opacity: 0}

.radio label span{

	display: block;

	position: absolute;

	top: 7px;

	left: 0;

	width: 14px;

	height: 14px;

	border: 1px solid #7b7b7b;

	background-color: #fff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

	.radio label{font-weight: 400!important}

	.radio label span:before{

		content: '';

		display: block;

		width: 8px;

		height: 8px;

		position: absolute;

		top: 50%;

		left: 50%;

		margin-top: -4px;

		margin-left: -4px;

		background-color: #333;

		-webkit-border-radius: 50%;

		-moz-border-radius: 50%;

		border-radius: 50%;

		opacity: 0

	}

	.radio label:hover span:before,

	.radio label input[type="radio"]:checked + span:before{opacity: 1}



.small-txt{font-size: 13px; line-height: 15px}



ul.transport-methods,

ul.payment-methods{margin: 0; padding: 0; list-style: none}



* + .player,

* + .jp-audio,

* + .jp-type-single{

	margin-top: 25px

}



.jp-type-single{

	position: relative;

	padding-left: 57px;

	padding-bottom: 26px

}

	.jp-type-single ul{margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 12px; color: #010101; line-height: 14px}

		.jp-type-single ul li{padding: 0}

		.jp-type-single ul li + li{margin-top: 5px}

			.jp-type-single ul li:before{display: none}



	.jp-controls .jp-play,

	.jp-controls .jp-pause{

		text-indent: -5000px;

		display: block;

		width: 45px;

		height: 45px;

		background-color: #d60000;

		position: absolute;

		bottom: 0;

		left: 0;

		-webkit-border-radius: 50%;

		-moz-border-radius: 50%;

		border-radius: 50%;

		color: #fff;

		text-align: center;

		line-height: 45px;

		font-size: 12px;

		background-position: center;

		background-repeat: no-repeat;

	}

	.jp-controls .jp-play{background-image: url(../failid/Project/player-play.png); background-position: 17px center;}

	.jp-controls .jp-pause{background-image: url(../failid/Project/player-pause.png)}



	.jp-progress{position: relative}

		.jp-progress .jp-seek-bar{

			position: relative;

			height: 5px;

			width: 100%;

			background-color: #c2c2c2;

			cursor: pointer

		}

			.jp-progress .jp-seek-bar .jp-play-bar{

				position: absolute;

				top: 0;

				height: 100%;

				background-color: #d60000;

				left: 0;

			}



	.jp-volume{left: 57px; right: 94px; position: absolute; bottom: 0; padding-left: 24px; height: 16px; background-image: url(../failid/Project/player-volume.png); background-repeat: no-repeat; background-position: 0 center}

		.jp-volume .jp-volume-down,

		.jp-volume .jp-volume-up{

			width: 16px;

			height: 16px;

			position: absolute;

			top: 0;

			color: #fff;

			background-color: #808080;

			line-height: 16px;

			text-align: center;

			-webkit-border-radius: 50%;

			-moz-border-radius: 50%;

			border-radius: 50%;

			text-indent: -5000px;

			cursor: pointer

		}

		.jp-volume .jp-volume-down:hover,

		.jp-volume .jp-volume-up:hover{background-color: #000}

		.jp-volume .jp-volume-down{background-image: url(../failid/Project/volume-down.png)}

		.jp-volume .jp-volume-up{background-image: url(../failid/Project/volume-up.png)}



		.jp-volume .jp-volume-down{left: 24px}

		.jp-volume .jp-volume-up{right: 0}



		.jp-volume .jp-volume-bar{position: absolute; left: 42px; right: 18px; height: 5px; background-color: #c2c2c2; top: 6px; cursor: pointer}

			.jp-volume .jp-volume-bar .jp-volume-bar-value{

				position: absolute;

				height: 100%;

				background-color: #808080;

				left: 0;

				top: 0;

			}



	.jp-holders{position: absolute; right: 0; bottom: -2px; width: 94px; text-align: right; overflow: hidden; font-size: 15px; color: #000; font-weight: 700}

		.jp-holders > div{display: inline-block; vertical-align: middle}



/* =============================================================================

   sidebar

   ========================================================================== */

.widget + .widget{margin-top: 30px; padding-top: 30px; border-top: 1px solid #d7d7d7}

.widget-calendar-wrap{

    position: relative;

    min-height: 310px;

    padding-right: 85px

}

.widget-calendar-wrap .widget-menu{

    position: absolute;

    top: 0;

    right: 0;

    width: 70px;

    float: right;

}

.widget + .widget-calendar-wrap .widget-menu{top: 30px}

.widget-calendar-wrap .widget-menu ul{margin: 0; padding: 0 9px; list-style: none; border: 1px solid #d7d7d7}

			.widget-calendar-wrap .widget-menu ul > li{height: 77px; font-size: 12px; line-height: 8px; font-weight: 700; text-align: center}

			.widget-calendar-wrap .widget-menu ul > li + li{border-top: 1px solid #d7d7d7}

				.widget-calendar-wrap .widget-menu ul > li > a{display: block; color: #231f20}

				.widget-calendar-wrap .widget-menu ul > li > a:hover{color: #d60000; text-decoration: none}

					.widget-calendar-wrap .widget-menu-icon{width: 50px; height: 50px; margin: 0 auto; background-position: 0 0; background-repeat: no-repeat}

					.widget-calendar-wrap .widget-menu ul > li > a:hover > .widget-menu-icon{background-position: -50px 0}

					.widget-calendar-wrap .widget-menu-icon.icon-cart{background-image: url(../failid/Project/icons/icon-cart.png)}

					.widget-calendar-wrap .widget-menu-icon.icon-radio{background-image: url(../failid/Project/icons/icon-radio.png)}

					.widget-calendar-wrap .widget-menu-icon.icon-facebook{background-image: url(../failid/Project/icons/icon-facebook.png)}

					.widget-calendar-wrap .widget-menu-icon.icon-rss{background-image: url(../failid/Project/icons/icon-rss.png)}



	.widget-title{

		overflow: hidden;

		font-size: 24px;

		line-height: 28px;

		text-transform: uppercase;

		margin: 0 0 20px 0;

		position: relative

	}

		.widget-title:before{

			content: '';

			display: block;

			width: 100%;

			height: 14px;

			position: absolute;

			top: 50%;

			margin-top: -7px;

			background-color: #cbe3bf

		}

		.widget-title > span{

			position: relative;

			float: left;

			padding-right: 15px;

			background-color: #fff

		}



		.widget-title a,

		.widget-title a:hover {

			color: #000;

		}



	.widget-posts-grid{margin: -15px; overflow: hidden}

		.widget-posts-grid .widget-post-item{width: 50%; float: left; padding: 15px}
		.widget-posts-grid .widget-post-item-full-width{padding: 15px}
		.widget-posts-grid .widget-post-item-full-width div.row{margin-bottom:10px;}

		.widget-posts-grid .widget-post-item:nth-child(2n+1){clear: left}

			.widget-posts-grid .widget-post-item > a{color: #231f20; line-height: 1em; display: block}

			.widget-posts-grid .widget-post-item > a:hover{text-decoration: none}

			.widget-posts-grid .widget-post-item > a:hover h6{color: #54785c}

				.widget-posts-grid .widget-post-item > a .widget-post-thumb{margin: 0 0 8px 0}

				.widget-posts-grid .widget-post-item > a h6{margin: 0; font-size: 15px; line-height: 1em}



/* =============================================================================

   footer

   ========================================================================== */

#footer{margin-top: 10px;         background-image: url(../failid/Image/jalus.png); background-repeat: no-repeat;
            background-size: cover;
            background-position: top;}

/* Desktop */
@media (min-width: 768px) {
    .row.new {
        margin-bottom: 40px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .row.new {
        margin-bottom: 80px;
    }
} 

    #footer .container {

        padding-top: 100px;
        padding-bottom: 38px;
    }




		#footer .row{position: relative}



		.footer-logos{margin: -8px; padding: 0; list-style: none; overflow: hidden}

			.footer-logos > li{float: left; padding: 8px}



	#ama{

		display: block;

		top: 50%;

		font-size: 15px;

		line-height: 15px;

		margin-top: -8px;

		right: 15px;

		color: #231f20;

		opacity: 0.5;

		position: absolute;

	}

	#ama:hover{

		opacity: 0.75;

		text-decoration: none;

	}



/* =============================================================================

   media query

   ========================================================================== */

@media (min-width: 1024px){

#header .container .header-inner{

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-direction: row;

	-ms-flex-direction: row;

	flex-direction: row;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-justify-content: flex-start;

	-ms-flex-pack: start;

	justify-content: flex-start;

	-webkit-align-content: stretch;

	-ms-flex-line-pack: stretch;

	align-content: stretch;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}

	#header .container .header-inner > div{

		-webkit-order: 0;

		-ms-flex-order: 0;

		order: 0;

		-webkit-flex: 0 1 auto;

		-ms-flex: 0 1 auto;

		flex: 0 1 auto;

		-webkit-align-self: auto;

		-ms-flex-item-align: auto;

		align-self: auto;

	}



	.mobile-txt{display: none!important}

	#mobile-toggle{display: none!important}

	#primary-navigation{display: block!important}

}



@media (max-width: 1210px){

	.primary-menu{margin: 0 -5px}

		.primary-menu > li > a{padding: 5px}

	.widget-title{font-size: 20px; line-height: 24px}

}

@media (max-width: 1100px){

	.primary-menu{font-size: 14px}

}

@media (max-width: 1023px){

	#mobile-toggle{

		display: block;

		position: absolute;

		width: 40px;

		height: 40px;

		padding: 0;

		margin-top: -18px;

		top: -20%;

		right: 18px;

		background: none;

		transition: 0.8s ease;

		border: 1px solid #d0e2c2;
        border-radius: 7px;
        background: #d0e2c2;

	}

		#mobile-toggle .menui{

			display: block;

			width: 26px;

			height: 1px;

			position: absolute;

			left: 50%;

			margin-left: -13px;

			background-color: rgba(0, 0, 0, 0.25);

			transition: 0.6s ease;

			transition-timing-function: cubic-bezier(.75,0,.29,1.01);

		}

		#mobile-toggle .menui.top-menu{top: 14px}

		#mobile-toggle .menui.mid-menu{top: 19px}

		#mobile-toggle .menui.bot-menu{top: 24px}

		#mobile-toggle .menui.animate{background-color: rgba(0, 0, 0, 0.95)}

		#mobile-toggle .top-menu.animate{top: 19px!important; -webkit-transform: rotate(45deg); transform: rotate(45deg)}

		#mobile-toggle .mid-menu.animate{opacity: 0}

		#mobile-toggle .bot-menu.animate{top: 19px!important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg)}



	.desktop-txt{display: none!important}



	#header .container:before{display: none!important}



	#header .container .header-inner{padding-right: 58px}



	#header-logo{position: absolute; top: 12px; left: 0; width: 240px; z-index: 1}
    	#header-logo-mobile{position: absolute; top: -40%; left: 0; width: 90%; z-index: -1}


		#header-search{width: 100%; padding-top: 30px}

			#header-search label{width: 100%; display: block}

		#header-lang{width: 100%; padding: 0 0 0 240px; position: absolute; left: 0; top: 10px}

			.language-switcher{margin: 0; float: right; text-align: center}

				.language-switcher li + li{margin-left: 4px}

				.language-switcher a{padding: 8px 10px}



	.reader-txt{display: none}



	#primary-navigation{

		display: none;

		position: relative;

		padding: 15px 0

	}

		.primary-menu > li{display: block; float: none; height: auto}

			.primary-menu > li > a{display: block; font-size: 15px; padding-top: 10px; padding-bottom: 10px}

			.primary-menu > li > ul{position: static; display: block; padding: 5px 15px}



			.primary-menu > li + li{margin-top: 5px}



	#main-content,

	#sidebar{width: 100%}

	#main-content + #sidebar{margin-top: 40px}



	.widget-posts-grid .widget-post-item{width: 20%}

	.widget-posts-grid .widget-post-item:nth-child(2n+1){clear: none}

	.widget-posts-grid .widget-post-item:nth-child(5n+1){clear: left}



	.posts-list .post-item .post-item-thumb{width: 30%}

	.posts-list .post-item .post-item-excerpt{width: 70%}

}



@media (max-width: 992px){

	#footer .row > div + div{margin-top: 30px}



	.widget-posts-grid .widget-post-item{width: 33.3334%}

	.widget-posts-grid .widget-post-item:nth-child(2n+1),

	.widget-posts-grid .widget-post-item:nth-child(5n+1){clear: none}

	.widget-posts-grid .widget-post-item:nth-child(3n+1){clear: left}



	#footer .container{background-position: 0 0}

}



@media (max-width: 767px){

	#main-content .col-md-5.col-sm-5 + .col-md-7.col-sm-7{margin-top: 30px}



	.posts-list .post-item .post-item-thumb{display: none}

	.posts-list .post-item .post-item-excerpt{width: 100%}



	.entry-profile > .entry-profile-content,

	.entry-profile > .entry-profile-media{width: 100%; float: none}



	.entry-profile > .entry-profile-media{margin-top: 30px}



	.product-item .product-info{padding-top: 0; width: 100%}

	.product-item .product-info .product-meta > div{width: 100%; float: none; padding: 5px 15px}

	.product-item .product-info .product-meta > div.product-meta-btn{padding-bottom: 15px}



	.product-item{position: relative; padding-left: 115px; min-height: 100px}

		.product-item .product-thumbnail{position: absolute; width: 100px; top: 0; left: 0; padding: 0}



	.product-item + .product-item{min-height: 125px}

	.product-item + .product-item .product-thumbnail{top: 25px}



}

@media (max-width: 640px){

	.cart-btns > div{width: 100%}

	.cart-btns > div + div{margin-top: 15px}

}

@media (max-width: 420px){

	.widget-posts-grid .widget-post-item{width: 50%}

	.widget-posts-grid .widget-post-item:nth-child(2n+1),

	.widget-posts-grid .widget-post-item:nth-child(3n+1),

	.widget-posts-grid .widget-post-item:nth-child(5n+1){clear: none}

	.widget-posts-grid .widget-post-item:nth-child(2n+1){clear: left}

}

@media (max-width: 380px){

	#header-logo{width: 180px}

	#header-lang{padding-left: 180px}

}

.has_events, #widget-calendar td.has_events a { font-weight:bold !important;}



#uudisteosed { list-style:none; padding:0; margin:0; }

#uudisteosed li { list-style-image:none !important;  background:url("../failid/Project/stripes_d.gif") repeat-x scroll center bottom; padding:10px 0;}

#uudisteosed p { margin:0;}



h2.teosed-subtitle {

	color:#54785c;

}



.mid-content > .teosed-list  {

    border-bottom: 1px solid #d7d7d7;

}



.teosed-list ul {

	list-style: none;

}



.teos {

	margin-bottom: 15px;

	width: 100%;

	padding-top:5px;

}



#helilooja-teosed .teosed-list .product-icons li a {

	width: 30px;

	height: 30px;

	background-size: 24px 24px;

}



.teosed-list .teose-title {

	color: #54785c;

	font-weight: bold;

	margin-top: 20px;

}



#helilooja-teosed .teosed-list .product-icons {

	float:left;

	margin-left:5px;

}



#helilooja-teosed .teosed-list .product-icons li {

	margin-right:0;

	padding-right:0;

}

.teos-title {

    float:left;

}

.teos-lisainfo {

    background: #ececec;

    padding: 20px;

	margin-bottom: 10px;

}



.teoste-kategooriad {

	border-bottom: 1px solid #d7d7d7;

	padding-bottom: 15px;

}



.teosed-list li {

	border-bottom: 1px solid #d7d7d7;

}



.teosed-list .product-icons li {

	border:0;

}



.jplayer-modal {

	background: #fff;

	padding: 20px;

}



#colorbox.modal #cboxLoadingOverlay {

    background: #ececec;

}



#colorbox.modal #cboxContent,

#colorbox.modal #cboxLoadedContent

{

    background: #ececec;

}

.profile-image {

	text-align: center;

}

DIV.navi { background:url(../failid/Project/stripes_d.gif) repeat-x bottom;min-height:30px; margin-bottom:5px; margin-top:-12px;}

DIV.navi h1 { padding:0;margin:0;}

DIV.navi h1 span { color:#caa913; }

DIV.navi li { list-style:none;}

DIV.breadcrumb ul { margin-right:20px; margin-top:4px; }

DIV.breadcrumb ul li {

	float:left;

	font-size:11px;

	margin-left:5px;

}

div.breadcrumb ul li.active { color:#ecc516; }



.table-no-borders > thead > tr > th,

.table-no-borders > tbody > tr > th,

.table-no-borders > tfoot > tr > th,

.table-no-borders > thead > tr > td,

.table-no-borders > tbody > tr > td,

.table-no-borders > tfoot > tr > td {

	border:0;

}

.img-list {

	list-style: none;

}

ul.img-list li { float:left; padding-top:10px; padding-right:10px; }



fieldset.with-border {

	border: 1px solid #000 !important;

	padding: 0 1.4em 1.4em 1.4em !important;

	margin: 0 0 1.5em 0 !important;

	-webkit-box-shadow:  0px 0px 0px 0px #000;

	box-shadow:  0px 0px 0px 0px #000;

}



legend.with-border {

	font-size: 1.2em !important;

	font-weight: bold !important;

	text-align: left !important;

	width:auto!important;

	padding:0 10px;

	border-bottom:none;

}



.person-media-item {

	margin-top: 12px;

}



a.product-video-media{

	background-image: url(../failid/Project/icons/product-icon-camera.png);

	display: block;

	width: 45px;

	height: 45px;

	text-indent: -5000px;

	background-color: #d60000;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	float:left;

}

.person-media-item .media-description {

	margin-left: 55px;

	font-size: 12px;

	color: #010101;

	line-height: 14px;

}



.store-block {

    text-align: center;

}



.store-block-content {

    background-color:#54785c;

    margin: 5px;

    padding: 25px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

}

.store-block-content:hover {

    background-color: #c96726;

}

.store-block a,

.store-block a:hover {

    color:#000;

    text-decoration: none;

}



.news-article table td img {

    max-width: initial;

}

.profile-media-column {
	margin-top:25px;
}
.foto-autor-container {
	text-align: center;
}
.foto-autor {
	font-size: 12px;
}

.widget-title-url h3 {
	color:black;
}

.add-new-event-btn {
    margin-top:5px;
    text-align: center;
    background: #54785c;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
}

.add-new-event-btn:hover {
    background: #ca7122;
}

.add-new-event-btn a{
    color:#fff;
    font-size:17px;
}

.add-new-event-btn a:hover{
    color:#fff;
    text-decoration: none;

}


.payment-method-groups {
	margin:0;
	padding: 10px 0 0;
	list-style: none;
}
.payment-method-groups > li{
	float:left;
}
.payment-method-groups > li.active a{
	font-weight: bold;
}
.payment-method-groups > li + li{
	margin-left: 10px;
}

.payment-method-item {
	float: left;
	text-align: center;
	border: 1px solid #e4e4e4;
	border-radius: 15px;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	min-width: 145px;
	font-size: 13px;
}
.payment-method-item:hover {
	cursor:pointer;
}

.payment-method-item__img {
	margin-bottom: 5px;
}

.payment-method-item__img > img{
	width: 80px;
}

.payment-method-group-tab {
	margin-top: 10px;
}



.resp-sharing-button__link,
.resp-sharing-button__icon {
	display: inline-block;
	color:#fff;
}

.resp-sharing-button__link {
	text-decoration: none;
	color: #fff;
	margin: 0.5em
}

.resp-sharing-button {
	border-radius: 5px;
	transition: 25ms ease-out;
	padding: 0.5em 0.75em;
	color:#fff;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}
a.resp-sharing-button__link:hover
.resp-sharing-button:hover {
	text-decoration: none!important;
}

.resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: top
}

.resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
	stroke: #fff;
	fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
	fill: #fff;
	stroke: none
}

.resp-sharing-button--twitter {
	background-color: #55acee
}

.resp-sharing-button--twitter:hover {
	background-color: #2795e9
}

.resp-sharing-button--pinterest {
	background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
	background-color: #8c0615
}

.resp-sharing-button--facebook {
	background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
	background-color: #2d4373
}

.resp-sharing-button--tumblr {
	background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
	background-color: #222d3c
}

.resp-sharing-button--reddit {
	background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
	background-color: #3a80c1
}

.resp-sharing-button--google {
	background-color: #dd4b39
}

.resp-sharing-button--google:hover {
	background-color: #c23321
}

.resp-sharing-button--linkedin {
	background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
	background-color: #046293
}

.resp-sharing-button--email {
	background-color: #777
}

.resp-sharing-button--email:hover {
	background-color: #5e5e5e
}

.resp-sharing-button--xing {
	background-color: #1a7576
}

.resp-sharing-button--xing:hover {
	background-color: #114c4c
}

.resp-sharing-button--whatsapp {
	background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
	background-color: #1da851
}

.resp-sharing-button--hackernews {
	background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
	background-color: #507299
}

.resp-sharing-button--vk:hover {
	background-color: #43648c
}

.resp-sharing-button--facebook {
	background-color: #3b5998;
	border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
	background-color: #2d4373;
	border-color: #2d4373;
}

.resp-sharing-button--twitter {
	background-color: #55acee;
	border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
	background-color: #2795e9;
	border-color: #2795e9;
}

.resp-sharing-button--tumblr {
	background-color: #35465C;
	border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
	background-color: #222d3c;
	border-color: #222d3c;
}

.resp-sharing-button--email {
	background-color: #777777;
	border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
	background-color: #5e5e5e;
	border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
	background-color: #bd081c;
	border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
	background-color: #8c0615;
	border-color: #8c0615;
}

#menu-managment-div{position: absolute; z-index: 9; background-color: #f1f1f1; border: 1px solid #d3d3d3; text-align: center; z-index:100}
#menu-managment-div-header{text-align: left; padding: 10px; cursor: move; z-index: 10; background-color: #000; color: #fff}
#menu-managment-div .menu-container{padding:15px}

.float-right {
	float: right!important;
}

.mail-btns-block {
	margin-top: 10px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.mail-btns-block div {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

br[type="_moz"] {
	display: none;
}

.cke_notification.cke_notification_warning{
	display:none;
}