html {
scroll-behavior: smooth;
}
/*------bu indexte de var listing-single da da var ---------*/
.listing-horizontal{
border-radius: 10px;
}
.listing-horizontal img{
border-radius: 10px 0 0 10px ;
}
.read-more a {
position: relative;
padding-right: 10px;
font-size: 13px;
font-weight: 700;
color: #ffb90f;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.read-more .fa {
position: absolute;
font-size: 14px;
top: 2px;
left: 0;
width: 100%;
height: 100%;
background: #fff;
transition: all .35s;
}
.listing-horizontal:hover .read-more .fa {
left: 100%;
}
.border-primary h2{
color: #ffb90f !important;
}
/*--------------------*/
/*------------------Price List-----------------*/
.tab{
margin-top: 100px;
}
.tab .nav-tabs{
border-bottom:0 none;
margin-top: 20px;
}
.tab .nav-tabs li a {
font-size:14px;
color:#fff;
margin-right:0;
padding:10px 45px;
border-radius:0;
overflow: hidden;
background:#ffee01;
text-transform:uppercase;
box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}
.tab .nav-tabs li:first-child a{
border-top-left-radius:8px;
}
.tab .nav-tabs li:last-child a{
border-top-right-radius:8px;
}
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover,
.tab .nav-tabs li.active a{
background:#545f60;
color:#fff;
margin-top: -19px;
padding:20px 45px;
border:1px solid #545f60;
}
.tab .tab-content{
color:#fff;
padding: 25px 20px;
background:#545f60;
border-radius: 0 0 8px 8px;
box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 650px){
.tab .nav-tabs li{ width:100%; }
.tab .nav-tabs li a{
margin:0;
padding:20px 45px;
box-shadow: -2px -1px 25px 2px rgba(0, 0, 0, 0.4);
}
.tab .nav-tabs li:first-child a,
.tab .nav-tabs li:last-child a{
border-radius: 0;
}
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover,
.tab .nav-tabs li.active a{
margin:0;
}
}
/*------------------price list----------------------*/
/************* SCROLL ************/
.demo h1 {
position: absolute;
bottom: 30%;
left: 50%;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font : normal 300 20px/1 'Josefin Sans', sans-serif;
text-align: center;
white-space: nowrap;
}
.demo a {
position: absolute;
bottom: 10px;
left: 49%;
z-index: 992;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
font : normal 400 20px/1 ;
letter-spacing: .1em;
text-decoration: none;
transition: opacity .3s;
}
.demo a:hover {
opacity: .5;
}
#section07 a {
padding-top: 80px;
}
#section07 a span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb07 2s infinite;
animation: sdb07 2s infinite;
opacity: 0;
box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
top: 16px;
-webkit-animation-delay: .15s;
animation-delay: .15s;
}
#section07 a span:nth-of-type(3) {
top: 32px;
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes sdb07 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media (max-width:710px){
.demo a{
left: 51%;
}
}
/********* SCROLL *******/
/*listing-single icin*/
.text-primary {
color: #dacd1c !important;
}
.listing-horizontal h3 a{
color: #ffb90f !important;
}
/*listing-single icin*/
/*****price table ******/
.fiyat-tablosu {
width:100%;
max-width:1000px;
margin-top: 100px;
margin-bottom: 100px;
position:relative;
}
.fiyat-tablosu ul {
display:flex;
top:0px;
z-index:10;
padding-bottom:14px;
}
.fiyat-tablosu li {
list-style:none;
flex:1;
}
.fiyat-tablosu li:last-child {
border-right:1px solid #DDD;
}
.fiyat-tablosu button {
width:100%;
border: 1px solid #DDD;
border-right:0;
border-top:0;
padding: 10px;
background:#FFF;
font-size:14px;
font-weight:bold;
height:60px;
color:#999
}
.fiyat-tablosu li.active button {
background:#F5F5F5;
color:#000;
}
.fiyat-tablosu table { border-collapse:collapse; table-layout:fixed; width:100%; }
.fiyat-tablosu th { background:#F5F5F5; display:none; }
.fiyat-tablosu td,
.fiyat-tablosu th {
height:53px
}
td,th { border:1px solid #DDD; padding:10px; empty-cells:show; }
td,th {
text-align:left;
font-size: 14px;
}
td+td, th+th {
text-align:center;
display:none;
}
td.default {
display:table-cell;
}
.fiyat-tablosu .bg-purple {
border-top:3px solid #817f7b;
}
.fiyat-tablosu .bg-blue {
border-top:3px solid #ffb90f;
}
.fiyat-tablosu .sep {
background:#F5F5F5;
font-weight:bold;
}
.fiyat-tablosu .txt-l { font-size:24px; font-weight:500; }
.fiyat-tablosu .txt-top { position:relative; top:-9px; left:-2px; }
.fiyat-tablosu .tick { font-size:22px; color:#ffb90f !important; }
.fiyat-tablosu .hide {
border:0;
background:none;
}
:root {
--borderWidth: 6px;
--height: 25px;
--width: 15px;
--borderColor: #ffb90f;
}
.check {
text-align: center;
display: inline-block;
transform: rotate(45deg);
height: var(--height);
width: var(--width);
border-bottom: var(--borderWidth) solid var(--borderColor);
border-right: var(--borderWidth) solid var(--borderColor);
}
@media (min-width: 640px) {
.fiyat-tablosu ul {
display:none;
}
.fiyat-tablosu td,
.fiyat-tablosu th {
display:table-cell !important;
}
.fiyat-tablosu td,
.fiyat-tablosu th {
width: 430px; /*soldaki sütunun genişliği*/
}
.fiyat-tablosu td+td,
.fiyat-tablosu th+th {
width: auto;
}
}/*****price table ******/
.btn-primary{
background-color: #ffb90f !important;
border: 1px solid #ffb90f ;
}
.bg-light{
background-color: #f8f9faf1!important;
}
.footer-item{
margin-bottom: 30px;
}
.footer-item .footer-heading{
margin-bottom: 10px;
}
.footer-item img{
max-width: 300px;
}
@media(max-width:600px){
.footer-item{
width:100%;
}
.hizli-link{
display: none;
}
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.yan-bar {
position: sticky;
top:10px;
padding: 25px;
margin-left: 25px;
border: 1px solid #ebebeb;
height: 80%;
}
.yan-bar a{
color: rgb(99, 99, 99);
}
.yan-bar a:hover {
transition: none;
color: #ffb90f;
}
@media screen and (max-width: 992px){
.yan-bar {
margin-left: 0;
display: none;
}
}
@media screen and (max-width: 692px){
.yan-bar {
display: none;
}
}
/*
# Categories
--------------------------------*/
.cat-links {
margin-top: 50px;
}
.cat-links h2 {
margin-bottom: 16px;
font-size: 24px;
font-weight: 400;
}
.cat-links ul {
list-style: none;
}
.cat-links ul li {
position: relative;
padding: 6px 0 9px 24px;
}
.cat-links ul li::before {
content: '\f054';
position: absolute;
top: 8px;
left: 0;
width: 8px;
height: 100%;
font-size: 14px;
font-family: 'FontAwesome';
color: #c0c1cd;;
}
.cat-links ul li:hover::before {
color: #ffb90f;
}
.cat-links ul li a {
text-decoration: none;
}
/*
# popular tags
--------------------------------*/
.popular-tags {
margin-top: 50px;
}
.popular-tags h2 {
margin-bottom: 16px;
font-size: 24px;
font-weight: 400;
}
.popular-tags ul {
list-style: none;
padding: 0ex;
}
.popular-tags li{
display: inline-block;
}
.popular-tags li a {
display: inline-block;
padding: 8px 14px;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid #ebebeb;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
color: #595959;
text-decoration: none;
}
.popular-tags li a:hover {
color: #383749;
}
.instaimg img {margin-bottom:30px;}
.instaimg img:hover {
opacity:0.8;
-moz-opacity:0.8;
-webkit-opacity:0.8;
}
/*
# Gallery
--------------------------------*/
.home-gallery {
overflow: hidden;
}
.gallery-wrap {
margin-right: -5px;
margin-left: -5px;
}
.gallery-grid {
margin: 5px;
overflow: hidden;
}
.gallery-grid img {
display: block;
max-width: 100%
}
.gallery-grid1x1 {
width: calc(100% / 8 - 10px);
}
.gallery-grid2x1,
.gallery-grid2x2 {
width: calc(100% / 4 - 10px);
margin-bottom: 6px;
}
.gallery-grid2x2 {
width: calc(100% / 4 - 10px);
margin-bottom: 7px;
}
@media screen and (max-width: 1200px) {
.gallery-grid1x1 {
width: calc(100% / 4 - 10px);
}
.gallery-grid2x1,
.gallery-grid2x2 {
width: calc(100% / 2 - 10px);
}
.gallery-grid2x2 {
width: calc(100% / 2 - 10px);
}
}
@media screen and (max-width: 576px) {
.gallery-grid1x1 {
width: calc(100% / 2 - 10px);
}
.gallery-grid2x1,
.gallery-grid2x2 {
width: calc(100% / 1- 10px);
margin-bottom: 6px;
}
.gallery-grid2x2 {
width: calc(100% / 1 - 10px);
margin-bottom: 7px;
}
}
.etkinlik img{
max-width: 350px;
}
@media(max-width:600px){
.etkinlik img{
max-width: 100%;
}
}
/*--------------STİCKY WHATSAPP FALAN-----------------*/
/*-----------------------------------*/
.yapiskan
{
position: sticky;
display: block;
height: 70px;
bottom: 5%;
z-index: 99;
}
.yapiskan .sticky-whatsapp{
position: -webkit-sticky;
position: sticky;
display: inline-block;
left: 90%;
}
.yapiskan .sticky-phone{
display: none;
}
.yapiskan .mobil-wp{
display: none;
}
@media (max-width:700px){
.yapiskan{
background-color: #fff;
bottom:0px;
}
.yapiskan .sticky-phone{
position: -webkit-sticky;
position: absolute;
display: inline-block;
width: 30%;
border-right: #c6adb8 solid 1px;
bottom: 7px;
left: 20%; /*width ile left toplamı %50 olmalı*/
}
.yapiskan .sticky-phone i {
font-size: 40px;
color: rgb(0, 255, 0);
}
.yapiskan .mobil-wp {
position: -webkit-sticky;
position: absolute;
display: inline-block;
bottom: 7px;
left: 73%;
}
.yapiskan .mobil-wp i {
color: #01e675;
font-size: 45px;
}
.yapiskan .sticky-whatsapp{
display: none;
}
}
/*-----------------------------------*/
/*--------------STİCKY WHATSAPP FALAN-----------------*/
.vertical-tab{
display: table;
margin-top: 50px;
}
.vertical-tab .nav-tabs{
display: table-cell;
width: 30%;
min-width: 28%;
vertical-align: top;
border: none;
}
.vertical-tab .nav-tabs li{
float: none;
vertical-align: top;
}
.vertical-tab .nav-tabs li a{
color: #555;
background: #fff;
font-size: 15px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
padding: 13px 30px 10px;
margin: 0 9px 9px 0;
border-radius: 0;
border: none;
border-bottom: 2px solid rgba(0,0,0,0.15);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
display: block;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.3s ease 0.1s;
}
.vertical-tab .nav-tabs li a:focus,
.vertical-tab .nav-tabs li.active a:focus,
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a:hover{
color: rgb(63, 51, 21);
background: #fff;
border: none;
border-bottom: 2px solid #ffb90f; /*alt çizgi rengi*/
border-radius: 10px 0 0 0;
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
content: '';
background: #fff;
height: 100%;
width: 3px;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:after{
opacity: 0;
left: auto;
right: 25px;
transition: all 0.3s ease-in 0.2s;
}
.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li.active a:hover:before{
width: 50%;
opacity: 0;
}
.vertical-tab .nav-tabs li a:hover:after,
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li.active a:hover:after{
opacity: 1;
right: 0
}
.vertical-tab .tab-content{
color: #555;
background: #fff;
font-size: 14px;
letter-spacing: 0.5px;
line-height: 25px;
padding: 20px 20px 10px;
margin-top: 10px;
border-right: 3px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
display: table-cell;
position: relative;
}
.vertical-tab .tab-content h3{
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 7px 0;
}
.vertical-tab .tab-content p span::before{
content: '\f105';
font-family: 'FontAwesome';
font-size: 17px;
font-weight: 600 ;
}
@media only screen and (max-width: 479px){
.vertical-tab .nav-tabs{
width: 100%;
display: block;
border: none;
}
.vertical-tab .nav-tabs li a{ margin: 0 0 10px; }
.vertical-tab .tab-content{
padding: 25px 20px;
display: block;
}
.vertical-tab .tab-content h3{ font-size: 18px; }
}
/*pakete gelicek ekler*/
.ek-paket{
margin-top: 40px;
margin-bottom: 70px;
padding: 20px;
border-right: 3px solid rgb(218, 213, 213);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.ek-paket .img-unit h3{
padding-left: 60px;
font-size: 18px;
font-weight: 600;
}
.ek-paket .img-unit p{
padding-left: 60px;
font-size: 13px;
}
.ek-paket .img-unit img{
margin-right: 10px;
position: relative;
top:50px;
color: black;
}
/**/
.paketlerimiz h4{
padding: 0 40px;
margin-top: 40px;
}
.pricingTable{
text-align: center;
border-radius: 8px;
overflow: hidden;
margin-top: 60px;
border-right: 3px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.pricingTable .pricingTable-header{
background: #fff;
}
.pricingTable .heading{
display: block;
padding: 15px 0;
}
.pricingTable .heading:after {
content: "";
width: 28%;
border-top: 1px solid #7c888f;
display: block;
margin: 15px auto 0;
}
.pricingTable .heading h3{
font-size: 24px;
color: #ffb90f;
text-transform: uppercase;
margin:0;
letter-spacing: 2px;
}
.pricingTable .price-value{
font-size: 50px;
color:#eea804;
padding: 10px 0 30px 0;
display: block;
}
.pricingTable .month{
display: block;
font-size: 16px;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-top: 15px;
color: #7f909a;
}
.pricingTable .btn{
color: #ffb90f;
display: block;
font-size: 22px;
background: rgb(70, 61, 61);
border: none;
border-radius: 0;
padding: 20px 0;
text-transform: uppercase;
letter-spacing: 1px;
}
@media screen and (max-width: 990px){
.pricingTable{
margin-bottom: 20px;
}
}
.accordion-item{
display: block;
width: 100%;
}
@media (min-width:600px){
.accordion-item::after{
position: absolute;
right: 30px;
content: '\f067';
font-family: 'FontAwesome';
}
}
.referanslar img{
max-height: 50px;
}