/* PUBLIC SETTINGS */
*, *::before, *::after {box-sizing: border-box; }
:root{
    --color:#000;
    --color1:#3AA677;
    --color2: #0c4b62;
    --textcolor:#000;
    --colorlogo:#3AA677;
    --colorlogo-bg:#07070aad;
    --bgcolor-before: #39a27536;
    --textbeyaz:#f5f5f5;
    --hover:#3AA677;
    --hover2:#0c4b62;
    --titlecolor:#777;
    --bacgroung:#f5f5f5;
    --bacgroung-header:#fff;
    --title:'Playfair Display', serif;
}
*, html, body{margin: 0;padding: 0;font-family: 'Poppins', sans-serif;} 
html, body{width: 100%;height: 100%;font-family: 'Poppins', sans-serif;background-color: var(--bacgroung);}
body{overflow: hidden;overflow-y: scroll;background-color: #f5f5f5;}
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;}
/* YUKARI CIK BUTTONU */
.scroll_up_btn_nnt{position: fixed;display: flex;justify-content: center;align-items: center;height: 44px;width: 42px;right: 30px;bottom: 10px;color: #FFFFFF;z-index: 99;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; }
@media (max-width: 500px) {.scroll_up_btn_nnt{right: 15px; bottom: 15px; height: 38px; width: 35px; font-size: 1.1rem;} }

/* HEADER */
.nav_body{display: flex;flex-wrap: wrap; width: 100%;background-color: var(--bacgroung-header);}

/* top bar */
.top_bar{display: flex;justify-content: space-between;align-items: center;padding: 0 20px; width: 100%;height: 35px;font-size: 0.8rem;border-bottom: 1px solid #f5f5f5;background-color: var(--color2);}
.social_body{}
.social_ul{display: flex;}
.social_ul > li > a{display: flex;padding: 10px 8px;color: var(--textbeyaz);font-size: 0.7rem;transition: 0.5s all;}
.social_ul > li > a:hover{color: var(--hover);transition: 0.5s all;}

.info_menu_box{display: flex;font-size: 0.7rem;}
.info_tel, .info_mail{display: flex;align-items: center;padding: 10px;color: var(--textbeyaz);transition: 0.5s all;} 
.info_tel:hover, .info_mail:hover{color: var(--hover);transition: 0.5s all;}


/* MENU */
.menu_body{display: flex;justify-content: space-between;align-items: center; width: 100%;height: 90px;font-size: 0.8rem;padding: 0 20px;}
.logo{display: flex;align-items: center;width: 100%; max-width: 240px;height: 100%;}
.logo > img{max-width: 240px;max-height: 100%;object-fit: contain;}

.ul_menu{position: relative; display: flex;}
.menu_li{position: relative;}
.menu_a{display: flex;padding: 10px 8px;color: var(--color);font-size: 1rem;font-weight: 500; transition: 0.5s all;}
.menu_a:hover{color: var(--hover);background-color: var(--bacgroung); transition: 0.5s all;}
.menu_a_active{color: var(--hover);background-color: var(--bacgroung); transition: 0.5s all;}

@media (min-width: 900px){
    .alt_ul{position: absolute;z-index: 9;background-color: var(--bacgroung-header);border-top: 3px solid var(--color1);visibility: hidden;opacity: 0;pointer-events: none;transition: 0.5s all;}
    .alt_a{display: flex;min-width: 180px; padding:10px;color: var(--color);border-bottom:1px dashed var(--color1);}
    .alt_a:hover{color: var(--textbeyaz);background-color: var(--color1); }
    .menu_a:hover ~ .alt_ul, .alt_ul:hover{visibility: visible;opacity: 1;pointer-events: auto;transition: 0.5s all;}
}
.teklif_btn{display: flex;align-items: center; align-items: center; padding: 10px 20px;color: var(--colorlogo);margin: 0 10px;font-weight: bold;border: 1px solid var(--color); transition: 0.5s all;}
.teklif_btn:hover{color: var(--textbeyaz);background-color: var(--color1);border: 1px solid var(--textbeyaz);  transition: 0.5s all;}
.alt_menu_mobil_btn{display: none;}
.alt_back{display: none;}

/* mobil menu style */
.menu_body_fixed{position: fixed;top: 0;left: 0;z-index: 99; background-color:var(--bacgroung-header);}

/* MOBIL MENU */
.mobil_ico{display: none;}
@media (max-width: 900px){
    .mobil_ico{display: block;}
    .mobil_ico svg {position: absolute;height: 60px;width: 60px;}
    .mobil_ico .plate {height: 60px; width: 60px; }
    .mobil_ico .burger {filter: url(#gooeyness); }
    .mobil_ico .x {transform: scale(0); transition: transform 400ms; }
    .mobil_ico .line {fill: none; stroke: black; stroke-width: 6px; stroke-linecap: round; stroke-linejoin: round; transform-origin: 50%; transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms; }
    .mobil_ico .x .line {stroke-width: 5.5px; } 
    .mobil_ico .plate1 .line2 {stroke-dasharray: 40 200; stroke-dashoffset: 0px; }
    .mobil_ico .plate1 .line3 {stroke-dasharray: 40 179; stroke-dashoffset: 0px; }
    .mobil_ico .active .line {transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms; } 
    .mobil_ico .active.plate1 .line1 {transform: scale(0, 1); transition: transform 500ms 100ms; }
    .mobil_ico .active.plate1 .line2 {stroke-dasharray: 5px 200; stroke-dashoffset: -164px; }
    .mobil_ico .active.plate1 .line3 {stroke-dasharray: 5px 179; stroke-dashoffset: -142px; } 
    .mobil_ico .active .x {transform: scale(1); transition: transform 400ms 350ms; }

    .ul_menu{display: block; position: absolute;top: 125px;right: -100%;z-index: 99; background-color: #fff;max-width: 400px;width: 100%;height: 100%;visibility: hidden;opacity: 0;pointer-events: none;background-color: #fff; transition: 0.5s all;}
    .menu_a{display: flex;width: 100%;padding: 15px;border-bottom:1px dashed var(--color1);}
    .ul_menu_active{visibility: visible;opacity:1;pointer-events: auto;right: 0; transition: 0.5s all;}
    .menu_body_fixed .ul_menu,.menu_body_fixed .ul_menu .alt_ul{position: fixed;top: 90px;}
    .info_tel > span, .info_mail > span{display: none;}
    .teklif_btn{margin:25px auto;max-width: 200px;justify-content: center;}

/*alt menu mobil*/
.alt_menu_mobil_btn{display: flex;align-items: center;justify-content: center;color: #000; position: absolute;right: 0;top: 0;width: 50px !important;height: 100%;transition: 0.5s all;}
.alt_menu_mobil_btn:hover{padding-right: 10px; transition: 0.5s all;}
.alt_ul{position: fixed;top: 125px; right: -100%;max-width: 400px;width: 100%;height: 100%;z-index: 9;background-color: var(--bacgroung-header);transition: 0.5s all;}

.alt_a{display: flex;min-width: 180px; padding:10px;color: var(--color);border-bottom:1px dashed var(--color1);}
.alt_a:hover{color: var(--textbeyaz);background-color: var(--color1); }
.alt_ul_active{right: 0;transition: 0.5s all;}

}
@media (max-width: 390px){.top_bar{padding: 0 10px;} }

/* SLIDER */
.slider_section{display: block;min-height: 80vh;}
@media (max-width: 768px){.slider_section{min-height: 50vh;}}
@media (max-width: 400px){.slider_section{min-height: auto;}}
/* INFO BOXS */
.title_info{font-family: var(--title);}
.info_box {padding: 60px 80px 40px; position: relative;margin-bottom: 50px;} 
.info_box .content_text {font-family: var(--title);font-size: 1.7rem; font-weight: 700px; text-align: center; }
.info_box .content_text p{font-family: var(--title);font-size: 1.7rem; font-weight: 700px; text-align: center; }
/*blockquote p::before {content: "\f095"; font-family: FontAwesome; display: inline-block; padding-right: 6px; vertical-align: middle; font-size: 180px; }*/
.info_box:before {position: absolute; font-family: 'FontAwesome'; top: 0; content:"\f10d"; font-size: 200px; color: var(--bgcolor-before); }
.info_box::after {content: ""; top: 20px; left: 50%; margin-left: -100px; position: absolute; border-bottom: 3px solid var(--hover); height: 3px; width: 200px; }
@media (max-width: 768px){.info_box{padding: 10px;} .info_box .content_text{font-size: 1.5rem;padding-top: 40px;} }
@media (max-width: 400px){.info_box .content_text{font-size: 1.3rem;} }

/* title style */
.title_style1{position: relative; font-family: var(--title);margin-bottom: 40px;}
.title_style1::after {content: ""; bottom: -25px; left: 50%; margin-left: -100px; position: absolute; border-bottom: 3px solid var(--hover); height: 3px; width: 200px; }

.title_style2{position: relative;font-family: var(--title);color: var(--textbeyaz);text-transform: uppercase; margin-bottom: 25px;}
.title_style2::after {content: "";bottom: -14px;left: 0;position: absolute;border-bottom: 3px solid var(--color1);height: 3px;width: 180px;}

/* BREADCRUMB */
.breadcrumb_body{display: flex;width: 100%;height: 70vh;}
.breadcrumb_img{width: 100%;height: 100%;object-fit: cover;}
@media (max-width: 768px){.breadcrumb_body{height: 50vh;}}
.info_row{display: flex;flex-wrap: wrap;width: 100%; background-color: #e5e5e5;}
.info_box2{position: relative;display: flex;width: 50%;}
.info_box2_img{width:100%;height: 100%;object-fit: cover;}
.info_box3{position: relative; display: flex;width: 50%;padding: 15px;}

/* info box */
.box1_style {background-color: transparent; border-radius: 3px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: 300px; transform-style: preserve-3d; perspective: 2000px; transition: 0.4s; text-align: center; }
.box1_style:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border-top: 20px solid #fff; border-left: 20px solid #fff; box-sizing: border-box; }
.box1_style:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom: 20px solid #fff; border-right: 20px solid #fff; box-sizing: border-box; }
.box1_style .box1_fas {font-size: 25px; height: 50px; width: 50px; line-height: 50px !important; background-color: #fff; color: #2C3A47; }
.box1_style .box1_fa2 {position: absolute; bottom: 0; right: 0; z-index: 1; } 
.box1_style .box1_text {position: absolute; top: 30px; left: -30px; width: calc(100% + 60px); height: calc(100% - 60px); background-color: #2C3A47; border-radius: 3px; transition: 0.4s; }
.box1_style .box1_text .box1_fa1 {position: absolute; top: 0; left: 0; }
.box1_style .box1_text div {position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center; width: 100%; padding: 30px 60px; line-height: 1.5; box-sizing: border-box; }
.box1_style .box1_text div h3 {font-size: 30px; margin-bottom: 5px; } 
.box1_style .box1_text div p {font-size: 15px; } 
.box1_style:hover {transform: translate(-50%, -50%) rotateY(-20deg) skewY(3deg); } 
.box1_style:hover .box1_text {transform: rotateY(20deg) skewY(-3deg); }
@media (max-width: 992px){
  .info_box2, .info_box3{width: 100%;min-height: 60vh;}  
  .info_box_order1{order: 1;}  
  .info_box_order2{order: 2;}  
  .box1_style{position: relative;width: 100%;max-width: 400px;min-height: 300px;height: auto;}
  .info_box2_img{max-height: 60vh;}

}
@media (max-width: 460px){.box1_style{max-width: 300px;} }
@media (max-width: 370px){.box1_style{max-width: 250px;} }


/* services box */
.box4{position: relative; display: flex; width: 100%;height: 400px;}
.box4_body{position: relative;width: 100%;height: 100%;overflow: hidden;box-shadow: 0px 0px 10px 1px #d3d3d3;}
.box4_img{width: 100%;height: 100%;object-fit: cover;transition: all 1s ease;}
.box4:hover .box4_img{transform: scale(1.2);transition: all 1s ease;}
.box4_title{position: absolute;bottom: 7%;left: 0; max-width: 93%;display: inline-block;padding: 15px;font-size: 1.2rem;font-family: var(--title); background-color: var(--color1);color: var(--textbeyaz);}
.box4_link{position: absolute;z-index: 3; top: 0;left: 0;width: 100%;height: 100%;}
@media (max-width: 768px){.box4{height: 340px;} }

/* contact */
.contact_badge_body{position: relative; display: flex;width: 100%;height: 40vh;overflow: hidden;box-shadow: 1px 2px 3px #ccc;background-color: red;align-items: center;justify-content: center;}
.contact_badge_contact{position: relative;z-index: 3;max-width: 900px;text-align: center;}
.contact_badge_title{font-size: 1.9rem;color: #fff;padding: 15px;font-family: 'Playfair Display', serif;}
.contact_badge_btn{display: inline-block;padding: 12px 50px;background-color: #000;color: #fff;font-size: 1.2rem;font-family: 'Playfair Display', serif;transition: 0.5s all;}
.contact_badge_btn:hover{background-color: var(--color1);color: #fff;box-shadow: 1px 4px 20px #000; transition: 0.5s all;}
.contact_badge_overly{position:absolute;top: 0;left: 0;z-index: 2; display: flex; width: 100%;height: 100%;background-color: var(--colorlogo-bg);}
.contact_badge_img{position: absolute;top: 0;left: 0; width:100%;height:100%;object-fit: cover;}

/* PROJECT BOX */
.box5{position: relative; display: flex;flex-wrap: wrap;width: 100%;cursor: pointer;}
.box5_img_body{width:100%;height: 220px;overflow: hidden;}
.box5_img{width:100%;height:100%;object-fit: cover;transition: all 1s ease;}
.box5:hover .box5_img{transform: scale(1.2);transition: all 1s ease;}
.box5_title{display:flex;width: 100%;padding:0 10px;justify-content: center;font-size: 1.1rem;font-weight: 600;text-align: center;font-family: var(--title); transition: all 0.5s ease;}
.box5:hover .box5_title{color: var(--color1);transition: all 0.5s ease;}
.box5_content{display:flex;width:100%; font-size: 0.8rem;justify-content: center;}
.box5_link{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}

/* TEAM */
.our-team img{width: 100%;height: auto;border: 2px solid #000000;transition: all 0.30s linear 0s;}
.our-team:hover img{border: 2px solid var(--colorlogo);} .our-team 
.team-prof h3{font-size: 18px;font-weight: bold;color: #333;margin: 20px 0 5px 0;text-transform: uppercase;}
.our-team .team-prof span{font-size: 14px;color: #808080;display: block;margin-bottom: 15px;text-transform: capitalize;}
.our-team .social-links{padding:0; margin:0; list-style: none; } 
.our-team .social-links li{display: inline-block; margin-right: 15px; }
.our-team .social-links li a{color: #6a6060; font-size: 18px; transition: all 0.30s linear 0s; }
.our-team .social-links li a:hover{color: var(--colorlogo);text-decoration: none;} 
.our-team .social-links:after{content: "";display: block;width: 20%;margin-top: 10px;border-bottom: 2px solid #fff;transition: all 0.30s linear 0s;}
.our-team:hover .social-links:after{border-bottom: 2px solid var(--colorlogo);} 
@media only screen and (max-width: 990px){.our-team{ margin-bottom:20px; } }


/* COMMENTS */
.comments_slider{display: block;position: relative;z-index: 1;width: 100%;}
.comments_box{margin: 0 20px 40px;} 
.comments_box .comments_box_content{padding: 35px 25px 35px 50px; margin-bottom: 35px; background: #fff; border: 1px solid #f0f0f0; position: relative; }
.comments_box .comments_box_content:after{content: ""; display: inline-block; width: 20px; height: 20px; background: #fff; position: absolute; bottom: -10px; left: 22px; transform: rotate(45deg); }
.comments_box_content .comments_box_icon{width: 50px;height: 45px;background: var(--colorlogo);text-align: center;font-size: 22px;color: #fff;line-height: 42px;position: absolute;top: 37px;left: -19px;}
.comments_box_content .comments_box_icon:before{content: "";border-bottom: 16px solid var(--colorlogo);border-left: 18px solid transparent;position: absolute;top: -16px;left: 1px;}
.comments_box .comments_box_description{font-size: 14px; color: #8a8a8a; line-height: 23px; margin: 0; }
.comments_box .comments_box_title{display: block; font-size: 18px; font-weight: 700; color: #525252; text-transform: capitalize; letter-spacing: 1px; margin: 0 0 5px 0; }
.comments_box .comments_box_post{display: block;font-size: 14px;color: var(--colorlogo);}

/* BRANDS */
.brands_body{display: flex;width: 100%;height: 50vh;background-color: #fff;justify-content: center;align-items: center;}
.brands_box{display: flex;width: 100%;min-height: 180px; justify-content: center;align-items: center;flex-wrap: wrap;border:1px dotted transparent;transition: 0.5s all;}
.brands_img{max-width:100%;height:150px;object-fit: contain;padding: 10px;}
/*.brands_name{color: #767676;padding: 10px; transition: 0.5s all;}*/
.brands_box:hover{border:1px dotted #ccc; transition: 0.5s all;}
.brands_box:hover .brands_name{color: var(--color1);transition: 0.5s all;}



/* BLOG */
.blog_box{position: relative;width: 100%;box-shadow: 0px 0px 20px #cdcdcd;}
.blog_img_body{display: flex;width: 100%;height: 350px;overflow: hidden;}
.blog_img{width: 100%;height: 100%;object-fit: cover;}
.blog_content_body{position: relative;display: block;width: 100%;background-color: #fff;}
.blog_content{position: relative;z-index: 2; top: -30px; width: 95%;margin: 0 auto;background-color: #fff;border-top: 4px solid var(--colorlogo);margin-bottom: 20px;}
.blog_title{font-size: 1.4rem;padding: 15px 30px;font-family: var(--title);font-weight: 600;margin: 0;}
.blog_description{display: flex;width: 100%;padding: 0 30px;font-size: 0.9rem;}
.blog_btn_body{display: flex;width: 95%;margin: 0 auto;padding: 15px 30px;}
.blog_btn{color: var(--colorlogo);border: 1px solid transparent;padding:10px 20px;border: 1px solid var(--colorlogo);}
.blog_btn:hover{color: #fff;background-color: var(--colorlogo); transition: 0.5s all;}
@media (max-width: 992px){.blog_img_body{height: 300px;} }
@media (max-width: 768px){
  .blog_content{width: 100%;top: 0;margin-bottom: 10px;}  
  .blog_img_body{height: 250px;}
  .blog_title{padding: 15px;}
  .blog_description{padding: 0 15px;}
  .blog_btn_body{width: 100%;padding:0 15px 20px 15px;}
}


/* MAP */
.map_container{display: flex;width: 100%;}
.map_style{width: 100%;height: 75vh; border:0;}

/* CONTACT PAGE */
.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: var(--colorlogo);margin-top: -25px;justify-content: center;align-items: center;font-size: 2rem;}
.contact_box2_title{color: var(--colorlogo);}
.contact_box2_text{font-size: 14px;color: #222222;}
.contact_box2_text:hover{color: var(--colorlogo);}
.contact_form_text1{color: #4b4b4b; font-weight: 400; font-size: 18px; }
/* contact form*/
.contact3_body{display: flex;flex-wrap: wrap; background: #fff;padding:40px 15px;box-shadow: 0px 0px 14px #dfdfdf;}
.contact_textarea {min-height: 150px !important;}
.submit3_btn{display: inline-block;padding: 10px 25px;border: 1px solid var(--colorlogo);background: #fff;/* border-radius: 4px; */color: var(--colorlogo);transition: 0.5s all;}
.submit3_btn:hover{color: #ffffff;transition: 0.5s all;background-color: var(--colorlogo);}
/* office contact */
.office_box{display: block;padding: 30px 15px;background-color: var(--bacgroung-header);box-shadow:0px 0px 14px #dfdfdf;}
.ul_office_contact{}
.ul_office_contact li{display: flex;width: 100%;padding: 5px 0;font-size: 0.9rem;}
.ul_office_contact li > a{color: var(--color);}
.ul_office_contact li > a:hover{color: var(--color1);}
.ul_office_contact li > i{color: var(--color1);padding-right: 10px;}






/* FOOTER */
.footer_body{display: flex;width: 100%;background-color: var(--color2);min-height: 40vh;}


.ul_footer1 > li > a{display: inline-block;padding:5px 10px 5px 0;color: var(--textbeyaz);font-size: 0.8rem; transition: 0.5s all;}
.ul_footer1 > li > a:hover{transform: scale(1.1);color: var(--color1);transition: 0.5s all;}

.ul_footer2 > li{display: flex;padding:5px 10px 5px 0;align-items: center;font-size: 0.8rem;}
.ul_footer2 > li > i{padding-right: 8px;}
.footer_a2 {color: var(--textbeyaz);transition: 0.5s all;}
.footer_a2:hover{color: var(--color1);transform: scale(1.1);transition: 0.5s all;}

.ul_social_footer{display: flex;}
.footer_social_a{display: inline-block;padding: 5px 10px 5px 0;color:var(--textbeyaz);}
.footer_social_a:hover{color:var(--color1);transform: scale(1.1);}

.copyrights_border{border-top: 1px solid var(--color1);}
.copyrights{font-size: 0.8rem;}
.copyrights_link{color: var(--color1);}
.copyrights_link:hover{color: var(--color1);transform: scale(1.1);}



/* COOKIE */
@media (min-width: 768px){
.cookie_body {display: flex; align-items: center; position: fixed; bottom: 20px; left: 120px; z-index: 99; min-height: 100px; padding: 10px; width: 500px; background-color: #000000a3;color: #fff;transition: 0.5s all; }
}
.cookie_link{display:inline-block;padding: 8px 14px;background-color: var(--color1);color: #FFFFFF;margin: 5px;}
.cookie_link:hover{background-color: var(--color2);}
.cookie_link:hover, .cookie_close:hover{color: #ffffff;}
@media (max-width: 768px){
    .cookie_body{display: flex;align-items: center; position: fixed;bottom: 0;left: 0;z-index: 99; min-height: 100px;width: 100%;background-color: #000000a3; box-shadow: 0px 0px 2px var(--colorlogo); color: #fff; transition: 1s all;}
    .cookie_link{display:inline-block;padding: 8px 14px;background-color: var(--colorlogo);border-radius: 5px;color: #FFFFFF;margin: 5px;}
    .cookie_link:hover, .cookie_close:hover{color: #ffffff;}
}
.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_close{display:inline-block;padding: 8px 14px;background-color: #FCA311;border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cokigizle{bottom: -100%; transition: 1s all; }
.cookie_text a {color:#62b9f7 ;}
/*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; }
}


.page_content{
    min-height: 400px;
}

/* language */
.language_body{position: relative;}
.language_img{max-width: 100%;max-height: 24px;object-fit: contain;padding-right: 7px;}

.language_btn{display: flex;align-items: center;padding: 10px;color: var(--textbeyaz);transition: 0.5s all;} 
.language_btn:hover{color: var(--hover);transition: 0.5s all;}
.language_dropdown{position: absolute;z-index: 9;top: 100px;visibility: hidden;opacity: 0;pointer-events: none;min-width: 170px;height: auto;background-color: var(--bacgroung-header);box-shadow: 0px 4px 10px 1px #a3a3a3;transition: 0.5s all;}
.language_btn2{display: flex;align-items: center;padding: 10px;color: var(--color);transition: 0.5s all;} 
.language_btn2:hover{color: var(--hover);transition: 0.5s all;}
.language_btn:hover ~ .language_dropdown, .language_dropdown:hover{top: 43px; visibility: visible;opacity: 1;pointer-events: auto;transition: 0.5s all;}
@media (max-width: 330px) {.language_btn > span{display: none;}.language_img{padding-right: 0}}