.itlab-wrapper {
  position: relative;
  overflow-x: hidden;
  background: url(/image/catalog/orangereya/bg-oranger.webp) repeat-y;
  background-size: 100%;
  background-position-y: 114%;
  z-index: 99;
}
.orang-img {
    display: block;
    position: absolute;
    height: 700px;
    width: 100%;
}

.product-img {
    display: none;
}

.orang-img_1 {
    position: absolute;
    z-index: 0;
    margin-top: -20%;
    margin-left: -35%;
    width: 750px;
    height: 750px;
    webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
}

.orang-img_2 {
    position: absolute;
    z-index: -1;
    top: 26%;
    left: -82px;
    width: 180px;
    webkit-animation: spinn 15s linear infinite;
    -moz-animation: spinn 15s linear infinite;
    animation: spinn 15s linear infinite;
}

.orang-img_3 {
    position: absolute;
    margin-top: -5%;
    margin-left: 52%;
    width: 192px;
    height: 192px;
    z-index: 0;
    opacity: 0.5;
    webkit-animation: spinn 15s linear infinite;
    -moz-animation: spinn 15s linear infinite;
    animation: spinn 15s linear infinite;
}

.orang-img_4 {
    position: absolute;
    top: 3%;
    right: -15%;
    width: 24%;
    webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
}

.galeri {
    margin-top: 3rem;
}
.galeri img {
    left: 20%;
    margin-top: -1rem;
    /* top: 10rem; */
    border-radius: 0.3rem;
    width: 77%;
    /* height: 55rem; */
    outline-offset: 2rem;
    z-index: 10;
}
.countt {
    background: #f3429d;
    margin-top: -26rem;
    margin-left: 29rem;
    padding: 30px 18px 18px 18px;
    padding-bottom: 31px;
    width: 100%;
    max-width: 160px;
    height: 160px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1400px) {
    .countt{
        margin-left: 26rem;
    }
}

@media (max-width: 1200px) {
    .countt{
        margin-left: 21rem;
    }
}
.countb {
    background: #f3429d;
    margin-top: -16rem;
    margin-left: 26rem;
    padding: 27px;
    padding-bottom: 31px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
}
.counter-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 3px;
    text-align: center;
    border-radius: 0.3rem;
}
.counter-box .odometer {
    line-height: 1;
    margin: 0 auto;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
}
.counter-box h6 {
    width: 100%;
    height: 26px;
    line-height: 19px;
    display: block;
    font-size: 15px;
    color: #fff;
    position: relative;
    font-weight: 500;
}
.h2-baslik-anasayfa-ozel {
    margin-top: 7%;
    font-size: 2.0rem;
    font-weight: 600;
    color: #f3419e;
}
.paragraf {
    font-size: 1rem;
    margin-bottom: 10px !important;
    width: 92%;
}
.dialog {
    background: linear-gradient(41deg, rgba(43, 92, 11, 1) 0%, rgb(243 65 158) 50%, rgb(240 116 181) 100%) !important;
}
.shop-cart {
    background: linear-gradient(41deg, rgba(43, 92, 11, 1) 10%, rgb(243 65 158) 50%, rgb(240 116 181) 100%) !important;
	display: none;
}

