:root{
	--style-color :#1996D3;
	--style-color-ligth :#52B9E9;
	--style-color-dark :#157CAC;
	--style-color-trans :#28789ceb;
	--style-color-anti :#FFFFFF;
}

body{font-size:1.15em}

/*body{font-size:1.2rem !important;}*/
.space{overflow-x:hidden;}
/* Menü Tasarım */
.header-position-absolute {position: absolute;z-index: 10;top: 0px;}
.menu-position-fixed { position: fixed;z-index: 10;}
.nav-menu{padding: 1.5rem 0rem !important;}
.logo-box-0{margin:0px !important; transition: all ease-in-out .5s;}
.logo-box-0::before{/*transform: skewX(-90deg)!important;*/ transition: all ease-in-out .1s; opacity:0;}
.logo-box{margin-top:-50px; transition: all ease-in-out .5s;}
.logo-box::before{position: absolute;content: '';right: -20px;top: 0px;height: 100%;width: 10000%; background-color: #ffffff;-ms-transform: skewX(-25deg);
-webkit-transform: skewX(-25deg);transform: skewX(-25deg); border-right: 5px solid var(--style-color); transition:all ease-in-out .1s;}
.logo-scroll{top:10px; width:80%}
.logo-s{top:0px !important; width: 90px !important; transition: all ease-in-out .3s;}
.menu-bar{padding: .3rem .75rem !important; color:var(--style-color) !important; border-color:var(--style-color) !important; margin-top:-5px;}
.menu-bg-color{background-color: var(--white);}
/* Menü Tasarım */

/*Footer Alanı*/

.alt-bg{background-color: var(--style-color);}
.alt-bg-dark{background-color: var(--style-color-dark);}
/*Footer Alanı*/

.button-bg{background: linear-gradient(to right, var(--style-color),  var(--style-color-ligth))}
.button-bg:hover{opacity:.9}


.share{cursor:pointer; top: calc(50vh - 23px);right: 0px;background: white; padding: 5px 10px;font-size: 24px;z-index: 10; border-radius: 10px 0px 0px 10px;}
.share:hover{border-radius: 0px;}
.share:hover .share-buttons{display: block; opacity: 1; transition:opacity ease-in-out .5s;}

