/* PUBLIC SETTINGS */
:root{
    --color:#000;
    --color1:#fedc58;
    --color2: #e73729;
    --textcolor:#000;
    --colorlogo:#e73729;
    --colorlogo-bg:#07070aad;
    --bgcolor-before: #e7372824;
    --textbeyaz:#f5f5f5;
    --white:#fff;
    --hover:#fedc58;
    --hover2:#e73729;
    --hover3:#0c4b62;
    --titlecolor:#777;
    --bacgroung:#f5f5f5;
    --bacgroung-header:#fff;
    --black:#000;
    --black2:#474747;
    --white:#fff;
    --bg-white:#fff;
    --bg-black:#000;
    --bgf5:#f5f5f5;
    --tf: "Poppins", sans-serif;
    --titlef: "Baskervville", serif;
    --footerbg:#000;
    --breadcrumbbg:#ffdb59;
    --t03: 0.3s all;
    --t05: 0.5s all;
    --t1: 1s all;
}
*, *::before, *::after {box-sizing: border-box; }
*, html, body{margin: 0;padding: 0;font-family: var(--tf);} 
html, body{width: 100%;height: 100%;font-family: var(--tf);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;}
button{background: transparent;outline: none;border: 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;}
img{max-width: 100% !important;}
/* NUMBER INPUT Firefox, Chrome ve Safari için */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none !important; margin: 0;}
input[type="number"] {-moz-appearance: textfield !important;}
/* 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;}
.satir_4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden;}
.ul_sifirla{list-style-type: none;margin: 0;padding:0;}
img.lazy {display: block;}
/* YUKARI CIK BUTTONU */
.scroll_up_btn_nnt{position: fixed;display: flex;justify-content: center;align-items: center;height: 44px;width: 42px;right: 30px;bottom: 5px;background-color: var(--color2); color: var(--white);z-index: 99;font-size: 1.2rem;border-radius: 10px;border-bottom-width: 2px;cursor: pointer;opacity: 0;pointer-events: none;transition: all 0.3s ease;}
.scroll_up_btn_nnt:hover{background-color: var(--color1);color: var(--color);}
.scroll_up_btn_nnt.scroll_up_btn_nnt_show{bottom: 90px; opacity: 1; pointer-events: auto; }
@media (max-width: 500px) {.scroll_up_btn_nnt{right: 15px; bottom: 90px; 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;border-bottom: 1px solid #f5f5f5;background-color: var(--color);}
.social_body{}
.social_ul{display: flex;}
.social_ul > li > a{display: flex;padding: 10px 8px;color: var(--textbeyaz);transition: 0.5s all;}
.social_ul > li > a:hover{color: var(--hover);transition: 0.5s all;}

.info_menu_box{display: flex;}
.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: 290px;height: 100%;}
.logo > img{width: 100%;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(--color1);background-color: var(--color); transition: 0.5s all;}
.menu_a_active{color: var(--color1);background-color: var(--color); 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(--color);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(--color);}
    .alt_a:hover{color: var(--color1);background-color: var(--color); }
    .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: 999; background-color:var(--bacgroung-header);box-shadow: 0px -3px 7px #000;}

/* 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: 0;z-index: 99; background-color: #fff;max-width: 400px;width: 0;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{width: 100%; 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: 75px !important;height: 100%;border-left: 1px solid #ccc; 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(--color2);}
.alt_a:hover{color: var(--textbeyaz);background-color: var(--color2); }
.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: 50px 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: 10px; 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: 300px;}
.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;overflow: hidden;}
.info_box2{position: relative;display: flex;width: 50%;height: 55vh;}
.info_box2_img{width:100%;height: 100%;object-fit: cover;}
.info_box3{position: relative; display: flex;width: 50%;padding: 15px;}
@media (max-width: 992px){.info_box2{height: 50vh;}}
@media (max-width: 768px){.info_box2{height: 48vh;}}
@media (max-width: 500px){.info_box2{height: 45vh;}}

/* 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(--color2);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;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 20px 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);}

/* GALERI IMG BOX */
.comments_img{position: relative;display: inline-block;width: 100px;height: 50px;border-radius: 10px;overflow: hidden;}
.comments_img img{width: 100%;height: 100%;object-fit: cover;}
.comments_img a{position: absolute;display: block; z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}

/*modal bildirim mesaj*/
.swal-text{text-align: center !important;}

/* 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(--footerbg);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(--color2);color: #FFFFFF;margin: 5px;}
.cookie_link:hover{background-color: var(--bg-black);color: var(--color1);}
.cookie_link:hover, .cookie_close:hover{color: var(--color1);}
@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 Start*/
.loader_rolling {width: 10px; height: 10px; border-radius: 50%; display: block; margin:15px auto; position: relative; color: #FFF; left: -100px; box-sizing: border-box; animation: shadowRolling 2s linear infinite; }
@keyframes shadowRolling {
  0% {box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  12% {box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  25% {box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  36% {box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0); }
  50% {box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white; }
  62% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white; }
  75% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white; }
  87% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white; }
  100% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); }
}
.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; font-size: 1.8rem;}
 .loadet_text{color: #fff;}
/*Loader End */




/* CONTACT-FIXED UL  */
.fix_contant_ul{position: fixed;z-index: 50;bottom: 10px;left: 10px;}
@-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 btn */
.callback {position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px;z-index: 1; }
.callback .circle,.callback .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 }
.callback .circle {width: 120%; height: 120%; background-color: transparent; -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%; }
.callback .circle_fill {width: 100%; height: 100%; border: 2px solid transparent; -webkit-animation: cptCircleFill 2.3s infinite ease-in-out; animation: cptCircleFill 2.3s infinite ease-in-out; }
.callback .btn_nnt {position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;box-shadow: 0 0px 4px 1px rgb(0 0 0 / 20%); background-size: 30px; border-radius: 100%; cursor: pointer;}
.callback .btn_nnt > 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; }
.callback .btn_nnt > img {vertical-align: middle;width: 100%;}
.callback .circle.wp{ border: 2px solid #189d0e;}
.callback .circle_fill.wp{background-color: #189d0e;box-shadow: 0 0 2px 0 #189d0e!important;}
.callback .btn_nnt.wp{background: center center no-repeat #189d0e;color: #fff;}
.callback .circle.tel{ border: 2px solid #2196F3;}
.callback .circle_fill.tel{background-color: #2196F3;box-shadow: 0 0 2px 0 #2196F3!important;}
.callback .btn_nnt.tel{background: center center no-repeat #2196F3;color: #fff;}
.callback .circle.insta{ border: 2px solid #833ab4;}
.callback .circle_fill.insta{  background: #833ab4;box-shadow: 0 0 2px 0 #833ab4!important;}
.callback .btn_nnt.insta{background: center center no-repeat #833ab4;color: #fff;}
.callback .btn_nnt.insta > img {vertical-align: middle;width: 100%;}



.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}}



/* BREADCRUMB */
.breadcrumb_bg2{position: relative; display: flex;align-items: center; width: 100%;background-color: var(--breadcrumbbg);overflow: hidden;padding: 10px 0;}
.breadcrumb2{position: relative;z-index: 5; display: flex;flex-wrap: wrap; width: 100%;height: 100%;align-items: center;align-content: center;text-align: center;}
.breadcrumb_ul2{display: flex;flex-wrap: wrap;width: 100%;}
.breadcrumb_ul2 > li{position: relative;display: flex; align-items: center;line-height: 1.2;}
.breadcrumb_ul2 li:before{position: absolute;font-family: "Font Awesome 6 Free";content: '\f105';font-weight: 900;right:-5px;color:var(--black2); }
.breadcrumb_ul2 li:last-child:before{content: '';}
.breadcrumb_ul2 > li > a{position: relative; display: inline-flex;padding: 5px 9px;font-size: 0.77rem;color: var(--black2);}
.breadcrumb_ul2 > li > a:hover, .breadcrumb_ul2 > li > a.active, .breadcrumb_ul2 > li > a span{color: var(--color2);}
/* PAGINATION */
.pagination-outer{ text-align: center; }
.pagination{display: inline-flex; position: relative; }
.pagination li a.page-link{color: #888; background-color: transparent; font-size: 17px; font-weight: 500; line-height: 34px; height: 35px; width: 35px; padding: 0; margin: 0; border: 1px solid #ddd; border-radius: 0; overflow: hidden; position: relative; z-index: 1; transition: all 0.4s ease 0s; }
.pagination li a.page-link:hover, .pagination li a.page-link:focus, .pagination li.active a.page-link:hover, .pagination li.active a.page-link{color: var(--color); background-color: transparent; }
.pagination li a.page-link:before, .pagination li a.page-link:after{content: ''; background-color: var(--color); width: 100%; height: 100%; position: absolute; left: 0; top: 100%; z-index: -1; transition: all 0.4s ease 0s; }
.pagination li a.page-link:after{background-color: #fff; border-radius: 50%; transform: scale(0); top: 0; transition: all 0.4s ease 0.2s; }
.pagination li a.page-link:hover:before, .pagination li a.page-link:focus:before, .pagination li.active a.page-link:hover:before, .pagination li.active a.page-link:before{top: 0; }
.pagination li a.page-link:hover:after, .pagination li a.page-link:focus:after, .pagination li.active a.page-link:hover:after, .pagination li.active a.page-link:after{transform: scale(0.8); }
@media only screen and (max-width: 480px){
  .pagination{font-size: 0; display: inline-block; }
  .pagination li{display: inline-block; vertical-align: top; margin: 10px 0; }
}



/* 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: 58px; 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; 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: 60px; height: 60px; }
.icon-font-color {color: #ffffff; }
.icon-font-color--black {color: #333333; }



/* news galeri box */
.news_box_galeri {position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;width: 100%;height: 100%;margin: 0;color: var(--color);text-align: left;font-size: 16px;background: #ffffff;}
.news_box_galeri *, .news_box_galeri:before, .news_box_galeri:after {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.news_box_galeri img {width: 100%;height: 100%;object-fit: cover;}
.news_box_galeri:before, .news_box_galeri:after {content: '';background-color: var(--color);position: absolute;z-index: 1;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.news_box_galeri:before {width: 100%; height: 2px; }
.news_box_galeri:after {height: 100%; width: 2px; } 
.news_box_galeri figcaption {position: absolute; left: 0; bottom: 0; }
.news_box_galeri a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.news_box_galeri:hover img, .news_box_galeri.hover img {zoom: 1; filter: alpha(opacity=25); -webkit-opacity: 0.25; opacity: 0.25; }
.news_box_galeri:hover:before, .news_box_galeri.hover:before, .news_box_galeri:hover:after, .news_box_galeri.hover:after {opacity: 1; }
.news_box_galeri:hover:before, .news_box_galeri.hover:before {width: 50px; } .news_box_galeri:hover:after, .news_box_galeri.hover:after {height: 50px; }

/* MODALS STYLE1 */
.nnt_close_btn{display: flex;align-items: center;justify-content: center; z-index: 12;background: none; background-color: red;color: #fff;border-radius: 50%;opacity: 1;}
.modal_banner_body{position: absolute;z-index: 10;display: flex;width: 100%;height: 100%;background-color: #fff;}
.modal_banner_link{display: flex;width: 100%;height: 100%;}
.modal_banner_img{width: 100%;height: 100%;object-fit: cover;}
.modal_textarea{min-height: 100px !important;}


/* TEAM BOX */
.team_box{position: relative; display: block;width: 100%;cursor: pointer; background-color: var(--bg-white);border-radius: 15px;padding: 15px;box-shadow: 1px 2px 3px #ccc;transition: var(--t03);}
.team_box:hover{transform: scale(1.05);box-shadow: 1px 2px 11px var(--color2);transition: var(--t03);}
.team_box .img{position: relative; display: flex; width: 100%;height: 100%;border-radius: 50%;}
.team_box .img img{width: 100px;height: 100px;object-fit: cover;border-radius: 15px;}
.gallery_a{position: absolute;top: 0;left: 0;display: flex; width: 100%;height: 100%;z-index: 2;}
.team_box .unvan{display: flex;width: 100%;font-size: 0.8rem;color: #ccc;}
.team_box .name{display: flex;width: 100%;font-weight: 600;font-size: 1.2rem;}
.team_box .mesaj{display: flex;width: 100%;font-size: 0.90rem;}
.team_box .social{display: flex;gap: 5px;flex-wrap: wrap;}
.team_box .social > li > a{display: flex;justify-content: center;align-items: center; width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--black2);color: var(--black2);transition: var(--t03);}
.team_box .social > li > a:hover{background-color: var(--color); border: 1px solid var(--color1);color: var(--color1);transition: var(--t03);}
.team_box .footer{display: flex;width: 100%;gap: 10px;}
.team_btn1{display: inline-flex;padding: 8px 15px;background-color: var(--color);border-radius: 50px;text-align: center;align-items: center;color: var(--white);transition: var(--t03);}
.team_btn1:hover{background-color: var(--color1);color: var(--colo2);}



/* YORUMLAR */
.rating {display: flex; width: 100%; justify-content: center; overflow: hidden; flex-direction: row-reverse; height: 150px; position: relative; }
.star0 {filter: grayscale(100%); }
.rating > input {display: none; }
.rating > label {cursor: pointer; width: 40px; height: 40px; margin-top: auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; transition: 0.3s; }
.rating > input:checked ~ label, .rating > input:checked ~ label ~ label {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); }
.rating > input:not(:checked) ~ label:hover, .rating > input:not(:checked) ~ label:hover ~ label {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); }
.emoji-wrapper {width: 100%; text-align: center; height: 100px; overflow: hidden; position: absolute; top: 0; left: 0; }
.emoji-wrapper:before, .emoji-wrapper:after {content: ""; height: 15px; width: 100%; position: absolute; left: 0; z-index: 1; }
.emoji-wrapper:before {top: 0; background: linear-gradient(to bottom, white 0%, white 35%, rgba(255, 255, 255, 0) 100%); }
.emoji-wrapper:after {bottom: 0; background: linear-gradient(to top, white 0%, white 35%, rgba(255, 255, 255, 0) 100%); }
.emoji {display: flex; flex-direction: column; align-items: center; transition: 0.3s; } 
.emoji > svg {margin: 15px 0; width: 70px; height: 70px; flex-shrink: 0; }
#star1:checked ~ .emoji-wrapper > .emoji {transform: translateY(-100px); }
#star2:checked ~ .emoji-wrapper > .emoji {transform: translateY(-200px); }
#star3:checked ~ .emoji-wrapper > .emoji {transform: translateY(-300px); }
#star4:checked ~ .emoji-wrapper > .emoji {transform: translateY(-400px); }
#star5:checked ~ .emoji-wrapper > .emoji {transform: translateY(-500px); }
.feedback {max-width: 360px; background-color: #fff; width: 100%; padding: 30px; border-radius: 8px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05); }



/* PRODUCT 2 BOX */
.product_box2{position: relative; display: block;width: 100%; background-color: var(--bg-white);border-radius: 15px;box-shadow: 1px 2px 3px #ccc;}
.product_box2 .img{width: 100%;height: 200px;}
.product_box2 .img > img{width: 100%;height: 100%;border-radius: 15px;}
.product_box2 .title{text-align: center;width: 100%;padding:0 10px;font-weight: 600;}
.product_box2 .desc{text-align: center;width: 100%;height: 44px; padding:0 10px;font-size: 0.9rem;color: var(--black2);}
.product_box2 .pfooter_ul{position: relative;bottom: 0; display: flex;width: 100%;justify-content: center;gap: 10px;padding: 10px;}
.product_box2 .pfooter_ul > li{}
.product_box2 .pfooter_ul > li > a{display: flex;align-items: center;gap: 6px; padding: 8px 15px;background-color: var(--color);color: var(--white);border-radius: 10px;}
.wpbg{background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );}


/* PRODUCT PAGE SUB MENU */
.sub_menu{display: block;width: 100%;background-color: var(--bg-white);border-radius: 15px;}
.sub_menu_ul{display: block;width: 100%;padding: 15px;}
.sub_menu_ul > li{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-top: 1px solid var(--bgf5);}
.sub_menu_ul > li:first-child{border-top: none;}
.sub_menu_ul > li > a{display: flex;padding: 10px 0;color: var(--black); transition: var(--t03);}
.sub_menu_ul > li > a:hover, .sub_menu_ul > li > a.active{color: var(--color2);transition: var(--t03);}
.sub_menu_ul > li > button{display: inline-flex;width: 50px;height: 40px; padding: 10px 0;justify-content: center;align-items: center;text-align: center;border-left: 1px solid var(--bgf5);}
.alt_sub_menu_ul{display: block;width: 100%;}
.alt_sub_menu_ul > li > a{display: flex;width: 100%;padding: 5px 0; color: var(--black2);transition: var(--t03);}
.alt_sub_menu_ul > li > a:hover, .alt_sub_menu_ul > li > a.active{color: var(--color2);transition: var(--t03);}




.mobil_sub_bar{display: none;}
@media (max-width: 768px) {
    .mobil_sub_bar{display: flex;justify-content: space-between; width: 100%;background-color: var(--bg-white);padding: 15px;border-radius: 15px;} 
    .dekstop_sub_menu{display: none;}
}
@media (max-width: 520px) {.search2{display: none;} }
/* news galeri box */
.news_box_galeri {position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;width: 100%;height: 100%;margin: 0;color: var(--color);text-align: left;font-size: 16px;background: #ffffff;}
.news_box_galeri *, .news_box_galeri:before, .news_box_galeri:after {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.news_box_galeri img {width: 100%;height: 100%;object-fit: cover;}
.news_box_galeri:before, .news_box_galeri:after {content: '';background-color: var(--color);position: absolute;z-index: 1;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.news_box_galeri:before {width: 100%; height: 2px; }
.news_box_galeri:after {height: 100%; width: 2px; } 
.news_box_galeri figcaption {position: absolute; left: 0; bottom: 0; }
.news_box_galeri a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.news_box_galeri:hover img, .news_box_galeri.hover img {zoom: 1; filter: alpha(opacity=25); -webkit-opacity: 0.25; opacity: 0.25; }
.news_box_galeri:hover:before, .news_box_galeri.hover:before, .news_box_galeri:hover:after, .news_box_galeri.hover:after {opacity: 1; }
.news_box_galeri:hover:before, .news_box_galeri.hover:before {width: 50px; } .news_box_galeri:hover:after, .news_box_galeri.hover:after {height: 50px; }



/* product_detail */
.product_kunye_box{display: block;width: 100%;padding: 20px 15px; background-color: var(--bg-white);box-shadow: 0px 2px 10px #00000047;border-radius: 15px;}
.satin_al_btn{display: flex;width: 100%; align-items: center;justify-content: center; margin: 0 auto;border-radius: 50px;font-size: 1.2rem;font-weight: 600; padding: 15px 20px;color: var(--white); transition: var(--t03);}
.satin_al_btn:hover{color: var(--white);transform: scale(0.990); transition: var(--t03);}


/* share */
.social-share-buttons{position: relative;display: flex;justify-content: center; width: 100%;flex-wrap: wrap;gap: 5px;}
.share-button{display: inline-flex;width: 48%; align-items: center;gap: 5px;justify-content: center;font-size: 0.9rem; padding: 6px 13px;border-radius: 50px;background-color: var(--bg-black);color: var(--white);transition: var(--t03);}
.share-button:hover{color: var(--color1);transition: var(--t03);}