/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


@media (min-width: 992px) {

  .block-nav-header-2 #top-bar.transparent-topbar {
    background: transparent !important;
    z-index: 399;
    border-bottom: 0;
  }

  .block-nav-header-2 .primary-menu {
    border-top: 1px solid rgba(255,255,255,0.3);
  }

  .block-nav-header-2 .transparent-topbar + .transparent-header + #slider {
    margin-top: -163px; /*  #header(height) + #top-bar(height) */
  }
}

.block-nav-header-2 .dark .top-links li > a,
.block-nav-header-2 .dark #top-social li a { color: #f5f5f5; }

.block-nav-header-2 .dark #top-social li,
.block-nav-header-2 .top-links-item { border-left: 0; }



.block-slider-3 .swiper-container-horizontal>.swiper-scrollbar {
  top: 50%;
  bottom: auto;
  left: 50%;
  margin-left: 20%;
  width: 200px;
  height: 2px;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.4);
  border-radius: 2px;
}

.block-slider-3 .swiper-scrollbar-drag { background: #000 }

.block-slider-3 .slide-number {
  opacity: 1;
  bottom: 10px;
  text-align: left;
  right: auto;
}

.block-slider-3 .slide-number-current {
  top: auto;
  bottom: -2px;
  font-size: 34px;
  font-weight: 600;
}

.block-slider-3 .slide-number span {
  margin-left: 24px;
  font-size: 16px;
  opacity: .7;
}

.block-slider-3 .slide-number-total {
  font-size: 13px;
  line-height: 30px;
  left: 32px;
  opacity: .7;
}

.block-slider-3 .swiper-navs {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-top: 60px;
  margin-left: 20%;
}

.block-slider-3 .slider-arrow-left,
.block-slider-3 .slider-arrow-right {
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.7);
  width: 36px;
  height: 36px;
}

.block-slider-3 .slider-arrow-right { left: 45px; }

.block-slider-3 .slider-arrow-left i,
.block-slider-3 .slider-arrow-right i {
  display: block;
  width: 36px;
  height: 36px;
  font-size: 16px;
  line-height: 34px;
  margin: 0 auto;
  color: #000;
}

.block-slider-3 .slider-arrow-right i { margin-left: -1px; }

.block-slider-3 .swiper-button-disabled {
  opacity: .5;
  cursor: default;
}

.block-slider-3.dark .slider-arrow-left,
.block-slider-3.dark .slider-arrow-right { border-color: rgba(255,255,255,0.7); }

.block-slider-3.dark .swiper-container-horizontal > .swiper-scrollbar { background-color: rgba(255,255,255,0.4);  }