.share-buttons{display:none; position: absolute;background: white;padding: 10px;border-radius: 10px; z-index: 11;top: -50px;left: -50px; width:50px; box-shadow: }
.share-buttons>a{font-size: 24px;}
.face:hover{color:#4867AA !important;}
.tweet:hover{color:#00ACED !important;}
.youtube:hover{color:#DC493C !important;}
.whatsapp:hover{color:#00D721 !important;}




.bg-oda-image{border-image-repeat: repeat; background-image: url('../upload/images/Karisik/repeat.png');}


.border-style{border: 5px solid var(--style-color);}

.text-custom{color:var(--style-color) !important;}
.text-custom:hover{opacity:0.8;}

.btn-outline-custom{background:transparent; color:var(--style-color-anti); border:1px solid var(--style-color-anti); font-size: 1rem !important;}
.btn-outline-custom:hover{background:var(--style-color-trans); color:var(--style-color-anti); border:1px solid var(--style-color-anti); }

.btn-outline-custom-dark{background:transparent; color:var(--style-color); border:1px solid var(--style-color); font-size: 1rem !important;}
.btn-outline-custom-dark:hover{background:var(--style-color); color:var(--style-color-anti); border:1px solid var(--style-color-dark); }


.btn.focus,.btn:focus{box-shadow: none !important;}

.container{max-width: 1366px !important;}
.butonlar-bg{background-image: linear-gradient(to top, rgba(52, 58, 64, 0.58), rgb(52,58,64));}

.footer li{background-color:transparent !important;}
.footer li a{transition:all ease-in-out .3s;}
.footer li a:hover{padding-left:5px !important; transition:all ease-in-out .3s;}

.border-mavi{border-bottom:.3rem solid #42639E;}
.img-modal{background-color: transparent !important; border: none !important; }
.img-modal>.modal-header{border-bottom: none !important}
#example1 {overflow:hidden;position: relative}

.karartma{width: 100%;height: 100%;background-color: #00000040;position: absolute;left: 0;top: 0; z-index: -1;}

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

/*Slider Düzenleme*/
.slide-note{position: absolute;z-index: 3;top: 0px;left: 0px;width: 100%;height: 100%;}
.slide-note-container{height: 100%;}
.slide-button{background-color: #fff; color:#ccc;}
.slide-black-back{position: absolute; width: 100%; height: 100%; top:0px; left:0px; z-index: 2; background-color: #000; opacity: 0.4;}
.sp-layer{position: relative !important;}
.slide-text {height: 113px; overflow:hidden;}
.sp-buttons{position: absolute !important;bottom:10px;}
.sp-button{border: none !important;width: 30px !important;height: 25px!important;border-radius: 0px !important;padding: 10px 5px;margin: 0px !important;}
.sp-button>span{width: 20px;height: 5px;background-color: #ffffff60;display: block; transition:all ease-in-out .5s;}
.sp-selected-button>span{background-color: #fff !important;}
.sp-selected-button{background-color: transparent !important;}
/*Slider Düzenleme*/
.card-ortala {position: relative; top:-4px;}
.harita {position: relative;}
.harita-buton {position:absolute; bottom:18px; right:66px;}
.harita-buton .fa {padding:15px; margin:5px; background:#FFFFFF; border-radius:10px; float:right; opacity:.9; cursor:pointer;}
.portal-form input {padding-top:15px; padding-bottom:15px; height:100%}
.portal-form textarea {height:150px;}
.g-recaptcha {transform-origin: left top;-webkit-transform-origin: left top;}
.googleguv{max-width: 150px; height: 54px; overflow: hidden; border:0px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px}
.guvbuton{position:absolute; width:calc(100% - 170px); top:0px; right:0px; padding:13px !important;}
.rezbuton{position:absolute; width:calc(100% - 170px); top:0px; right:5px; padding:13px !important;}
.uyari {border-color: red; background: #ff00001a;}

.custom-galeri{position: relative;}
.custom-galeri img{ transition:transform ease-in-out .5s;}
.custom-galeri:hover img{transform: scale(1.15,1.15); transition:transform ease-in-out .5s;}


/*Custom Galeri Eksikler*/
.custom-galeri{overflow:hidden;position: relative; }



/**/
.custom-galeri-etkinlik{height: 250px; overflow:hidden;position: relative; }
.custom-galeri-kategori{overflow:hidden;position: relative;}
.custom-galeri-vitrin{overflow:hidden;position: relative;}
.custom-page-galeri img, .custom-galeri-etkinlik a img, .custom-galeri-vitrin a img{width: 100%; height: 100%; object-fit: cover;}
.custom-galeri img,.custom-galeri-kategori a img{width: 100%; height: 100%; object-fit: contain;}
.body-vitrin{overflow: hidden; height: 120px;}
.listeleme{overflow: hidden; height: 80px;}
.body-urun-baslik{overflow: hidden; height: 40px; overflow: hidden;}
.akat1,.akat2,.akat3{position: relative;}
.akat1:hover,.akat2:hover,.akat3:hover,akat4:hover{background-image:linear-gradient(to right,#FFFFFF,#D8F4F7,#FFFFFF)}
.menu-icon{position: absolute; top: 13px; left: 0px;}






.kapali{display:none;}
.rform-baslik{padding: 5rem 0rem;box-sizing: border-box;text-align: right;color: #fff;font-size: xx-large;}
.odaimage{height: 400px;}
.text-shadow{text-shadow: 1px 1px 2px #000;}
.ssicon{font-size: 24px}


.turizm-card{position:relative; overflow: hidden; border:2px solid #fef1cc66;}
.turizm-a{position: absolute; top:0px; left:0px; width:100%; height:100%;z-index:2; background-image: linear-gradient(to bottom, rgba(255,0,0,0), #0000009e);}
.turizm-baslik{position: absolute; bottom:10px; left: 10px; z-index:3;}
.turizm-img{object-fit: cover; width: 100%; height: 100%; transition:transform ease-in-out .5s !important;}
.turizm-card:hover img{transform: scale(1.2,1.2) rotate(8deg);  transition:transform ease-in-out .5s !important;}






#tarihdiv{width:300px; position:absolute; background:#fff; z-index:10; top:0px; box-shadow:1px 1px 4px #666;}
#tarihdivb{width:300px; position:absolute; background:#fff; z-index:10; top:0px; box-shadow:1px 1px 4px #666;}
.sifirla,.sifirla1,.sifirla2,.sifirla3,.sifirla4:hover{cursor:pointer;}
.tayyil {margin:0px; padding:0px; list-style:none; width:100%; height:auto; text-align:center; position:relative; font-weight:bold;}
.tayyil li#yonce{width:10%; hight:50px; float:left; line-height:50px; text-align:center; font-weight:bold;}
.tayyil li#yonce a{font-size:20px; display:block; text-decoration:none; color:#000; transition:all .1s ease-in-out;}
.tayyil li#yonce a:hover{text-shadow:1px 0px 2px #333; color:#fff; background-color:#4E4E4E;}
.tayyil li#tonce{width:10%; hight:50px; float:left; line-height:50px; text-align:center; font-weight:bold;}
.tayyil li#tonce a{font-size:20px; display:block; text-decoration:none; color:#000; transition:all .1s ease-in-out;}
.tayyil li#tonce a:hover{text-shadow:1px 0px 2px #333; color:#fff;background-color:#4E4E4E;}
.tayyil li#tbaslik{width:60%; hight:50px; float:left; color:#333; line-height:50px; text-align:center; font-weight:bold;}
.tayyil li#tsonra{width:10%; hight:50px; float:left; line-height:50px; text-align:center; font-weight:bold;}
.tayyil li#tsonra a{font-size:20px; display:block; text-decoration:none; color:#000; transition:all .1s ease-in-out;}
.tayyil li#tsonra a:hover{text-shadow:-1px 0px 2px #333; color:#fff; background-color:#4E4E4E;}
.tayyil li#ysonra{width:10%; hight:50px; float:left; line-height:50px; text-align:center;}
.tayyil li#ysonra a{font-size:20px; display:block; text-decoration:none; color:#000; transition:all .1s ease-in-out;}
.tayyil li#ysonra a:hover{text-shadow:-1px 0px 2px #333; color:#fff; background-color:#4E4E4E;}
.tayyil li#gunisim{width:14.28%; height:48px; float:left;line-height:48px; text-align:center; font-weight:bold;margin-top:5px;}
.tayyil li#tgunler{width:14.28%; height:48px; float:left; line-height:48px; text-align:center; font-weight:bold; position:relative;}
.tayyil li.bosluk{color:#C3C3C3 !important;}
.tayyil li.bugun a, .tayyil li.bugun a{text-decoration:none; font-weight:bold; color:#fff; background-color:#5B5959; display:block; transition:all .1s ease-in-out;}
.tayyil li.bugun a:hover{color:#FFF; background-color:#4E4E4E;}
.tayyil li.normal a{text-decoration:none; font-weight:bold; color:#666; display:block;}
.tayyil li.normal a:hover{color:#fff; background-color:#4E4E4E;}


/*Owl Düzenleme*/
.owl-theme .owl-dots .owl-dot span{background:var(--style-color-ligth) !important; width: 12px; height: 12px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: var(--style-color-dark) !important;}
.owl-item{padding:25px 15px !important;}
.altmenu{transition:ease-in-out .2s;}
.altmenu:hover,.altmenu:focus{background:none !important; padding-left: 1.8rem !important; }
.owl-prev{left:-30px;}
.owl-next{right:-30px}
.owl-prev,.owl-next{position: absolute; top:90px;}
.owl-prev:focus,.owl-next:focus,.owl-prev:hover,.owl-next:hover{outline:none !important; background:transparent !important;}
.owl-prev span,.owl-next span{font-size: 70px; color: #35AFC6; opacity: .6}
.breadcrumb-item,.breadcrumb-item::before{content:">" !important;}
.breadcrumb{background-color: transparent !important;}
.manset-resim img{width: 100%; height: 100%; object-fit: cover;}
.urun-foto img {width:100%; height:100%; object-fit:contain;}
.urun-foto img:hover{cursor: pointer;}


/*Owl Düzenleme*/

@media (max-width: 575.98px) {
	/* Menu Tasarım */

	.menu-position {position: sticky;position:-webkit-sticky;z-index: 1020;top: 0px;}
	.anamenu{width: 100%;box-shadow: none !important;}
	.navbar-menu-ul .nav-item{text-align: left !important; margin-left: 0rem!important;}
	.navbar-brand img{height: 37px !important; margin-top:-7px;}
	.navbar-brand {margin-right: 5px !important;}
	.acilir-menu{position: absolute; top:0px;}
	.nav-menu{padding: 1rem 1rem !important;}
	.menu-liste{display: none;}
	.menu-border{border-bottom: 2px solid var(--style-color)}
	.sub-menu-bg-color{background-color:var(--style-color);}	

	/* Menu Tasarım */


	.harita-iletisim{height: 250px;}
	.owl-prev,.owl-next{display: none !important;}
	.custom-galeri-kategori{height: 200px;}
	.urun-foto,.manset-resim{height:200px; position: relative;}
	.custom-page-galeri,.custom-galeri{height: 70px;}
	.custom-galeri-vitrin{height: 270px}
	.odaimage{height: 200px !important;}
	.turizm-card{height: 220px}
	.turizm-banner{height: 200px}
	.page-banner{height: 250px;}

	.slide-note-container h1{font-size:2.3em !important;}
 	.slide-note-container h2{font-size:1.25rem !important; line-height: 1.2; font-weight: 300 !important;}
 	.h-xs-100{height: 100% !important;}
	.h-xs-75{height: 75% !important;}
	.h-xs-50{height: 50% !important;}
	.h-xs-25{height: 25% !important;}
	.h-slide{font-size: 1.8rem;}
}


@media (min-width: 576px) and (max-width: 767.98px) {
	/* Menu Tasarım */

	.menu-position {position: sticky; position:-webkit-sticky; z-index: 1020;top: 0px;}
	.anamenu{width: 100%;box-shadow: none !important;}
	.navbar-menu-ul .nav-item{text-align: left !important; margin-left: 0rem!important;}
	.navbar-brand img{height: 50px !important; margin-top:-7px;}
	.nav-menu{padding: 1rem 1rem !important;}
	.menu-liste{display: none;}
	.menu-border{border-bottom: 2px solid var(--style-color)}
	.sub-menu-bg-color{background-color:var(--style-color);}	

	/* Menu Tasarım */


	.harita-iletisim{height: 300px;}
	.custom-galeri-kategori{height: 150px;}
	.urun-foto,.manset-resim{height:300px; position: relative;}
	.custom-page-galeri,.custom-galeri{height: 80px;}
	.custom-galeri-vitrin{height: 190px}
	.odaimage{height: 300px !important;}
	.turizm-card{height: 220px}
	.owl-prev{left:30px;}
    .owl-next{right:30px}
    .turizm-banner{height: 240px}
    .page-banner{height: 350px;}

    .h-sm-100{height: 100% !important;}
	.h-sm-75{height: 75% !important;}
	.h-sm-50{height: 50% !important;}
	.h-sm-25{height: 25% !important;}

}

@media (min-width: 768px) and (max-width: 991.98px) {
	/* Menu Tasarım */

	.menu-position {position: sticky;position:-webkit-sticky;z-index: 1020;top: 0px;}
	.anamenu{width: 100%;box-shadow: none !important;}
	.navbar-menu-ul .nav-item{text-align: left !important; margin-left: 0rem!important;}
	.menu-liste{display: none;}
	.navbar-brand img{height: 50px !important; margin-top:-7px;}
	.nav-menu{padding: 1rem 1rem !important;}
    .menu-liste{display: none;}
    .menu-border{border-bottom: 3px solid var(--style-color)}
    .sub-menu-bg-color{background-color:var(--style-color);}	

	/* Menu Tasarım */


	.harita-iletisim{height: 400px;}
	.custom-galeri-kategori{height: 200px;}
	.urun-foto,.manset-resim{height:400px; position: relative;}
	.custom-page-galeri,.custom-galeri{height: 120px;}
	.custom-galeri-vitrin{height: 280px}
	.odaimage{height: 350px !important;}
	.turizm-card{height: 260px}
	.owl-prev{left:30px;}
    .owl-next{right:30px}
    .turizm-banner{height: 280px}
    .page-banner{height: 400px;}

    .h-md-100{height: 100% !important;}
	.h-md-75{height: 75% !important;}
	.h-md-50{height: 50% !important;}
	.h-md-25{height: 25% !important;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Menu Tasarım */

	.menu-position {position: absolute;z-index: 10;top: 46px;}
	.header-bg-color{background-color: var(--style-color);}
	.sub-menu-bg-color-transparent{background-color:var(--style-color-trans);border-top-left-radius: 0px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
	.navmenu-li:hover>a::before{    content: '';position: absolute;bottom: -5px;left: 45%;width: 8px;height: 8px;transform: rotate(45deg);background-color: var(--style-color);}
	.navmenu-li:hover>a{color:var(--style-color)!important;}
	.anamenu{width: 300px; border-top:5px solid #1996D3 !important;}
	.menu-border{border-bottom: 5px solid var(--style-color)}
	.sub-menu-bg-color{background-color:var(--style-color-anti);}
	.altmenu:hover{background-color:var(--style-color)!important; color:white; transition:ease-in-out .2s;}
	.logo-box-0 img{width: 80% !important; top:5px !important; transition: all ease-in-out .5s;}
	.logo{position: absolute; top:25px; transition: all ease-in-out .3s; width:90%;}

	/* Menu Tasarım */


	.harita-iletisim{height: 450px;}
	.custom-galeri-kategori{height: 150px;}
	.urun-foto,.manset-resim{height:400px; position: relative;}
	.custom-page-galeri,.custom-galeri{height: 120px;}
	.custom-galeri-vitrin{height: 240px}
    .turizm-card{height: 240px}
	.owl-prev{left:30px;}
    .owl-next{right:30px}
    .turizm-banner{height: 350px}
    .page-banner{height: 450px;}

    .h-lg-100{height: 100% !important;}
	.h-lg-75{height: 75% !important;}
	.h-lg-50{height: 50% !important;}
	.h-lg-25{height: 25% !important;}
}

@media (min-width: 1200px) {
	/* Menu Tasarım */

	.menu-position {position: absolute;z-index: 10;top: 46px;}
	.header-bg-color{background-color: var(--style-color);}
	.sub-menu-bg-color-transparent{background-color:var(--style-color-trans);border-top-left-radius: 0px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
	.navmenu-li:hover>a::before{content: '';position: absolute;bottom: -4px;left: 45%;width: 8px;height: 8px;transform: rotate(45deg);background-color: var(--style-color);}
	.navmenu-li:hover>a{color:var(--style-color)!important;}
	.anamenu{width: 350px;border-top:5px solid #1996D3 !important;}
	.menu-border{border-bottom: 5px solid var(--style-color)}
	.sub-menu-bg-color{background-color:var(--style-color-anti);}
	.altmenu:hover{background-color:var(--style-color)!important; color:white; transition:ease-in-out .2s;}
	.logo-box-0 img{width: 80% !important; top:0px !important; transition: all ease-in-out .5s;}
	.logo{position: absolute; top:20px; transition: all ease-in-out .3s; width:95%;}


	/* Menü Tasarım*/


	.harita-iletisim{height: 600px; }
	.custom-galeri-kategori{height: 200px;}
	.urun-foto,.manset-resim{height:450px; position: relative;}
	.custom-page-galeri,.custom-galeri{height: 150px;}
	.custom-galeri-vitrin{height: 190px}
	.turizm-card{height: 250px}
	.turizm-banner{height: 400px}
	.page-banner{height: 550px;}

	.h-xl-100{height: 100% !important;}
	.h-xl-75{height: 75% !important;}
	.h-xl-50{height: 50% !important;}
	.h-xl-25{height: 25% !important;}
	
}