/* PUBLIC SETTINGS */
*, *::before, *::after {box-sizing: border-box;}
:root{
  --color:#000;
  --colordn:#faa41a;
  --color-white:#fff;
  --colorhover:#faa41a;
  --titlecolor:#000;
  --titlecolor-white:#fff;
  --titlehover:#faa41a;    
  --hover:#faa41a;
  --hover2:#faa41a;
  --bacgroung:#f5f5f5;
  --bacgroung-dn:#faa41a;
  --bacgroung-white:#fff;
  --bacgroung-black:#000;
  --border-gri:#ccc;
  --border-dn:#faa41a;
  --textfont: 'Jost', sans-serif;
  --titlefont:'Bebas Neue', sans-serif;
  --transition05: 0.5s all;
  --transition1: 1s all;
}
*, html, body{margin: 0;padding: 0; font-family: var(--textfont);} 
html, body{margin: 0 auto; width: 100%;height: 100%;font-family: var(--textfont);font-size: 105%;}
body{margin: 0 auto; width: 100%; overflow: hidden;overflow-y: scroll;}
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;}
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: 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{    background-color: #faa41a; 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;} }
.body_no_scrool{overflow: hidden;}
/* HEADER */
.menu_nav{position: fixed;z-index: 99;top: 0;left: 0; display: flex;width: 100%;height: 90px;background: var(--bacgroung-white);justify-content: center;box-shadow: 0px 0px 4px #bbbbbb;}
.menu_row{display:flex;width: 100%;height: 100%;justify-content: space-between;align-items: center;}
.logo{display: flex;align-items: center; max-width: 200px;width: 100%;height: 100%;}
.logo_img{max-width: 100%;max-height: 100%;object-fit: contain;}
.menu_bar{display:flex;width: 100%;height: 100%;}
.ul_menu1{display: flex;width: 100%;height: 100%;justify-content: flex-end;align-items: center;}
.ul_menu1_a{display: flex;padding: 10px;color: var(--color);transition: var(--transition05);}
.ul_menu1_a:hover{color: var(--hover);transition: var(--transition05);}
.ul_menu1_a_active{color: var(--hover);transition: var(--transition05);}
@media (max-width: 768px) {.menu_bar{display: none;}}
/*mobil icon*/
.mobil_ico{display: block;cursor: pointer;}
.mobil_ham {width: 60px; 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; }
.mobil_hamRotate.active {transform: rotate(45deg); }
.mobil_hamRotate180.active {transform: rotate(180deg); } 
.line {fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#000; stroke-width:3; stroke-linecap:round; }
.mobil_ham .top {stroke-dasharray: 40 172; } .mobil_ham .middle {stroke-dasharray: 40 111; } 
.mobil_ham .bottom {stroke-dasharray: 40 172; } .mobil_ham.active .top {stroke-dashoffset: -132px; } 
.mobil_ham.active .middle {stroke-dashoffset: -71px; } .mobil_ham.active .bottom {stroke-dashoffset:-132px;}
/* hidden-menu */
.sidebar_body{position: fixed;top: 90px;right: -100%;z-index: 99;display: block;width: 100%;max-width: 340px;height: 100%;padding:0; background-color: var(--bacgroung-white);visibility: hidden;opacity: 0;pointer-events: none;transition: var(--transition05);}
.sidebar_body_active{right: 0; visibility: visible;opacity: 1;pointer-events: auto;transition: var(--transition05);}
/* contact info */
.contact_hat_ul{display: flex;width: 100%;justify-content: center;padding-bottom: 10px;}
.contact_btn_wp, .contact_btn_tel, .language_btn{display: flex;width: 100%;justify-content: space-between;padding: 10px; color: var(--color);font-weight: 600;}
.contact_btn_wp > img, .contact_btn_tel > img,  .language_btn > img{object-fit: contain; margin-right: 10px;}
.contact_btn_wp:hover, .contact_btn_tel:hover, .language_btn:hover{color: var(--hover);}
.contact_btn_wp_active, .contact_btn_tel_active, .language_btn_active{color: var(--hover);}
/* sidebar menu */
.sidebar_menu{display: flex;flex-wrap: wrap; width: 100%;}
.sidebar_li{position: relative; width: 100%;}
.sidebar_a{display: flex;padding:15px;color: var(--color);}
.sidebar_a:hover{color: var(--color-white);background-color: var(--bacgroung-dn); transition: var(--transition05);}

/* alt menu */
.alt_menu_btn{justify-content: space-between;align-items: center;}
.alt_menu{position: fixed;top: 90px;right:-100%;z-index: 99;display: block;width: 100%;max-width: 340px;height: 100%;padding:0; background-color: var(--bacgroung-white);visibility: hidden;opacity: 0;pointer-events: none;transition: var(--transition05);}
.alt_menu_active{right: 0; visibility: visible;opacity: 1;pointer-events: auto;transition: var(--transition05);}
.alt_menu_a, .alt_back{display: flex;align-items: center; width: 100%;color: var(--color);padding:15px;}
.alt_menu_a:hover, .alt_back:hover{background-color: var(--bacgroung-dn); color: var(--color-white);transition: var(--transition05);}
.alt_back > i{padding-right: 15px;}
.alt_a_active{color: var(--color-white);background-color: var(--bacgroung-dn); transition: var(--transition05);}
@media (max-width: 768px) {
  .alt_menu_a{padding: 12px; font-size: 0.9rem;}
}
.overliy_sidebar{position: fixed;top: 0;right: -100%; z-index: 97;display: flex;width: 100%;height: 100%;visibility: hidden;opacity: 0;pointer-events: none;transition: 0.4s all;}
.overliy_sidebar_active{right: 0; visibility: visible;opacity: 1;pointer-events: auto;transition: 0.4s all;}
/* social */
.social_ul {display: flex;justify-content: center;}
.social_ul .icon {position: relative;background: #ffffff; color: #000;border-radius: 50%;padding: 10px;margin: 5px;width: 40px;height: 40px;font-size: 14px;display: flex;justify-content: center;align-items: center;flex-direction: column;box-shadow: 0 5px 8px rgb(0 0 0 / 10%);cursor: pointer;transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.social_ul .tooltip {position: absolute;top: 0;font-size: 12px;background: #ffffff;color: #ffffff;padding: 3px 4px;border-radius: 5px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);opacity: 0;pointer-events: none;transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.social_ul .tooltip::before {position: absolute; content: ""; height: 8px; width: 8px; background: #ffffff; bottom: -3px; left: 50%; transform: translate(-50%) rotate(45deg); transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.social_ul .icon:hover .tooltip {top: -30px;opacity: 1;visibility: visible;pointer-events: auto;}
.social_ul .icon:hover span, .social_ul .icon:hover .tooltip {text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1); }
.social_ul .facebook:hover, .social_ul .facebook:hover .tooltip, .social_ul .facebook:hover .tooltip::before {background: #1877F2; color: #ffffff; }
.social_ul .twitter:hover, .social_ul .twitter:hover .tooltip, .social_ul .twitter:hover .tooltip::before {background: #1DA1F2; color: #ffffff; }
.social_ul .instagram:hover, .social_ul .instagram:hover .tooltip, .social_ul .instagram:hover .tooltip::before {background: #E4405F; color: #ffffff; }
.social_ul .github:hover, .social_ul .github:hover .tooltip, .social_ul .github:hover .tooltip::before {background: #333333; color: #ffffff; }
.social_ul .youtube:hover, .social_ul .youtube:hover .tooltip, .social_ul .youtube:hover .tooltip::before {background: #CD201F; color: #ffffff; }

/* SLIDER */
.slider_section{min-height: 100vh;}
@media (max-width: 768px) {.slider_section{min-height: auto;}}
/* INFO 1 */
.info_1_row{display: flex;align-items: center; width: 100%;padding: 80px 0; }
.info1_content{font-size: 1.3rem;}
@media (max-width: 768px) {.info1_content{font-size: 1rem;}}

/* INFO 2 */
.info_main{position: relative;width: 100%;height: 100%;}
.info_box {position: absolute; z-index: 0; width: 50%; height: 50%; overflow: hidden; cursor: pointer; transform: scale(1); will-change: transform, contents; transition-property: all; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0px 0px 2px 0px #d5d5d5;}
@media (min-width: 768px) {
 .info_box:nth-child(1) {top: 0; left: 0; background: #fff; }
 .info_box:nth-child(2) {top: 0; left: 50%; background: #fff; }
 .info_box:nth-child(3) {top: 50%; left: 0; background: #fff; }
 .info_box:nth-child(4) {top: 50%; left: 50%; background: #fff; }
}
.info_box.box_is_expanded {position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; cursor: initial;overflow-y: scroll;background-color: #fff;}
.box_has_expanded_item .info_box:not(.box_is_expanded) {transform: scale(0); } 
.info_box_close {position: absolute; top: 0; right: 0;z-index: 99; display: flex; width: 3rem; height: 3rem; align-items: center; justify-content: center; line-height: 1; font-size: 2rem; text-align: center; color: #000; opacity: 0; cursor: pointer; pointer-events: none; transition: opacity 150ms linear; will-change: opacity; }
.info_box.box_is_expanded .info_box_close {opacity: 1; transition-delay: 500ms; pointer-events: initial; }
.info_box_content {display: flex;flex-wrap: wrap; height: 100%; justify-content: center; align-items: center; color: #000; font-size: 2rem; font-weight: 300; }
.info_box_title{text-align: center;}
.info_box_description{display: none; visibility: hidden;pointer-events: none;font-size: 1rem;padding: 10px;margin-top: 20px;}
.box_has_expanded_item{overflow: hidden;}
.box_is_expanded .info_box_description{display: block; visibility: visible;pointer-events: auto;}
.box_btn{display: inline-flex;padding: 10px 25px;font-size: 1.2rem; border: 1px solid var(--colordn);color: var(--colordn);}
.box_btn:hover{border: 1px solid var(--color);color: var(--color-white);background-color: var(--bacgroung-dn);}
@media (max-width: 768px) {
 .info_main{min-height: auto;}
 .info_box{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center; width: 100%;height:auto;min-height: 25vh;}
}
@media (max-width: 500px) {.info_box_title{font-size: 1.3rem}.info_box{min-height: 20vh}}

/* INFO 3 */
.info_3_body{display: flex;align-items: center;justify-content: center; width: 100%;height: 250px;background-color: var(--bacgroung-black);}

/* HOME CONTACT */
.home_contact_box{display: flex;align-items: center;justify-content: center;min-height: 30vh;}
.h_c_bg1{background-color: var(--bacgroung-dn);}
.h_c_bg2{background-color: var(--bacgroung-black);}
.h_c_text{font-size: 1.4rem;font-weight: 600;}

/* MARKALAR */
.marka_body{display: flex;width: 100%;align-items: center;}
.marka_box{display: flex;width: 100%;height: 60px; align-items: center;justify-content: center;padding: 5px;}
.marka_img{max-width: 100%;max-height: 100%;object-fit: contain;}
/* REFERANSLAR */
.referans_body{display: flex;width: 100%;align-items: center;padding: 80px 0 80px 0;}
.referans_box{display: flex;width: 100%;height: 120px; align-items: center;justify-content: center;padding: 15px;}
.referans_img{max-width: 100%;max-height: 100%;object-fit: contain;}

.referanspage_box{width:100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;padding: 15px 10px;border: 1px dashed #e5e5e5;}
.referanspage_box:hover{border: 1px dashed var(--colordn);}
.referanspage_img{max-width:100%;height: 110px; object-fit: contain;margin-bottom: 10px;}
.referanspage_title{width:100%;padding: 5px 0;text-align: center;font-size: 0.9rem;}


/* TITLE STYLE  */
.title_style1{position: relative; font-size: 2.4rem;font-family: var(--titlefont);text-transform: uppercase;}
.title_style1 > span{font-family: var(--titlefont);color: var(--colordn);text-transform: uppercase;}



/* HIZMETLER */
.services_section{padding: 40px 0 20px 0;}
.services_body{display: flex;width: 100%;padding: 40px 0;}
.services_box{background: #000;height: 270px; text-align: center; overflow: hidden; position: relative; }
.services_box img{width: 100%; height: 100%;object-fit: cover;transition: all 0.35s ease; } 
.services_box:hover img{transform: scale(1.2); }
.services_box .services_box_content{color: #fff;background: #000000b0;width: 100%;padding: 10px 0;transform: translateX(-50%);position: absolute;top: -100px;left: 50%;transition: all 0.35s ease;}
.services_box:hover .services_box_content{ top: 0; }
.services_box .s_b_title{font-size: 22px;text-transform: uppercase;margin: 0 0 3px;}
.services_box .s_post{font-size: 16px;letter-spacing: 1px;text-transform: capitalize;}
.services_box .s_box_icon{background: #000000b0;width: 100%;padding: 10px 0;margin: 0;list-style: none;transform: translateX(-50%);position: absolute;bottom: -100px;left: 50%;transition: all 0.35s ease;}
.services_box:hover .s_box_icon{ bottom: 0; }
.services_box .s_box_icon li{margin: 0 4px; display: inline-block; } 
.services_box .s_box_icon li a{display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;height: 35px;width: 35px;border: 1px solid #fff;transition: all 0.3s ease-in-out;}
.services_box .s_box_icon li a:hover{border-radius: 50%; transform: rotate(360deg); } 
.services_title2{display: flex;justify-content: center; width: 100%; transition: all 0.35s ease;font-size: 1.4rem;color: var(--color);padding: 10px;}
.services_box:hover + .services_title2{visibility: hidden;opacity: 0;pointer-events: none;transition: all 0.35s ease;}
@media (max-width: 992px) {.services_box{height: 240px;} .s_b_title{font-size: 18px;} }
@media (max-width: 768px) {.services_box{height: 220px;} .s_b_title{font-size: 14px;}.services_title2{font-size: 1rem} }





/* PRODUCT */
.product_bg{background-color: #f8f8f9;width: 100%;padding: 20px 0;}
.product_row{display:flex;flex-wrap: wrap;width: 100%;justify-content: center;}
.product_row_col_1{width: 100%;height: 100%; max-width: 280px;justify-content: center;}
.product_row_col_3{display:flex;flex-wrap: wrap;width: 100%;height: 100%; justify-content: center;width:calc(100% - 280px);}
.product_box3{position: relative; display:inline-block;text-align: center; max-width: 280px;width: 100%;background-color: #fff;margin: 10px;overflow: hidden; box-shadow: 1px 1px 5px #dbd8d8;transition: 0.5s all;}
.product_box3:hover{box-shadow: 1px 1px 10px 2px #dbd8d8;transition: 0.5s all;}
.product_box3_a{position: relative; display: flex;justify-content: center;align-items: center;width: 100%;transition: 0.5s all; height: 200px;object-position: center;}
.product_box3_a:before{position: absolute;content: ''; z-index: 2;top: 0;left: 0;display: flex;justify-content: center;align-items: center; width: 100%;height: 100%; opacity: 0.1; transition: 0.5s all;}
.product_box3_a:hover:before{opacity: 0.7; content: '\f002';font-family:"Font Awesome 5 Pro";font-size: 3rem;background-color: #222222;color: #fff; transition: 0.5s all;}
.product_box3_img{width:100%;height: 100%; object-fit: contain;object-position: center;}
.product_box3_name{font-size: 1rem;font-weight: 600;padding: 5px 10px; color: #222222;}
.product_box3_name:hover{color: #000;}
.price3_content{display:flex;justify-content:center;align-items: center;width: 100%;flex-wrap: wrap;}
.price3_real{display:inline-block;padding: 5px 15px;color: #bbb;}
.price_cut3{display:inline-block;padding: 5px 15px;color: #2ca0ff;}
.buy_btn3{display: inline-block;padding:7px 15px;border: 1px solid #2ca0ff;color: #1489e9;transition: 0.5s all;}
.buy_btn3:hover{color: #fbfbfb;background-color: #2ca0ff;transition: 0.5s all;}
/* PRODUCT DETAIL */
.container_productv1{position: relative;display: block;width: 100%;max-width: 1600px;margin: 0 auto;}
.row_productv1{position: relative;display: flex;flex-wrap: wrap;width: 100%;}
.col_productv1{width: 50%;}
.col_productv2{width: 50%;padding: 0 15px;}
@media (max-width: 768px) {.col_productv1, .col_productv2{width: 100%;} .col_productv2{padding-top: 15px;}}
/* sol menu */
.sol_menu_title1{display: flex;padding: 15px 10px;background-color: #2ca0ff;color: #fff;}
.sol_menu_ul1{display: inline-block; background-color: #fff; width: 100%;}
.sol_menu_ul1_li{width: 100%;border-top: 1px solid #f2f2ff;}
.sol_menu_ul1_a{display: flex;width: 100%;padding: 10px;color: #222222;font-size: 0.9rem;}
.sol_menu_ul1_a:hover{color: red;}
.alt_menu1_btn{color: #222222; padding:10px 15px;border-left:1px solid #f5f5f5 ;}
.alt_menu1_btn:hover{color:red;}
.alt_menu_ul1{background-color: #f7ffff;padding-bottom: 10px;}
.alt_menu_ul1 > li{}
.alt_menu_a1{display: flex;padding:5px 10px;font-size: 0.9rem; color: #3482c0;border-left: 1px dashed #f2f2ff;border-bottom: 1px dashed #f2f2ff;}
.alt_menu_a1:hover{background-color: #f5f5f5; color: #2ca0ff;}
@media (max-width: 768px) {.product_row_col_1{display: none;}.product_row_col_3{width: 100%}.pro_container_mobil{max-width: 100%;margin: 0;padding: 0;}}


/* product detail */
.product_title{color: #222222; font-size: 1.4rem; font-weight: 600;}
.product_title2{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; width: 100%;background-color: #efefef;padding: 10px; font-size: 1rem; color: #222222;font-weight: 600;}
.product_title3{display: flex;flex-wrap: wrap;align-items: center;justify-content: center; width: 100%;background-color: #efefef;padding: 10px; font-size: 1rem; color: #222222;font-weight: 600;}

.product_description{min-height: 80px; color:#2e2e2e ; font-size: 0.9rem;margin-bottom: 15px;}
.product_price_ul{display: flex;flex-wrap: wrap; align-items: center; width: 100%;}
.product_price_ul > li{float: left;padding-right: 15px;font-size: 1.5rem;}
.product_price_ul > li > s{color: #ccc;}
.product_price_ul > li > b{color: #c10202;}

.product_btn_ul{display: flex;flex-wrap: wrap; width: 100%;}
.product_btn_ul > li{float: left;}
.product_buy_btn1{display: inline-block;padding:10px;font-size: 0.9rem;background-color: #c10202;color: #fff;margin-right: 10px; transition: 0.5s all;}
.product_buy_btn1:hover{background-color: #d70202;color: #fff;transition: 0.5s all;}
.product_buy_btn2{display: inline-block;padding:10px;font-size: 0.9rem;background-color: #0c71d9;color: #fff;margin-right: 10px;transition: 0.5s all;}
.product_buy_btn2:hover{background-color: #1bbf07;color: #fff;transition: 0.5s all;}
.product_buy_btn3{display: inline-block;padding:10px;font-size: 0.9rem; background-color: green;color: #fff;margin-right: 10px;transition: 0.5s all;}
.product_buy_btn3:hover{background-color: #1bbf07;color: #fff;transition: 0.5s all;}

.product_share{}
.product_share > li{float: left;}
.product_share > li > a{display: flex;width: 30px;height: 30px;justify-content: center;align-items: center;font-size: 0.8rem; color: #222222;margin-right: 5px;background-color: #e5e5e5;border-radius: 50%;transition: 0.5s all;}
.product_share > li > a:hover{ color: #000;background-color: #e6e6e6;transition: 0.5s all;}



.font_color1{color: #000;font-weight: 500;font-size: 1.1rem;}

.btn_row1{display: flex;flex-wrap: wrap; width: 100%;padding: 20px 0;}
.btn_1{display:inline-flex;padding: 10px 40px;color: #000; border: 1px solid var(--colordn);margin-right: 10px;transition: var(--transition05);}
.btn_1:hover{color: var(--color-white);background-color: var(--colordn);transition: var(--transition05);}



/* BREADCRUMB */
.breadcrumb_body{display: flex;width: 100%;height: 400px;background-color: #000;padding-top: 90px;background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
.breadcrumb_row{position: relative; display:flex;flex-wrap: wrap;align-items: center;padding:20px 0; width: 100%;height: 100%;}
.breadcrumb_content{position: relative;z-index: 3;}
.breadcrumb_title{font-size: 2.3rem;font-family: var(--titlefont); width: 100%;text-align: center;}
.breadcrumb_nav{display:flex;width: 100%;justify-content: center;}
.breadcrumb_ul{display:flex;flex-wrap: wrap;}
.breadcrumb_li{display: flex;align-items: center;}
.breadcrumb_a{display: inline-flex;padding: 10px;color: var(--color); transition: var(--transition05);}
.breadcrumb_a:hover{color: var(--colordn);transition: var(--transition05);}
.breadcrumb_active{display: inline-flex;padding: 10px;color: var(--colordn);}
.breadcrumb_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}



/* BLOG BOX */
.blog_box{display: block;position: relative;width: 100%;}
.blog_title{position: relative; display: inline-block;width: 100%;text-transform: uppercase;font-size: 1.5rem;font-weight: 600;padding: 5px 0;}
.blog_img{display: flex;width: 100%;height: 250px;justify-content: center;align-items: center;}
.blog_img > img{width: 100%;height: 100%;object-fit: cover;}
.blog_info{display: flex;width: 100%;}
.blog_ul{display: flex;margin: 5px 0;}
.blog_ul > li{display: flex;padding:0 10px 0 0;font-size: 0.9rem;color: var(--colordn);}
.blog_kate{padding: 0!important; background-color: var(--colordn);}
.blog_kate > a{display: flex;text-align: center;padding:0 10px; color: var(--color-white);}
.blog_cotent{display: flex;width: 100%;font-size: 1.2rem;color: #959595;}
.blog_link{display: block;width: 100%;}
.blog_btn{position: relative; display: inline-flex;padding: 15px 15px 15px 0;color: #4c4c4c;font-size: 1.1rem;font-weight: 600; transition: var(--transition05);}
.blog_btn:hover{color: var(--colordn);transition: var(--transition05);}
@media (max-width: 768px) {.blog_title{font-size: 1.3rem;} .blog_cotent{font-size: 1rem;} }
@media (max-width: 400px) {.blog_title{font-size: 1.2rem;} .blog_cotent{font-size: 0.9rem;} }
/* BLOG DETAY */
.blog_detay_img_body{display: flex;width: 100%;justify-content: center;}
.blog_detay_img{max-width:100%;object-fit: contain;}



/* S.S.S */
.home_sss{padding: 80px 0;}
a:hover,a:focus{text-decoration: none; outline: none; }
#accordion .panel{border: none; box-shadow: none; border-radius: 0; margin: 0 0 15px 10px; }
#accordion .panel-heading{padding: 0;}
#accordion .panel-title a{display: block; padding: 12px 20px 12px 50px; background: var(--colordn); font-size: 18px; font-weight: 600; color: var(--color-white); border: 1px solid transparent; position: relative; transition: all 0.3s ease 0s;}
#accordion .panel-title a.collapsed{background: var(--bacgroung-white); color: var(--color); border: 1px solid var(--color);}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 55px; height: 55px; line-height: 55px; background: var(--colordn); font-size: 25px; color: #fff; text-align: center; border: 1px solid transparent; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58); position: absolute; top: -5px; left: -20px; transition: all 0.3s ease 0s; }
#accordion .panel-title a.collapsed:after{content: "\f105"; background: #fff; color: var(--color); border: 1px solid var(--color); box-shadow: none; }
#accordion .panel-body{padding: 20px 25px 10px 9px; background: transparent; font-size: 1rem; color: var(--color); line-height: 25px; border-top: none; position: relative; }
#accordion .sss_content{padding-left: 25px; border-left: 1px dashed var(--colordn);color: #6c6c6c; }




/* TIMELINE */
.cd-container {width: 100%; margin: 0 auto;padding: 20px 0;  background-color: #efefef;}
.cd-container::after {content: ""; display: table; clear: both; }
#cd-timeline {position: relative; padding: 2em 0;}
#cd-timeline::before {content: ""; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #f9d9a6; }
@media only screen and (min-width: 1170px) {#cd-timeline::before {left: 50%; margin-left: -2px; } }
.cd-timeline-block {position: relative; margin: 2em 0; }
.cd-timeline-block::after {clear: both; content: ""; display: table; }
.cd-timeline-block:first-child {margin-top: 0; } .cd-timeline-block:last-child {margin-bottom: 0; }
@media only screen and (min-width: 1170px) {.cd-timeline-block {margin: 4em 0; } .cd-timeline-block:first-child {margin-top: 0; } .cd-timeline-block:last-child {margin-bottom: 0; } }
.cd-timeline-img {position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); }
.cd-timeline-img img {display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }

.cd-timeline-img.cd-0 {background: #75ce66; }
.cd-timeline-img.cd-1 {background: #c03b44; } 
.cd-timeline-img.cd-2 {background: #f0ca45; }
.cd-timeline-img.cd-3 {background: #75ce66; }
.cd-timeline-img.cd-4 {background: #c03b44; } 
.cd-timeline-img.cd-5 {background: #f0ca45; }

@media only screen and (min-width: 1170px) {.cd-timeline-img {width: 60px; height: 60px; left: 50%; margin-left: -30px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .cssanimations .cd-timeline-img.is-hidden {visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in {visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } }
@-webkit-keyframes cd-bounce-1 {0% {opacity: 0; -webkit-transform: scale(0.5); } 60% {opacity: 1; -webkit-transform: scale(1.2); } 100% {-webkit-transform: scale(1); } }
@-moz-keyframes cd-bounce-1 {0% {opacity: 0; -moz-transform: scale(0.5); } 60% {opacity: 1; -moz-transform: scale(1.2); } 100% {-moz-transform: scale(1); } }
@keyframes cd-bounce-1 {0% {opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% {opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.cd-timeline-content {position: relative; margin-left: 60px; background: #ffffff; border-radius: 0.25em; padding: 1em; box-shadow: 0 3px 0 #d7e4ed; }
.cd-timeline-content::after {clear: both; content: ""; display: table; }
.cd-timeline-content .cd_tl_title {color: #303e49;font-size: 1.5rem;font-weight: 500;} 
.cd-timeline-content .cd_tl_content, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 13px; font-size: 0.8125rem; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {display: inline-block; }
.cd-timeline-content .cd_tl_content {margin: 1em 0; line-height: 1.6; }
.cd-timeline-content .cd-read-more {float: right; padding: 0.8em 1em; background: #acb7c0; color: #ffffff; border-radius: 0.25em; }
.no-touch .cd-timeline-content .cd-read-more:hover {background-color: #bac4cb; }
.cd-timeline-content .cd-date {float: left; padding: 0.8em 0; opacity: 0.7; }
.cd-timeline-content::before {content: ""; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #ffffff; }
@media only screen and (min-width: 768px) {
  .cd-timeline-content .cd_tl_title {font-size: 1.3;}
  .cd-timeline-content .cd_tl_content {font-size: 16px; font-size: 1rem; }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {font-size: 14px; font-size: 0.875rem; }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {margin-left: 0; padding: 1.6em; width: 45%; }
  .cd-timeline-content::before {top: 24px; left: 100%; border-color: transparent; border-left-color: #ffffff; }
  .cd-timeline-content .cd-read-more {float: left; } 
  .cd-timeline-content .cd-date {position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {float: right; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #ffffff; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {float: right; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {left: auto; right: 122%; text-align: right; }
  .cssanimations .cd-timeline-content.is-hidden {visibility: hidden; }
  .cssanimations .cd-timeline-content.bounce-in {visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; }
}
@media only screen and (min-width: 1170px) {.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {-webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; } }
@-webkit-keyframes cd-bounce-2 {0% {opacity: 0; -webkit-transform: translateX(-100px); } 60% {opacity: 1; -webkit-transform: translateX(20px); } 100% {-webkit-transform: translateX(0); } }
@-moz-keyframes cd-bounce-2 {0% {opacity: 0; -moz-transform: translateX(-100px); } 60% {opacity: 1; -moz-transform: translateX(20px); } 100% {-moz-transform: translateX(0); } }
@keyframes cd-bounce-2 {0% {opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 60% {opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes cd-bounce-2-inverse {0% {opacity: 0; -webkit-transform: translateX(100px); } 60% {opacity: 1; -webkit-transform: translateX(-20px); } 100% {-webkit-transform: translateX(0); } }
@-moz-keyframes cd-bounce-2-inverse {0% {opacity: 0; -moz-transform: translateX(100px); } 60% {opacity: 1; -moz-transform: translateX(-20px); } 100% {-moz-transform: translateX(0); } }
@keyframes cd-bounce-2-inverse {0% {opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 60% {opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }



/* PRODUCT */
.pro_box_body{display: block;width: 100%;transition: var(--transition05);}
.pro_box_body:hover{box-shadow: 1px 4px 20px 1px #959595;transition: var(--transition05);}
.pro_img_body{display: flex;width: 100%;justify-content: center;}
.pro_img{max-width: 100%; object-fit: contain;}
.pro_title{text-align: center; padding: 15px;font-size: 1.4rem;font-weight: 500;font-family: var(--titlefont);}
.pro_description{text-align: center; padding: 0 15px 5px 15px;font-size: 0.9rem;color: var(--border-gri);}
.pro_footer{display: flex;width: 100%;justify-content: center;padding: 15px 15px 25px 15px;}
.pro_btn{display: inline-flex;padding: 10px 20px;background-color: var(--bacgroung-black); color: var(--colordn);transition: var(--transition05);}
.pro_btn:hover{background-color: var(--colordn); color: var(--color-white);transition: var(--transition05);}





/* 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(--colordn);margin-top: -25px;justify-content: center;align-items: center;font-size: 2rem;}
.contact_box2_title{color: var(--colordn);}
.contact_box2_text{font-size: 14px;color: #222222;}
.contact_box2_text:hover{color: var(--colordn);}
.contact_form_text1{color: #4b4b4b; font-weight: 400; font-size: 18px; }
/* contact form*/
.contact3_body{display: flex;flex-wrap: wrap;background: #fff;padding:30px 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(--colordn);background: #fff;/* border-radius: 4px; */color: var(--colordn);transition: 0.5s all;}
.submit3_btn:hover{color: #ffffff;transition: 0.5s all;background-color: var(--colordn);}
/* 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(--bacgroung-top);}
.ul_office_contact li > i{color: var(--bacgroung-top);padding-right: 10px;}
.form-control:focus{color:#212529;background-color:#fff;border-color: var(--colordn);outline:0;}



/* MAP */
.map_container{display: flex;width: 100%;}
.map_style{width: 100%;height: 75vh; border:0;}
/* 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; z-index: 97; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; bottom: 30px; left: 20px; }
.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 {max-width: 100%;max-height: 100%;object-fit: contain;}

/* FOOTER */
.title_style2{color: var(--colordn);font-size: 1.3rem;font-weight: 600;}
.footer_body{display: flex;width: 100%;background-color: #000;min-height: 40vh;}
.ul_footer1 > li > a{display: inline-block;padding:5px 10px 5px 0;color: var(--color-white);font-size: 0.8rem; transition: 0.5s all;}
.ul_footer1 > li > a:hover{transform: scale(1.1);color: var(--hover);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: 15px;}
.footer_a2 {color: var(--color-white);transition: 0.5s all;}
.footer_a2:hover{color: var(--hover);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(--color-white);}
.footer_social_a:hover{color:var(--hover);transform: scale(1.1);}
.copyrights_border{border-top: 1px solid var(--hover);}
.copyrights{font-size: 0.8rem;}
.copyrights_link{color: var(--color-white);}
.copyrights_link:hover{color: var(--hover);transform: scale(1.1);}

.sanalpos_zorunlu{display: flex;align-items: center; width: 100%;height: 60px;background-color: var(--bacgroung-dn);}
.sanalpos_img{max-width: 100%;max-height: 100%;object-fit: contain;}



/* PRODUCT DETAIL PANEL */
.ozellik_title{display: flex;align-items: center;padding: 15px 20px; width:100%;min-height: 80px;background-image: linear-gradient( 112.7deg,  rgb(250 164 26) 11.4%, rgba(255,138,0,1) 70.2% );font-size: 1.2rem;font-weight: 500;color: #fff;}
.ozellik_ul{display: block; width: 100%;}
.ozellik_box{position: relative;display: flex;align-items: center; min-height: 100px;background-color: #fff;transition: 0.5s all;}
.ozellik_box:hover{position: relative;z-index: 2; transform: scale(1.02);transition: var(--transition05);box-shadow: 0px 0px 11px 0px #c7c7c7;}
.ozellik_box:hover:before{position: absolute;content: '';height: 50%;width: 4px;left: 0;background-color: var(--colordn);transition: var(--transition05); }
.ozellik_box:nth-of-type(odd) {background-color: #f7f7f7 ; }
.ozellik_icon{display: flex;width: 100px;height: 100%; justify-content: center;align-items: center;}
.ozellik_content{display: flex;width: 100%;height: 100%;}





/* 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; border-radius: 10px; transition: 0.5s all; }
}
.cookie_link{display:inline-block;padding: 8px 14px;background-color: var(--bacgroung-dn);border-radius: 5px;color: #FFFFFF;margin: 5px;}
.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; color: #fff; transition: 1s all;}
.cookie_link{display:inline-block;padding: 8px 14px;background-color: var(--bacgroung-dn);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*/


/*Loader*/
.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: 1rem;}
.loadet_text{color: #fff;}
/*Loader*/