.block-slider-3.dark .swiper-scrollbar-drag { background: #FFF }

.block-slider-3.dark .slide-number,
.block-slider-3.dark .slider-arrow-left i,
.block-slider-3.dark .slider-arrow-right i { color: #FFF; }

@media (min-width: 576px) and (max-width: 767px) {
  .block-slider-3 .swiper-container-horizontal>.swiper-scrollbar {
    top: auto;
    left: auto;
    bottom: 70px;
    right: 30px;
    width: 100px;
    height: 2px;
    transform: translateY(0);
  }

  .block-slider-3 .swiper-navs {
    left: auto;
    top: auto;
    bottom: 30px;
    right: 115px;
    margin: 0;
  }
}

.block-slider-3.slider-element .slider-product-desc {
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  width: 40%;
  z-index: 2;
  overflow: hidden;
}

.block-slider-3.slider-element .slider-product-desc a .icon-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  color: #000;
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #FFF;
  border-radius: 50%;
  text-align: center;
  padding-left: 4px;
  margin-top: -20px;
  margin-left: -20px;
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
}

.block-slider-3.slider-element .slider-product-desc a:hover .icon-play {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.block-slider-3 .blurred-box:after{
  content: '';
  width: 130%;
  height: 130%;

  position: absolute;
  left: -25px;
  top: -25px;
  background-color: rgba(6,103,84,0.8);
  -webkit-filter: blur(20px);
  -o-filter: blur(20px);
  filter: blur(20px);
}

@media (max-width: 576px) {
  .block-slider-3 .swiper-container-horizontal>.swiper-scrollbar { display: none; }
  .block-slider-3 .swiper-navs { right: 0px; }
}



.block-card-9 .grid-inner .btn-hover {
			opacity: 0;
			display: block;
			transition: opacity .3s ease, transform .3s .1s ease;
			margin-top: 15px;
			position: absolute;
			transform: translateY(0);
		}
		.block-card-9 .grid-inner:hover .btn-hover {
			opacity: 1;
			transform: translateY(-5px);
		}

		.block-card-9 .grid-inner .grid-image {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-position: center center;
		}

		.block-card-9 .grid-inner:hover .grid-image {
			-webkit-animation: kenburns 20s ease-out both;
	        animation: kenburns 20s ease-out both;
		}

		.block-card-9 .grid-inner .grid-icon,
		.block-card-9 .grid-inner .grid-content {
			transition: transform .3s ease;
		}

		.block-card-9 .grid-inner:hover .grid-content { transform: translateY(-45px); }
		.block-card-9 .grid-inner:hover .grid-icon { transform: translateY(-5px); }

		@-webkit-keyframes kenburns {
		  0% {
		    -webkit-transform: scale(1) translate(0, 0);
		            transform: scale(1) translate(0, 0);
		    -webkit-transform-origin: 84% 84%;
		            transform-origin: 84% 84%;
		  }
		  100% {
		    -webkit-transform: scale(1.25) translate(20px, 15px);
		            transform: scale(1.25) translate(20px, 15px);
		    -webkit-transform-origin: right bottom;
		            transform-origin: right bottom;
		  }
		}
		@keyframes kenburns {
		  0% {
		    -webkit-transform: scale(1) translate(0, 0);
		            transform: scale(1) translate(0, 0);
		    -webkit-transform-origin: 84% 84%;
		            transform-origin: 84% 84%;
		  }
		  100% {
		    -webkit-transform: scale(1.25) translate(20px, 15px);
		            transform: scale(1.25) translate(20px, 15px);
		    -webkit-transform-origin: right bottom;
		            transform-origin: right bottom;
		  }
		}




    .position-lg-sticky table{

      font-size: 13px;
    }

    .position-lg-sticky table th {

      font-size: 13px;
      color:#055654;
    }





    .masonry-thumbs a::before {
    	opacity: 0;
    	display: flex;
    	content: "\e9bc";
    	font-family: 'lined-icons';
    	justify-content: center;
    	align-items: center;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	transform: scale(1);
    	font-size: 24px;
    	color: #FFF;
    	background-color: rgba(0, 0, 0, 0.5);
    	transition: opacity .3s, transform .3s ease;
    }

    .instagram-photos.masonry-thumbs a::before {
    	content: "\ed71";
    	font-family: 'font-icons';
    }

    .masonry-thumbs a:hover::before {
    	opacity: 1;
    	transform: scale(1.2);
    }





    /* Testimonials Carousel
    -----------------------------------------------------------------*/
    .testimonials-carousel .owl-stage { padding-top: 40px }

    .testimonials-carousel .owl-item {
    	opacity: .6;
    	transition: transform .3s ease;
    	transform: scale(0.8);
    }

    .testimonials-carousel .owl-item.active.center {
    	opacity: 1;
    	transform: scale(1);
    }

    .testimonial {
    	border: 0;
    	box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
    	border-radius: 0.25rem;
    	padding: 25px;

    }

    .testi-image {
    	float: none;
    	margin: -55px auto 0;
    	margin-bottom: 20px;
    }

    .testi-content p {
    	text-align: center;
    	font-style: normal;
    	font-family: var(--fontfamily,'Quicksand', sans-serif);
    	font-size: 13px;
      color:#999999;
    }

    .testi-meta {
    	text-align: center;
    	margin-top: 10px;
    }




    .toggle-wrap {
    	border: 1px solid rgba(255,255,255,0.2);
    	border-radius: 10px;
    }

    .toggle {
    	padding: 18px 30px;
    	margin-bottom: 0;
    	background-color: rgba(255,255,255,0.1);
    	border-bottom: 1px solid rgba(255,255,255,0.15);
    	transition: background-color .2s ease;
    }

    .toggle:first-child {
    	border-top-left-radius: 10px;
    	border-top-right-radius: 10px;
    }

    .toggle:last-child {
    	border-bottom-left-radius: 10px;
    	border-bottom-right-radius: 10px;
    }

    .toggle:last-child { border-bottom: 0; }

    .toggle .togglet {
    	font-size: 19px;
    	padding-left: 0;
    	font-weight: 600;
    	color: #F5F5F5;
    }

    .toggle:hover { background-color: rgba(255,255,255,0.15); }







    .recipe-categories {
    	display: flex;
    	flex-wrap: wrap;
    	align-items: stretch;
    }

    .recipe-category {
    	position: relative;
    	overflow: hidden;
    	flex: 0 0 calc(100% - 20px);
    	max-width: calc(100% - 20px);
    	margin: 10px;
    	height: 80px;
    	background-size: cover;
    	background-position: center center;
    	border-radius: 250px;
    	transition: all 0.5s cubic-bezier(.02, .01, .5, 1);
    }

    .recipe-category::after {
    	position: absolute;
    	content: '';
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 100%;
    	z-index: 1;
    	background-color: rgba(233,123,60,0.2);
    }

    .recipe-category-inner {
    	position: absolute;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
    	padding: 10px;
    	z-index: 2;

    	font-weight: 600;
    	letter-spacing: 1px;
    }


    .recipe-category-icon {
    	width: 40px;
    	height: 40px;
    	margin: 0;
    	display: flex;
    	justify-content: center;
    	text-align: center;
    	border-radius: 100%;
    	background-color: #FFF;
    	padding: 8px;
    	margin-right: 10px;
    	color: #000;
    	transition: transform .5s ease-out;
    }

    .recipe-category:hover .recipe-category-icon {
    	transform: rotate(360deg);
    }

    .recipe-category-info {
    	color: #066754;
    	font-size: 18px;
    	text-align: center;
    }

    @media (min-width: 768px) {

    	.recipe-category {
    		flex: 0 0 calc(50% - 20px);
    		max-width: calc(50% - 20px);
    	}

    }


    @media (min-width: 992px) {

    	.recipe-category {
    		flex: 0 0 280px;
    		max-width: 280px;
    		height: 300px;
    		margin: 15px;
    		background-size: auto 105%;
    		background-position: center;
    		border-radius: 30px;
    	}

    	.recipe-category:hover {
    		flex: 0 0 420px;
    		max-width: 420px;
    		background-size: auto 100%;
    		border-radius: 10px;
    	}

    	.recipe-category-inner {
    		width: auto;
    		height: auto;
    		left: 0;
    		top: auto;
    		bottom: 0;
    		writing-mode: vertical-rl;
    		text-orientation: mixed;
    		transform: rotate(180deg);
    	}

    	.recipe-category:hover .recipe-category-inner {
    		writing-mode: horizontal-tb;
    		transform: rotate(0);
    	}

    	.recipe-category:not(:hover) .recipe-category-icon {
    		width: 40px;
    		height: 40px;
    		margin-right: 0;
    		margin-bottom: 10px;
    		transform: rotate(180deg);
    	}

    	.recipe-category::after {
    		background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(233,123,160,0.8)) 100%;
    		background: -o-linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(233,123,160,0.8)) 100%;
    		background: linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(233,123,160,0.8)) 100%;
    	}

    }



    .recipe-items .card img,
    .rotating {
    	transform: rotate(0deg);
    	transition: transform 1.5s linear;
    }

    .recipe-items .card:hover img,
    .rotating:hover {
    	transform: rotate(360deg);
    	transition: transform 20s linear;
    }

    .recipe-items .row  {
    	border-top: 1px solid #EEE;
    	margin-top: -1px;
    	margin-bottom: -1px;
    }

    .recipe-items .row [class^=col-] {
    	border-right: 1px solid #EEE;
    	border-bottom: 1px solid #EEE;
    }

    .recipe-items .card {
    	border: 0;
    	background: transparent;
    	border-radius: 0;
    	padding: 20px 10px;
    }

    .recipe-items .card-author {
    	font-size: 12px;
    	font-weight: 400;
    	color: #AAA;
    	margin-bottom: 0;
    }

    .recipe-items .card-title {
    	font-size: 18px;
    	line-height: 1.3;
    }
    .recipe-items .card-author a {
    	color: #999;
    	text-transform: uppercase;
    	margin-left: 2px;
    	font-weight: 600;
    }

    .recipe-items .card-title a { color: #222; }

    .recipe-items .card-date {
    	margin-top: 15px;
    	color: #555;
    	margin-bottom: 0;
    	font-weight: 400;
    }

    .recipe-items .card-date i { margin-right: 6px; }


    .ml-5 { margin-left: 20px; }



    .haritaxs iframe {
      height: 350px;
      filter: brightness( 100% ) contrast( 100% ) blur( 0px ) hue-rotate( 90deg ) invert(0%) sepia(0%);

      }






      #css3-spinner-svg-pulse-wrapper {
      	position: absolute;
      	overflow: hidden;
      	width: 260px;
      	height: 210px;
      	top: 50%;
      	left: 50%;
      	margin-top: -105px;
      	margin-left: -130px;
      	background-color: transparent;
      	animation: none;
      	-webkit-animation: none;
      }

      #css3-spinner-svg-pulse {
      	position: absolute;
      	top: 50%;
      	left: 50%;
      	margin-top: -105px;
      	margin-left: -275px;
      }

      #css3-spinner-pulse {
      	stroke-dasharray: 281;
      	-webkit-animation: dash 5s infinite linear forwards;
      }


b,strong{
  font-weight: bold;
  color: #1d71b8;
}