@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Roboto:wght@400;500;700&family=Open+Sans:wght@400;600&display=swap');
html {
  scrollbar-width: thin; /* Firefox için */
  scrollbar-color: #8B4513 #D2B48C; /* thumb ve track renkleri */
}

/* Chrome, Edge, Safari için */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(to bottom, #d2b48c, #8b4513); /* kahverengi gradient */
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #8b4513, #5c3317); /* koyu kahverengi gradient */
  border-radius: 6px;
}


*,body
{
	  font-smooth: always !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font1 {
  font-family: 'Poppins', sans-serif !important;
}

.font2 {
  font-family: 'Roboto', sans-serif;
}

.font3 {
  font-family: 'Open Sans', sans-serif;
}

.fw
{
	font-weight: 500;
}

h1
{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 1rem;
	color: #6f1d0d;
	
}


h2
{
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-top: 2rem;
	margin-bottom: 2rem;
}


h3
{
	text-align: center;
	font-family: 'Poppins', sans-serif;
}

p
{
	  font-family: 'Open Sans', sans-serif;
	letter-spacing: 0;
}



.ustfontlar
{
	 font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
}

.mavi
{
	color: #4197c8;
}

.bg-mavi
{
	background-color: #4197c8;
}

.turuncu
{
	color: #ff9601;
}
.bg-turuncu
{
	background-color: #ff9601;
}

.aciksari
{
	color: #ffe597 !important;
}
.acikgri
{
	color: #dbdbdb !important;
}

.bg-aciksari
{
	color: #ffe597 !important;
}


@keyframes ustserit {
  0% {
    background: linear-gradient(135deg, #d7ccc8, #cfd8dc); /* bej - gri */
  }
  25% {
    background: linear-gradient(135deg, #90caf9, #a5d6a7); /* mavi - yeşil */
  }
  50% {
    background: linear-gradient(135deg, #ffe082, #81d4fa); /* sarı - mavi */
  }
  75% {
    background: linear-gradient(135deg, #ba68c8, #4db6ac); /* mor - turkuaz */
  }
  100% {
    background: linear-gradient(135deg, #d7ccc8, #cfd8dc); /* geri dönüş */
  }

}


.grigraident
{
	/*	background: linear-gradient(to bottom, #ffffff, #f0f0f0); */
}

.ustgri
{
	height: 5vh;
	font-weight: 400;
	padding-top: 7px;
	/* background: linear-gradient(165deg, #ffe082, #81d4fa);  */
	
		background: black;

 

	color: white;
	border-bottom:  solid 1px #81d4fa;
	
}

.dropdown-menu
{
	border: none !important;
	background-color: transparent !important;
	padding: 0px !important;
}

.nav-item .nav-link:hover
{
	color: yellow !important;
}

.dropdown-item
{
	font-size: 12px;
	font-family: Arial, 'Roboto', sans-serif;
	font-weight: bold;
	background: linear-gradient(135deg, #6f1d0d, #000000);
	color: white;
	margin-bottom: 5px;
}
.dropdown-item:hover
{
		background: linear-gradient(135deg, #6f1d0d, #000000);
	color: yellow;
}

.logo
{
	width: 15vw;
}

.footerlogo
{
	width: 60%;
}

.navbar
{
	padding-bottom: 1rem;
	/*background: linear-gradient(90deg, black, white);*/
	/*background: linear-gradient(-115deg, #000000, #81d4fa);  */
	
	/* bu son background: linear-gradient(-0deg, #0b9dd7, #000000); */
	    background: linear-gradient(-0deg, #6f1d0d, #000000);

	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	
}


.navbar-nav .nav-item:not(:last-child) .nav-link::after {
  content: "|";
  margin-left: 10px;
  color: #ccc; /* Gümüş ton için */
}


.navbar-brand
{
	padding-left: 0px;
	padding-top: 0px;
}

.nav-item .nav-link
{
	color: #dbdbdb   !important;
	text-align: right;font-weight: 600;
	  font-family: 'Roboto', sans-serif;
	cursor: pointer;
	font-size: 12.5px;
}

.carousel-caption h5
{
	font-family: Arial, 'Roboto', sans-serif;
	background-color: rgba(0,0,0,0.41);
}



.thumb {
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.thumb:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.thumb.active {
  outline: 3px solid #007bff;
}
.carousel-item img {
  height: 400px;
  object-fit: cover;
}

.carousel-item img
{
	height: 400px;
	object-fit: cover;
	
}

header
{
	padding: 0px;
	/*background: linear-gradient(180deg, #e9f9ff, #FFFFFF);*/
	background: linear-gradient(180deg, #fee891, #FFFFFF);
	padding-top: 1rem;
}

.slide
{
		    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
}

.kucukler
{
	height: 95px;
	margin-top: 5px;
}
.thumb
{
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
	    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);	
}

.galeri
{
	    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.70);
/*    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);*/
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.70);

	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 3px;
}

.city
{
	background-size: cover;
	padding: 1rem 0px;
}

.sosyalmedyalar
{
	    display: block;
    width: 100%;
    text-align: right;
}

.sosyalmedyalar a
{
	    font-size: 15px;
    color: #dbdbdb !important;
	margin-left: 1rem;
}

.lead
{
	text-align: justify;
		  font-family: 'Open Sans', sans-serif;
	letter-spacing: 0;
	font-size: 15px;
	text-indent: 25px;
	color: #4f2f29;
}

  .counter-box .counter-value { letter-spacing: 0.5px; }
  .counter-box .counter-label { font-size: 0.95rem; }
  .counter-box .counter-suffix { font-size: 0.85rem; }


.kutular
{
	
	background: linear-gradient(180deg, #ffb19d, #59170a);
    padding: 15px;
			    box-shadow: 0px 5px 8px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 1);
	border-radius: 5px;
	position: relative;
}

.kutucuklar
{
	
	background: linear-gradient(180deg, #f5b084, #94756f);
    padding: 15px;
			    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
	border-radius: 5px;
	position: relative;
}

.kutular .tarih
{
	position: absolute;
    z-index: 2;
    right: 25px;
    top: 25px;
    background-color: black;
    padding: 0px 10px;
    font-weight: 800;
    border-radius: 7px;
    color: greenyellow;
}

.kutular img
{
	width: 100%;
    height: 250px;
    object-fit: cover;
	border-radius: 5px;
				    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
	position: relative;
}

.kutular h3
{
	text-align: center;
    font-size: 20px;
    margin-top: 10px;
    letter-spacing: 2px;
    max-height: 50px;
    height: 50px;
	color: white;
    margin-top: 1.5rem;
}

.kutular .kacgun
{
	font-family: 'Open Sans', sans-serif;
		position: absolute;
    left: 25px;
    bottom: 95px;
    background-color: white;
    padding: 0px 5px;
    border-radius: 5px;
    font-weight: 600;
    color: black;
}

.kutular .fiyati
{
	font-family: 'Open Sans', sans-serif;
	position: absolute;
    right: 25px;
    bottom: 95px;
    background-color: white;
    padding: 0px 5px;
    border-radius: 5px;
    font-weight: 600;
    color: black;
}

.kutular a
{
	color: #262626;
}

.sayac
{
	background: url('../img/tur1.jpg');
	background-size: cover;
	background-position:top;
	position: relative;
}


.tursag
{
	height: 300px;
			    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
}

.tursag img
{
	height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    position: relative;
}

.tursag h4
{
	position: absolute;
    bottom: 130px;
    left: 30px;
    color: #f0f0f0;
    background-color: rgb(0 0 0 / 57%);
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 20px;
	font-family: Arial, 'Robot', sans-serif;
}

.tursag p
{
	position: absolute;
    bottom: 55px;
    left: 30px;
    right: 50px;
    color: #f0f0f0;
    background-color: rgb(0 0 0 / 57%);
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 15px;
}

.buttonrengi
{
	color: #ff2600 !important;
}

.bg-buttonrengi
{
	background-color: #ff2600 !important;
	font-family: Arial, 'Robot', sans-serif;
}

.bg-saydamkahve
{
	background-color: rgb(91 25 12 / 68%) !important;

	color: black;
	font-family: Arial, 'Robot', sans-serif;
}

.tursag a
{
	position: absolute;
    right: 40px;
    bottom: 15px;
    background-color: #ff2600;
    padding: 3px 10px;
    border-radius: 5px;
    color: white !important;
		font-family: Arial, 'Robot', sans-serif;
	font-size: 12px;
}

.gradient-overlay {
position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 300px;
    background: linear-gradient(to top, rgb(255 38 0 / 50%), rgba(0, 0, 0, 0));
    pointer-events: none;
    border-radius: 5px;
}


.gradient-overlay2 {
    height: 300px;
    background: linear-gradient(to top, rgb(255 38 0 / 50%), rgba(0, 0, 0, 0));
    pointer-events: none;
    border-radius: 5px;
}

.karesi
{
	position: relative;
	height: 300px;
	background:url('../img/resim.jpg');
	background-size: cover;
	background-position: center;
	/* background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); */
	border-radius: 15px;
}



.karesi h4
{
	position: absolute;
    top: 50px;
    left: 30px;
    color: #f0f0f0;
    background-color: rgb(0 0 0 / 57%);
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 20px;
		font-family: 'Roboto', sans-serif;
}

.karesi p
{
	position: absolute;
    top: 100px;
	font-family: 'Roboto', sans-serif;
    left: 30px;
    right: 50px;
    color: #f0f0f0;
    background-color: rgb(0 0 0 / 57%);
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 15px;
}


.subscribe-box {
padding: 10px 25px;
    border-radius: 8px;
    /* max-width: 400px; */
    margin: auto;
    position: absolute;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
    bottom: 0px;
    width: 60%;
    right: 0;
	left: 0;
    }

    .subscribe-box label {
      display: block;
      font-weight: bold;
      margin-bottom: 10px;
      font-size: 1rem;
    }

    .input-group {
      display: flex;
      align-items: center;
      border: 1px solid #ccc;
      border-radius: 6px;
      overflow: hidden;
      background-color: #fff;
    }

    .input-group i {
      padding: 10px;
      color: #007bff;
      background-color: #fff;
      border-right: 1px solid #ccc;
    }

    .input-group input {
      flex: 1;
      padding: 10px;
      border: none;
      outline: none;
      font-size: 1rem;
    }

    .subscribe-box button {
      margin-top: 15px;
      width: 100%;
      padding: 5px;
		font-size: 12px;
      background-color: #007bff;
      color: white;
      font-weight: bold;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-size: 1rem;
	  font-family: Arial, 'Roboto', sans-serif;
    }

    .subscribe-box button:hover {
      background-color: #0056b3;
    }


        .owl-carousel .card {
            padding: 30px;
            position: relative;
            opacity: 0.2;
            transform: scale3d(0.8, 0.8, 0.8);
            transition: all 0.3s ease-in-out;
        }

        .owl-carousel .owl-stage-outer {
            overflow-y: auto !important;
            padding-bottom: 40px;
        }

        .owl-carousel img {
            height: 200px;
            object-fit: cover;
            border-radius: 6px;
        }

        .card .name {
            position: absolute;
            bottom: -20px;
            left: 33%;
            color: #101c81;
            font-size: 1.1rem;
            font-weight: 600;
            background-color: aquamarine;
            padding: 0.3rem 0.4rem;
            border-radius: 5px;
            box-shadow: 2px 3px 15px #3c405a;
        }

        .owl-item.active.center .card {
            opacity: 1;
            transform: scale3d(1, 1, 1);
        }

        .owl-dots {
            display: inline-block;
            width: 100%;
            text-align: center;
        }

        .owl-theme .owl-dots .owl-dot span {
            height: 20px;
            background: #2a6ba3 !important;
            border-radius: 2px !important;
            opacity: 0.8;
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            height: 13px;
            width: 13px;
            opacity: 1;
            transform: translateY(2px);
            background: #83b8e7 !important;
        }

        @media(min-width: 480.6px) and (max-width: 575.5px) {
            .card .name { left: 24%; }
        }

        @media(max-width: 360px) {
            .card .name { left: 30%; }
        }




.ohidden
{
	overflow: hidden;
}

.testimonial-card {
    background: #fff;
    border-radius: 15px;
    padding: 40px 20px;
    text-align: center;
    width: 100%;
		    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
    border-top: 8px solid #ff2600;
}

.profile-img {
    width: 100% !important;
    height: 170px !important;
    border-radius: 5px !important;
    object-fit: cover !important;
    margin: auto;
    display: block;
		    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.30);
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.30);	
}

.testimonial-card h3 {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
}

.testimonial-card .text {
    margin: 15px 0;
    font-size: 15px;
    line-height: 1.6;
    color: #ff2600;
	font-family: Arial, 'Roboto', sans-serif;
}

.testimonial-card .name {
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
}

.testimonial-card .title {
    margin-top: 5px;
    font-size: 14px;
    color: #555;
	font-family: Arial, 'Roboto', sans-serif;
}

.testimonial-card .title span {
    color: #00d32e;
    font-weight: 700;
}

/* Owl merkez efekti */
.testimonial-slider .owl-item {
    transform: scale(0.85) !important;
    transition: 0.3s;
}

.testimonial-slider .owl-item.active.center {
    transform: scale(1) !important;
    opacity: 1;
	z-index: 5000;
}


.owl-theme .owl-dots .owl-dot span {
    background: #ff2600 !important;   /* normal renk */
}

.owl-theme .owl-dots .owl-dot.active span {
    background: black !important;    /* aktif renk */
    transform: scale(1.2);
}



.altsvg
{
	position: absolute;
	bottom: -1%;
/*	left: 0;*/
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	width: 100%;
	height: 10%;
}



.navbar .altsvg
{
	position: absolute;
	bottom: -1%;
/*	left: 0;*/
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	width: 100%;
	height: 20%;
}



.header-fill
{
	fill: #fee891;
}


.elementor-shape-fill
{
	fill: #ffffff;
}

.ustsvg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%;
}


.dropdown-toggle
{
	cursor: pointer;
}


footer
{
	 background: linear-gradient(180deg, #ff2600, #6f1d0d) !important;
	min-height: 300px;
	font-family: Arial, 'Roboto', sans-serif !important;
	font-size: 13.1px;
}


.footertext
{
	font-family: Arial, 'Roboto', sans-serif !important;
	color: #dbdbdb   !important;
	font-size: 13.1px;
	margin-bottom: 5px;
}

.footertext a
{
	font-family: Arial, 'Roboto', sans-serif !important;
	color: #dbdbdb   !important;
	font-size: 18px;
	margin-bottom: 5px;
	margin-right: 5px;
}


.footera
{
	font-family: Arial, 'Roboto', sans-serif !important;
	color: #dbdbdb   !important;
	font-size: 14px;
	margin-bottom: 5px;
	margin-right: 5px;
	display: block;
	width: 100%;
	cursor: pointer;
	
}

.foot
{
	padding: 0px !important;
	background-color: black !important;
	color: white;
	font-family: Arial, 'Roboto', sans-serif !important;
	display: block;
	font-size: 13.1px;
	padding: 5px 0px !important;
	font-size: 12px;
	z-index: 6;
	position: relative;
	overflow: hidden;
}

.footyazi
{
	margin-top: 6px;
	display: block;
}

.foot a
{
	padding: 0px !important;
	background-color: black !important;
	color: white;
	font-family: Arial, 'Roboto', sans-serif !important;
	display: block;
	font-size: 13.1px;
	padding: 5px 0px !important;
	font-size: 12px;
	text-align: right;
	color: yellow;
	cursor: pointer;
}

.footh4
{
		font-family: Arial, 'Roboto', sans-serif !important;
	font-size: 15.1px;
	color: white;
	letter-spacing: 1.3px;
	font-weight: 800;
}

.sonfoot
{
	position: relative;
}

.sonfootimg
{
	position: absolute;
    right: 0;
    bottom: -68px;
    width: 80%;
	z-index: 1;
}


.sonfootimg2
{
position: absolute;
    left: -40px;
    bottom: -78px;
    width: 75%;
    z-index: 2;
	
}

.z-5
{
	position: relative;
	z-index: 5;
}

.dgizle
{
	display: none;
}

footer
{
	position: relative;
}

.footustsvg
{
	position: absolute;
    top: -1%;
    /* left: 0; */
    width: 100%;
    height: 20%;
}

.sayfaheader
{
	background: inherit !important;
	background-color: white !important;
}

.card, .card-body, .card-header
{
	font-family: Arial, 'Roboto', sans-serif;
}

.card-header
{
	background-color: #5e1c0f;
	color: white;
}



.sayfaicerik img
{
	width: 25%;
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
	padding: 3px;
	background-color: #ffbeb1;
	border-radius: 8px;
}

.icerikkucukler
{
	width: 100%;
	height: 100px;
	margin-bottom: 1rem;
	cursor: pointer;
}

.icerikthumb
{
	width: 100%;
    height: 100px;
    object-fit: cover;
	
}


.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.mypage-alo-ph-circle1 {
	width: 90px;
	height: 90px;
	top: 12px;
	left: 12px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, 0.4);
	opacity: .1;
	opacity: .5;
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.mypage-alo-ph-circle-fill1 {
	width: 60px;
	height: 60px;
	top: 28px;
	left: 28px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: .4 !important;
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
@keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
.mypage-alo-phone1 {
	position: fixed;
	bottom: 100px;
	left: 0;
}
.mypage-alo-ph-circle 1 {
 border-color: #43b91e;
}
.mypage-alo-ph-circle-fill1 {
	background-color: #43b91e;
}
.mypage-alo-ph-img-circle1 {
	background-color: #43b91e;
}
.mypage-alo-phone:hover .mypage-alo-ph-circle1 {
	border-color: #43b91e;
}
.mypage-alo-phone:hover .mypage-alo-ph-circle-fill1 {
	background-color: #43b91e;
}
.mypage-alo-phone:hover .mypage-alo-ph-img-circle1 {
	background-color: #43b91e;
}
/*************** WHATSAPP. ***************/.mypage-whatsapp-phone {
	position: fixed;
	right: -30px;
	bottom: 33px;
	visibility: visible;
	background-color: transparent;
	width: 110px;
	height: 110px;
	cursor: pointer;
	z-index: 200000 !important;
}
.mypage-whatsapp-ph-img-circle {
	width: 25px;
	height: 25px;
	top: 46px;
	left: 46px;
	position: absolute;
	background: rgba(30, 30, 30, 0.1) url(../img/whatsapp.png) no-repeat center center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	background-color: darkslategray;
	background-size: 70%;
}
.mypage-whatsapp-ph-circle-fill {
	width: 30px;
	height: 30px;
	top: 43px;
	left: 43px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color:rgba(0,138,32,0.52);
	opacity: .75 !important;
}
.mypage-whatsapp-ph-circle {
	width: 40px;
	height: 40px;
	top: 38px;
	left: 38px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(0,138,32,0.52);
	opacity: .1;
	border-color: green;
	opacity: .5;
}

.mypage-alo-phone {
	position: fixed;
	right: -30px;
	bottom: -15px;
	visibility: visible;
	background-color: transparent;
	width: 110px;
	height: 110px;
	cursor: pointer;
	z-index: 200000 !important;
}
.mypage-alo-ph-img-circle {
	width: 25px;
	height: 25px;
	top: 46px;
	left: 46px;
	position: absolute;
	background: rgba(30, 30, 30, 0.1) url(../img/telefon.png) no-repeat center center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	background-color: brown;
	background-size: 70%;
}
.mypage-alo-ph-circle-fill {
	width: 30px;
	height: 30px;
	top: 43px;
	left: 43px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color:rgba(147,0,2,0.50);
	opacity: .75 !important;
}
.mypage-alo-ph-circle {
	width: 40px;
	height: 40px;
	top: 38px;
	left: 38px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(147,0,2,0.50);
	opacity: .1;
	border-color: brown;
	opacity: .5;
}

.altm
{
	position: fixed;
	right: 8px;
	bottom: 320px;
	width: 30px;
	height: 30px;
	background:  linear-gradient(180deg, #ffb19d, #59170a);
	display: flex;
	border-radius: 50%;
}


.alti
{
	position: fixed;
	right: 8px;
	bottom: 280px;
	width: 30px;
	height: 30px;
	background:  linear-gradient(180deg, #ffb19d, #59170a);
	display: flex;
	border-radius: 50%;
}

.altf
{
	position: fixed;
	right: 8px;
	bottom: 240px;
	width: 30px;
	height: 30px;
	background:  linear-gradient(180deg, #ffb19d, #59170a);
	display: flex;
	border-radius: 50%;
}

.altt
{
	position: fixed;
	right: 8px;
	bottom: 200px;
	width: 30px;
	height: 30px;
	background:  linear-gradient(180deg, #ffb19d, #59170a);
	display: flex;
	border-radius: 50%;
}

.alty
{
	position: fixed;
	right: 8px;
	bottom: 160px;
	width: 30px;
	height: 30px;
	background:  linear-gradient(180deg, #ffb19d, #59170a);
	display: flex;
	border-radius: 50%;
}

.altf i, .alti i, .altt i, .alty i, .altm i
{
	font-size: 17px;
	display: block;
	margin: auto;
	color: white;
}