@media (max-width:320px){
  .uk-inputfile {background: #fff; font-weight: 400; border: 1px solid #E0E0E0; border-radius: 4px; height: 56px !important; font-size: 16px; color: #000; padding:0px 10px 0px 8px; transition: padding 0.2s ease;}
  .bordericon-left{opacity: 0.4; border: 1px solid #101B3E; border-radius: 50%; width: 34px; height: 34px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-leftmbl.svg) no-repeat center center; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-left:hover{opacity: 1; border: 1px solid #101B3E; background: url(/images/k-arrow-leftmbl.svg) no-repeat center center #fff; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-right{opacity: 0.4; border: 1px solid #101B3E; border-radius: 50%; width: 34px; height: 34px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-rightmbl.svg) no-repeat center center; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-right:hover{opacity: 1; border: 1px solid #101B3E;  background: url(/images/k-arrow-rightmbl.svg) no-repeat center center #fff; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .button_container span { background: #ffffff;border: none; border-radius: 5px; height: 1.5px; width: 100%;  position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer;}
  .sticky .button_container span { background: #000;border: none; height: 1.5px; width: 100%;  position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer;}
  .button_container span:nth-of-type(2) { top: 7px;}
  .button_container span:nth-of-type(3) { top: 10px;}
  .button_container.active span:nth-of-type(3) { top: 21.2px;}
  
  .mt135{margin-top: 50px;}
  .form-white-box{height:250px;  width:280px; background:#FFFFFF; padding:10px 10px; box-sizing: border-box;}
  .form-radio-bg{background:#E1EBF8; padding:5px 5px; border-radius:999px;}
  .sorgu .label-tr { display: block; padding: 5px 10px; margin: 0px; font-size: 14px; line-height: 19px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu .label-en { display: block; padding: 5px 8px; margin: 0px; font-size: 13px; line-height: 19px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu input[type="radio"]:checked + label { background-color: #FFFFFF; border-radius: 90px; color: #101B3E; }
  .form-text{font-size: 14px; line-height: 19px; color: #000000;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 4px; height: 56px !important; font-size: 16px; line-height: 22px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .sliderinput{font-size: 16px; line-height: 21px; height:52px !important}
  .red-button{background: #E22426; border: 0px; box-shadow: none; cursor: pointer; padding: 17px 20px; color: #FFFFFF; font-size: 16px; line-height: 21px; border-radius: 4px; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .form-white-box .uk-grid-small>* { padding-left: 0px;}
  .form-white-box  .uk-grid-small { margin-left: -0px;}
  
  .slide-padding-70{padding-bottom: 50px;}
  .slide-h1{font-size:34px; line-height:42px; color: #FFFFFF;}
  .slide-kisa-icerik{font-size:18px; line-height:26px; color: #FFFFFF;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 560px; object-fit: cover; object-position: center center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);} 
}

@media (min-width:321px){ 
  .uk-inputfile {background: #fff; font-weight: 400; border: 1px solid #E0E0E0; border-radius: 4px; height: 56px !important; font-size: 16px; color: #000; padding:0px 10px 0px 8px; transition: padding 0.2s ease;}
  .bordericon-left{opacity: 0.4; border: 1px solid #101B3E; border-radius: 50%; width: 34px; height: 34px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-leftmbl.svg) no-repeat center center; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-left:hover{opacity: 1; border: 1px solid #101B3E; background: url(/images/k-arrow-leftmbl.svg) no-repeat center center #fff; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-right{opacity: 0.4; border: 1px solid #101B3E; border-radius: 50%; width: 34px; height: 34px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-rightmbl.svg) no-repeat center center; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-right:hover{opacity: 1; border: 1px solid #101B3E;  background: url(/images/k-arrow-rightmbl.svg) no-repeat center center #fff; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .button_container span { background: #ffffff;border: none; border-radius: 5px; height: 1.5px; width: 100%;  position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer;}
  .sticky .button_container span { background: #000;border: none; height: 1.5px; width: 100%;  position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer;}
  .button_container span:nth-of-type(2) { top: 7px;}
  .button_container span:nth-of-type(3) { top: 10px;}
  .button_container.active span:nth-of-type(3) { top: 21.2px;}

  .mt135{margin-top: 50px;}
  .form-white-box{height:277px;  width:353px; background:#FFFFFF; padding:25px 25px; box-sizing: border-box;}
  .form-radio-bg{background:#E1EBF8; padding:8px 8px; border-radius:999px;}
  .sorgu .label-tr { display: block; padding: 9px 14px; margin: 0px; font-size: 14px; line-height: 19px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu .label-en { display: block; padding: 9px 10px; margin: 0px; font-size: 14px; line-height: 19px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu input[type="radio"]:checked + label { background-color: #FFFFFF; border-radius: 90px; color: #101B3E; }
  .form-text{font-size: 14px; line-height: 19px; color: #000000;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 4px; height: 56px !important; font-size: 16px; line-height: 22px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .sliderinput{font-size: 16px; line-height: 21px; height:52px !important}
  .red-button{background: #E22426; border: 0px; box-shadow: none; cursor: pointer; padding: 17px 20px; color: #FFFFFF; font-size: 16px; line-height: 21px; border-radius: 4px; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .form-white-box .uk-grid-small>* { padding-left: 2px;}
  .form-white-box  .uk-grid-small { margin-left: -2px;}
  
  .slide-padding-70{padding-bottom: 50px;}
  .slide-h1{font-size:44px; line-height:52px; color: #FFFFFF;}
  .slide-kisa-icerik{font-size:20px; line-height:28px; color: #FFFFFF;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 560px; object-fit: cover; object-position: center center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}  
}
@media (min-width: 321px) and (max-width: 375px) {
  .slide-h1{font-size:40px; line-height:50px; color: #FFFFFF;}
  .form-white-box{height:255px;  width:315px; background:#FFFFFF; padding:15px 15px; box-sizing: border-box;}
  .sorgu .label-tr { display: block; padding: 9px 12px; margin: 0px; font-size: 14px; line-height: 19px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu .label-en { display: block; padding: 9px 9px; margin: 0px; font-size: 14px; line-height: 19px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .form-white-box .uk-grid-small>* { padding-left: 1px;}
  .form-white-box  .uk-grid-small { margin-left: -1px;}
}

@media(min-width:640px){
  .uk-inputfile {background: #fff; font-weight: 400; border: 1px solid #E0E0E0; border-radius: 4px; height: 60px !important; font-size: 18px; color: #000; padding:0px 10px 0px 8px; transition: padding 0.2s ease;}
  .bordericon-left{opacity: 0.4; border: 1px solid #101B3E; border-radius: 50%; width: 44px; height: 44px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-left.svg) no-repeat center center; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-left:hover{opacity: 1; border: 1px solid #101B3E; background: url(/images/k-arrow-left.svg) no-repeat center center #fff; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-right{opacity: 0.4; border: 1px solid #101B3E; border-radius: 50%; width: 44px; height: 44px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-right.svg) no-repeat center center; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  .bordericon-right:hover{opacity: 1; border: 1px solid #101B3E;  background: url(/images/k-arrow-right.svg) no-repeat center center #fff; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
  
  .button_container span { background: #ffffff;border: none; border-radius: 5px; height: 2px; width: 100%;  position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer;}
  .sticky .button_container span { background: #000;border: none; height: 2px; width: 100%;  position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer;}
  .button_container span:nth-of-type(2) { top: 7px;}
  .button_container span:nth-of-type(3) { top: 14px;}
  .button_container.active span:nth-of-type(3) { top: 21.2px;}

  .mt135{margin-top: 50px;}
  .form-white-box{height:335px;  width:470px; background:#FFFFFF; padding:40px 40px; box-sizing: border-box;}
  .form-radio-bg{background:#E1EBF8; padding:10px 10px; border-radius:999px;}
  .sorgu .label-tr { display: inline-block; padding: 11px 21px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu .label-en { display: inline-block; padding: 11px 18px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu input[type="radio"]:checked + label { background-color: #FFFFFF; border-radius: 90px; color: #101B3E; }
  .form-text{font-size: 16px; line-height: 21px; color: #000000;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 4px; height: 60px !important; font-size: 18px; line-height: 24px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .sliderinput{font-size: 16px; line-height: 21px; height:54px !important}
  .red-button{background: #E22426; border: 0px; box-shadow: none; cursor: pointer; padding: 18px 20px; color: #FFFFFF; font-size: 18px; line-height: 24px; border-radius: 4px; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .slide-padding-70{padding-bottom: 120px;}
  .slide-h1{font-size:74px; line-height:84px; color: #FFFFFF;}
  .slide-kisa-icerik{font-size:20px; line-height:32px; color: #FFFFFF;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 600px; object-fit: cover; object-position: center center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}   
}


@media(min-width:960px){
  .mt135{margin-top: 100px;}
  .form-white-box{height:335px;  width:470px; background:#FFFFFF; padding:40px 40px; box-sizing: border-box;}
  .form-radio-bg{background:#E1EBF8; padding:10px 10px; border-radius:999px;}
  .sorgu .label-tr { display: inline-block; padding: 11px 21px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu .label-en { display: inline-block; padding: 11px 18px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu input[type="radio"]:checked + label { background-color: #FFFFFF; border-radius: 90px; color: #101B3E; }
  .form-text{font-size: 16px; line-height: 21px; color: #000000;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 4px; height: 60px !important; font-size: 18px; line-height: 24px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .sliderinput{font-size: 16px; line-height: 21px; height:54px !important}
  .red-button{background: #E22426; border: 0px; box-shadow: none; cursor: pointer; padding: 18px 20px; color: #FFFFFF; font-size: 18px; line-height: 24px; border-radius: 4px; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .slide-padding-70{padding-bottom: 120px;}
  .slide-h1{font-size:74px; line-height:84px; color: #FFFFFF;}
  .slide-kisa-icerik{font-size:20px; line-height:32px; color: #FFFFFF;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 600px; object-fit: cover; object-position: center center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}  
}


@media(min-width:1200px){
  .mt135{margin-top: 135px;}
  .form-white-box{height:335px;  width:470px; background:#FFFFFF; padding:40px 40px; box-sizing: border-box;}
  .form-radio-bg{background:#E1EBF8; padding:10px 10px; border-radius:999px;}
  .sorgu .label-tr { display: inline-block; padding: 11px 21px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu .label-en { display: inline-block; padding: 11px 17px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu input[type="radio"]:checked + label { background-color: #FFFFFF; border-radius: 90px; color: #101B3E; }
  .form-text{font-size: 16px; line-height: 21px; color: #000000;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 4px; height: 60px !important; font-size: 18px; line-height: 24px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .sliderinput{font-size: 16px; line-height: 21px; height:54px !important}
  .red-button{background: #E22426; border: 0px; box-shadow: none; cursor: pointer; padding: 18px 20px; color: #FFFFFF; font-size: 18px; line-height: 24px; border-radius: 4px; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .slide-padding-70{padding-bottom: 120px;}
  .slide-h1{font-size:74px; line-height:84px; color: #FFFFFF;}
  .slide-kisa-icerik{font-size:20px; line-height:32px; color: #FFFFFF;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 810px; object-fit: cover; object-position: center center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}  
}

@media(min-width:1400px){
  .mt135{margin-top: 135px;}
  .form-white-box{height:335px;  width:470px; background:#FFFFFF; padding:40px 40px; box-sizing: border-box;}
  .form-radio-bg{background:#E1EBF8; padding:10px 10px; border-radius:999px;}
  .sorgu .label-tr { display: inline-block; padding: 11px 21px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu .label-tr { display: inline-block; padding: 11px 17px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu input[type="radio"]:checked + label { background-color: #FFFFFF; border-radius: 90px; color: #101B3E; }
  .form-text{font-size: 16px; line-height: 21px; color: #000000;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 4px; height: 60px !important; font-size: 18px; line-height: 24px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .sliderinput{font-size: 16px; line-height: 21px; height:54px !important}
  .red-button{background: #E22426; border: 0px; box-shadow: none; cursor: pointer; padding: 18px 20px; color: #FFFFFF; font-size: 18px; line-height: 24px; border-radius: 4px; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .slide-padding-70{padding-bottom: 120px;}
  .slide-h1{font-size:84px; line-height:94px; color: #FFFFFF;}
  .slide-kisa-icerik{font-size:24px; line-height:36px; color: #FFFFFF;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 810px; object-fit: cover; object-position: center center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);} 
}
@media(min-width:1480px){

}

@media(min-width:1700px){
  .mt135{margin-top: 135px;}
  .custom-slideshow{min-height: 810px; max-height: 300px;}
  .form-white-box{height:335px;  width:470px; background:#FFFFFF; padding:40px 40px; box-sizing: border-box;}
  .form-radio-bg{background:#E1EBF8; padding:10px 10px; border-radius:999px;}
  .sorgu .label-tr { display: inline-block; padding: 11px 21px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu .label-en { display: inline-block; padding: 11px 17px; margin: 0px; font-size: 16px; line-height: 21px; background-color: #ffffff00; border-radius: 90px; color: #101B3E; cursor: pointer;}
  .sorgu input[type="radio"]:checked + label { background-color: #FFFFFF; border-radius: 90px; color: #101B3E; }
  .form-text{font-size: 16px; line-height: 21px; color: #000000;}
  .uk-input, .uk-select, .uk-textarea , input[type="search"] {background: #fff; font-weight: 400; border: 0px;  box-shadow: 0 0 0 1px #E4E4E4, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out; border-radius: 4px; height: 60px !important; font-size: 18px; line-height: 24px; color: #000; padding:16px 20px 16px 20px; transition: padding 0.2s ease;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .sliderinput{font-size: 16px; line-height: 21px; height:54px !important}
  .red-button{background: #E22426; border: 0px; box-shadow: none; cursor: pointer; padding: 18px 20px; color: #FFFFFF; font-size: 18px; line-height: 24px; border-radius: 4px; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

  
  .slide-padding-70{padding-bottom: 120px;}
  .slide-h1{font-size:84px; line-height:94px; color: #FFFFFF;}
  .slide-kisa-icerik{font-size:24px; line-height:36px; color: #FFFFFF;}
  .heroImg { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 810px; object-fit: cover; object-position: top center;  margin: 0;  padding: 0; transition: transform 0.1s ease-out; transform: scale(1);}
}

.red-button:hover{background: #F92A2C; color: #FFFFFF; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}


.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {color:#101B3E}


.urun-tab .card:hover { border: 1px solid #9B9B9B;}

.opacity80{opacity: 1; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.footerlogo:hover .opacity80{opacity: 0.8; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}


.uk-inputfile:hover {box-shadow: 0 0 0 1px #3A54A3, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out;}
.uk-inputfile:focus {
  box-shadow: 0 0 0 1px #3A54A3, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out; color: #000;
}



.file-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Buton sağda görünür */
  gap: 10px; /* Buton ve dosya adı arasında boşluk */
}

.custom-file-button {
  background-color: #3A54A3;
  color: #FFFFFF;
  padding: 9px 12px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-size: 16px;
  text-align: center; font-weight: 500;
  transition: background-color 0.3s ease;
}

.custom-file-button:hover {
  background-color: #4360BA;
}

.file-name {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* Uzun dosya isimlerini kesmek için */
  max-width: 200px; /* Dosya adı için maksimum genişlik */
}

.uk-input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.ps0{padding-left: 0px;}

.uk-w-90{width: calc(100% - 20px);}


.redtitle{color: #E22426; font-size: 20px;}
.adresbg .uk-text-underline { text-decoration: underline; text-decoration-color: #000;}
.adresbg .uk-text-underline:hover { text-decoration: underline; text-decoration-color: #3A54A3; color: #3A54A3;}


.sss .uk-open .uk-accordion-title{color: #3666AB;}


.sss .uk-open>.uk-accordion-title::before {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 20 20%22%3E%3Cpolyline fill%3D%22none%22 stroke%3D%22%233666AB%22 stroke-width%3D%221.1%22 points%3D%2213 12.5 10 9.5 7 12.5%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: 50% 50%; /* Hafif sağa kaydır */
    background-size: 40px; /* Boyutlandırma */
}

.sss .uk-accordion-title::before{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 20 20%22%3E%3Cpolyline fill%3D%22none%22 stroke%3D%22%23000000%22 stroke-width%3D%221.1%22 points%3D%227 7.5 10 10.5 13 7.5%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: 50% 50%; /* Sağda ve dikey ortalı */
  background-size: 40px; /* Boyutlandırma */
}

.uk-select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/images/b.svg) no-repeat center right; background-size: 100%;
  background-repeat: no-repeat;
  background-position: 96.5% 50%; /* Hafif sağa kaydır */
    background-size: 14px; /* Boyutlandırma */
}




.redsolid.error {box-shadow:0 0 0 1px #E22426, 0 0 0 4px #ffffff00;}
.iti { display: block !important;}






.uk-input:hover, 
.uk-select:hover, 
.uk-textarea:hover {
  box-shadow: 0 0 0 1px #3A54A3, 0 0 0 4px #ffffff00; transition: box-shadow 0.3s ease-out;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;
}

.uk-input:focus, 
.uk-select:focus, 
.uk-textarea:focus {
  box-shadow: 0 0 0 1px #3A54A3, 0 0 0 4px #3A54A31A; transition: box-shadow 0.3s ease-out; color: #000000;  -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;
}


.uk-input::placeholder,
.uk-textarea::placeholder,
.uk-textarea::placeholder { color: rgba(0, 0, 0, 0.4);}


.imginvert0{filter: invert(0) !important;}

#mobile_code::-webkit-inner-spin-button, 
#mobile_code::-webkit-outer-spin-button {
  -webkit-appearance: none; /* Safari ve Chrome için */
  margin: 0; /* Varsayılan boşluğu kaldır */
}

#mobile_code {
  -moz-appearance: textfield; /* Firefox için */
}


/* Chrome, Safari, Edge ve Opera için */
.uk-input::-webkit-outer-spin-button,
.uk-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox için */
.uk-input[type="number"] {
    -moz-appearance: textfield;
}








.iti--separate-dial-code .iti__selected-flag {
  background-color: rgb(0 0 0 / 0%) !important; border-right:1px solid #eee;
}
.iti__country-list {border-radius: 8px; padding: 15px 5px !important; border: 0px solid #CCC !important;}
.iti__country.iti__highlight {  background-color: #3666AB0A !important; color: #3666AB !important;}
.iti__selected-flag { padding: 0 20px 0 20px !important;}
#mobile_code {
  padding-left: 145px !important; /* !important ile padding'i sabit tutar */
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 35px;
}
.iti__arrow {
  margin-left: 15px;
  border-left: 0px solid transparent; 
  border-right: 0px solid transparent; 
  border-top: 0px solid #000000; 
  background: url(/images/b.svg) no-repeat center center; background-size: 100%;
  width: 14px;
  height: 8px;
}


.iform .uk-grid-small>.uk-grid-margin {
  margin-top: 20px;
}
.tform .uk-grid-small>.uk-grid-margin {
  margin-top: 13px;
}

.uk-select:focus, 
.uk-select:not([value=""]) {  padding: 16px 0px 0px 20px;/* Yazı alanı aşağı kayar */}





.delete-btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background: #F3F3F3;border: none;font-size: 20px;color: #000; cursor: pointer; padding: 0; width: 24px; height:24px;  border-radius: 50%;line-height: 0px; text-align: center;display: none;}
.delete-btn.show { display: block; /* Alan dolduğunda görünür */}
.delete-btn:hover { background: #2A5798;  color: #fff;}






.imggray{filter: grayscale(100%);}








.icsayfalar .uk-dotnav>* { flex: none; padding-left: 0px;}
.icsayfalar .uk-dotnav>*>* {border-radius: 0%; width: 50px; height: 2px; border: none;}
.uk-dotnav>.uk-active>* { background-color: #000 !important;}


.contenth-mh b{font-weight: 600 !important;}
.maddebaslik h1,
.maddebaslik h2,
.maddebaslik h3,
.maddebaslik h4,
.maddebaslik h5 {color: #E22426 !important; font-size: 24px !important; line-height: 34px !important;}

.madde ul { list-style: none;padding-left: 0; padding: 0 0 0 12px; list-style-position: outside;}
.madde li {  text-indent: -12px;  padding-left: 12px; padding-bottom: 20px;}
.madde ul li::before {  content: "—"; color: #E22426;  margin-right: 8px;  display: inline-block; padding-bottom: 0px;}







.baslik-white{color: #fff !important;}
.uk-breadcrumb>*>* { font-size: 14px; color: rgba(255, 255, 255, 0.3);}
.uk-breadcrumb a:hover { font-size: 14px; color: rgba(255, 255, 255, 1);}
.uk-breadcrumb{ font-size: 14px; color: rgba(255, 255, 255, 0.3);}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {content: "."; font-size: 40px; top: 5%;transform: translateY(-5%); display: inline-block;}
.ukbreadsiyah{color: #999 !important;}
.ukbreadsiyahlink{color: #999 !important;}
.ukbreadsiyahlink:hover{color: #000 !important;}



.cd-fixed-bg {background-attachment: fixed;}
.twolines {
  display: -webkit-box;        /* Flexbox benzeri bir kutu modeli */
  -webkit-line-clamp: 2;       /* 2 satırda sınırlama */
  -webkit-box-orient: vertical;/* Dikey yönlendirme */
  overflow: hidden;            /* Fazlalıkları gizle */
  text-overflow: ellipsis;     /* Fazlalık yerine '...' ekle */
}
 
.menucolor .button_container span{background: #000000;}

.footerlink .uk-button-text::before { border-bottom: 1px solid #000000 !important;}
.uk-button-text {color: #000;}
.br12{border-radius: 12px;}
  

.uk-alert-danger { background: #FFE5E6; color: #000;}
.uk-alert-success{ background: #EBFAF3; color: #000;}
.uk-alert-warning{ background: #FEF2DA; color: #000;}
.uk-alert-info{ background: #DCF2FF; color: #000;}


.uk-icon-button-error { width: 34px; height: 34px; background: #fff; color: #FF5B53;}
.uk-icon-button-success { width: 34px; height: 34px; background: #fff; color: #37B98B;}
.uk-icon-button-warning { width: 34px; height: 34px; background: #fff; color: #E5AB0B;}
.uk-icon-button-info { width: 34px; height: 34px; background: #fff; color: #3773B9;}






  /* BUTON 3 */

  .emailuyelik .input-container {
    display: flex;
    align-items: center;
     box-shadow: 0 0 0 1px #E0E0E0, 0 0 0 4px #ffffff00; /* Dış kenarlık */
    border-radius: 90px;
    padding: 5px;
    overflow: hidden;
    transition: box-shadow 0.3s ease-out;
  }
  
  .emailuyelik .input-container:hover {
    box-shadow: 0 0 0 1px #3666AB, 0 0 0 5px #fff; /* Dış kenarlık */
    transition: box-shadow 0.3s ease-out;
  }
  
  .emailuyelik .input-container:focus-within {
    box-shadow: 0 0 0 2px #3666AB, 0 0 0 5px #fff; /* Çok katmanlı focus dış kenarlık */
    transition: box-shadow 0.3s ease-out;
  }
  

  .emailuyelik .input-container input { flex: 1;border: none; padding: 10px 10px 10px 20px; font-size: 16px; outline: none; color:#000000; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.6s ease-out;}
  .emailuyelik .input-container input::placeholder { font-size: 16px; color:#00000040;}
  .emailuyelik .input-container button { display: flex; justify-content: center; align-items: center;background-color: #3666AB; color: #fff; border: none; width: 44px; height: 44px; border-radius: 100%; cursor: pointer;  transition: background-color 0.3s ease; }
  .emailuyelik .input-container button:hover { background: #2A5798;}
  .emailuyelik .uk-text-underline { text-decoration: underline; text-decoration-color: #00000040;}
  .emailuyelik .uk-text-underline:hover { text-decoration: underline; text-decoration-color: #3A54A3; color: #3A54A3;}

  .iform .error-message { color: #E22426; font-size: 12px;  display: none; position: absolute; margin-top:5px}
  .error-message { color: #E22426; font-size: 12px;  display: none; margin-top:5px}
  /* .input-container  input.error {  border: 1px solid #E22426 !important;} */
  .emailuyelik .input-container.error { box-shadow:0 0 0 1px #E22426, 0 0 0 4px #ffffff00;}

  .gonderi .error {  box-shadow: 0 0 0 1px #E22426, 0 0 0 4px #ffffff00;}



  /* MOBİL MENÜ */

  /* .button_container { position: relative; height: 27px; width: 24px; cursor: pointer; z-index: 100; transition: opacity .25s ease; float: right; margin-top: 30px;} */
  .button_container:hover { opacity: 1;}
  .button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg); background: #ffffff;}
  .button_container .middle { opacity: 0; background: #000;}
  .button_container.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg); background: #ffffff;}
  
  .overlay { position: fixed; background: #101B3E; top: 0; left: 0; width: 100%; height: 0; opacity: 0; z-index: 9; visibility: hidden;  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, height 0.8s ease-in-out;}
  .overlay.open { height: 100%; /* Full height when open */opacity: 1; visibility: visible;}
  .overlay nav { position: relative;}
  .overlay ul {list-style: none; padding: 0; margin: 0 auto; display: block; position: relative; height: 100%;    /* overflow-y: auto;  */ }
  .overlay ul li a { display: block;position: relative; color: #FFFFFF;text-decoration: none;overflow: hidden; font-size: 24px; line-height: 32px; font-weight: 500; padding: 16px 0px 10px 0px;}
  .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after { width: 100%; color: #FFFFFF;}
  .overlay .uk-nav-parent-icon { margin-right: 0px;float: right;  position: absolute; right: 0px;padding-top: 0px;}
  .uk-nav-sub li a { display: block; font-size: 18px !important; line-height: 24px !important; font-weight: 300 !important;  padding: 8px 0px !important;}
  .overlay .uk-nav-parent-icon svg {display: none;}
  .overlay .uk-nav-parent-icon {background:url('/images/parent-1.svg') no-repeat center center #101B3E; width: 34px; height: 34px;}
  .overlay .uk-nav-parent-icon .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: #FFFFFF;}
  

  .uk-accordion-title { color: #000000;}

  .footeraccordion .uk-accordion-title::before { float: right; background: url('/images/menu-plus.svg') no-repeat center center #101B3E; background-size: contain; width: 16px; height: 16px; margin-top: 5px;}
  .footeraccordion .uk-open>.uk-accordion-title::before {float: right; background: url('/images/menu-plus-.svg') no-repeat center center #101B3E; background-size: contain; width: 16px; height: 16px; margin-top: 5px;}
  .footeraccordion .uk-accordion-title:hover { color: #000000;}
  .footeraccordion  .uk-accordion-content{margin-top: 0px;}

/* ANASAYFA TAB MENU */

.urun-tab .uk-tab::before {left: 0px; border-bottom: 0px solid #e5e5e5;}
.urun-tab .uk-tab>* { padding-left: 0px !important;}





/* ÇÖZÜM SLİDER */


.br90{border-radius: 90px;}
.br12-res{border-radius: 0px 0px 10px 10px;}
.border-solid1{border: 1px solid #E0E0E0;}
.cozumslide .slider { overflow: hidden;}


.slider__item:hover .detail-link{border: 1.5px solid #3666AB; color:#fff; background:#3666AB; moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.slider__item:hover .detail-link .iconplus{ background:url('/images/plus2.svg') no-repeat center center #fff; color:#3666AB; moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}

.detail-link{moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.detail-link:hover{border: 1.5px solid #3666AB; color:#fff; background:#3666AB;  background:url('/images/plus.svg') no-repeat center center #3666AB; moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.detail-link:hover .iconplus{  background:url('/images/plus2.svg') no-repeat center center #fff; color:#3666AB; moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.cozum-span{background: #3666AB0A; padding:7px 13px;}

.cozumslide .slick-prev:hover {border: 1.5px solid #000;  moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.cozumslide .slick-next:hover { border: 1.5px solid #000;  moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-transition:all 0.5s ease-out;}
.cozumslide .slick-prev  { background: url('/images/arrow-left.svg') no-repeat center center; background-position: calc(50% - 1px) center;}
.cozumslide .slick-next {background: url('/images/arrow-rigth.svg') no-repeat center center; background-position: calc(50% + 1px) center;}






/* Focus-within efekti (normal durumda) */
.emailuyelik .input-container:focus-within {
  box-shadow: 0 0 0 2px #3666AB, 0 0 0 5px #fff;
  transition: box-shadow 0.3s ease-out;
}

/* Hata durumunda (error sınıfı varken) focus-within efektini devre dışı bırak */
.emailuyelik .input-container.error:focus-within {
  box-shadow: 0 0 0 1px #E22426, 0 0 0 5px #fff; /* Focus-within efekti kaldırılır */
}