/* PUBLIC SETTINGS */
*, html, body{margin: 0;padding: 0;font-family: 'Poppins', sans-serif;}
html, body{width: 100%;height: 100%;font-family: 'Poppins', sans-serif;}
img{max-width: 100% !important;}
a{text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
::-webkit-scrollbar {position: fixed;top:0;right: 0;height: 100%; width: 1px;background: transparent; }
::-webkit-scrollbar-thumb {background-color: #999;}
::-webkit-scrollbar-thumb:hover {background-color: #999;}
/* BASIC SETTINGS */
.satir_1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.satir_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.satir_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
.ul_sifirla{list-style-type: none;margin: 0;padding:0;}
.height100{height: 100%;}
.y_scroll{height: 100%; overflow-y: scroll;}
.row_ayar{justify-content: center;-webkit-justify-content: center; justify-content: space-between;-webkit-justify-content:space-between; justify-content: space-evenly;-webkit-justify-content: space-evenly;}
@media (max-width: 900px){}
/* YUKARI CIK BUTTONU */
.scroll_up_btn_nnt{position: fixed; display: flex; justify-content: center; align-items: center; height: 44px; width: 42px; background: #0096ff; right: 30px; bottom: 10px; color: #fff; z-index: 9999; font-size: 1.7rem; border-radius: 10px; border-bottom-width: 2px; cursor: pointer; opacity: 0; pointer-events: none; transition: all 0.3s ease; }
.scroll_up_btn_nnt.scroll_up_btn_nnt_show{bottom: 30px; opacity: 1; pointer-events: auto; }
.scroll_up_btn_nnt:hover{filter: brightness(90%); }
.scroll_up_btn_nnt.scroll_up_btn_nnt_show{bottom: 30px; opacity: 1; pointer-events: auto; }
.scroll_up_btn_nnt:hover{filter: brightness(90%); }
@media (max-width: 500px) {.scroll_up_btn_nnt{right: 15px; bottom: 15px; height: 38px; width: 35px; font-size: 1.1rem;} }

/* MENU  */
.bar_body{position: relative;display: flex; justify-content: center; width:100%;}
.bar_content{display: flex;align-items: center;max-width: 1320px;width: 100%;height: 100%;margin: 0 5%;}
.top_info_bar{position: relative; background-color: #fff;height: 85px;}
.top_info_bar_content{justify-content: space-between;}
.menu1_bar{background-color: #222;height: 60px;}
.menu1_bar_content{justify-content: center;}
.top_icon_content{display: flex;max-width: 210px;width: 100%; justify-content: space-between;}
.top_icon{display: flex;align-items: center;justify-content: center;flex-shrink: 0; width: 40px;height: 40px;background-color: #fff;border-radius: 100%;border: 1px solid #bbb;color: #222;transition: 0.5s all;}
.top_icon:hover{border: 1px solid #bbb;color:#fff;background-color: #222;transition: 0.5s all;}
/*search*/
.search_icon{}
.search_body{position: fixed;top: -100px;left: 0;display: flex;align-items: center;justify-content: space-between; width: 100%;height: 75px;background-color: #fff;z-index: 2;opacity: 0;pointer-events: none;visibility: hidden;transition: 0.5s all;}
.search_body_active{top: 0; opacity: 1;pointer-events: auto;visibility: visible;transition: 0.5s all;padding: 0 15px;}
.search_form{display: flex;align-items: center;max-width: 1340px;width: 100%;}
.search_input{outline: none;width: 100%;border: none;border-bottom: 1px solid #bbb;padding: 5px 15px;margin:0 15px;}
.search_input:focus{outline: none;border-bottom: 1px solid #0096ff;}
.search_submit_btn{}
.language_body{display:flex; align-items: center;}
.language_div{display: block;}
.language_div2{display: block;}
.menu_bars{display: none;}
.rezervasyon_btn{padding:12px 17px;background-color: #222;color: #fff;border-radius: 50px;transition: 0.5s all;}
.rezervasyon_btn:hover{background-color: #0096ff;color: #fff;box-shadow: 0px 0px 7px 1px #bbb;transition: 0.5s all;}
.logo_a{margin-left: -162px;}
.logo_img{max-width: 100%;max-height: 70px;object-fit: contain;}
.offcanvas-header > a >.logo_img{max-width: 100%;max-height: 50px;object-fit: contain;}
.menubar_ul1{display: flex; height: 100%;}
.menubar_ul1 > li{height: 100%;}
.dropdown_li{}
.menu1_a{position: relative; display: flex;align-items: center;color: #fff;height: 100%;padding: 5px 17px;transition: 0.5s all;}
.menu1_a:hover{color: #51b6fe;transition: 0.5s all;}
.active{color: #51b6fe;}
/*dropdown mega menu*/
.dropdown_body{position: absolute;top: 60px; left: 0;margin-top: 50px; z-index: 99; display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 15px; width: 100%;min-height: 200px;background-color: #fff;opacity: 0;pointer-events: none;visibility: hidden;transition: 0.5s all;border-bottom: 2px solid #0096ff;}
.dropdown_a:hover ~ .dropdown_body, .dropdown_body:hover{margin-top: 0; opacity: 1;pointer-events: auto;visibility: visible;transition: 0.5s all;}
.menu_box_a{display: flex;align-items: center;flex-wrap: wrap;justify-content: center; color: #222;transition: 0.5s all;}
.menu_box_a:hover{color: #0096ff;transition: 0.5s all;}
.menu_box_a:hover .menu_box_img{box-shadow: 0px 0px 6px 1px #0096ff;transition: 0.5s all;}
.menu_box_img{width: 100px;height: 100px;object-fit: cover;border-radius: 100%;}
.menu_box_name{margin: 0;width: 100%;text-align: center;font-size: 0.8rem;}

/* mobil menu */
.offcanvas-header{position: relative;z-index: 99;background-color: #fff;}
.mobil_menu{height: 100%;border-bottom: 3px solid #0096ff; padding-bottom: 100px;}
.mobil_ul1{display: flex;flex-wrap: wrap;width: 100%;border-top: 1px solid #bbb;}
.mobil_ul1 > li{position: relative; display: flex;align-items: center; width: 100%; height: 50px;border-bottom: 1px solid #bbb;}
.mobil_ul1 > li > a{position: relative; display: flex;align-items: center;color: #222;padding: 5px 15px;height: 100%;width: 100%;transition: 0.5s all;}
.mobil_ul1 > li > a:hover{color:#fff;transition: 0.5s all;background-color: #0096ff;}
.dropdown_i{position: absolute;z-index: 9;cursor: pointer; top: 0;right: 0; width: 50px;height: 100%;color: #222;display: flex;align-items: center;justify-content: center;}
.dropdown_i:hover{background-color: #0096ff;color: #fff;}

.mobil_dropdown1{position: absolute;z-index: 50;width: 100%;height: 100vh;background-color: #fff;top: 67px;left: -100%;transition: 0.5s all;}
.mobil_dropdown1_active{left: 0;transition: 0.5s all;}

.canvas_rezervasyon_btn_body{position: absolute;bottom: 5%;left: 0;z-index: 2; display: flex;width: 100%;justify-content: center;padding: 0 10px;}
.social_share_body{display: flex;width: 100%;margin-bottom: 20px;justify-content: space-between;}
.social_icon_a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;color: #222;border-radius: 100%;flex-shrink: 0;font-size: 1.5rem;transition: 0.5s all;}
.social_icon_a:hover{box-shadow: 0px 0px 6px 1px #0096ff; color:#0096ff;transition: 0.5s all;}

/*  SERVICE BOX  */
.service_description_body{display: flex;justify-content: center;padding: 20px;}
.service_description{justify-content: center; align-items: center; font-size: 1.2rem; max-width: 1000px; width: 100%; min-height: 50px; }

.service_box_body{display:flex;justify-content: center;width: 100%;flex-wrap: wrap;}
.service_box{position: relative; margin: 10px;display: flex;justify-content: center; width: 100%; max-width: 30%;height: 250px; border-radius: 10px; transition: 0.5s all;}
@media (max-width: 937px) {.service_box{max-width: 45%;} }
@media (max-width: 768px) {.service_box{max-width: 100%;} }
.service_box_img{width:100%;border-radius: 10px;object-fit: cover;transition: 0.5s all;}
.service_box_title{display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;bottom: -20px;width: 85%;min-height: 60px;padding: 5px;z-index: 2;margin: 0 auto;border-radius: 10px;background-color: #fff;color: #222;box-shadow: 1px 2px 3px #bbb;font-weight: 500;transition: 0.5s all;}
.service_box:hover .service_box_img{width: 105%;color: #0096ff;}
.service_box:hover .service_box_title{bottom: -10px; color: #0096ff;transition: 0.5s all;}


/* INFO BOX (seo) */
.infobox_body{display:flex; width: 100%;flex-wrap: wrap;}
.infobox_img_body{position: relative; display:flex;width:50%;}
.infobox_img{width: 100%;max-height: 400px;object-fit: cover;}
.infobox_text_content{display:flex;width: 50%;padding: 15px;flex-wrap: wrap;background-color: #efefef;}

@media (max-width: 800px){
    .language_div{display: none;}
    .logo_a{order: 1;}
    .top_icon_content{order: 2;}
    .menu_bars{display: flex;}
    .menu1_bar{display: none;}
    .top_rezervasyon_btn{display: none;}
    .infobox_img_body{width: 100%;}
    .infobox_text_content{width: 100%;}
    .infobox_order1{order: 2;}
    .infobox_order2{order: 1;}

}
.title_styl1{font-weight: 500;font-size: 3rem;text-align: center;}

/* BLOG */
.blog_div{display: flex;flex-wrap: wrap;position: relative;justify-content: space-between;}
.blog_cart_body{display: flex;width: 49%; height: 400px;overflow: hidden;position: relative;}
.blog_img{width: 110%;height: 100%; object-fit: cover;object-position: center;transition: all 0.5s;}
.blog_cart_body:hover .blog_img{width: 100%;transition: all 0.5s;}
.blog_box_text{display: flex;align-items: flex-end;flex-wrap: wrap; position: absolute;bottom: 0; left: 0; width: 100%;padding: 25px 25px 50px 25px;z-index: 2;background-color: #050b3547;height: 100%;}
.blog_title1{display: block; font-size: 3rem;width: 100%; font-weight: 600;color: #fff;text-shadow: 2px 2px 3px #292929c2;transition: all 0.5s;}
.blog_cart_body:hover .blog_title1{display: block;margin-left: 10px; margin-right: -10px; transition: all 0.5s;}
@media (max-width: 992px){.blog_title1{font-size: 2rem;} }
@media (max-width: 768px){
    .blog_cart_body{ height: auto;}
    .blog_box_text{padding: 25px 25px 25px 25px;}
    .blog_cart_body{width: 100%;margin-bottom: 3rem;} .blog_title1{font-size: 1.5rem;} 
}



/* BUTTON */
.learn-more {position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; padding: 0; font-size: inherit; font-family: inherit; }
.learn-more {width: 12rem; height: auto; }
.learn-more .circle {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;display: block;margin: 0;width: 3rem;height: 3rem;background: #0096ff;border-radius: 1.625rem;}
.learn-more .circle .icon {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; }
.learn-more .circle .icon.arrow {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 0.625rem; width: 1.125rem; height: 0.125rem; background: none; }
.learn-more .circle .icon.arrow::before {position: absolute; content: ""; top: -0.25rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.155rem solid #fff; border-right: 0.155rem solid #fff; transform: rotate(45deg); }
.learn-more .button-text {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 2rem; color: #282936; font-weight: 600; line-height: 1.6; text-align: center;}
.learn-more:hover .circle {width: 100%; }
.learn-more:hover .circle .icon.arrow {background: #fff; transform: translate(1rem, 0); }
.learn-more:hover .button-text {color: #fff;}
.blog_box_text .button-text{color: #fff;text-shadow: 2px 2px 3px #292929c2;}


/* BUTTON 2 TASARIM */
.contact_body3{display:flex; align-items: center;justify-content: space-between;flex-wrap: wrap;}
.btn_style_3{display:flex;align-items: center;justify-content: center;padding: 10px 15px;border-radius: 50px;}
.btn_style_3:hover{color: #bbb;}
.wp_btn2{background-color: green;color: #fff;}
.phone_btn2{background-color: red;color: #fff;}
.phone_btn3{background-color: orange;color: #fff;}


/* REZERVASYON */
.rezervation_body{display:flex;width: 100%;min-height: 400px; background-image: linear-gradient( 178.2deg,  rgba(118,8,23,1) 10.9%, rgba(158,12,33,1) 62.6% ); }
.rezervation_title{color: #eba508;}
.rezervation_bg{max-width: 100%; max-height: 500px; object-fit: contain;}
/*BREADCRUMB*/
.breadcrumb_body_div{position: relative;display: flex;flex-wrap: wrap;width: 100%;height: 25vh;overflow: hidden;}
.breadcrumb_content_div{position: relative;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;background-color: #22222278;z-index: 3;}
.breadcrumb_content{display: block;width: 100%;}
.breadcrumb_h1_title{font-size: 2.5rem;font-weight: 500;color: #eee;width: 100%;text-align: center;padding: 5px 5%;}
.breadcrumb_ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: center;padding: 5px 5%;}
.breadcrumb_ul_a{display: block;padding: 10px;color: #fff;font-size: 1rem;font-weight: 600;}
.breadcrumb_ul_a:hover{color: #0096ff;}
.breadcrumb_active{color: #222;pointer-events: none;}
.breadcrumb_span{color: #ccc;padding-right: 10px;}
.breadcrumb_img{position: absolute;top: 0;left: 0; width: 100%;object-fit: cover;height: 100%;}

/* PRODUCT */
.product_box2{max-width:300px;width: 100%;display: flex;flex-wrap: wrap;padding: 15px;border-radius: 6px;transition: 0.5s all;}
.product_box2:hover{box-shadow: 0px 0px 17px 1px #b1b1b1;transition: 0.5s all;}
.product_box2_img{max-width: 270px;max-height: 200px;object-fit: cover;border-radius: 6px;}
.product_box2_price{font-size: 1.2rem;}

/* CONTACT */
.contact_ul_2{display: block;flex-wrap: wrap;margin-right: 5%;}
.contact_ul_2 > li{}
.contact_ul_2 > li > a{display: block;color: #000;padding: 5px 0;font-weight: 600;font-size: 0.9rem;}
.contact_ul_2 > li > a:hover{color: #0096ff;}

/* FOOTER */
.footer_bg{background-color:#1f1f1f;width:100%;min-height:60px;}
.footer_img_div{z-index:3}
.footerimg{width:100%;object-fit:contain}
.footer_bg2{position:relative;background-color:#131313;width:100%;min-height:20vh}
.footer_title{color: #0096ff;}
.footer_ul>li>a{display:block;color:#fff;font-size:13px;padding:5px 0;transform:scale(1);transition:all .5s}
.footer_ul>li>a:hover{color: #0096ff;transform:scale(1.08);}
.Copyright1_body{position:relative;display:flex;align-items:center;justify-content:center;font-size:.8rem;background-color:#000;padding:15px 10px;color:#fff}
.Copyright1_body>p>a{color:#fff}
.Copyright1_body>p>a:hover{color:#0096ff}
.social_body_div{min-height: 60px; display:flex;align-items:center;justify-content: right;}
.social_icon{display:block;color:#ccc;padding:5px;transition:.6s}
.social_icon:hover{color: #0096ff;transition:.6s;}


/* IMAGES GALERI STYLE 2 */
.images_style_galeri2_body{position: relative; display:flex;width: 100%;height: 300px;justify-content: center;}
.images_style_galeri2_link{position: absolute;top: 0;left: 0; display: flex;width: 100%;height: 100%;}


/* BOOTSTRAP EDIT  */
.form-check-input {width: 1em;height: 1em;margin-top: 0.25em;vertical-align: top;background-color: #fff;background-repeat: no-repeat;background-position: center;background-size: contain;border: 1px solid rgb(34 34 34 / 44%);-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;color-adjust: exact;}
.form-check-input[type=checkbox] {border-radius: 0.25em; }
.form-check-input[type=radio] {border-radius: 50%; }
.form-check-input:active {filter: brightness(90%); }
.form-check-input:focus {border-color: #22222269;outline: 0;box-shadow: 0 0 0 0.25rem rgb(34 34 34 / 32%);}
.form-check-input:checked {background-color: #222222;border-color: #222222;}
.form-check-input:checked[type=checkbox] {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type=radio] {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
.form-check-input[type=checkbox]:indeterminate {background-color: #222222; border-color: #222222; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }



/* COOKIE */
.cookie_body{display: flex;align-items: center; position: fixed;bottom: 0;left: 0;z-index: 99; min-height: 80px;width: 100%;background-color: #14213d;transition: 1s all;}
.cookie_content{display: flex;align-items: center;flex-wrap: wrap;justify-content: center; max-width: 1320px;width: 100%;height: 100%;margin: 0 auto;}
.cookie_content_body{display:flex;align-items: center;flex-wrap: wrap;}
.cookie_text{font-size: 0.9rem;margin: 5px;}
.cookie_link{display:inline-block;padding: 5px 10px;background-color: #0096ff;border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cookie_link{display:inline-block;padding: 5px 10px;background-color: #0096ff;border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cookie_close{display:inline-block;padding: 5px 10px;background-color: #2ca0ff;border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cookie_link:hover, .cookie_close:hover{color: #0096ff;background-color: #FFFFFF;}



/*Loader*/
.form_loader{z-index: 10000; position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; background: #020306a6; justify-content: center; align-content: center; flex-wrap: wrap;display:none;}
.form_loader > div {-webkit-animation-fill-mode: both; animation-fill-mode: both; width: 50px; height: 50px; background: #fff; margin: 50px auto; -webkit-animation: loader 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: loader 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
@keyframes loader {25% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% {-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% {-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } }
@-webkit-keyframes loader {25% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% {-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% {-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } }
/*Loader*/


/* WHATSAPP ICON  */
@-webkit-keyframes cptCircle {0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);transform: rotate(0) scale(.5) skew(1deg);opacity: .01} 30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);transform: rotate(0) scale(.7) skew(1deg);opacity: .5} 100% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .01} }
@keyframes cptCircle {0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);transform: rotate(0) scale(.5) skew(1deg);opacity: .01 } 30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);transform: rotate(0) scale(.7) skew(1deg);opacity: .5} 100% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .01} }
@-webkit-keyframes cptCircleFill {0% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: 0} 50% {webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .2} 100% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg); opacity: .2} }
@keyframes cptCircleFill {0% {-webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: 0} 50% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);opacity: .2} 100% { -webkit-transform: rotate(0) scale(.6) skew(1deg);transform: rotate(0) scale(.6) skew(1deg);opacity: .2} }
#wp_callback {position: fixed; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; bottom: 20px; left: 40px; z-index: 1; }
.wp_circle, .wp_cpt_circle_fill {position: absolute; border-radius: 100%; -webkit-transition: all .5s; transition: all .5s; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s }
.wp_circle {width: 120%; height: 120%; background-color: transparent; border: 2px solid #189d0e; -webkit-animation: cptCircle 2.2s infinite ease-in-out; animation: cptCircle 2.2s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.wp_cpt_circle_fill {width: 100%; height: 100%; background-color: #189d0e; border: 2px solid transparent; -webkit-animation: cptCircleFill 2.3s infinite ease-in-out; animation: cptCircleFill 2.3s infinite ease-in-out; box-shadow: 0 0 2px 0 #189d0e!important;}
.wp_btn {position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: center center no-repeat #189d0e; box-shadow: 0 0px 4px 1px rgb(0 0 0 / 20%); background-size: 30px; border-radius: 100%; cursor: pointer;color: #fff;}
.wp_btn > i {opacity: 0; visibility: hidden; -webkit-transition: all .6s cubic-bezier(.55, 0, .1, 1); transition: all .6s cubic-bezier(.55, 0, .1, 1); -webkit-transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%, -50%, 0); transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%, -50%, 0); z-index: 1; width: 45%; height: 45%; font-size: 16px; }
.wp_btn > img {vertical-align: middle;width: 50%;}
@media (max-width: 768px) { 
    #wp_callback {position: fixed; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; bottom: 15px; left: 15px; z-index: 1; }
}
@media (min-width: 800px) { 
    #wp_callback{display: none !important;}
    .wp_circle, .wp_cpt_circle_fill2 {display: none !important;}
    .wp_cpt_circle_fill {display: none !important;}
    .wp_btn {display: none !important;}
}



#wp_callback2 {     position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px;  z-index: 1; }
.wp_circle2, .wp_cpt_circle_fill2 {position: absolute; border-radius: 100%; -webkit-transition: all .5s; transition: all .5s; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s }
.wp_circle2 {width: 120%; height: 120%; background-color: transparent; border: 2px solid #189d0e; -webkit-animation: cptCircle 2.2s infinite ease-in-out; animation: cptCircle 2.2s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.wp_cpt_circle_fill2 {width: 100%; height: 100%; background-color: #189d0e; border: 2px solid transparent; -webkit-animation: cptCircleFill 2.3s infinite ease-in-out; animation: cptCircleFill 2.3s infinite ease-in-out; box-shadow: 0 0 2px 0 #189d0e!important;}
.wp_btn2 {position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: center center no-repeat #189d0e; box-shadow: 0 0px 4px 1px rgb(0 0 0 / 20%); background-size: 30px; border-radius: 100%; cursor: pointer;color: #fff;}
.wp_btn2 > i {opacity: 0; visibility: hidden; -webkit-transition: all .6s cubic-bezier(.55, 0, .1, 1); transition: all .6s cubic-bezier(.55, 0, .1, 1); -webkit-transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%, -50%, 0); transform: perspective(400px) rotateY(-180deg) scale(.4) translate3d(-50%, -50%, 0); z-index: 1; width: 45%; height: 45%; font-size: 16px; }
.wp_btn2 > img {vertical-align: middle;width: 50%;}

@media (max-width: 800px) { 
    #wp_callback2{display: none !important;}
    .wp_circle2, .wp_cpt_circle_fill2 {display: none !important;}
    .wp_cpt_circle_fill2 {display: none !important;}
    .wp_btn2 {display: none !important;}
}

/* BUTTON */
.btn_v2 {position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; padding: 0; font-size: inherit; font-family: inherit; }
.btn_v2 {width: 210px; height: auto; }
.btn_v2 .circle {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;    display: flex; padding-left: 17px;align-items: center;margin: 0;width: 3rem;height: 3rem;background: #0096ff;border-radius: 1.625rem;} 
.btn_v2 .circle i {color: #fff; }
.btn_v2 .button-text {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 50px; color: #282936; font-weight: 600; line-height: 1.6; text-align: center;}
@media (max-width: 888px) {.button-text{display: none;} }
.btn_v2:hover .circle { padding-left: 25px; justify-content: left;width: 100%; }
.btn_v2:hover .button-text {color: #fff; display: block;}
.btn_v2 .button-text{color: #222;}


.iletisimform_box{
    background: #fff;
    padding: 30px 30px;
    border-radius: 15px;
    box-shadow: 2px 2px 18px 2px #e5e4e4;
}
.contact_title{color: #51b6fe;}
.contact_title2{    color: #8f8d8d;
    border-left: 3px solid #0096ff;
    padding-left: 5px;
    font-size: 1.5rem;
    border-radius: 5px;}
    .title_styl1 > span {color: #0096ff; }


/* title border */
.seperator{width: 310px; margin: 10px auto 20px auto; position: relative; height: 1px; background: #2ca0ff; }
.seperator:before{content: ""; display: inline-block; width: 8px; height: 8px; background: #2ca0ff; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -4px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.page-content{min-height: 300px;}

@media (max-width: 800px) { 
    .header_telbtn{display: none !important;}

    .logo_a {margin-left: 5px; }
    .bar_content {margin: 0 5px;}
    .top_icon_content {max-width: 50px; }
}

@media (max-width: 768px) { 
    .service_description_body{padding-left: 0px; padding-right: 0px;}
    .title_styl1 {font-weight: 500; font-size: 2rem; text-align: center; }
}
@media (max-width: 468px) { 
    .logo_img {max-width: 90%;}
}

.contant_google_map{
    width: 100%;
    height: 450px;
}
@media (max-width: 568px) {
    .contant_google_map{
        width: 100%;
        height: 275px;
    }
}


/* WP CHAT BTN */
@keyframes pulse {0% {transform: scale(1, 1); } 50% {opacity: 0.3; } 100% {transform: scale(1.45); opacity: 0; } }
.pulse {-webkit-animation-name: pulse; animation-name: pulse; }
.nav-bottom {display: flex; flex-direction: row; justify-content: flex-end; align-content: flex-end; width: auto; height: auto; position: fixed; z-index: 8; bottom: 70px; right: 8px; padding: 5px; margin: 0px; }
@media (max-width: 360px) {.nav-bottom {width: 320px; } }
.whatsapp-button {display: flex; justify-content: center; align-content: center; width: 60px; height: 60px; z-index: 8; transition: 0.3s; margin: 10px; padding: 7px; border: none; outline: none; cursor: pointer; border-radius: 50%; background-color: white; /* offset-x > | offset-y ^| blur-radius | spread-radius | color */ -webkit-box-shadow: 1px 1px 6px 0px rgba(68, 68, 68, 0.705); -moz-box-shadow: 1px 1px 6px 0px rgba(68, 68, 68, 0.705); box-shadow: 1px 1px 6px 0px rgba(68, 68, 68, 0.705); }
.circle-anime {display: flex; position: absolute; justify-content: center; align-content: center; width: 60px; height: 60px; top: 15px; right: 15px; border-radius: 50%; transition: 0.3s; background-color: #77bb4a; animation: pulse 1.2s 4s ease 4; }
.popup-whatsapp {display: none; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: auto; height: auto; padding: 10px; bottom: 85px; right: 6px; transition: 0.5s; border-radius: 10px; background-color: white; /* offset-x > | offset-y ^| blur-radius | spread-radius | color */ -webkit-box-shadow: 2px 1px 6px 0px rgba(68, 68, 68, 0.705); -moz-box-shadow: 2px 1px 6px 0px rgba(68, 68, 68, 0.705); box-shadow: 2px 1px 6px 0px rgba(68, 68, 68, 0.705); animation: slideInRight 0.6s 0s both; }
.popup-whatsapp > div {margin: 5px; } 
@media (max-width: 680px) {.popup-whatsapp p {font-size: 0.9em; } }
.popup-whatsapp > .content-whatsapp.-top {display: flex; flex-direction: column; }
.popup-whatsapp > .content-whatsapp.-top p {color: #585858; font-weight: 400; font-size: 1em; }
.popup-whatsapp > .content-whatsapp.-bottom {display: flex; flex-direction: row; }
.closePopup {display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; margin: 0px 0px 15px 0px; border-radius: 50%; border: none; outline: none; cursor: pointer; background-color: #f76060; -webkit-box-shadow: 1px 1px 2px 0px rgba(68, 68, 68, 0.705); -moz-box-shadow: 1px 1px 2px 0px rgba(68, 68, 68, 0.705); box-shadow: 1px 1px 2px 0px rgba(68, 68, 68, 0.705); }
.closePopup:hover {background-color: #f71d1d; transition: 0.3s; }
.send-msPopup {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff; margin: 0px 0px 0px 5px; border: none; outline: none; cursor: pointer; -webkit-box-shadow: 1px 1px 2px 0px rgba(68, 68, 68, 0.705); -moz-box-shadow: 1px 1px 2px 0px rgba(68, 68, 68, 0.705); box-shadow: 1px 1px 2px 0px rgba(68, 68, 68, 0.705); }
.send-msPopup:hover {background-color: #f8f8f8; transition: 0.3s; }
.is-active-whatsapp-popup {display: flex; animation: slideInRight 0.6s 0s both; }
input.whats-input[type=text] {width: 250px; height: 40px; box-sizing: border-box; border: 0px solid #ffffff; border-radius: 20px; font-size: 1em; background-color: #ffffff; padding: 0px 0px 0px 10px; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; outline: none; transition: 0.3s; }
@media (max-width: 420px) {input.whats-input[type=text] {width: 225px; } }
input.whats-input::placeholder {/* Most modern browsers support this now. */ color: rgba(68, 68, 68, 0.705); opacity: 1; }
input.whats-input[type=text]:focus {background-color: #f8f8f8; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; transition: 0.3s; }
.icon-whatsapp-small {width: 24px; height: 24px; }
.icon-whatsapp {width: 45px; height: 45px; }
.icon-font-color {color: #ffffff; }
.icon-font-color--black {color: #333333; }