/* PUBLIC SETTINGS */
*, html, body{margin: 0;padding: 0;font-family: 'Poppins', sans-serif;}
html, body{width: 100%;height: 100%;font-family: 'Poppins', sans-serif;}


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: 11px;background: transparent; }
::-webkit-scrollbar-thumb {background-color: #ccc;}
::-webkit-scrollbar-thumb:hover {background-color: #aaa;}
/* 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: #ba0130;right: 30px;bottom: 10px;color: #FFFFFF;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 */
.nav_bg{position: fixed;top: 0;left: 0;z-index: 99;display: flex;width: 100%;height: 80px;}
.nav_fixed{ background-color: #fff;box-shadow: 1px 2px 3px #bbb;}
.logo_a{display: flex;width: 100%;max-width: 250px;height: 100%;align-items: center;}
.img_logo{max-width: 100%;object-fit: contain;}
.menu_body{display: flex;width: 100%;height: 100%;justify-content: space-between;}
.menu_ul{display: flex;width: 100%;height: 100%;justify-content: flex-end;}
.menu_li{height: 100%;}
.menu_a{display: flex;align-items: center;height: 100%;padding:15px 12px;color: #000;}
.menu_a:hover{color: red;}
.ham{display: none;}
/* menu mobil */
@media (max-width: 992px){
	.ham {display: inline-block; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
	.hamRotate.active {transform: rotate(45deg); }
	.hamRotate180.active {transform: rotate(180deg); }
	.line {fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#000; stroke-width:5.5; stroke-linecap:round; }
	.ham2 .top {stroke-dasharray: 40 121; }
	.ham2 .bottom {stroke-dasharray: 40 121; }
	.ham2.active .top {stroke-dashoffset: -102px; }
	.ham2.active .bottom {stroke-dashoffset: -102px; }
	.menu_ul{display: block; position: fixed;z-index: -1; width: 100%;max-width: 350px;height: 100%;top: 80px;right: -100%; visibility: hidden;opacity: 0;pointer-events: none;transition: 0.5s all;}
	.menu_ul_active{background-color: #fff;right: 0; visibility: visible;opacity: 1;pointer-events: auto;z-index: 9;transition: 0.5s all;}
	.menu_ul_active > li{display: flex;width: 100%;height: 60px;}
}

/* SECTION BODY */
.section_body{display: flex;align-items: center; width:100%;min-height: 100vh;padding-top: 90px;}
/* SLIDE */
.slide_img_body{display: flex;width: 50%;justify-content: center;align-items: center;}
.slide_body_bg{background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(234,249,249,0.67) 0.1%, rgba(239,249,251,0.63) 90.1% );}
.slide_img_body > img{max-width: 100%;object-fit: contain;}
.slide_desc{display: flex;flex-wrap: wrap; width: 50%;align-items: center;}
.slide_desc > div > p{display: block; max-width: 450px;}
.hizmet_al_btn{display: inline-block;padding: 10px 25px;color: red;border: 1px solid red;background-color: #fff; transition: 0.5s all;}
.hizmet_al_btn:hover{background-color: red;color: #fff; transition: 0.5s all;}
@media (max-width: 768px){
	.slide_img_body{width: 100%;}
	.slide_desc{padding-top:50px; width: 100%;margin-bottom: 20px;}
}
/*PRODUCT BOX*/
.product_box{display: flex;justify-content: center; width: 100%;padding: 0;padding-bottom: 25px; max-width: 300px; margin: 10px;flex-wrap: wrap;transition: 0.7s all;box-shadow: 0px 0px 20px 1px #d1d1d1;}
.product_box:hover{transform: scale(1.1);transition: 0.7s all; box-shadow: 0px 0px 20px 1px #ffc3c3;}
.product_box > img{width: 100%;height: 150px;object-fit: cover;}
.product_name{display: flex;justify-content: center;padding:15px;width: 100%; background-color: #fff;font-size: 1rem;font-weight: 500;}

/* HIZMETLERIMIZ */
.hizmet_row{justify-content: space-around;}
.hizmetler_box{position: relative;display: flex;justify-content: center;flex-wrap: wrap; width: 45%;margin: 10px;padding: 0; transition: 0.7s all;box-shadow: 0px 0px 20px 1px #d1d1d1;}
.hizmetler_box:hover{z-index: 3; transform: scale(1.1);transition: 0.7s all; box-shadow: 0px 0px 20px 1px #ffc3c3;}
.hizmetler_box > img{width: 100%;height:250px;object-fit: cover;}
.hizmetler_name{position: absolute;bottom: 0;left: 0;z-index: 2;padding: 15px;display: flex;justify-content: center; width: 100%;background-color: #ffffffb8;color: #000;font-size: 1.3rem;font-weight: 700;}
@media (max-width: 768px){.hizmetler_box{width: 100%;} }

/* GALERI */
.galeri_box{position:relative;width: 100%; max-width: 250px;height: 150px;}
.galeri_box > img{width: 100%;height: 100%; object-fit: cover;}
.galeri_a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;}

/* CONTACT */
.contact_bg1{display:flex;width: 100%;min-height: 30vh;background-color: #f1f0ef;align-items: center;padding-top: 25px;justify-content: center;}
.contact_box2{position: relative; display: flex;flex-wrap: wrap; width: 100%;min-height: 50px;justify-content: center;}
.contact_box2_icon{display: flex;width:50px;height:50px;border-radius: 50%;flex-shrink: 1;color: #f50e0e;margin-top: -25px;justify-content: center;align-items: center;font-size: 2rem;}
.contact_box2_title{color: #f50e0e;}
.contact_box2_text{font-size: 12px;color: #222222;}
.contact_box2_text:hover{font-size: 12px;color: #f50e0e;}
.contact_form_text1{color: #4b4b4b; font-weight: 400; font-size: 18px; }
.seperator{width: 310px; margin: 35px auto; position: relative; height: 1px; background: #f50e0e; }
.seperator:before{content: ""; display: inline-block; width: 8px; height: 8px; background: #f50e0e; 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); }
.contact_textarea {min-height: 150px !important; border-radius: 5px !important; }
.contant_google_map{padding: 0;}


/* FOOTER */
.footer_bg{background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(226,37,37,1) 0%, rgba(211,49,49,1) 82.8% );min-height: 80px;display: flex;align-items: center; flex-wrap: wrap;}
.footer_ul{display: flex;width: 100%;justify-content: center;flex-wrap: wrap;padding-top: 15px;}
.footer_ul > li{}
.footer_ul > li > a{display: flex;padding:5px 10px;font-size: 0.8rem; margin: 10px;color: #fff;transition: 0.5s all;}
.footer_ul > li > a:hover{background-color: #222222; color: #fff;transform: scale(1.1);transition: 0.5s all;}
.copyrights_body{display: flex;flex-wrap: wrap; width: 100%;justify-content: center;font-size: 0.8rem;padding: 15px 15px;align-items: center;}
.copyrights_body > p{display: flex;padding: 10px;}
.copyrights_body > a{display: flex;color: #faa41a;transition: 0.5s all;}
.copyrights_body > a:hover{color: #000;transform: scale(1.1);transition: 0.5s all;}

/* 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: 80px; height: 80px; bottom: 30px; left: 20px; z-index: 99; }
.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: 70%; height: 70%; 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%;}