") no-repeat 50% 50%; background-size: contain; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .travel-like-heart-white { background: url("data:image/svg+xml;utf8,") no-repeat 50% 50%; background-size: contain; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .travel-like-heart-outline { background: url("data:image/svg+xml;utf8,") no-repeat 50% 50%; background-size: contain; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .travel-like input { clip: rect(0 0 0 0) } .travel-like-hearts { width: 2rem; height: 2rem; background: rgba(0, 0, 0, .15); cursor: pointer } .travel-like-hearts:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 1px solid hsla(0, 0%, 100%, .5); -webkit-transform: scale(0); transform: scale(0) } .travel-like-heart-tiny { width: 40%; height: 40%; opacity: 0 } .travel-like-heart-tiny:nth-child(1) { top: 10%; left: 55%; -webkit-animation-delay: .15s; animation-delay: .15s } .travel-like-heart-tiny:nth-child(2) { top: -5%; left: 30%; -webkit-animation-delay: .25s; animation-delay: .25s } .travel-like-heart-tiny:nth-child(3) { top: -25%; left: 65%; -webkit-animation-delay: .32s; animation-delay: .32s } .travel-like-heart { top: 12%; right: 12%; bottom: 12%; left: 12% } .travel-like-heart.travel-like-heart-solid, .travel-like-heart.travel-like-heart-white { opacity: 0; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } .travel-like-heart.travel-like-heart-outline { -webkit-transition: opacity .1s; transition: opacity .1s; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } .travel-like input:checked + .travel-like-hearts:before { -webkit-animation: 1.2s e both; animation: 1.2s e both } .travel-like input:checked + .travel-like-hearts > .travel-like-heart-tiny { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-name: f; animation-name: f } .travel-like input:checked + .travel-like-hearts > .travel-like-heart.travel-like-heart-outline { opacity: 0 } .travel-like input:checked + .travel-like-hearts > .travel-like-heart.travel-like-heart-solid { -webkit-animation: 1.2s c both cubic-bezier(.445, .05, .55, .95); animation: 1.2s c both cubic-bezier(.445, .05, .55, .95) } .travel-like input:checked + .travel-like-hearts > .travel-like-heart.travel-like-heart-white { -webkit-animation: 1.2s d both; animation: 1.2s d both } @-webkit-keyframes c { 0.00% { -webkit-transform: translateZ(0) scale(0); transform: translateZ(0) scale(0); opacity: 1 } 14.68% { -webkit-transform: translateZ(0) scale(1.26); transform: translateZ(0) scale(1.26) } 31.75% { -webkit-transform: translateZ(0) scale(.94); transform: translateZ(0) scale(.94) } 48.81% { -webkit-transform: translateZ(0) scale(1.01); transform: translateZ(0) scale(1.01); opacity: 1 } 65.87% { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } 80% { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); opacity: 0 } to { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); opacity: 0 } } @keyframes c { 0.00% { -webkit-transform: translateZ(0) scale(0); transform: translateZ(0) scale(0); opacity: 1 } 14.68% { -webkit-transform: translateZ(0) scale(1.26); transform: translateZ(0) scale(1.26) } 31.75% { -webkit-transform: translateZ(0) scale(.94); transform: translateZ(0) scale(.94) } 48.81% { -webkit-transform: translateZ(0) scale(1.01); transform: translateZ(0) scale(1.01); opacity: 1 } 65.87% { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } 80% { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); opacity: 0 } to { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); opacity: 0 } } @-webkit-keyframes d { 48% { opacity: 0 } 49% { opacity: 1 } to { opacity: 1 } } @keyframes d { 48% { opacity: 0 } 49% { opacity: 1 } to { opacity: 1 } } @-webkit-keyframes e { 0% { -webkit-transform: translateZ(0) scale(0); transform: translateZ(0) scale(0); opacity: 0 } 30% { opacity: 1 } 40% { -webkit-transform: translateZ(0) scale(1.2); transform: translateZ(0) scale(1.2) } 50% { -webkit-transform: translateZ(0) scale(1.2); transform: translateZ(0) scale(1.2); opacity: 0 } to { -webkit-transform: translateZ(0) scale(1.2); transform: translateZ(0) scale(1.2); opacity: 0 } } @keyframes e { 0% { -webkit-transform: translateZ(0) scale(0); transform: translateZ(0) scale(0); opacity: 0 } 30% { opacity: 1 } 40% { -webkit-transform: translateZ(0) scale(1.2); transform: translateZ(0) scale(1.2) } 50% { -webkit-transform: translateZ(0) scale(1.2); transform: translateZ(0) scale(1.2); opacity: 0 } to { -webkit-transform: translateZ(0) scale(1.2); transform: translateZ(0) scale(1.2); opacity: 0 } } @-webkit-keyframes f { 0% { -webkit-transform: translate3d(-50%, 0, 0) scale(0); transform: translate3d(-50%, 0, 0) scale(0); opacity: 1 } to { -webkit-transform: translate3d(-50%, -100%, 0) scale(1); transform: translate3d(-50%, -100%, 0) scale(1); opacity: 0 } } @keyframes f { 0% { -webkit-transform: translate3d(-50%, 0, 0) scale(0); transform: translate3d(-50%, 0, 0) scale(0); opacity: 1 } to { -webkit-transform: translate3d(-50%, -100%, 0) scale(1); transform: translate3d(-50%, -100%, 0) scale(1); opacity: 0 } } :root .travel-popular .travel-results-result { -webkit-animation: none; animation: none } .travel-popular-tilt-left, .travel-popular-tilt-right { display: inline-block; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% calc(100% + 4rem); perspective-origin: 50% calc(100% + 4rem) } .travel-popular-tilt-left .travel-results-result { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg) } .travel-popular-tilt-right .travel-results-result { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotateY(15deg); transform: rotateY(15deg) } .travel-popular-tilt-left:before, .travel-popular-tilt-right:before { content: ""; display: block; position: absolute; top: 3rem; right: 3rem; bottom: 2rem; left: 3rem; box-shadow: 0 0 2.2rem 2.2rem rgba(50, 58, 67, .2) } .travel-popular-tilt-left:before { -webkit-transform-origin: 2rem calc(100% + 2rem); transform-origin: 2rem calc(100% + 2rem); -webkit-transform: translateY(.28rem) rotate(2.5deg); transform: translateY(.28rem) rotate(2.5deg) } .travel-popular-tilt-right:before { -webkit-transform-origin: calc(100% + 2rem) calc(100% + 2rem); transform-origin: calc(100% + 2rem) calc(100% + 2rem); -webkit-transform: translateY(.28rem) rotate(-2.5deg); transform: translateY(.28rem) rotate(-2.5deg) } .travel-results-result { -webkit-animation: a .4s ease-in-out both; animation: a .4s ease-in-out both; -webkit-animation-delay: .11s; animation-delay: .11s } .travel-results-result-link { border-radius: 4px } .travel-results-result-link amp-img { background-color: #e3e5e8; margin: auto; } .travel-results-result-text { color: #323a43 } .travel-results-result-subtext { color: #8f98a3 } .travel-results-result-stars { color: #e3e5e8 } .travel-results-result-stars.green { color: #47b074 } .travel-results-result-flags, .travel-results-result-like { pointer-events: none } .travel-results-result-flags > *, .travel-results-result-like > * { pointer-events: all } .travel-results-result-flags, .travel-results-result-like, .travel-results-result-link { -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s } .travel-results-result-link:focus, .travel-results-result:hover .travel-results-result-link { outline: none } .travel-results-result-link:focus, .travel-results-result-link:focus ~ .travel-results-result-flags, .travel-results-result-link:focus ~ .travel-results-result-like, .travel-results-result:hover .travel-results-result-flags, .travel-results-result:hover .travel-results-result-like, .travel-results-result:hover .travel-results-result-link { -webkit-transform: translateY(-.5rem); transform: translateY(-.5rem) } @-webkit-keyframes g { 0% { opacity: 0; -webkit-transform: translate3d(5vmax, 2vmax, 0) scale(1.1); transform: translate3d(5vmax, 2vmax, 0) scale(1.1) } 5% { opacity: 1 } 33% { opacity: 1 } 38% { opacity: 0; -webkit-transform: translate3d(0, -2vmax, 0) scale(1); transform: translate3d(0, -2vmax, 0) scale(1) } } @keyframes g { 0% { opacity: 0; -webkit-transform: translate3d(5vmax, 2vmax, 0) scale(1.1); transform: translate3d(5vmax, 2vmax, 0) scale(1.1) } 5% { opacity: 1 } 33% { opacity: 1 } 38% { opacity: 0; -webkit-transform: translate3d(0, -2vmax, 0) scale(1); transform: translate3d(0, -2vmax, 0) scale(1) } } @-webkit-keyframes h { 0% { opacity: 0; -webkit-transform: translate3d(-2vmax, 0, 0) scale(1); transform: translate3d(-2vmax, 0, 0) scale(1) } 5% { opacity: 1 } 33% { opacity: 1 } 38% { opacity: 0; -webkit-transform: translate3d(2vmax, -2vmax, 0) scale(1.1); transform: translate3d(2vmax, -2vmax, 0) scale(1.1) } } @keyframes h { 0% { opacity: 0; -webkit-transform: translate3d(-2vmax, 0, 0) scale(1); transform: translate3d(-2vmax, 0, 0) scale(1) } 5% { opacity: 1 } 33% { opacity: 1 } 38% { opacity: 0; -webkit-transform: translate3d(2vmax, -2vmax, 0) scale(1.1); transform: translate3d(2vmax, -2vmax, 0) scale(1.1) } } @-webkit-keyframes i { 0% { opacity: 0; -webkit-transform: translate3d(0, 2vmax, 0) scale(1); transform: translate3d(0, 2vmax, 0) scale(1) } 5% { opacity: 1 } 33% { opacity: 1 } 38% { opacity: 0; -webkit-transform: translateY(-2vmax) scale(1.1); transform: translateY(-2vmax) scale(1.1) } } @keyframes i { 0% { opacity: 0; -webkit-transform: translate3d(0, 2vmax, 0) scale(1); transform: translate3d(0, 2vmax, 0) scale(1) } 5% { opacity: 1 } 33% { opacity: 1 } 38% { opacity: 0; -webkit-transform: translateY(-2vmax) scale(1.1); transform: translateY(-2vmax) scale(1.1) } } .travel-hero { height: 100vmax } .travel-hero-bg { height: 70vmax; -webkit-animation: b .8s ease-out both; animation: b .8s ease-out both } .travel-hero-bg:after { content: ""; position: absolute; left: 0; right: 0; height: 95vmax; top: calc(70vmax - 300px); background-image: -webkit-linear-gradient(top, transparent, #323a43 300px); background-image: linear-gradient(180deg, transparent, #323a43 300px) } .travel-hero-bg-img { top: -5vmax; right: -5vmax; bottom: -5vmax; left: -5vmax; opacity: 0; background: #e3e5e8 } .travel-hero-bg-img img { -o-object-fit: cover; object-fit: cover } .travel-hero-bg-img:nth-child(3) img { -o-object-position: 80% 100%; object-position: 80% 100% } .travel-hero-bg-img:nth-child(1) { -webkit-animation: 18s g linear infinite; animation: 18s g linear infinite; background: url(/img/tanturizm/hero-4-preview.jpg) no-repeat 50% 50%; background-size: cover } .travel-hero-bg-img:nth-child(2) { -webkit-animation: 18s h linear 6s infinite; animation: 18s h linear 6s infinite; background: url(/img/tanturizm/hero-2-preview.jpg) no-repeat 50% 50%; background-size: cover } .travel-hero-bg-img:nth-child(3) { -webkit-animation: 18s i linear 12s infinite; animation: 18s i linear 12s infinite; background: url(/img/tanturizm/hero-3-preview.jpg) no-repeat 50% 50%; background-size: cover } .travel-hero-content { padding-top: 86px; height: calc(100vmax - 70px) } .travel-hero-search-dates { color: #fff } .travel-hero-heading { color: #fff; font-size: 3.75rem; font-weight: 700; letter-spacing: normal; -webkit-animation: a .4s .2s ease-in-out both; animation: a .4s .2s ease-in-out both; float:right; text-shadow: 2px 2px 3px rgba(0,0,0,0.5); } .travel-hero-subheading { color: #fff; font-size: 18px; letter-spacing: normal; -webkit-animation: a .4s .25s ease-in-out both; animation: a .4s .25s ease-in-out both } .travel-hero-search .travel-input-icon { -webkit-animation: a .4s .3s ease-in-out both; animation: a .4s .3s ease-in-out both; margin-bottom: 10px; } .travel-hero-search-dates { -webkit-animation: a .4s .35s ease-in-out both; animation: a .4s .35s ease-in-out both } .travel-hero-search .ampstart-btn { font-size: 1.25rem; background-color: #8b58e3; -webkit-animation: a .4s .4s ease-in-out both; animation: a .4s .4s ease-in-out both } .travel-hero-discover { color: #8f98a3; cursor: pointer; -webkit-animation: a .4s .45s ease-in-out both; animation: a .4s .45s ease-in-out both } .travel-hero-discover svg { display: block; margin: 0 auto } .travel-angles { -webkit-animation: a .4s .5s ease-in-out both; animation: a .4s .5s ease-in-out both } .travel-discover { -webkit-animation: a .4s .55s ease-in-out both; animation: a .4s .55s ease-in-out both } .travel-activities { -webkit-animation: a .4s .6s ease-in-out both; animation: a .4s .6s ease-in-out both } @media (min-width: 52.06rem) { .travel-hero { z-index: 1; height: auto } .travel-hero-bg, .travel-hero-content { position: relative; height: auto } .travel-hero-content { padding-top: calc(86px + 56px); padding-bottom: 3rem } .travel-hero-heading { font-size: 4.6rem } .travel-hero-subheading { font-size: 1.5rem } .travel-hero-search { margin-top: 4.25rem; max-width: 530px } .travel-hero-search .travel-input { color: inherit; background-color: #fff; border-color: transparent } .travel-hero-search .travel-input-clear + .travel-icon { color: inherit } .travel-hero .ampstart-btn { display: inline-block; width: auto } .travel-hero-search-dates { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #323a43 } .travel-hero-search-dates .travel-date-input { -webkit-box-flex: 0; -ms-flex: none; flex: none } } @media (min-width: 40.06rem) { .travel-header .travel-icon-logo { margin: inherit } } .travel-footer { background-color: #fff } .travel-footer amp-img { background-color: #e3e5e8 } .travel-footer .link.gray:focus { border-bottom: .125rem solid hsla(0, 0%, 100%, .25) } .travel-footer-angle-block { left: 50% } .travel-footer-right-column .blue { color: #3682ec } .travel-footer-input-bg { top: 50%; bottom: -1px } .travel-footer-angle { width: 200vw; bottom: 100%; height: 800px; -webkit-transform: translate(-25%, 50px) rotate(20deg); transform: translate(-25%, 50px) rotate(20deg); background-color: #dce6ea; opacity: .2 } .travel-footer-angle-block { left: 50%; background: #fff } .travel-newsletter-signup { background-color: #fff } .travel-footer .bg-black { background-color: #323a43 } .travel-footer .gray { color: #8f98a3 } .travel-footer-wrapper { background-color: #fff } @media (min-width: 52.06rem) { .travel-newsletter-signup { background-color: transparent; position: absolute; top: 4rem; padding-left: 4rem; left: 50% } .travel-newsletter-signup .blue { font-size: 2rem; color: #323a43 } .travel-footer-input-bg { position: absolute; top: 50%; bottom: -1px } .travel-footer .travel-input-group { box-shadow: none } .travel-footer .travel-input-group > button { border-color: #e3e5e8; border-top-style: solid; border-left-width: 0 } .travel-footer .travel-input-group > .travel-input { border-color: #e3e5e8 } } .travel-featured-heading { letter-spacing: none } .travel-featured-grid, .travel-featured-tile { margin: 2px } .travel-featured-tile-heading { letter-spacing: .1em } .travel-featured-tile:focus, .travel-featured-tile:hover { z-index: 1 } .travel-featured-tile amp-img { -webkit-transition: box-shadow .5s ease-out, -webkit-transform .5s ease-out; transition: box-shadow .5s ease-out, -webkit-transform .5s ease-out; transition: transform .5s ease-out, box-shadow .5s ease-out; transition: transform .5s ease-out, box-shadow .5s ease-out, -webkit-transform .5s ease-out } .travel-featured-tile img { -webkit-transition: -webkit-transform 2s ease-out; transition: -webkit-transform 2s ease-out; transition: transform 2s ease-out; transition: transform 2s ease-out, -webkit-transform 2s ease-out; -webkit-transform-origin: 50% 66%; transform-origin: 50% 66% } .travel-featured-tile:focus amp-img, .travel-featured-tile:hover amp-img { box-shadow: 0 .6rem 2rem rgba(50, 58, 67, .4); -webkit-transform: scale(1.05); transform: scale(1.05) } .travel-featured-tile:focus img, .travel-featured-tile:hover img { -webkit-transform: scale(1.3); transform: scale(1.3) } .travel-featured-tile .travel-featured-overlay { color: #fff; -webkit-transition: -webkit-transform 2s ease-out; transition: -webkit-transform 2s ease-out; transition: transform 2s ease-out; transition: transform 2s ease-out, -webkit-transform 2s ease-out } .travel-featured-tile:hover .travel-featured-overlay { -webkit-transform: translateY(1rem); transform: translateY(1rem) } .travel-featured-tile amp-img:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; padding-bottom: 75%; opacity: .9; background-image: -webkit-linear-gradient(top, currentColor, transparent); background-image: linear-gradient(180deg, currentColor 0, transparent) } @media (min-width: 40.06rem) { .travel-featured-grid, .travel-featured-tile { margin: 4px } } @media (min-width: 52.06rem) { .travel-featured:after { content: ""; position: absolute; width: 100%; z-index: -1; bottom: 0; left: 0; right: 0; height: 112px; margin-bottom: -8px; background-color: #8b58e3 } .travel-featured-grid, .travel-featured-tile { margin: 6px } } @media (min-width: 72.06rem) { .travel-featured-grid, .travel-featured-tile { margin: 8px } } .travel-featured-color-blue, .travel-featured-color-blue:visited { color: #1b65d6 } .travel-featured-color-cyan, .travel-featured-color-cyan:visited { color: #91b2c0 } .travel-featured-color-orange, .travel-featured-color-orange:visited { color: #e2a367 } .travel-featured-color-purple, .travel-featured-color-purple:visited { color: #281a5f } .travel-featured-color-cornflower, .travel-featured-color-cornflower:visited { color: #477bad } .travel-featured-color-teal, .travel-featured-color-teal:visited { color: #13a3c4 } .travel-search { background-color: #8b58e3 } .travel-search-heading { color: #fff } .travel-search .travel-link { background-color: #fff } /*me*/ .call-to-action { font-size: 1.25em; background: #fff; color: #8b58e3; } div[role=alert] { background: #fff; padding: 10px; margin: 5px 0; } .success-message { color: #13a821; } .error-message { color: #a81f2c; } .call-fixed svg.mobile { margin: auto; width: 40px; display: block; -webkit-filter: drop-shadow(5px 5px 7px rgba(0,0,0,0.5)); filter: drop-shadow(5px 5px 7px rgba(0,0,0,0.5)); } .call-fixed { position: fixed; bottom: 0; background: #8b58e3; padding: 30px; width: 100%; z-index: 9999999; } .desktop-caller { text-align: -webkit-center; text-align: center; height: 55px; } span.desktop-bottom-number { font-size: 25px; padding: 5px; vertical-align: top; color: #03bafe; } [for=form_secondary_phone]{ display:none; }
Tan Turizm
Düğün için
Otobüs Kiralama
Her Gün Yaklaşık 700 Yolcu
Bizimle güven içinde seyahat ediyor.