@media screen and (max-width: 992px) {
    .orang-img_1 {
        top: -7%;
        left: 12%;
        height: unset;
        width: 71%;
        z-index: 0;
        webkit-animation: spin 15s linear infinite;
        -moz-animation: spin 15s linear infinite;
        animation: spin 15s linear infinite;
    }

    .orang-img_2 {
        position: absolute;
        z-index: -1;
        top: 77% !important;
        left: -42px !important;
        width: 100px !important;
        webkit-animation: spinn 15s linear infinite;
        -moz-animation: spinn 15s linear infinite;
        animation: spinn 15s linear infinite;
    }

    .orang-img_3 {
        position: absolute;
        width: 30%;
        margin-top: 10%;
        margin-left: 48%;
        height: unset;
        z-index: 1;
        opacity: 0.5;
        webkit-animation: spinn 15s linear infinite;
        -moz-animation: spinn 15s linear infinite;
        animation: spinn 15s linear infinite;
    }

    .orang-img_4 {
        position: absolute;
        top: 61px !important;
        right: -67px !important;
        width: 200px !important;
        height: 200px !important;
        z-index: 2 !important;
        webkit-animation: spin 15s linear infinite;
        -moz-animation: spin 15s linear infinite;
        animation: spin 15s linear infinite;
    }
    .h2-baslik-anasayfa-ozel {
        margin-top: 7%;
        font-size: 1.5rem;
        font-weight: 600;
        color: #f3419e;
        margin-left: 0;
        text-align: center;
    }
    .paragraf {
        font-size: 1.1rem;
        margin-bottom: 10px !important;
        margin-left: 0px;
    }
    .countt {
        margin-top: -19rem;
        margin-left: 18rem;
        padding: 7px 3px 18px 3px;
        z-index: 1;
        width: 120px;
        height: 120px;
    }
    @media (max-width: 768px) {
        .countt{
            margin-left: 14rem;
        }
    }
    .countb {
        margin-top: -11rem;
        margin-left: 16rem;
        padding: 18px 3px 18px 3px;
        z-index: 1;
        width: 120px;
        height: 120px;
    }
    #top {
        background: linear-gradient(41deg, rgba(43, 92, 11, 1) 0%, rgb(243 65 158) 50%, rgb(240 116 181) 100%) !important;
    }
	#myBtn {
	    padding-right: 0;
	}
	.preim-bc-row {
	    padding-right: 0;
	}
	.main-slider {
        height: 200px !important;
    }
    .main-slider1 {
        height: 200px !important;
    }
    .swiper-thumbnail {
        height: 50px;
    }
    .main-slider2 {
        height: 200px !important;
    }
    .swiper-thumbnai2 {
        height: 50px;
    }
    .main-slider3 {
        height: 200px !important;
    }
    .swiper-thumbnai3 {
        height: 50px;
    }
    .main-slider4 {
        height: 200px !important;
    }
    .swiper-thumbnai4 {
        height: 50px;
    }
    .main-slider5 {
        height: 200px !important;
    }
    .swiper-thumbnai5 {
        height: 50px;
    }
    .main-slider6 {
        height: 200px !important;
    }
    .swiper-thumbnai6 {
        height: 50px;
    }
    .main-slider7 {
        height: 200px !important;
    }
    .swiper-thumbnai7 {
        height: 50px;
    }
    .main-slider8 {
        height: 200px !important;
    }
    .swiper-thumbnai8 {
        height: 50px;
    }
    .main-slider9 {
        height: 200px !important;
    }
    .swiper-thumbnai9 {
        height: 50px;
    }
    .main-slider10 {
        height: 200px !important;
    }
    .swiper-thumbnai10 {
        height: 50px;
    }
    .main-slider11 {
        height: 200px !important;
    }
    .swiper-thumbnai11 {
        height: 50px;
    }
    .main-slider12 {
        height: 200px !important;
    }
    .swiper-thumbnai12 {
        height: 50px;
    }
    .main-slider13 {
        height: 200px !important;
    }
    .swiper-thumbnai13 {
        height: 50px;
    }
    .main-slider20 {
        height: 200px !important;
    }
    .swiper-thumbnai20 {
        height: 50px;
    }
    .swiper {
        margin-bottom: 10px;
    }
	.pulse::after,
	.pulse::before {
	  left: 232px !important;
	  right: 6px !important;
	  top: 115px !important;
	  bottom: 30px !important;
	}
}

@keyframes spinn {
    to {
        transform: rotate(-360deg);
    }
}

.main-title {
  margin-bottom: 0.5rem;
  text-align: center;
  font-family: "Abril Fatface", cursive;
  font-size: 2.32rem;
  color: #f3419e;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-title:before, .main-title:after {
  content: "";
  display: block;
  margin: 0 1.2rem;
  flex: 1;
  border-bottom: 1px solid #436e22;
}

.cssSlider {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.cssSlider .slides {
	overflow: hidden;
	width: 100%;
	height: 51vmin;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cssSlider .slides > li {
	width: 100%;
	height: 50vmin;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.cssSlider .slides > li > img {
	width: 100%;
	height: auto;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}

.cssSlider .slides > li:first-child:not(:target) {
	z-index: 1;
	-webkit-transform: translateY(0%);
	        transform: translateY(0%);
}

.cssSlider .thumbnails {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
.cssSlider .thumbnails > li {
	float: left;
	width: 20%;
}
.cssSlider .thumbnails > li > a {
	display: block;
}
.cssSlider .thumbnails > li > a > img {
	width: 100%;
	height: auto;
}

.cssSlider .slides li:target {
	z-index: 3;
	-webkit-animation: slide 1s 1;
}
.cssSlider .slides li:not(:target) {
	-webkit-animation: hidden 1s 1;
}
@-webkit-keyframes slide {
	0% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
}
@keyframes slide {
	0% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
	100% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
}
@-webkit-keyframes hidden {
	0% {
		z-index: 2;
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	100% {
		z-index: 2;
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}
}
@keyframes hidden {
	0% {
		z-index: 2;
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	100% {
		z-index: 2;
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}
}




/* # The Rotating Marker # */
details summary::-webkit-details-marker { display: none; }
summary::before {
  font-family: "Hiragino Mincho ProN", "Open Sans", sans-serif;
  content: "▶";
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  transform: rotate(0);
  transform-origin: center;
  transition: 0.2s transform ease;
}
details[open] > summary:before {
  transform: rotate(90deg);
  transition: 0.45s transform ease;
}

/* # The Sliding Summary # */
details { overflow: hidden; }
details summary {
  position: relative;
  z-index: 10;
}
@keyframes details-show {
  from {
    margin-bottom: -80%;
    opacity: 0;
    transform: translateY(-100%);
  }
}
details > *:not(summary) {
  animation: details-show 500ms ease-in-out;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  color: transparent;
  overflow: hidden;
}
details[open] > *:not(summary) { color: inherit; }

/* # Style 5 # */
details.style5 summary {
  padding-right: 2.2rem;
  padding-left: 1rem;
}
details.style5 summary::before {
  content: "🌸";
  font-size: 1.2rem;
  top: 0.01rem;
  left: unset;
  right: 0.5rem;
  transform: rotate(0);
}
details.style5:hover > summary::before {
  content: "🌺";
}
details[open].style5 > summary::before {
  content: "🌸";
  transform: rotate(0deg);
}
details[open].style5 > summary:hover::before {
  content: "🌺";
}
details .monkey-see { display: inline; }
details .monkey-hide { display: none; }
details[open] .monkey-see { display: none; }
details[open] .monkey-hide { display: inline; }

/* # Just Some Pretty Styles # */
img { max-width: 100%; }
p { margin: 0; padding-bottom: 10px; }
p:last-child {/* padding: 0; */}
details {
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 5px;
}
h2.accordion-header {
  border: 4px solid transparent;
  outline: none;
  padding: 0.3rem 1rem;
  display: block;
  font-size: 1rem;
  background: #53af16;
  border-radius: 20px;
  color: #faa732;
  padding-left: 1.2rem;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.accordion-item  {
	background:  none;
	border: none;
}
.accordion-button {
    background: none !important;
    padding: 0;
    color: #ffffff;
    font-size: 1.1rem;
}
.accordion-button:not(.collapsed) {
    box-shadow: none;
}
details[open] summary,
summary:hover {
  color: #FFCA28;
  background: #2b5c0b;
}
summary:hover strong,
details[open] summary strong,
summary:hover::before,
details[open] summary::before {
  color: #FFA128;
}
.content {
  padding: 10px;
  margin-left: 15px;
  margin-right: 15px;
  border: 2px solid #426c20;
  border-top: none;
  border-bottom: none;
}

.orang2  {
	margin: 50px 0;
}

.orang1  .img-fluid {
	width: auto;
	max-height: 400px;
	z-index: 1;
}
.cub-box {
	position: absolute;
	background: #f3419e;
	width: 400px;
	height: 400px;
	border: 2px solid #2b5c0b;
	border-radius: 15px;
	z-index: 0;
	left: 20%;
	top: 20%;
}

.slider-heig-m {
	height: 50px;
}
.slider-heig {
    height: 350px;
}
.main-slider {
    height: 350px;
}
.main-slider1 {
    height: 350px;
}
.swiper-thumbnail {
    height: 50px;
}
.main-slider2 {
    height: 350px;
}
.swiper-thumbnai2 {
    height: 50px;
}
.main-slider3 {
    height: 350px;
}
.swiper-thumbnai3 {
    height: 50px;
}
.main-slider4 {
    height: 350px;
}
.swiper-thumbnai4 {
    height: 50px;
}
.main-slider5 {
    height: 350px;
}
.swiper-thumbnai5 {
    height: 50px;
}
.main-slider6 {
    height: 350px;
}
.swiper-thumbnai6 {
    height: 50px;
}
.main-slider7 {
    height: 350px;
}
.swiper-thumbnai7 {
    height: 50px;
}
.main-slider8 {
    height: 350px;
}
.swiper-thumbnai8 {
    height: 50px;
}
.main-slider9 {
    height: 350px;
}
.swiper-thumbnai9 {
    height: 50px;
}
.main-slider10 {
    height: 350px;
}
.swiper-thumbnai10 {
    height: 50px;
}
.main-slider11 {
    height: 350px;
}
.swiper-thumbnai11 {
    height: 50px;
}
.main-slider12 {
    height: 350px;
}
.swiper-thumbnai12 {
    height: 50px;
}
.main-slider13 {
    height: 350px;
}
.swiper-thumbnai13 {
    height: 50px;
}
.main-slider20 {
    height: 350px;
}
.swiper-thumbnai20 {
    height: 50px;
}
.swiper {
    margin-bottom: 10px;
}

.pulse::after,
.pulse::before {
  content: '';
  position: absolute;
  border: 2px solid #f3429d;
  left: 385px;
  opacity: 0;
  right: 41px;
  top: 205px;
  bottom: 90px;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite;
}

.pulse::after {
  animation-delay: 1.25s;
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

.nobor  {border: none;}
.itlabst {
	font-size: 18px;
	width: 150px;
	color: #fff;
	background-color: #f3419e;
	margin: 0 10px;
	border-radius: 10px !important;
}
.nav-tabs .itlabst.active {
    color: #fffbff;
    background-color: #53af16;
    border: none;
}