/*
Theme Name:ie25
Theme URI:ibrahimerdogan.com
Author:ibrahimerdogan.com
Description:ibrahimerdogan.com
*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?cwnhzf');
  src:  url('fonts/icomoon.eot?cwnhzf#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?cwnhzf') format('truetype'),
    url('fonts/icomoon.woff?cwnhzf') format('woff'),
    url('fonts/icomoon.svg?cwnhzf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ari-svg-acf svg {
    width: 100%;
    max-width: 1400px;
    height: 100%;
    max-height: 552px;
}
.icon-guclendiren:before {
  content: "\e908";
}
.icon-akillitahta:before {
  content: "\e900";
}
.icon-akillitahta2:before {
  content: "\e901";
}
.icon-android:before {
  content: "\e902";
}
.icon-apple:before {
  content: "\e903";
}
.icon-arimobil:before {
  content: "\e904";
}
.icon-destek:before {
  content: "\e905";
}
.icon-down:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-instagram:before {
  content: "\e909";
}
.icon-lab:before {
  content: "\e90a";
}
.icon-logo .path1:before {
  content: "\e90b";
  color: rgb(0, 0, 0);
  opacity: 0.61;
}
.icon-logo .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-logo2 .path1:before {
  content: "\e90d";
  color: rgb(0, 0, 0);
  opacity: 0.61;
}
.icon-logo2 .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-logo2 .path3:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-mobil:before {
  content: "\e910";
}
.icon-ok:before {
  content: "\e911";
}
.icon-optik:before {
  content: "\e912";
}
.icon-orneksayfa:before {
  content: "\e913";
}
.icon-pardus:before {
  content: "\e914";
}
.icon-psh:before {
  content: "\e915";
}
.icon-search:before {
  content: "\e916";
}
.icon-seslikitap:before {
  content: "\e917";
}
.icon-shop:before {
  content: "\e918";
}
.icon-shop2:before {
  content: "\e919";
}
.icon-sound:before {
  content: "\e91a";
}
.icon-twitter:before {
  content: "\e91b";
}
.icon-video:before {
  content: "\e91c";
}
.icon-windows:before {
  content: "\e91d";
}
.icon-youtube:before {
  content: "\e91e";
}
.icon-youtube-2:before {
  content: "\e91f";
}


body{overflow-x:hidden;

font-family: 'Poppins', sans-serif;
}
h1,.h1{font-size:28px}
h2,.h2{font-size:16px}
h3,.h3{font-size:14px}
h4,.h4{font-size:12px}
h5,.h5{font-size:10px}
h6,.h6{font-size:10px}
header{z-index: 99;width:100%;position:relative;height:100px}
footer{padding-top: 1em;}
a{color:#000;text-decoration:none}
a:hover{color:#db1f2d;text-decoration:none}
input{border:2px solid #a6daf1}
textarea{border:2px solid #a6daf1}
.right{float:right}
.btn-danger{background-color:#DE1E2E;border-color:#DE1E2E;color:#fff}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#FFF;background-color:rgba(0,0,0,1);border-color:rgba(0,0,0,1)}
.left{float:left}
.modal-dialog{ max-width:600px;width:100%}
.ta_left{text-align:left}
.ta_right{text-align:right}
.ta_center{text-align:center}
.close.my_close{background:none repeat scroll 0 0 #FFF;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;height:50px;opacity:1;position:absolute;left:0;right:0;bottom:-24px;width:50px;color:#000;text-shadow:none;font-size:33px;text-align:center;margin-right:auto;margin-left:auto;display: flex;border: 0px;align-items: center;justify-content: center;}
.dropdown-menu strong{padding-left:1em}
.dropdown-menu span{color:gray;float:left;font-size:12px;margin-left:33px}
.red{color:#D2322D}
.dropdown-menu{z-index:9999;min-width:319px;width:100%}
.button.gform_button{background:rgba(42,110,178,1);background:-moz-linear-gradient(top,rgba(42,110,178,1) 0%,rgba(2,82,135,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(42,110,178,1)),color-stop(100%,rgba(2,82,135,1)));background:-webkit-linear-gradient(top,rgba(42,110,178,1) 0%,rgba(2,82,135,1) 100%);background:-o-linear-gradient(top,rgba(42,110,178,1) 0%,rgba(2,82,135,1) 100%);background:-ms-linear-gradient(top,rgba(42,110,178,1) 0%,rgba(2,82,135,1) 100%);background:linear-gradient(to bottom,rgba(42,110,178,1) 0%,rgba(2,82,135,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a6eb2',endColorstr='#025287',GradientType=0);border:0 solid #a6daf1;border-radius:2px;color:#fff;line-height:1em;padding:1em 2em}
.button.gform_button:hover{background:rgba(227,17,69,1);background:-moz-linear-gradient(top,rgba(227,17,69,1) 0%,rgba(173,0,43,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(227,17,69,1)),color-stop(100%,rgba(173,0,43,1)));background:-webkit-linear-gradient(top,rgba(227,17,69,1) 0%,rgba(173,0,43,1) 100%);background:-o-linear-gradient(top,rgba(227,17,69,1) 0%,rgba(173,0,43,1) 100%);background:-ms-linear-gradient(top,rgba(227,17,69,1) 0%,rgba(173,0,43,1) 100%);background:linear-gradient(to bottom,rgba(227,17,69,1) 0%,rgba(173,0,43,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e31145',endColorstr='#ad002b',GradientType=0)}
.ie_anasayfa{margin:4px 0;max-width:256px}
.ie_urun{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;transition:all .35s linear 0;-moz-transition:all .35s linear 0;-webkit-transition:all .35s linear 0;-o-transition:all .35s linear 0;margin:5px;padding:8px;display:table;position:relative;float:left;width:97%}
.ie_urun a > h2{text-align:center;color:#797979;margin:4px 0;height:35px;vertical-align:middle;display:table-cell;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:18px;max-height:36px;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left;font-size:14px}
.ie_urun > a{text-align:center;width:100%;float:left}
.ie_urun:hover{background:rgba(54,76,98,0.1)}
.btn-primary{background:#3F51B5;border-color:#3f51b5}
blockquote small{color:#000;display:block;line-height:1.42857}
.widgettitle{border-bottom:1px solid rgba(0,0,0,0.3);color:#306DA2;font-size:19px}
.ie_altbar{position:relative;text-align:center;width:100%;z-index:2;float:left}
.row{margin:0 auto}
.footer ul li{list-style:none;padding:3px 0;font-weight: 300;}
.footer ul{margin:0 auto;padding:0}
.footer ul li > a{color: #040404;font-size:15px;}
.footer ul li > a:hover{color:#EF2859}
.btn.dropdown-toggle.btn-default.ie_drops{border-left:1px solid #ddd;font-size:.8em;padding:14px 5px;color:gray;height:54px}
.ie_right h1{color:#000;display:table-cell;font-size:22px;font-weight:400;padding:8px 14px;vertical-align:middle}
.ari_bilgi{display:table;font-size:16px;font-weight:lighter;margin-top:0;width:100%;z-index:1;position:relative;animation:animasyon ease 2.2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation:animasyon ease 2.2s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation:animasyon ease 2.2s;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation:animasyon ease 2.2s;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;-ms-animation:animasyon ease 2.2s;-ms-animation-iteration-count:1;-ms-animation-fill-mode:forwards;}
.ari_bilgi span{float:left;width:100%;line-height:2}
.back-to-top{cursor:pointer;position:fixed;bottom:3em;right:30px;display:none;z-index:2}
.process-row{display:table-row}
.process{display:table;width:100%;position:relative;margin-top:6%}
.btn-circle {
    border-radius: 66px !important;
}
 
.pagination{border-radius:4px;margin:8px 0 3em;padding-left:0;position:relative;z-index:201}
.panel.panel-default p{margin:0 auto}
.panel-heading{padding:1px 14px}
.panel-default > .panel-heading{color:#FFF;background-color:#696969;border-color:#696969}
.panel-title a:hover{opacity:.6;color:#fff}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px;display:table-cell;line-height:1}
.btn-process{padding:16px 18px}
.displaynone{display:none}
.p_zero{padding:0}

.ogr_clear{display:block;float:left;height:41px;width:100%}
.m_15k{margin-left:-15px;margin-right:-15px}
blockquote{border-left:5px solid #DE1E2E;text-align:left}
.btn-group-ie{margin-top:0}
.ie_products{padding:0;z-index:1}
.modal-open .modal{background:none repeat scroll 0 0 rgba(0,0,0,0.40);z-index:99999999999;margin:0;padding:0;left:0;top:0;right:0}
.mb_1{padding:0;border-bottom:1px dashed rgba(0,0,0,0.31);display:table;width:100%}
.fa-25x{font-size:2.5em}
.btn-akilli{width:100%;float:left;margin:0 auto;padding:11px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.btn-akilli i{width:45px;text-align:center}
.btn-akilli:hover{background:rgba(255,255,255,0.63)}
.btn-akilli > big{font-size:1.3em;float:left;margin-left:9px}
.btn-akilli > small{float:left;margin-left:11px;opacity:.7;font-size:12px}
.btn-dangers > i,.btn-dangers > big{color:#de1e2e}
.btn-dangers{border-left:1px dashed rgba(0,0,0,0.31)}
.btn-xxl{font-size:1.7em;padding:27px 0}
.mag{width:200px;margin:0 auto;float:none}
.mag img{max-width:100%}

.ari_img_kapsa{position:relative;text-align:center;display:grid;grid-template-columns:117px auto;padding:1em}
.ari_img_kapsa.width_70{width:80%}
.table-striped>tbody>tr:nth-child(odd){background-color:rgba(255,255,255,0.11)}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-top:0 solid #ddd}
.pl_zero{padding-left:0}
.pr_zero{padding-right:0}
.alert{width:100%;display:table}
.ie_container{margin:0 auto;max-width:1208px;width:100%}
.item.acf-item img{height:auto;max-width:1400px;text-align:center;max-height: 450px;width: auto;}
.carousel-control{bottom:0;color:#fff;font-size:20px;left:0;opacity:1;position:absolute;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);top:0;width:65px;z-index:1;background:none!important}
 
.nav > li > a:hover,.nav > li > a:focus{background-color:transparent;outline:medium none;text-decoration:none}
.nav-tabs > li > a:hover{border-color:transparent}

section.ari{background:none repeat scroll 0 0 #FFF;padding-top:1em;padding-bottom:1em}
.white{color:#fff}
.btn.white.right:hover{color:#f5f5f5;opacity:.8}
.navbar{border:0 solid transparent;margin-bottom:0;min-height:50px;position:relative}
.ari_menu > li > a {
    color: #000;
    padding: 3.5px 15px;
    background: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -1px;
    height: 36px;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-top: -1px;
}
.ari_menu > li > a:hover,.ari_menu > li > a:focus,.ari_menu > li > a:active{background:none repeat scroll 0 0 #000;color:#fff;border-radius:0}
.ari_menu > li.active > a{background:none repeat scroll 0 0 #000;color:#fff;border-radius:0}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus{background-color:none repeat scroll #0 #0 rgba(255,255,255,0.27);border-color:transparent;color:#000}
.corner_home{border-color:rgba(213,224,234,0.37) transparent transparent;border-style:solid;border-width:20px 20px 0;height:0;left:49%;position:relative;width:0}
.ari_yeni{color:#FFF;font-size:20px;margin:0 auto;padding:17px 0;text-align:center;border-bottom:1px dashed rgba(213,224,234,0.37)}
.sec_yeni{background:none repeat scroll 0 0 rgba(39,143,195,1);padding-bottom:1em}
.ari_yeni.kampanya{background:none repeat scroll 0 0 #fff;border-top:1px solid #ddd}
.corner_home.kampanya{border-color:#fff transparent transparent}
.sec_kampanya{background:#DE1E2E;padding-bottom:1em}
.ari_yeni.acil{background:none repeat scroll 0 0 #4ccfaa}
.corner_home.acil{border-color:#4ccfaa transparent transparent}
.sec_acil{background:none repeat scroll 0 0 #24a27f;padding-bottom:1em}
.dropdown-large{position: relative;}
.dropdown-menu-large {
    padding: 20px 0;
    z-index: 3;
    border: 1px solid #d5d5d5;
    background: #fff;
    box-shadow: 0 16px 21px -1px #00000054;
    border-radius: 10px;
    width: 430px !important;
    margin-top: 2px;
}
.dropdown-menu-large:after,.dropdown-menu-large:before{bottom:100%;left:70px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.dropdown-menu-large:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:7px;margin-left:-7px}
.dropdown-menu-large:before{border-color:rgba(221,221,221,0);border-bottom-color:#ddd;border-width:8px;margin-left:-8px}
.dropdown-menu-large > .textwidget > li > ul{padding:0;margin:0}
.dropdown-menu-large > .textwidget > li > ul > li{list-style:none}
.dropdown-menu-large > .textwidget > li > ul > li > a{display:block;padding: 5px 20px !important;clear:both;font-weight: 500;line-height:1.428571429;color:#949494;white-space:normal}
.dropdown-menu-large > .textwidget > li > ul > li > a.bold {
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}
.dropdown-menu-large > .textwidget > li > ul > li > a.bold.red{color:#DB1F2D;font-size:16px}
.dropdown-menu-large > .textwidget > li > ul > li > a.bold.red:before{content:"\22A6";color:#C5C5C5;display:block;float:left;margin-right:5px}
.dropdown-menu-large > .textwidget > li > ul > li > a.bold.gray:before{content:"\22A6";color:#C5C5C5;display:block;float:left;margin-right:5px}
.dropdown-menu-large > .textwidget > li > ul > li > a.bold.gray{color:gray;font-size:16px}
.dropdown-menu-large > .textwidget > li ul > li > a:hover,.dropdown-menu-large > .textwidget > li ul > li > a:focus{text-decoration:none;color:#262626;background-color:#ddd}
.dropdown-menu-large > .textwidget > li > ul > li.disabled > a,.dropdown-menu-large > .textwidget > li > ul > li.disabled > a:hover,.dropdown-menu-large > .textwidget > li > ul > li.disabled > a:focus{color:#999}
.dropdown-menu-large > .textwidget > li > ul > li.disabled > a:hover,.dropdown-menu-large > .textwidget > li > ul > li.disabled > a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}
.dropdown-menu-large .dropdown-header{color:#2196F3;font-size:18px;border-bottom:1px dotted #CDCCCC;margin-bottom:.5em;font-weight:700}
.dropdown-menu-large > .textwidget > li > ul > li.dropdown-header2{color:#DB1F2D;font-size:16px;padding-left:20px;margin:14px 0 5px;font-weight:700;border-bottom:1px dotted #ddd;padding-bottom:8px}
.dropdown-header2 strong{padding-left:0}
i.ion-ios-arrow-right.menu{font-size:1em;color:#d8d8d8}
.dropdown-menu > .textwidget > li > a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
#search_full{position:relative;display: flex;height: 100%;top: -6px;flex-direction: column;align-items: center;justify-content: center;}
#search_full.open{-webkit-transform:translate(0px,0px) scale(1,1);-moz-transform:translate(0px,0px) scale(1,1);-o-transform:translate(0px,0px) scale(1,1);-ms-transform:translate(0px,0px) scale(1,1);transform:translate(0px,0px) scale(1,1);opacity:1;z-index:999999}
#search_full input[type="search"]{width:100%;color: #000;background: rgb(255 255 255);font-size: 24px;font-weight: 400;text-align:left;margin:0 auto;outline:none;top:17px;z-index:0;border: 1px solid #000000;padding: 13px;border-radius: 53px;padding-left: 1em;height: 64px;}
#search_full .close{position:fixed;top:0;right:22px;color:#ff3d00;opacity:1;font-size:3em;z-index:9;width:62px;height:65px;padding:0;text-shadow:none}
.ari_menu > li > a.zoro{padding:0;height:50px;margin:0}
.ari_menu > li > a.zoro:hover{background:transparent}
.btn-detay{background:none repeat scroll 0 0 #FFF;border-top:1px dotted #ddd;color:#0073BC}
.sub_cat{background:none repeat scroll 0 0 #fff;border:1px solid #ddd;margin-top:5px}
.navbar-toggle .icon-bar{background:none repeat scroll 0 0 #fff}
.corner{left:49%;width:0;height:0;border-style:solid;border-width:20px 20px 0;border-color:#FFF transparent transparent;position:relative}
.ie_benzer{font-size:26px;text-align:center;padding:17px 0;margin:0 auto;color:#000}
.ie_benzer_dark{font-size:20px;text-align:center;padding:17px 0;margin:0 auto;color:#fff;border-bottom:1px dashed rgba(255,255,255,0.28)}
.ie_urun.white{background:transparent;border:0}
.ie_urun.white > a > img:hover{opacity:.7}
.ie_urun.white a > h2{color:#fff}
.btn-detay.white{background:transparent;border-top:1px dashed rgba(255,255,255,0.41);color:#FFF}
.btn-detay.white:hover{background:transparent;border-top:1px dashed rgba(0,226,255,1);color:#00E2FF}
.blink{opacity:0}
h2.ie_campaings strong{font-size:2em;color:#f7bc00}
.btn-tops{background:rgba(65,137,201,0);color:#838383;border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;padding:5px 6px;font-size:13px}
.btn-tops:hover{background:rgba(222,30,46,1);color:#fff}
.btn{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.kampanya1{display:block;height:228px;width:203px;position:relative;z-index:2;animation:adamimanime linear .8s;animation-iteration-count:1;-webkit-animation:adamimanime linear .8s;-webkit-animation-iteration-count:1;-moz-animation:adamimanime linear .8s;-moz-animation-iteration-count:1;-o-animation:adamimanime linear .8s;-o-animation-iteration-count:1;-ms-animation:adamimanime linear .8s;-ms-animation-iteration-count:1}
section.sec_kampanya.iki{padding:0}
h1.kamp{text-align:center;color:#de1e2e;font-size:3em;margin:0 auto;font-weight:700}
.ie_urun.white.opacity{opacity:.7}
.ie_urun.white.opacity:hover{opacity:1}
.ie_urun.white.opacity.current{opacity:1}
.logo{position:absolute;width:122px;text-align:center;top:-39px;height:142px;left:0;right:0;margin-left:auto;margin-right:auto;z-index:1}
.col-logo{position:relative;display:table;z-index:2}
section.nav-bottom{background:rgba(255,255,255,1);margin-bottom:1em;border-bottom:1px dashed #DB1F2D}
.slider_ss{padding-bottom:5.3em;padding-top:9em;z-index:6;position:relative}
header.trans{position:absolute;z-index:9999999}
.ie_genis_nav{position:relative;width:100%;z-index:2;margin-bottom:2em}
.trans.ie_genis_nav.affix{background:#DB1F2D;box-shadow:0 0 11px -2px;-webkit-box-shadow:0 0 11px -2px;-moz-box-shadow:0 0 11px -2px}
.trans.ie_genis_nav{background:rgba(194,24,222,0.21);background:-moz-linear-gradient(top,rgba(194,24,222,0.21) 0%,rgba(223,36,49,0.19) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(194,24,222,0.21)),color-stop(100%,rgba(223,36,49,0.19)));background:-webkit-linear-gradient(top,rgba(194,24,222,0.21) 0%,rgba(223,36,49,0.19) 100%);background:-o-linear-gradient(top,rgba(194,24,222,0.21) 0%,rgba(223,36,49,0.19) 100%);background:-ms-linear-gradient(top,rgba(194,24,222,0.21) 0%,rgba(223,36,49,0.19) 100%);background:linear-gradient(to bottom,rgba(194,24,222,0.21) 0%,rgba(223,36,49,0.19) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c218de',endColorstr='#df2431',GradientType=0)}
section.trans.nav-bottom{border-bottom:0 dashed #DB1F2D;background:rgba(147,56,76,0.25);background:-moz-linear-gradient(top,rgba(147,56,76,0.25) 0%,rgba(223,36,49,0) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(147,56,76,0.25)),color-stop(100%,rgba(223,36,49,0)));background:-webkit-linear-gradient(top,rgba(147,56,76,0.25) 0%,rgba(223,36,49,0) 100%);background:-o-linear-gradient(top,rgba(147,56,76,0.25) 0%,rgba(223,36,49,0) 100%);background:-ms-linear-gradient(top,rgba(147,56,76,0.25) 0%,rgba(223,36,49,0) 100%);background:linear-gradient(to bottom,rgba(147,56,76,0.25) 0%,rgba(223,36,49,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93384c',endColorstr='#df2431',GradientType=0);margin-top:1px}
section.karakterler{margin-top:5.5em;position:relative}
span.karanliks2{width:100%;background:#bebebe;position:absolute;height:78px;top:-13px;z-index:-1;background:#E55D87;background:-webkit-linear-gradient(to top,#5FC3E4,#E55D87);background:linear-gradient(to right,#5FC3E4,#E55D87)}
.zindex{z-index:2}
.shadow{background:rgb(0 0 0 / 55%);position:absolute;left:0;top:0;width:100%;z-index:9;display:none;-webkit-transition:opacity 1.45s ease-out;-moz-transition:opacity 1.45s ease-out;-ms-transition:opacity 1.45s ease-out;-o-transition:opacity 1.45s ease-out;transition:opacity 1.45s ease-out}
.shadow.view{display:block;height:100%;-webkit-transition:opacity 1.45s ease-out;-moz-transition:opacity 1.45s ease-out;-ms-transition:opacity 1.45s ease-out;-o-transition:opacity 1.45s ease-out;transition:opacity 1.45s ease-out}
.shadow_golge{background:rgba(0,0,0,0.3);position:absolute;left:0;top:0;width:100%;z-index:1;display:none;-webkit-transition:opacity 1.45s ease-out;-moz-transition:opacity 1.45s ease-out;-ms-transition:opacity 1.45s ease-out;-o-transition:opacity 1.45s ease-out;transition:opacity 1.45s ease-out}
.shadow_golge.affix{display:block;height:100%;-webkit-transition:opacity 1.45s ease-out;-moz-transition:opacity 1.45s ease-out;-ms-transition:opacity 1.45s ease-out;-o-transition:opacity 1.45s ease-out;transition:opacity 1.45s ease-out}
.gfield.sms_izin{color:#ff0039}
.akilli_arama.sol{display:table;position:absolute;z-index:9;left:2em;top:8em;border:2px dashed rgba(255,255,255,0.61);height:300px;padding:2em;width:353px}
.akilli_arama.sag{display: block;z-index:9;right:0;padding:0;width:100%;color: #6b6b6b;left:0;margin-left:auto;margin-right:auto;}
.akilli_arama h1{color:#fff;margin:0;font-size:26px;margin-bottom:15px}
.siniflar{width:100%;float:left;margin-bottom:.6em}
.akilli_arama_index h1{text-align:center;margin-bottom:1em;color:#8e8e8e}
.akilli_arama_index h1 i{margin-right:12px}
.akilli_arama_index h2{font-size:28px;margin:0 0 18px 4px;color:#000}
.sosyal_medya{border-bottom:1px solid #ddd;padding:20px 0;margin-bottom:1em}
.sosyal_medyada{margin-top:0}
.sosyal_medyada small{width:100%;float:left;font-size:17px;color:#9e9e9e;line-height:1}
.sosyal_medyada big{width:100%;float:left;font-size:22px;color:#737373;font-weight:500;line-height:1}
section.akilli_arama_index{padding:2.5em 0;width:100%;float:left}
.sec_benzer{-moz-box-shadow:0 0 28px -8px #000 inset;background-position:center center}
span.fa.fa-search.fa-ari-ara{color:#cbcbcb}
section.iletisim_index{background-color:#f1f1f1;background-size:cover;padding:1em 0;border-top:1px solid #ddd}
.footer h2{font-size:20px;color:#000; margin-bottom:14px}
.arrow_box_default{position:relative;background:#fff;border-bottom:1px solid #ddd;margin:1.5em 0;display:block}
.arrow_box_default:after,.arrow_box_default:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.arrow_box_default:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:9px;margin-left:-9px}
.arrow_box_default:before{border-color:rgba(221,221,221,0);border-top-color:rgba(179,179,179,0.86);border-width:10px;margin-left:-10px}
.mb_1em{margin-bottom:1em}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#DB1F2D;white-space:nowrap}
.akilli_robot{margin-top:0}
.akilli_robot h2{font-size:17px;color:#DB1F2D;font-weight:700}
.kisa_aciklama{font-size:16px;text-align:left}
.kisa_aciklama img{width:100%;height:auto}
.kisa_aciklama>ul{margin:0;padding:0;list-style:none;margin-bottom: 0;text-align:left;border-bottom: 1px dotted #ddd;padding-bottom: 6px;margin-bottom: 1em;}
.kisa_aciklama>ul>li {
    padding: 4px 0;
}
.kisa_aciklama>ul>li>ul{padding-left: 24px;list-style: none;}
.kisa_aciklama>ul>li:before{font-family:FontAwesome;content:"\e911";margin-right:7px;color:#000;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


 
.kisa_aciklama>ul>li>ul>li:before{font-family:FontAwesome; content:"-"; margin-right:7px;color:#000;font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.kisa_aciklama h1 {
    padding-top: 1em;
    font-weight: 900;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
    font-family: Dosis,sans-serif;
}
.mt_1em{margin-top:1em}
.sec_filtrele{padding-bottom:2em;padding-top:1em;border-top:1px solid #ddd}
.btn-yazar{font-size:1.3em;margin:13px 0;width:100%;text-align:left;display: flex;flex-direction: column;align-items: center;}
.btn-yazar:hover i{color:#DB1F2D}
.btn-yazar:hover{border:1px solid #ddd;background-color:#ddd}
.btn-yazar i{color:#000}
.btn-yazar span{color:#464646}
.progress-bar.animate{width:100%}
.modal-yuklen{margin-top:7em}
.modal-yuklen h2{margin:10px 0;font-size:20px;width:100%;text-align:center}
@keyframes animasyon {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes animasyon {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes animasyon {
0%{opacity:0}
100%{opacity:1}
}
@-o-keyframes animasyon {
0%{opacity:0}
100%{opacity:1}
}
 
.dy_ozellik{text-align:center;width:100%;display:inline-block}
.dy_ozellik span.sps{font-size:16px;color:#000;display:block;text-align:left;font-weight:700;margin-bottom:0;padding-left:0;margin-top:14px}
.dy_ozellik p{font-size:12px;text-align:left;font-weight:400}
.dy_kutu{float:left;margin-right: 1em}
.dy_kutu_gri{margin-top:3px;color:#000;max-width:276px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display:inline-block;float:left}
a.dy_kutu_gri:hover{display:inline-block}
.dy_kutu_gri i{font-size:64px;width:100%;text-align:center;line-height:1;padding-left:0;margin-top:14px;float:left}
#nav.affix{position:fixed;top:0;width:100%;z-index:10}
.ie_urun.black{border-width:0}
.tasarim{font-style:oblique;color:#8E8E8E}
.nav_logo{position:absolute;text-align:center;left:0;right:0}
ul.nav.navbar-nav.logo_menu{position:absolute;text-align:center;margin:0 auto;float:left;top:0;left:0;right:0;z-index:0;margin-left:auto;margin-right:auto}
.none{display:none}
.logo.none{display:none}
#nav_shadow.affix{position:fixed;top:5px;z-index:0;display:block;height:130px;width:170px;background:url(img/logo_shadow.png)}
.nav-tabs.tab_content>li>a{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-size:20px}
.nav-tabs.tab_content>li>a strong{color:#DB1F2D}
.min_600{min-height:600px}
.ist_btn{font-size:24px;border:1px solid #ddd;background:rgba(234,234,234,0.48);width:100%;margin-bottom:15px;color:#6D6D6D}
.ist_btn i{font-size:48px;width:100%;display:block;text-align:center;color:#969696;padding:12px}
.ist_btn span{font-size:100%}
.modal-content video{margin:0 auto;display:block}
.modal-dialog.ist_small{padding-bottom:30px;padding-top:4em;max-width:600px;width:95%}
.ist_btn:hover{background:#070707;color:#fff;border:1px solid #000}
.ist_quote img{float:left;margin-right:1em;max-height:100px}
.ist_quote p{color:#969696}
.ist_quote_source{border-color:rgba(0,114,255,0.48)}
.ist_quote_source h2{margin:0 0 12px;font-size:24px;color:#0072FF}
.bi_slider a img{width:0;height:0}
.bi_slider_form{width:0;height:0;float:left}
.kisa_aciklama h2{text-align:left;font-size:24px}
.btn-black{background:#000;color:#fff;border-radius:2px;width:100%;text-align:left}
.btn-black:hover,.btn-black:focus,.btn-black:active{background:gray;color:#fff}
.btn-black i{font-size:45px;float:left;display:block;width:45px}
.btn-black span{display:block}
.btn-black small{font-size:12px;display:block}
.ari_menu > li > a.btx{font-size:20px;padding:4.5px 8px}
.carousel-indicators .active img{filter: grayscale(0);opacity: 1;}
.carousel-indicators li{display:inline-block;width:15px;height:3px;margin-right:6px;text-indent:-999px;cursor:pointer;background-color:#fff\9;background-color:rgba(0,0,0,0.11);border:0 solid rgba(255,255,255,0.43);border-radius:3px}
.papix{/* padding-bottom:0; */}
.carousel-indicators{bottom: 7em;z-index:5;margin-bottom: 0;position: relative;}
.fa-rrr,.fa-lele{width:30px;height:30px;font-size:4em;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}
.yeni{position:absolute;top:8px;left:42px}
.ie_kategori{margin:4px 0;max-width:180px}
.white_new{color:#fff;width:100%;float:left;text-align:center;padding:10px 0;font-size:14px}
.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity}
.carousel-fade .carousel-inner .active{opacity:1}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.carousel-fade .carousel-control{z-index:2}
@media all and (transform-3d),(-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,.carousel-fade .carousel-inner > .item.active.right{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.carousel-fade .carousel-inner > .item.prev,.carousel-fade .carousel-inner > .item.active.left{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.carousel-fade .carousel-inner > .item.next.left,.carousel-fade .carousel-inner > .item.prev.right,.carousel-fade .carousel-inner > .item.active{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
html,body,.carousel,.carousel-inner,.carousel-inner .item{height:100%}
.tabs-left > .tabilus > .nav-tabs{border-bottom:0}
.tab-content > .tab-pane,.pill-content > .pill-pane{display:none}
.tab-content > .active,.pill-content > .active{display:block}
.tabs-left > .tabilus > .nav-tabs > li{float:none}
.tabs-left > .tabilus > .nav-tabs > li > a{min-width:74px;margin-right:0;margin-bottom:3px}
.tabs-left > .tabilus > .nav-tabs{float:right;margin-right:0;border-right:1px solid #ddd;margin-top:20px}
.tabs-left > .tabilus > .nav-tabs > li > a{margin-right:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:20px;display:inline-block;font-weight:700;border-left:5px solid rgba(255,255,255,0);width:100%;right:-1px}
.tabs-left > .tabilus > .nav-tabs > li > a:hover,.tabs-left > .tabilus > .nav-tabs > li > a:focus{border-color:#eee #ddd #eee #eee}
.tabs-left > .tabilus > .nav-tabs .active > a,.tabs-left > .tabilus > .nav-tabs .active > a:hover,.tabs-left > .tabilus > .nav-tabs .active > a:focus{border-color:#ddd transparent #ddd #ddd;border-right-color:#fff;color:#db1f2d;border-left:5px solid;width:100%}
.tabs-left > .tabilus > .nav-tabs > li > a > span{font-size:12px;width:100%;float:left;font-weight:100;opacity:.7}
.borderhaci{height:100%;width:1px;background:#ddd;position:absolute;left:-1px}
.tabilus{z-index:1}
.row_left{border-bottom:1px solid #ddd;background:rgba(255,255,255,1);background:-moz-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(222,222,222,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(50%,rgba(222,222,222,1)),color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(222,222,222,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(222,222,222,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(222,222,222,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(222,222,222,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1)}
.tab_pa{padding-top:1em;padding-bottom:1em;display:inline-block}
.col-teog{background:#fff}
.row_alert {
    background: #f40000;
    color: #fff;
    padding: 8px 0;
    font-size: 19px;
    position: relative;
    z-index: 2;
    text-align: center;
    font-weight: 700;
}
.row_alert a{color:#FFEB3B}
.karyigini{position:absolute;width:100%;text-align:center;top:-48px;z-index:0}
.btn-tops.btn-tops-beyaz{color:rgba(255,255,255,0.58)}
.bold.green{color:#2196F3!important}
.dropdown-header2.green{color:#2196F3!important}
@font-face{font-family:'icomoon';src:url(fonts/icomoon.eot?41plhs);src:url(fonts/icomoon.eot?41plhs#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?41plhs) format("truetype"),url(fonts/icomoon.woff?41plhs) format("woff"),url(fonts/icomoon.svg?41plhs#icomoon) format("svg");font-weight:400;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-ari-logo:before{content:"\e900"}
#box{height:100%;left:0;position:fixed;text-align:center;width:100%;z-index:1000000;color:#000;background:#fff;display: flex;align-content: center;flex-wrap: nowrap;align-items: center;}
.anime-logo{animation:logoanime ease 1s;animation-iteration-count:1;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:logoanime ease 6s;-webkit-animation-iteration-count:100;-webkit-transform-origin:0 100%;-webkit-animation-fill-mode:forwards;font-size:500px}
@keyframes logoanime {
0%{height:0}
100%{height:500px}
}
.preloader{position:absolute;top:50%;left:0;width:250px;height:60px;margin:-30px 0 0 -40px;right:0;margin-left:auto;margin-right:auto}
.preloader .lines{width:250px;height:40px;position:absolute}
.preloader .lines .line{width:250px;height:2px;background-color:#000;position:absolute;clip:rect(0,0,20px,0)}
.preloader .lines .line.line-1{top:0;-webkit-animation:slide 2s ease 0 infinite;animation:slide 2s ease 0 infinite}
.preloader .lines .line.line-2{top:15px;-webkit-animation:slide 2s ease .25s infinite;animation:slide 2s ease .25s infinite}
.preloader .lines .line.line-3{top:30px;-webkit-animation:slide 2s ease .5s infinite;animation:slide 2s ease .5s infinite}
.preloader .loading-text{position:absolute;top:50px;text-align:center;width:100%;color:#000;font-size:13px;font-family:sans-serif;letter-spacing:3px;line-height:10px;height:10px;-webkit-animation:fade 1s ease 0 infinite;animation:fade 1s ease 0 infinite}
@-webkit-keyframes slide {
0%{clip:rect(0,0,20px,0)}
30%{clip:rect(0,250px,20px,0)}
50%{clip:rect(0,250px,20px,0)}
80%{clip:rect(0,250px,20px,250px)}
100%{clip:rect(0,250px,20px,250px)}
}
@keyframes slide {
0%{clip:rect(0,0,20px,0)}
30%{clip:rect(0,250px,20px,0)}
50%{clip:rect(0,250px,20px,0)}
80%{clip:rect(0,250px,20px,250px)}
100%{clip:rect(0,250px,20px,250px)}
}
@-webkit-keyframes fade {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes fade {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
body{-webkit-animation-delay:.1s;-webkit-animation-name:fontfix;-webkit-animation-duration:.1s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:linear}
@-webkit-keyframes fontfix {
from{opacity:1}
to{opacity:1}
}
.pulse{box-shadow:0 0 0 0 #dd1e2e;cursor:pointer;-webkit-animation:pulse 1.75s infinite cubic-bezier(.66,0,0,1);-moz-animation:pulse 1.75s infinite cubic-bezier(.66,0,0,1);-ms-animation:pulse 1.75s infinite cubic-bezier(.66,0,0,1);animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1)}
@-webkit-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@-moz-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@-ms-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
.modal-dialog.v800{max-width:800px}
.modal-body.v800 p {
    margin: 0;
}
.modal-body.v800{padding:0}
.my_close span{display:block;}
.social_td a{float:left;margin-right:6px}
.social_td a i{font-size:20px;width:35px;height:35px;text-align:center;background:#fff;border:1px solid #000;border-radius:2px;padding-top:6px}
.social_td a:hover i{background:#000;color:#fff}
.btn-instagram{color:#9C27B0}
.row_main{z-index:2;position:relative;margin:0 auto;padding:2em 0;width:100%}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.dg_urun{border:1px solid #ddd;transition:all .35s linear 0;-moz-transition:all .35s linear 0;-webkit-transition:all .35s linear 0;-o-transition:all .35s linear 0;position:relative;float:left;width:100%;border-radius:7px;padding:1em;background: #ffffff;height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.dg_urun a > h2{text-align:center;color:#141825;margin:14px 0;vertical-align:middle;display:table-cell;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left;font-family:Dosis,sans-serif;font-style:normal;font-size:16px;}
.dg_urun > a{text-align:center;width:100%;float:left; z-index:1}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.dg_urun:hover{    border-color: red;}
.boxs{ font-style:normal;font-weight:800;font-size:20px;text-align:center}
.boxs i{width:100%;float:left;font-size:32px;min-height:34px;line-height:34px;font-style:inherit;font-weight:100}
.boxs span{font-size:12px;font-weight:400;width:100%;float:left;white-space:nowrap;line-height:1.3;margin-top:5px}
.container-boxs{display: flex;padding-top:10px;border-top:1px dotted #ddd;position:relative;width:100%;float:left;overflow:hidden;justify-content: space-around;align-items: center;}
.container{max-width:1400px;width:100%}
.dg_urun > a img{max-width:256px;width:100%}
.swiper-container.v3{padding:9px}
.boxs img{max-height:30px}
.ribbon{width:100px;height:100px;overflow:hidden;position:absolute;z-index:2}
.ribbon::before,.ribbon::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #001158}
.ribbon span{position:absolute;display:block;width:181px;padding:9px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center;background:#000046;background:-webkit-linear-gradient(177deg,#1CB5E0,#006bbf);background:linear-gradient(177deg,#1CB5E0,#006bbf)}
.ribbon.mavi::before,.ribbon.mavi::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #001158}
.ribbon span{position:absolute;display:block;width:181px;padding:10px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 16px/1 Lato,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:inherit;text-align:center;background:#000046;background: -webkit-linear-gradient(177deg, #35bdde, #089bc8);background: linear-gradient(177deg, #32bcdd, #089bc8);}
.ribbon.yesil::before,.ribbon.v2::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #1c5a13}
.ribbon.yesil span{position:absolute;display:block;width:181px;padding:9px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Dosis,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:inherit;text-align:center;background:#4faf45;background:-webkit-linear-gradient(343deg,#008e06,#5fb100);background:linear-gradient(343deg,#008e06,#5fb100)}
.ribbon.kirmizi::before,.ribbon.kirmizi::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #630011}
.ribbon.kirmizi span{position:absolute;display:block;width:181px;padding:9px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Dosis,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:capitalize;text-align:center;background:#e21234;background:-webkit-linear-gradient(177deg,#f2381d,#dc043c);background:linear-gradient(177deg,#f2381d,#dc043c)}
.ribbon.sari::before,.ribbon.sari::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #a48504}
.ribbon.sari span{position:absolute;display:block;width:181px;padding:9px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#000;font:700 18px/1 Dosis,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:capitalize;text-align:center;background:#FFC107;background:-webkit-linear-gradient(177deg,#ffe477,#ffcd02);background:linear-gradient(177deg,#ffe477,#ffcd02)}
.ribbon.turuncu::before,.ribbon.turuncu::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #630011}
.ribbon.turuncu span{position:absolute;display:block;width:181px;padding:9px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Dosis,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:capitalize;text-align:center;background:#f27621;background:-webkit-linear-gradient(177deg,#fc934c,#f27621);background:linear-gradient(177deg,#fc934c,#f27621)}
.ribbon.mor::before,.ribbon.mor::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #460850}
.ribbon.lacivert::before,.ribbon.mor::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #460850}
.ribbon.lacivert span{position:absolute;display:block;width:181px;padding:9px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Dosis,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:capitalize;text-align:center;background: #2a56a1;background: -webkit-linear-gradient(177deg, #728bc2, #2a56a1);background: linear-gradient(177deg, #728bc2, #2a56a1);}

.ribbon.mor span{position:absolute;display:block;width:181px;padding:9px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 Dosis,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:capitalize;text-align:center;background: #b12d86;background: -webkit-linear-gradient(177deg, #cd5e9f, #b12d86);background: linear-gradient(177deg, #cd5e9f, #b12d86);}
.ribbon.gri::before,.ribbon.gri::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #630011}
.ribbon.gri span{position:absolute;display:block;width:181px;padding:11px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:400 14px/1 Dosis,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:capitalize;text-align:center;background:#e21234;background:-webkit-linear-gradient(177deg,#f2381d,#dc043c);background:linear-gradient(177deg,#f2381d,#dc043c)}
.ribbon-top-left{top:-10px;left:-10px}
.ribbon-top-left::before,.ribbon-top-left::after{border-top-color:transparent;border-left-color:transparent}
.ribbon-top-left::before{top:0;right:0}
.ribbon-top-left::after{bottom:0;left:0}
.ribbon-top-left span{right:-31px;top:17px;transform:rotate(-45deg)}
.ribbon-v2{width:88px;height:162px;overflow:hidden;position:absolute;z-index:9}
.ribbon-v2::after{position:absolute;z-index:-1;content:'';display:block;border:5px solid #001158}
.ribbon-v2 .ribbon-kapsa{position:absolute;display:block;width:181px;padding:10px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);text-align:center;line-height:1;background:#1488CC;background:-webkit-linear-gradient(127deg,#E91E63,#283eb6,#07c8e0);background:linear-gradient(127deg,#E91E63,#283eb6,#07c8e0);background-size:1000% 1000%!important;-webkit-animation:gradient 10s ease infinite;-moz-animation:gradient 10s ease infinite;animation:gradient 10s ease infinite}
.ribbon-v2:hover .ribbon-kapsa{background:#a1a1a1}
.ribbon-v2 strong{width:100%;float:left;font-style:oblique}
.ribbon-v2 span{font-size:12px;font-weight:100}
.ribbon-v2-left{left:-10px}
.ribbon-v2-left::after{border-top-color:transparent;border-left-color:transparent;bottom:0;left:0}
.ribbon-v2-left .ribbon-kapsa{left:-47px;top:57px;transform:rotate(-45deg)}
@-webkit-keyframes gradient {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@-moz-keyframes gradient {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@keyframes gradient {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@-webkit-keyframes headerr {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@-moz-keyframes headerr {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@keyframes headerr {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
.ie_copy{font-size:12px;color:gray}
.navbar-ari{margin-top:4px;padding:0}
.ari_style{display:block;position:absolute;z-index:0;top:46px;width:100%}
.ari_style i{width:100%;height:4px;background:#000;display:block;float:left;margin-bottom:16px}
.top-menu{margin:0 auto;padding-top:8px;padding-bottom:2px}
.ana-menu{margin:0 auto}
section.ie_slider .container{}
section.ie_slider{display:block;position:relative;padding-bottom: 1em;border-radius: 10px;margin-left: 3em;margin-right: 3em;background-size: cover;background-repeat: no-repeat;background: #7F7FD5;  /* fallback for old browsers */background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.item a{text-align:center;width:100%;float:left;display:block}

.time0{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:0}
.time1{-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.time2{-webkit-animation-delay:6s;-moz-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
99%{opacity:1}
100%{opacity:0}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
.loggos{top:0;position:absolute;left:0;right:0;text-align:center;margin-left:auto;margin-right:auto}

.row_single {
    border-radius: 10px;
    min-height: 500px;
    box-shadow: rgb(0 49 155 / 14%) -1px 1px 20px, rgb(244 246 252) 0px 6px 15px -2px;
    z-index: 1;
    margin-top: 1em;
    background: #fff;
    margin-left: 2em;
    margin-right: 2em;
    padding: 1em;
}

.container-grid{display:grid;grid-template-columns:auto 207px;padding:15px 0;grid-column-gap:18px;margin-bottom:1em;width:100%}
.mod_align.v2 {
    display: inline-block;
    border-radius: 5px;
    position: relative;
}
 
 

 
 

.btn.btn-dg {
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 11px;

    border: 0px;
    border-radius: 10px;
}
.btn.btn-dg:last-child {border-bottom: 0px;}
 
.btn-dg i{width:100%;text-align:center;font-size:3em;height: 55px;}
.btn-dg:hover{background:#000;color:#fff}
.btn-dg > big{font-size: 18px;width:100%;float:left;padding-top:7px;font-weight: 800;}
.btn-dg > small{float:left;font-size:12px;font-weight: 400;text-align:center;width:100%}
.btn-satinal:hover {

    color: #fff !important;
}

    .btn-satinal {
      -webkit-animation:colorchange 5s infinite alternate;
    }

    @-webkit-keyframes colorchange {
      0% {        
        color: #000;
      }
      25% {        
        color: red;
      }
      50% {
        color: #000;
      }
      75% {
        color: red;
      }
      100% {
        color: #000;
      }
    }
    
    
    
.optik_okuma{width:100%}
.kunye{display:inline-block;z-index:0;width:100%;float:left;margin:0 auto;padding-left: 0;margin-bottom:1em;padding-right: 15px;}
.kunye ul{padding:0;list-style:none}
.kunye ul li{width:100%;float:left;margin-bottom: 5px;}
.kunye ul li strong{font-size: 16px;width:100%;float:left;font-weight: 600;}
.kunye ul li span{padding-left:0;width:100%;font-weight:100;}
.kunye ul li a{color:#00acee}
.kunye ul li a:hover{color:#E31145}
.grid-kapsa{display:grid;grid-template-columns:706px auto;padding:0;border-radius: 10px;border:1px solid #ebebeb;box-shadow:rgb(0 49 155 / 14%) 0px 2px 10px, rgb(244 246 252) 0px 4px 1px -2px;position: relative;z-index: 1;margin-top: 1em;background: #fff;}
.ribbon-list a:nth-child(1){top:90px}
.ribbon-list a:nth-child(2){top:250px}
.ribbon-list a:nth-child(3){top:410px}
.ribbon-list a:nth-child(4){top:570px}
.seride_urunler{width:100%;padding:0;list-style:none;text-align:center;border:1px solid #ebebeb;margin-left:-16px;border-radius:0 4px 4px 0;height:fit-content;border-left:0;margin-top:38px;overflow:hidden;box-shadow:4px 1px 8px 0 #f3f3f3;background: #fff;}
.seride_urunler li{border-bottom:1px solid #ebebeb;width:100%;float:left}
.seride_urunler li:last-child{border-bottom:0 solid}
.seride_urunler li a{width:100%;float:left;padding:6px 0}
.seride_urunler li a:hover{background:#a3a3a3;color:#fff}
.seride_urunler li a span.seri_title{display:block;font-size:12px;text-transform:uppercase}
.seride_arrow{position:relative;width:100%;float:left;color:#000;font-size:12px;padding:1em 8px;padding-top:1em;border-bottom:1px solid #ebebeb;font-weight:500;padding-left:7px;padding-right:7px}
.seride_arrow:after,.seride_arrow:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.seride_arrow:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:7px;margin-left:-7px}
.seride_arrow:before{border-color:rgba(0,0,0,0);border-top-color:#dedede;border-width:8px;margin-left:-8px}
.single-img {
    float: left;
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.single-img img{width:100%;max-width:557px;margin-top:1em}
blockquote{border-left: 5px solid #ea5b2c;text-align:left;padding-left:1em}
.btn-spiral{white-space:inherit}
.btn-spiral > i{color:#249f29}
.btn-spiral > big{color:#249f29}
.row-yatay{background:#000;color: #fff;}
.row-yatay h2{
    color: #fff;
}
.btn-start{border-radius:3px}
.modal-dialog.modal-large{max-width: 100%;top: 0;padding-top:0;left: 0;bottom: 0;}
.modal-large{width:100%;height: 100%;margin:0;padding:0}
.modal-content.content-large{height:auto;min-height:100%;border:0 none;border-radius:0}
.modal-body.body-large{height:auto;min-height:100%;border-radius:0;left:0;right:0;position:relative;padding:0;flex:1;text-align: center;overflow-x: hidden}
.modal-body.body-large iframe{width: 100% !important;height: 100% !important;display:inline-block;position:absolute;left:0}
.ari_img{text-align:center;position:relative}
.boxs i.sayfa_sayisi{font-size:28px}
.btn-dg span{width:100%;text-align:center;font-size:62px;font-style:inherit;font-weight:800;line-height:62px;font-family:Dosis,sans-serif}
.row-grid-4{display:grid;grid-row-gap:18px;grid-template-columns:25% 25% 25% 25%;width:100%;float:left}
.row-grid-4 div{padding-right:9px;padding-left:9px}
.row-grid-5{display:grid;grid-row-gap:18px;grid-template-columns:20% 20% 20% 20% 20%}
.row-grid-5 div{padding-right:9px;padding-left:9px}
.row-grid-6{display:grid;grid-row-gap:0;grid-template-columns:16.66% 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;padding-left:1.7%;padding-right:3%}
.row-grid-6 .ari_circle:nth-child(1) strong,.row-grid-6 .ari_circle:nth-child(1) > span{color:#f77821}
.row-grid-6 .ari_circle:nth-child(2) strong,.row-grid-6 .ari_circle:nth-child(2) > span{color:#e92c4d}
.row-grid-6 .ari_circle:nth-child(3) strong,.row-grid-6 .ari_circle:nth-child(3) > span{color:#b3136a}
.row-grid-6 .ari_circle:nth-child(4) strong,.row-grid-6 .ari_circle:nth-child(4) > span{color:#541c96}
.row-grid-6 .ari_circle:nth-child(5) strong,.row-grid-6 .ari_circle:nth-child(5) > span{color:#2562ae}
.row-grid-6 .ari_circle:nth-child(6) strong,.row-grid-6 .ari_circle:nth-child(6) > span{color:#6cd7c1}
.ari_circle{text-align:center;display:block}
.ari_circle strong{font-weight:700;font-size:16px;width:100%;float:left}
.ari_circle p{font-size:14px;width:100%;float:left}
.row_karakterler > div{padding-left:2px;padding-right:2px}
.ari_circle>span.icon_kapsa{display:none;width:100%;text-align:center;float:left;position:relative;height:146px;margin-bottom:11px}
.ari_circle>span.icon_kapsa>i,.ari_circle>span.icon_kapsa>span{background:#f0f0f0;width:146px;height:146px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;border-radius:50%;font-size:80px;line-height:146px;box-shadow:0 0 61px 2px #ddd;border:2px solid #fff;background:#f0f0f0;background:-webkit-linear-gradient(125deg,#fff 26%,hsla(0,0%,94%,0.84),#fff,#c9c9c9);background:linear-gradient(125deg,#fff 26%,hsla(0,0%,94%,0.84),#fff,#c9c9c9)}
.icon-logo2.v3>span:nth-child(1):before{color:#f67c28}
.icon-logo2.v3>span:nth-child(2):before{color:#f67c28}
.icon-logo2.v3>span:nth-child(3):before{color:#FF9800}
.ari_yeni_butonlar{ padding:3em 0;margin-top:2em}
.ari_yeni_butonlar h1{font-weight:700;font-size: 4em;font-family: Dosis,sans-serif;}
.ari_yeni_butonlar h2{font-size:30px;font-weight:700;font-family: Dosis,sans-serif;letter-spacing: 3px;}
.ari_yeni_butonlar h3{font-size:20px;font-weight:200;margin-bottom: 10px;}
.ari_yeni_butonlar h4{font-size: 16px;font-weight: 500;margin-bottom:1em;}
.icon-down.prev{transform:rotate(90deg);font-size: 3em;color:#000;padding:7px;}
.icon-down.next{transform:rotate(-90deg);font-size: 3em;color: #000;padding:7px;}
.carousel-control-next,.carousel-control-prev{width:10%;color:#000}
.xxlarge_img{width:100%;max-width:1100px!important}
.yeni_sistem{width:100%;max-width:1336px}
.input-search[type="search"]{position:relative;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:30px;font-weight:300;text-align:left;border:0;margin:0 auto;padding-left:1em;padding-right:0;outline:none;color:red}
.search-input{position:relative;top: 0;left:0;z-index:9;width:100%;right:0;max-width:800px;margin-right:auto;margin-left:auto;}
.btn-zoro{position:absolute;right:12px;top: 11px;background: #000000;border-radius:50px;color:#fff;padding: 5px 19px;z-index:2}
.pop_search{color:red;margin-top:100px;font-size:13px;z-index:0;position:relative}
.pop_search span{float:left;color:gray}
.pop_search ul{list-style:none}
.pop_search ul li{float:left;margin-bottom:5px}
.pop_search ul li a{color: #161616;padding:2px 10px}
.pop_search ul li a:hover{color:#ff3d00}
.row-yatay.v2{background:none;position: relative;}
.row-yatay.v2 h2{font-size:18px}
.ari_uygulamalar{padding:0;margin:0 auto;list-style:none}
.ari_uygulamalar li{width:100%;float:left;margin-bottom:6px}
.ari_uygulamalar li a{color:#000!important;border-radius:2px;width:100%;text-align:left;border:1px solid #000}
.ari_uygulamalar li a i{font-size:43px;float:left;display:block;width:45px;margin-right:10px}
.ari_uygulamalar li a span{display:block;font-weight:500;font-size:17px}
.ari_uygulamalar li a:hover{background:#000;color:#fff!important}
.btn-uygulama{padding: 1em;border-radius: 15px;text-align:center;width:100%;box-shadow: rgb(0 49 155 / 10%) 0px 2px 10px, rgb(244 246 252) 0px 4px 1px -2px;border: 1px solid #f1f7ff;}
.btn-uygulama:hover,.btn-uygulama:focus{color:#fff;background: #ea5b2c;}
.btn-uygulama i{font-size:3em;width:100%;float:left;display:block}
.btn-uygulama strong{float:left;text-align:center;width:100%;font-size: 24px;padding: 10px 0;}
.navbar.navbar_yazar{background-color:#fff!important;padding:0;width:100%}
.grid-search-filter{display:grid;grid-template-columns:auto auto auto 54px;grid-gap:0}
.grid-search-filter>div{padding-left:5px;padding-right:5px}
.btn-uygulama small{width:100%;float:left;opacity:.7;overflow:hidden}
.fixed-header.fixed-top{box-shadow: 0 0 8px -4px rgb(0 0 0);z-index:9;background: #fff;}
.row_fmenu{padding-top:20px}
.sosyal_butonlar {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #0000001c;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.sosyal_butonlar a{font-size: 20px;font-weight:100;color:#000;line-height:33px;border-radius: 50px !important;padding: 5px 19px;display: flex;justify-content: center;flex-wrap: nowrap;flex-direction: row;align-items: center;}
.sosyal_butonlar a i{font-size:36px;float:left;margin-right:5px}
.sosyal_butonlar a:hover{background:#000;color:#fff;border-radius:3px}
.i_logo{font-size:51px;top:-7px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;z-index:9}
.i_logo>.v2{background:#fff;font-size:46px;padding:0 4px}
.footer_uclu{position:relative;width:100%;text-align:center;padding:1em 0;color:red;opacity:.1}
.footer_uclu hr{margin:7px 0;border-top:1px solid #000}
.row_page{min-height:450px;padding:1em;border:1px solid #ebebeb;box-shadow:rgb(0 49 155 / 14%) 0px 2px 10px, rgb(244 246 252) 0px 4px 1px -2px;margin-top: -4em;border-radius: 10px;margin-bottom:2em;z-index: 1;position: relative;background: #fff;}
.modal_title title{display:block;padding:3px 0;font-size:21px;font-weight:700;width:100%;text-align:center;padding-top:7px;padding-bottom:10px}
.row-modal-2{position:relative;text-align:center;display:grid;grid-template-columns:50% 50%;padding:0}
.ari_yazar a{border-radius:3px;padding:14px 7px;border-radius:5px;border:1px solid #ebebeb}
.ari_yazar a>span{font-size: 50px;float:left;}
.ari_yazar a strong{font-size:16px;line-height:1;display:block;padding-top:7px;text-align:left;overflow:hidden}
.ari_yazar a .row{font-size:14px;color:gray;font-weight:100;}
.row_page h1{margin-bottom:10px;border-bottom:1px dotted #ddd;color: #000000;font-size: 22px;width:100%;font-weight: 600;padding: 11px 0;}
.row_page.v2 h1{margin-bottom: 0;border-bottom: 0px;padding-bottom: 0px;font-size:28px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-linear-gradient(to right,#bc0009,#ff000f);background-image:linear-gradient(to right,#bc0009,#ff000f);color:transparent;-webkit-background-clip:text;background-clip:text;text-align:left;width:100%}
.row_page h2{font-size:24px}
.modal_title strong{text-align:center;width:100%;display:inline-block;padding:14px 0;font-size:16px;color:#03A9F4}
.row_page.v3{min-height:auto}
ul#filterOptions{width:100%;margin:10px 0;overflow:hidden;list-style:none;padding:0 1em}
ul#filterOptions li{margin-right:6px;float:left;margin-bottom:6px}
ul#filterOptions li a{padding:18px 14px;background:#e5e5e5;color:#000;font-weight:700;line-height:1;text-decoration:none;display:block;border-radius:4px}
ul#filterOptions li a:hover{background:#c9c9c9}
ul#filterOptions li.active a{background:#d30b17;color:#fff}
.tab-content.v2{padding:2em 0}
.sol_menu ul{list-style:none;padding:0;margin:0 auto}
.sol_menu ul li{float:left;width:100%;border-bottom:1px dotted #dddd}
.sol_menu ul li:last-child{border-bottom:0 dotted #dddd}
.sol_menu ul li a{width:100%;float:left;padding:10px 7px}
.sol_menu ul li a:hover{background:#ededed;color:#000}
 
.row_page > .collapse{display:block}
.db992{display:none}
.btn-tog-yazar{color:red!important;float:right!important;background:#bfbfbf!important}
 
.ari_responsive .dropdown-menu-large{display:block;background:none;border:0;position:relative;top:0}
.ari_responsive h2{font-size:20px;color:#00BCD4;font-weight:700;text-align:left;padding-left:7px}
.ari_responsive ul{padding:0;margin:0 auto;list-style:none}
.ari_responsive .dropdown-menu-large .dropdown-header{border-bottom:0 dotted #cdcccc3d;font-size:20px}
.ari_responsive .dropdown-menu-large li a{color:#d5d5d5!important}
.ari_responsive .dropdown-menu-large li a:hover{color:#000!important}
.ari_responsive .dropdown-menu-large li.dropdown-header2{border-bottom:0 dotted #cdcccc3d!important}
.ari_responsive .dropdown-menu-large:after,.ari_responsive .dropdown-menu-large:before{display:none}
.nav-tabs{border-bottom:0 solid #dee2e6}
.tab-content.responsive{padding:2em 0}
.b_panel{display:inline-block;width:100%;float:left;border:0;box-shadow:none;background-color:rgba(0,0,0,0);position:relative;margin-top:1em}
a.b_accordion.collapsed{width:100%;float:left;margin-top:0;color:#000;border-bottom: 2px solid #fff;}
a.b_accordion{width:100%;float:left;padding:13px 24px;color: #53b147;border-bottom: 2px solid #53b147;font-weight:700;font-size:18px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.b_accordion:hover,a.b_accordion.collapsed:hover{color:#ff3d00;text-decoration:none;border-color:#ff3d00}
.b_accordion:focus,a.b_accordion.collapsed:focus{text-decoration:none}
a.b_accordion.collapsed:before{content:"+";font-family:FontAwesome;text-align:left;float:left;color:#000;width:23px}
a.b_accordion:before{content:"\2013";font-family:FontAwesome;text-align:left;float:left;color:#2196F3;width:23px}
.col-accordion{line-height:2;font-size:16px;font-weight:300;padding-left:50px;display:inline-block}
.tarih{position:absolute;top:-9px;background:#2196F3;padding:0 12px;color:#fff;font-size:13px;font-weight:100;line-height:1.6}
li.divider{height:1px;width:100%;border-top:1px dotted #ddd;padding:0!important;max-width:157px}
.kunye ul li a:after{content:" ~ ";color:#e0e0e0}
.kunye ul li a:last-child:after{content:"";color:#e0e0e0;display:none}
.row-yatay.v3{padding-top:12px;background:#fff;box-shadow:0 0 63px -24px #000;display:none;color:#000}
.row-yatay.v3.fixed-bottom{display:block}
.radio{padding-left:20px}
.radio label{display:inline-block;position:relative;padding-left:5px;line-height:15px;font-size:14px}
.radio label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #ccc;border-radius:50%;background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}
.radio label::after{display:inline-block;position:absolute;content:" ";width:11px;height:11px;left:3px;top:3px;margin-left:-20px;border-radius:50%;background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)}
.radio input[type="radio"]{opacity:0}
.radio input[type="radio"]:focus + label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.radio input[type="radio"]:checked + label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.radio input[type="radio"]:disabled + label{opacity:.65}
.radio input[type="radio"]:disabled + label::before{cursor:not-allowed}
.radio.radio-inline{margin-top:0}
.radio-primary input[type="radio"] + label::after{background-color:#428bca}
.radio-primary input[type="radio"]:checked + label::before{border-color:#428bca}
.radio-primary input[type="radio"]:checked + label::after{background-color:#428bca}
.radio-danger input[type="radio"] + label::after{background-color:#d9534f}
.radio-danger input[type="radio"]:checked + label::before{border-color:#d9534f}
.radio-danger input[type="radio"]:checked + label::after{background-color:#d9534f}
.radio-info input[type="radio"] + label::after{background-color:#5bc0de}
.radio-info input[type="radio"]:checked + label::before{border-color:#5bc0de}
.radio-info input[type="radio"]:checked + label::after{background-color:#5bc0de}
.radio-warning input[type="radio"] + label::after{background-color:#f0ad4e}
.radio-warning input[type="radio"]:checked + label::before{border-color:#f0ad4e}
.radio-warning input[type="radio"]:checked + label::after{background-color:#f0ad4e}
.radio-success input[type="radio"] + label::after{background-color:#5cb85c}
.radio-success input[type="radio"]:checked + label::before{border-color:#5cb85c}
.radio-success input[type="radio"]:checked + label::after{background-color:#5cb85c}
.radio-danger.v2{float:left}
.radio_ozel{padding-top:10px}
.row-kutucuklar{border-top:1px solid #ddd}
.js-loading-bar h2{color:#000!important}
.animatin_cont{left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;display: flex;height: 100%;align-content: center;align-items: center;}
#animation_container{background:#fff;z-index:2;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto}
.ari_lines span{width:100%;margin-bottom:1em;height:10px;background:#000}
.ari_lines{display:block;width:100%;position:absolute;}
.ari_lines span{width:100%;margin-bottom:23px;height:10px;background:#000;display:block}
.animatin_kapsa{width:250px;background:#fff;left:0;right:0;position:absolute;margin-left:auto;margin-right:auto;height:250px;z-index:2}
.loading-text{bottom:-12px;position:absolute;text-align:center;letter-spacing:8px;width:100%}
.row_main.v3 h1{margin-bottom:1em}
.row_icinde{color:#FF5722;text-align:center;width:100%}
.arama_sonucu{padding:9px 0;font-weight:400;color: black;font-family: 'Roboto Slab';}
.row_icinde>span{color:#acacac;padding-left:1em;float:left}
.radio-danger.v3{float:left}
.btn-start.v2{float:left;width:100%}
.loading-text>div{font-size:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;text-transform:uppercase;letter-spacing:6px;color:#cacaca;font-weight:100}
.loading-text>div:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#000;overflow:hidden;animation:animate 2s linear infinite;border-right:1px solid #000}
@keyframes animate {
0%{width:0}
50%{width:99%}
100%{width:0}
}
.ariyay_adres{background:#4d6a79;color:#fff;min-height:300px;padding:1em;margin-bottom:1em;border-radius:3px}
.ariyay_adres h2{margin:0 auto;font-size:24px;font-weight:700;margin-bottom:0;color:#fff;margin-top:0;padding:11px 0}
.ariyay_adres .row{border-bottom:1px dotted rgba(255,255,255,0.29);padding:1em 0}
.ariyay_adres .row:last-child{border-bottom:0 solid rgba(255,255,255,0.19);padding:1em 0}
.ariyay_1{padding:0;font-size:18px;font-weight:700}
.ariyay_2{padding:0;opacity:.7}
.ariyay_map{width:100%}
.ariyay_map iframe{height:320px}
.row-yatay.v3.fixed-bottom .radio_ozel{margin-top:-13px}
.logo_bgx{left:0;right:0;top:-38px;margin-left:auto;margin-right:auto;display:inline-block;height:126px;position:absolute;width:122px;-webkit-clip-path:polygon(0 73%,50% 100%,100% 73%,100% 0,0 0);clip-path:polygon(0 73%,50% 100%,100% 73%,100% 0,0 0);background:#1488CC;background:-webkit-linear-gradient(103deg,red,#a90000,#00e2ff,#0083eb,#000,#ddd);background:linear-gradient(103deg,red,#a90000,#00e2ff,#0083eb,#000,#ddd);background-size:1000% 1000%!important;-webkit-animation:gradient 7s ease infinite;-moz-animation:gradient 7s ease infinite;animation:gradient 7s ease infinite;z-index:0;display:block}
.loggos.v2{display:none}
.fixed-header.fixed-top .loggos.v2,.fixed-header.fixed-top .logo_bgx{display:block}
.fixed-header.fixed-top .loggos{display:none}
@-webkit-keyframes gradient {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@-moz-keyframes gradient {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@keyframes gradient {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@-webkit-keyframes headerr {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@-moz-keyframes headerr {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
@keyframes headerr {
0%{background-position:0 31%}
50%{background-position:100% 70%}
100%{background-position:0 31%}
}
section.ie_slider .carousel-inner{padding: 1em;padding-bottom: 8em;}

.row_ym{text-align:center;width:100%;float:left;position:relative;top:-11px}
.row_ym img{max-width:270px;margin:0 auto}
.nav-tabs.ari_tabs .nav-link:hover{border-color:#ff000000;border:1px;background: #ffffff40;}
.btn-set{width:65px;height:65px;border-radius:50%;border:1px solid #00968821;box-shadow:0 0 34px -11px #2196F3;padding:0;background:#fff;position:absolute;top:2em;right:2em;z-index:2;color:#03A9F4}
.btn-set:hover,.btn-set:focus{background:#03A9F4;color:#fff}
.btn-set big{width:100%;text-align:center;float:left;font-weight:700;font-size:22px;line-height:29px;margin-top:-7px}
.btn-set small{width:100%;text-align:center;float:left;font-size:11px;line-height:5px}
.col-setler{text-align:center}
.col-setler img{max-width:557px}
.col-setler strong{width:100%;float:left;text-align:center;font-size:20px}
.col-setler span{width:100%;float:left;text-align:center}
.nav-tabs.ari_tabs .nav-link:focus{background:#fff;color:#ff276a}
.ribbon-b-y{width:65px;height:65px;border-radius:50%;border:1px solid #ff98a8;box-shadow:0 0 34px -11px #d81e39;padding:0;background:#fff;position:absolute;top:10em;right:2em;z-index:2;color:#d91f3a;bottom:0;line-height:63px;font-weight:700}
.btn-test span{width:112px;font-size:20px;display:block;text-align:center;left:0;right:0;margin-left:auto;margin-right:auto}
.the_content{display:inline-block;text-align:justify;width:100%;padding: 0 1em;}
button.close.my_close.v2{left:auto;right:8px;top:8px;background:rgba(0,0,0,0.07)}
hr.style1{height:6px;background:url(img/hr1.png) repeat-x 0 0;border:0}
hr.style2{height:6px;background:url(img/hr2.png) repeat-x 0 0;border:0}
.cont-map{margin:0 auto;max-width:1400px}
.svg-turkiye-haritasi{max-width:1140px;margin:0 auto;text-align:center;padding:1em 0}
.svg-turkiye-haritasi svg{width:100%;height:auto}
.il-isimleri{position:absolute;z-index:2}
.il-isimleri div{display:inline-block;background:#2196F3;color:#fff;padding:8px 16px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#svg-turkiye-haritasi path{cursor:pointer;fill:#ddd}
#svg-turkiye-haritasi path:hover{fill:#1094F6}
#guney-kibris{pointer-events:none}
.row-liste>h2{font-size:24px;border-bottom:1px solid #ddd;padding:7px 0;margin-top:0}
.row-liste{background:#f7f7f7;margin-bottom:1em;display:inline-block;width:100%;padding:8px;border:1px solid #ddd;border-radius:3px}
.modal-xl{max-width:900px!important}
.row-il{font-size:13px}
.bayi_full{font-size:13px}
td.large-title{text-transform:uppercase}
 
.table-responsive>.table-bordered{border:1px solid #ddd}
.btn-sm.v2{padding:2px 6px}
.btn-sm.v2 i{font-size:10px}
tr.tr_goster,tr.tr_goster:hover{background:#6c757d!important;color:#fff}
tr.tr_goster td{padding:10px 9px;text-align:right}
.btn-primary.v2{background:#03A9F4;border-color:#03A9F4}

.icn-you {color:red;padding: 0 5px;line-height: 27px;}
.icn-you i{
    font-size: 28px;
    float: left;
    margin-right: 5px;
}


 
.ekle.v2 {
    padding-right: 0; display: block;
}

 

 
.alanlar {
    font-size: 24px;
    padding: 12px 11px;
    color: red;
    font-weight: 700;
    margin-top: 1.3em;
}


.alanlar:after {
    content:" -";
    color:#989898;
    font-weight:100;
}


.mt_zero {
    margin-top: 0 !important
}

 
.btn-os {
    background: #343a40;
    color: #fff;
    z-index: 2;
    position: relative;
}

.btn-os:hover,.btn-os:active {
    background:#dc3545;
    color: #fff;
}

.btn-gray {
    background: #e5e6e6;
    color: #616161;
    z-index: 2;
}

.btn-gray:hover,.btn-gray:active {
    background: #343a40;
    color: #fff;
}



 
.hover_effect_text {
    background: #00000082;
    position: absolute;
    width: 100%;
    top: 0;
    bottom:0;
    z-index: 0;
    left: 0;
    border-radius: 7px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.dg_urun.v3:hover > .hover_effect_text {
    display: block;
    
}
 
 
 
.pt_zero {
    padding-top: 0
}
 
.zindex.v-os {position: relative;
margin-top: 1em
}

 

.mt_1em_v2 {
    margin-top: 1em !important
}

.dropdown-menu-large > .textwidget > li > ul > li > a.bold.kalin_punto {
    font-weight: 700;
}

.radio-danger.v_fixed {
    float: left;
    width: 50%;
    display: block;
    padding: 0;
}

.radio-danger.v_fixed label {
    font-size: 12px
}

.radio_ozel.v_yatay {
    padding-top: 0px !important
}


.searchandfilter  {
  font-size: 14px;
}

.searchandfilter ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.searchandfilter ul li li {
    padding: 2px 0 !important;
    font-weight: 300
}


.searchandfilter select.sf-input-select {
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


input.search-filter-reset {
    color: #ffffff;
    background-color: #673AB7;
    border-color: #673AB7;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.searchandfilter .sf-count, .searchandfilter .sf-date-postfix {
    padding-left: 5px;
    display: inline-block;
    font-size: 12px;
    color: #b9b9b9;
}


.search-filter-scroll-loading {
 
    height: 75px !important;
    width: 75px !important;
    animation: search-filter-loader-rotate .7s infinite linear;
    border: 5px solid rgb(255 3 3 / 15%) !important;
    border-right-color: rgb(255 0 0 / 60%) !important;
    border-radius: 50%;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    position: fixed !important;
    z-index: 33 !important;
    bottom: 0 !important;
    top: 0 !important;
}

 



.searchandfilter li[data-sf-field-input-type="checkbox"] ul {
    max-height: 200px;
    overflow: auto;
}

 

.searchandfilter li[data-sf-field-input-type="checkbox"] ul::-webkit-scrollbar {
 width:8px;    
 border-radius:30px;
 
}


.searchandfilter li[data-sf-field-input-type="checkbox"] ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgb(0 0 0 / 9%);
  border-radius:30px;
   width:2px;  
}
 
.searchandfilter li[data-sf-field-input-type="checkbox"] ul::-webkit-scrollbar-thumb {
  background-color: #9c9c9c;
  border-radius:30px;
 

  
}

.ari_filtrele ul {
    display: grid !important;
    grid-gap: 18px;
    grid-template-columns: auto auto auto auto;
    padding: 12px;
}

.ari_filtrele .searchandfilter label{
    width: 100%;
   
    
}
.ari_filtrele [type=submit] {

    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    

 .animatin_kapsa > img {
    width: 100%;
    padding-bottom: 2em;
}


.ari-page-b2b {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.ari-page-b2b-cont {
    font-size: 14px
}

.btn-satinal svg {
    max-height: 50px;
}
.row_alert p {
    margin: 0;
}
.single-img svg {
    max-height: 680px;
}

.ari-acf-mini {
    margin-right: 6px !important;
    border-radius: 8px;
    border: 1px solid #ddd !important;
    padding: 7px !important;
    background: #fff;
    display: block;
    height: auto !important;
    width: 69px !important;
    opacity: 1 !important;
    text-align: center !important;
}



.ari-acf-mini.active {
	position: relative;
	background: #ffffff;
	border: 1px solid #ddd;
}
.ari-acf-mini.active:after, .ari-acf-mini.active:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ari-acf-mini.active:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}
.ari-acf-mini.active:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
	border-width: 7px;
	margin-left: -7px;
}


.ari-acf-mini:hover img  {
  filter: grayscale(0%);
	opacity:1
  
}
.ari-acf-mini img {
    border-radius: 5px;
    filter: grayscale(100%);
    opacity: 0.7;
    display: block;
    margin: auto;
}
.nav-tabs.ari_tabs {
    /* background: #c6e1f7; */
    padding: 0em 1em 7px 1em;
    border-radius: 5px;
}

.ari-yeni-cont {
    margin-top: 2em;
    border-radius: 10px;
    padding: 1em 2em 0em 2em;
    background: #ffffff!important;
    position: relative;
    border: 1px solid #ebebeb;
    box-shadow: rgb(0 49 155 / 14%) 0px 2px 10px, rgb(244 246 252) 0px 4px 1px -2px;
}

 

.ari-yeni-cont>h1 {
    text-align: center;
    padding-top: 7px;
    padding-bottom: 16px;
    letter-spacing: 4px;
    font-family: Dosis,sans-serif;
    font-style: normal;
    font-size: 39px;
    font-weight: 900;
    color: #FF4200;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left,#FF9800 0%,#4201ac 95%);
    background-image: linear-gradient(to right,#5304a5,#ca1971 35%,#f47718 75%,#fe930c);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

 

.col-shadow {
    border-radius: 10px;    
    border: 1px solid #ebebeb;
    box-shadow: rgb(0 49 155 / 14%) 0px 2px 10px, rgb(244 246 252) 0px 4px 1px -2px;
 
}


.btn-genel {
    border-radius: 10px;
    width: 100%;
    background: rgba(255,255,255,0.1);
    text-align: center !important;
    box-shadow: rgb(0 49 155 / 35%) 0px 2px 10px, rgb(248 249 255) 0px 4px 1px -2px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 4px 1em;
    justify-content: center;
}
.btn-genel img {width: 100%}

.btn-genel strong {
    display: block;
    font-size: 18px;
    padding: 0;
    color: #FF4200;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to left,#FF9800 0%,#4201ac 95%);
    background-image: linear-gradient(to right,#5304a5,#ca1971 35%,#f47718 75%,#fe930c);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.btn-genel small {
    color: #656565cf;
    display:block;
    letter-spacing: 5px;
}

.modal-content.content-large.v2 {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 10px;
    padding: 1em;
}

.close.my-close {
    position: absolute;
    z-index: 1;
    right: -10px;
    top: -10px;
    background: #fff;
    font-size: 36px;
    width: 58px;
    opacity: 1;
    border-radius: 10px;
    height: 52px;
    color: #03A9F4;
}
 .close.my-close:focus {
  outline: 0
}
.h_iframe iframe {
    width:100%;
    height:100%;
}
.h_iframe {
    height: 100%;
    width:100%;
}

.single-img video {
    width: 100%;
    height: auto;
}

.select2-container .select2-selection--single {
 height: 43px !important;
 border: 1px solid #53b147 !important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
 
    line-height: 41px !important;
    font-size:16px !important;
    font-weight:700 !important;
 
    
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 41px !important;
}

form.bayi_form {
    max-width: 700px !important;
    position: relative;
    display: flex;
}
.btn-pdf-sp {
    border-radius: 24px;
    width: 100%;
    max-width: 280px;
}


 
 
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
.kpk-arka {
    display: none;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
.btn-flex-img  {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  margin-top: 3px;
  border-radius: 10px;
  padding: 7px 3px;
}
.ari-flex-img  {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    margin-left: 0;
    min-width: 113px;
    padding: 7px;
    max-width: 180px;
    background: #e7f5fc;
}


.ari-flex-img:after, .ari-flex-img:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ari-flex-img:after {
		border-color: rgba(255, 255, 255, 0);
		border-left-color: #e7f5fc;
		border-width: 10px;
		margin-top: -10px;
}
.ari-flex-img:before {
	border-color: rgba(235, 235, 235, 0);
	border-left-color: #e7f5fc;
	border-width: 11px;
	margin-top: -11px;
}



.btn-flex-img:hover  {
    background: #000000;
    color: #fff;
}

.btn-flex-img svg {
    width: 40px;
    height: 24px;
}
.btn-flex-img span {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
}
.btn-flex-img small {
    font-size: 12px;
}
 
.btn-on {
    display: none
}
.btn-flex-imp {display: flex !important}
.ari_kpk_kapsa {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.col-setler.v2 img {
    max-width: 350px;
    border-radius: 10px;
}

.ari-btn-close-canvas {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    width: 50px;
    height: 50px;
    display: flex;
    background: white;
    color: #000;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
}

.ari-btn-close-canvas:hover {
opacity: 1;
color:red
 
}


.ari-lg-search::-webkit-input-placeholder {
  color: #000;
}

.ari-lg-search:-moz-placeholder {
  color: #000;
}


.btn-zoro:hover, .btn-zoro:focus {
    background: #F44336;
    color: #fff;
}

.logo-udb {
    max-height: 75px;
}


.border-bottom {
    border-bottom: 1px solid #ddd;
}
.udb_menu {
    font-size: 18px !important;
}
.udb-acf-slider {
    margin: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 1em;
    box-shadow: rgb(0 49 155 / 14%) 0px 2px 10px, rgb(244 246 252) 0px 4px 1px -2px;
    z-index: 1;
    position: relative;
    width: 100%;
    padding-top: 2em;
    margin-right: 5em;
}
.udb-smart-search .searchandfilter h4 {
    display: none;
}


.udb-smart-search .searchandfilter select.sf-input-select {
    width: 100%;
}


.udb-smart-search .searchandfilter ul  {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    max-width: 888px;
    margin: auto;
    grid-gap: 1em;
}

.udb-smart-search .searchandfilter ul li  {
    width: 100%;
    max-width: 270px;
}
.udb-smart-search .searchandfilter label  {
    width: 100%;
   
}


.udb-smart-search .searchandfilter select.sf-input-select {
 height: 52px;
 padding: 11px 15px;
 border-radius: 50px;
}

.udb-smart-search input {
 padding: 15px;
 border-radius: 50px;
 background: #ea5b0b;
 border: 0px;
 width: 100%;
 color: #fff;
 max-width: 200px;
}
.udb-smart-search input:hover, .udb-smart-search input:focus {
    background: #9C27B0;
}

.udb-osym {
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    font-family: 'Roboto Slab';
    padding-top: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    color: #000000;
}
.udb-osym span{
    font-style: italic;
    font-weight: 700;
    font-size: 1.5em;
    padding-right: 10px;
    letter-spacing: -1px;
    color: #000;
    font-family: 'Poppins';
}
.udb-osym strong {
    color: #ffb933;
    font-style: normal;
    font-weight: 600;
    font-size: 1.7em;
    padding: 0 10px;
    letter-spacing: 6px;
    font-family: 'Poppins';
    background: url(img/bg-text-home8.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding-bottom: 12px;
}
.slider_bottom {
    margin-top: -7em;
    position: relative;
    z-index: 1;
    padding: 0 5em;
}

 
.canvas-sea {
    height: 150px !important;
}

.navbar-udb {
    font-weight: 500;
    background-color: #ffffff00 !important;
    text-align: center;
    margin: auto;
    display: flex;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 1em;
}

.navbar-udb .nav-item a {
    color: black;
    opacity: 1;
    font-size: 16px;
    padding: 8px 18px !important;
    border-radius: 50px !important;
    border: 1px solid #fff;
}

.navbar-udb .nav-item a:hover, .navbar-udb .nav-item a:focus {
    background: #0d6efd;
    color: #fff;
}
.btn-udb-shop {
    display: flex;
    text-align: left;
    align-items: center;
    flex-direction: row;
    align-content: center;
    color: #FF0000
}
.btn-udb-shop svg{
    height: 34px;
}
.btn-udb-shop:hover{
    
    color: #fff
}
 


.btn-udb-shop:hover svg line , 
 
.btn-udb-shop:hover svg rect, 
.btn-udb-shop:hover svg g, 
.btn-udb-shop:hover svg circle, 
 .btn-udb-shop:hover svg path{
    stroke:#ffffff;

}
 


.btn-udb-shop:hover svg ellipse{
  stroke:#ffffff;
    fill:#ffffff
}
 

.btn-ss {
    font-size: 1.3em;
    border-radius:50px;
    display: flex;
    align-items: center;
}

.btn-ss:hover {
    background:#53b147;
    color:#fff
}

.navbar-udb .nav-item a.active {
    border: 1px solid #bfbfbf;
    font-weight: 600;
}

.udb_tabs ul {
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}

.udb_tabs ul .nav-link {
 color: #000;
 border-radius: 50px;
	border:0px;
		margin-right:5px
}

.udb_tabs ul .nav-link:hover {
 color: #fff;
 background: #000;

	
}

.udb_tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
 color: #ffffff;
 border-radius: 50px;
 border: 0px;
 background: #000;
}



.udb_tabs {
    margin-top: 2em;
}
 

.udb-slider-bg-white {
    background: linear-gradient(307deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 21%, rgb(255 255 255 / 56%) 50%, rgb(255 255 255 / 24%) 80%, rgb(255 255 255 / 98%) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}


.btn-toggle.btn-tekli:after, .btn-toggle.btn-tekli:before {
    display: none
}

.btn-toggle {
    display: flex;
    padding: 10px;
    border: 0;
    width: 100%;
    font-size: 18px;
    flex-direction: row;
    border-radius: 50px !important;
}

.btn-toggle strong {
	padding:0 5px
}

.btn-toggle:hover, .btn-toggle:focus {
    color: rgba(0, 0, 0, .85);
    background-color: #dbefdc;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, .85);
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    padding: 4px 14px;
    margin-bottom: .125rem;
    margin-left: 24px;
    display: flow-root;
    text-decoration: none;
    border-radius: 50px !important;
    color: #000;
    border: 1px solid #ffffff;
}

.btn-toggle-nav a:hover, .btn-toggle-nav a:focus {
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
}

.btn-toggle-nav a span {
    font-weight: 600;
    display: flex;
}

.btn-toggle-nav a small {
    font-size: 13px
}

a.btn.btn-toggle.rounded.btn-tekli {
    padding-left: 33px;
}

.row_kurumsal h1 {
    text-align: center;
    padding-top: 1em;
    display: block;
    font-family: 'Nunito', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
}

.row_kurumsal img {
   width: 100%;
   height: auto;
   display: block;
   max-width: 255px;
}
.col-krm {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 300;
}

.row_kurumsal {
    text-align: center;
}


.offcanvas-title {
    font-size: 1.3em;
}

.svg_menu {
    font-size: 25px;
    padding: 0 8px;
}

.svg_menu:hover {
    color: red
}
.svg_menu:focus {
    color: red;
    outline: 0
}

.sosyal_medya {
    display: block;
    position: relative;
    background: url(img/bg2.webp);
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 1em;
    padding: 2em 0;
}


.udb-sm-toggle {
    display: flex;
    font-size: 1.6em;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.udb-sm-toggle a{
padding-right:1em
}

.udb-sm-toggle a:hover{
color:red !important
}

.btn-toggle-nav {
    list-style: none;
    padding-top: 10px
 
}

.btn-toggle-nav ul{
    list-style: none;
    padding: 0;
    padding-top: 5px;
}

.btn-toggle-nav li {
    list-style: none;
    padding: 0;
}
.btn-close-udb {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -25px;
    background-color: white;
    font-size: 18px;
    opacity: 1;
    border-radius: 50px;
    padding: 17px;
}

.btn-close-udb:hover {
 
    opacity: 1;
  
}

.btn-udb-canvas {
    color: #352c2c !important;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    
}
.btn-udb-canvas svg{
    width: 50px;
}
.btn-udb-canvas i{
    width: 48px;
    font-size: 1.5em;
    display: block;
}


.btn-udb-canvas span{
    /* display: flex; */
    /* flex-direction: row; */
}
.canvas-top-area {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
}
.c-red {
    color: red !important;
}
.fixed-header {
    border-bottom: 0px solid #ddd;
}
.fixed-header.fi-home {
    border-bottom: 0px;
}

.udb-colorful-bg {
    display: block;
    position: absolute;
    background: url(img/slider-bg.webp);
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 150px;
    background-position: bottom;
    z-index: 0;
    width: 100%;
}

.row-udb-page {
    position: relative;
    z-index: 1
}


.row-udb-page h1 {
    font-weight: 700
}


.sosyal_medya h2 {
    font-size: 2.5em;
    font-family: Roboto Slab;
    letter-spacing: 5px;
    margin-bottom: 0;
}

.udb-krm {
    padding: 2em 2em 0em 2em;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.udb-krm h2{
    font-weight: 700;
    font-size: 28px;
    font-family: Roboto Slab;
    margin: 0;
}
 

.udb-k-d-1 {
    background: url(img/blok1.webp);
	    background-repeat: no-repeat;
    background-size: cover;
}

.udb-k-d-2 {
    background: url(img/blok2.webp);
    
}

.udb-k-d-3 {
    background: url(img/blok2.webp);
 
}

.udb-k-img {
    width: 100%;
    height: auto;
    max-width: 700px;
}

.udb-k-h2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1em;
}

 

.udb-k-h2 span {
    display: block;
    width: 220px;
}

.col-grid {
    position: relative;
}

.udb-c-container {
    margin-left: 1em;
    margin-right: 1em;
    position: relative;
    display: block;
    z-index: -1
}


.single-smart .slider_bottom {
    margin: 2em;
    padding: 0;
}

.single-smart .udb-acf-slider{
    box-shadow: none;
    border: 0px;
    margin: 0 auto;
}



.udb-ribbon {
 display: flex;
 justify-content: space-evenly;
 align-items: center;
 flex-direction: row;
 width: 100%;
 font-size: 12.5px;
 font-family: Roboto Slab;
}


.udb-sinav-turu{
 background: #d5e1e7;
 padding: 5px 19px;
 border-radius: 50px;
 text-align: center;
}

.udb-urun-turu{
 background: #efefef;
 padding: 5px 19px;
 border-radius: 50px;
 text-align: center;
}


.dg_urun h2 {
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
}
.searchandfilter h4 {
    font-weight: 600;
    font-family: Roboto Slab;
}

.udb-mega-circle a {
 
}

 

.udb-k-h2.v2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.st_ie {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #5d78ff;
}

.ie_style {
    padding-bottom: 1em;
}

.ie_style svg {
    width: 61px;
    margin-top: 2em;
    margin-bottom: 1em;
}

li.udb-baslik {
    font-weight: 700;
    font-family: Roboto Slab;
    padding: 5px 20px !important;
    color: #0d6efd;
    font-size:1.2em
}

.udb-krm p {
    font-weight: 300;
}


.udb-first {
    display: flex;
    flex-direction: row;
}

picture {
    width: inherit;
}


.btn-offcanvass {
    width: 100%;
}

.udb-krm-menu {
    border-radius: 10px
}

.udb-rib-vid {
 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    font-size: 12.5px;
    font-family: Roboto Slab;
    flex-wrap: nowrap;
    text-align: center;
 
}




.video_alani{background:none repeat scroll 0 0 #030303;display: flex;width:100%;padding:0;position:relative;z-index:4;height: 100%;flex-direction: column;align-items: center;align-content: center;min-height: 380px;}
.video_alani iframe{height: 100%;width:100%;border:0;overflow:hidden;display: flex;flex-direction: column;}
 
 
.filterform{position:relative;margin-bottom:7px;background:#000}
.filterform:after{top:100%;left:22px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0,0,0,0);border-top-color:#000;border-width:6px;margin-left:-6px}
.kanal_listesi input:focus{outline:none}
.kanal_listesi input{width:100%;padding:10px 8px;margin:0 auto;color: #ffffff;height:42px;border: 0px;border-radius: 6px;background: #656565;margin-bottom: 1em;}
.kanal_listesi ul{padding:0;list-style:none;margin:0 auto}
.kanal_listesi ul li{width:100%;float:left}
.kanal_listesi ul li a{border-bottom:1px dashed rgba(255,255,255,0.25);width:100%;float:left;padding:4px 8px;color:#fff;text-decoration:none;font-size:12px}
.kanal_listesi ul li a:hover{background:#444}
.kanal_listesi ul li:last-child a{border-bottom:0}
.kanal_listesi{display:block;height:450px!important;background:#000;float:left;width:100%;box-sizing:border-box}
.yayin iframe{min-height:350px;height:100%;width:100%;border:0}
 
 
 

 




.icerik a{padding:5px;width:100%;float:left;border-bottom:1px solid #ddd;display:block;background:#000;text-align:left;font-size:14px;text-decoration:none;transition:all .2s linear 0;-moz-transition:all .2s linear 0;-webkit-transition:all .2s linear 0;-o-transition:all .2s linear 0;font-weight:100}
.icerik a strong{font-weight:700;color:#fff}
.icerik a strong.yellow{font-weight:700;color:#FFC107}
.icerik a strong.red{font-weight:700;color:#ff0000f5}
.icerik a strong.blue{font-weight:700;color:#00BCD4}
.icerik a strong.green{font-weight:700;color:#00bd00}
.icerik a strong.pink{font-weight:700;color:#ff7a91}
.icerik a i{float:left;font-size:15px;padding:2px;border-right:1px dotted #ddd;width:26px;margin-right:3px;display:none}
#myInput::-webkit-input-placeholder{color:#fff;letter-spacing:1px}
#myInput:-moz-placeholder{color:#fff;letter-spacing:1px}
#myInput::-moz-placeholder{color:#fff;letter-spacing:1px}
#myInput:-ms-input-placeholder{color:#fff;letter-spacing:1px}
#myTable{width:100%}
.gsearch{display:none}
.home.diger{width:100%;float:left}
.home.diger li a{padding:8px 9px;color:gray!important}
.home.diger li a span{display:none}
.home.diger li i{display:none}
.home.diger li strong{font-weight:100}
.focus_hidden{display:block}
.focus_show{display:none}
.gsc-input-box{height:39px!important}
#myUL{list-style-type:none;padding:0;margin:0;height:399px!important;display:block}

.row_player{background:#000;border-radius: 10px;padding:1em 0;margin-top:1em}

.sayfa_sayisi{font-size:12px;color:#bdbdbd;width:100%;float:left}
.wp-playlist-item{padding:6px}
ul.sayfalama{padding:0;margin:0;list-style:none;margin-top:1em}
ul.sayfalama li{width:100%;float:left;color: red;font-size:14px;padding:2px 0;border-radius: 5px;margin-bottom:10px;background: #dee3e5;display: flex;align-items: center;font-weight: 700;}
ul.sayfalama li i{float:left;color:#53b147;margin-right: 0px;font-size: 21px;}
ul.sayfalama li a{width:100%;display:block;color: #000;font-weight: 300;}
ul.sayfalama li a:hover{color:red}
.wp_player h2{font-weight:700;font-size:18px;color: red;}
.dosya_ekle{padding:0;list-style:none;margin-top:2em;display:inline-block;width:100%}
.dosya_ekle li{width:100%;float:left}
.dosya_ekle li a:hover{color:red}
.icerik{height:399px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block}

.scroll-wrapper{overflow:hidden!important;padding:0!important;height:400px}
.scroll-wrapper > .scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{height:0;width:0}
.scroll-element{display:none}
.scroll-element,.scroll-element div{box-sizing:content-box}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow{cursor:default}
.scroll-textarea{border:1px solid #ccc;border-top-color:#999}
.scroll-textarea > .scroll-content{overflow:hidden!important}
.scroll-textarea > .scroll-content > textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;outline:none;padding:2px;position:relative!important;top:0;width:100%!important}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{height:0;width:0}
.scrollbar-macosx > .scroll-element,.scrollbar-macosx > .scroll-element div{background:none;border:none;margin:0;padding:0;position:absolute;z-index:10}
.scrollbar-macosx > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}
.scrollbar-macosx > .scroll-element .scroll-element_track{display:none}
.scrollbar-macosx > .scroll-element .scroll-bar{background-color:#6C6E71;display:block;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);opacity:.7}
.scrollbar-macosx > .scroll-element.scroll-x{bottom:0;height:0;left:0;min-width:100%;overflow:visible;width:100%;width:3px}
.scrollbar-macosx > .scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:0}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar{height:7px;min-width:10px;top:-9px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar{left:-8px;min-height:10px;width:4px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer{left:2px}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size{left:-4px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer{top:2px}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size{top:-4px}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}
.scroll-wrapper > .scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important;height:399px!important}
.scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative!important;height: 390px!important;display:block}
.scrollbar-inner > .scroll-element,.scrollbar-inner > .scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}
.scrollbar-inner > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%}
.scrollbar-inner > .scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}
.scrollbar-inner > .scroll-element.scroll-y{height:100%;right:2px;top:0;width:5px}
.scrollbar-inner > .scroll-element .scroll-element_outer{overflow:hidden}
.scrollbar-inner > .scroll-element .scroll-element_outer,.scrollbar-inner > .scroll-element .scroll-element_track,.scrollbar-inner > .scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.scrollbar-inner > .scroll-element .scroll-element_track,.scrollbar-inner > .scroll-element .scroll-bar{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);opacity:.4}
.scrollbar-inner > .scroll-element .scroll-element_track{background-color:rgba(255,255,255,0.44)}
.scrollbar-inner > .scroll-element .scroll-bar{background-color:#F44336;opacity:1}
.scrollbar-inner > .scroll-element:hover .scroll-bar{background-color:#919191}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar{background-color:#919191}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}
 
.hevideo{font-size:25px!important;font-weight:700!important}

div.treeview{min-width:100px;min-height:100px;max-height:256px;overflow:auto;padding:4px;margin-bottom:20px;color:#369;border:solid 1px;border-radius:4px}
div.treeview ul:first-child:before{display:none}
.treeview,.treeview ul{margin:0;padding:0;list-style:none;color:#828282}
.treeview ul{margin-left:1em;position:relative}
.treeview ul ul{margin-left:.5em}
.treeview ul:before{content:"";display:block;width:0;position:absolute;top:0;left:0;border-left:1px solid;bottom:15px}
.treeview li{margin:0;padding:0 1em;line-height:2em;font-weight:700;position:relative}
.treeview ul li:before{content:"";display:block;width:10px;height:0;border-top:1px solid;margin-top:-1px;position:absolute;top:1em;left:0}
.tree-indicator{margin-right:5px;cursor:pointer}
.treeview li a{text-decoration:none;color:#d6d6d6;cursor:pointer;font-weight:400}
.treeview li button,.treeview li button:active,.treeview li button:focus{text-decoration:none;color:inherit;border:none;background:transparent;margin:0;padding:0;outline:0}
.treeview>li>a{color: white;}
.treeview>li>ul>li>a{color:#03A9F4;}
.treeview>li>ul>li>ul>li>a{color:#CDDC39;font-weight:400}
.treeview li a:hover{color:#FFEB3B}
 
.row_black{background:#000;color:#fff;padding:0;font-size:18px;z-index:9;position:relative;margin-bottom:11px}
.row_black a{color:#fff;padding:0 6px;font-weight:700}
.row_black a:hover{color:#ddd}
 

 .wp-playlist-item {
    padding: 7px !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #ddd !important;
}

.wp-playlist-item-length {
    position: relative !important;
    line-height: 1 !important;
}

.wp-playlist-light {
    border-radius: 10px;
    border-color: #ddd;
}



.udb-i-video-dn {
    position: absolute;
    z-index: 1;
    background: #0000006e;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
    color: #fff;
  
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 5em;
    display:none
}

.dg_urun:hover .udb-i-video-dn {
    display: flex;
}


.udb-roboto {
    font-family: 'Roboto Slab';
    padding-left: 10px;
  
    margin-bottom: 1em;
    margin-top: 10px;
    font-size: 26px;
}


.btn-canvas-smart {
    border: 1px solid #000;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: left;
}

.btn-canvas-smart i {
    font-size: 2em;
    margin-right: 17px;
}

.btn-canvas-smart>div {
    display: flex;
    flex-direction: column;
}

.btn-canvas-smart:hover {
    border: 1px solid #000;
   background:#000;
    color:#fff;
}




.btn-canvas-smartix {
    border: 1px solid #000;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    flex-direction: column;
    width: fit-content;
}

.btn-canvas-smartix i {
    font-size: 3em;
}

.btn-canvas-smartix>div {
    display: flex;
    flex-direction: column;
}

.btn-canvas-smartix:hover {
    border: 1px solid #000;
   background:#000;
    color:#fff;
}

 

 
.udb-second {
    padding-bottom: 17px;
}


img.ary-all-img {
    max-height: 50px;
}

span.ari-all-hide {
    display: none;
}
.row_sinif_menu a{}
.row_sinif_menu a span{}
.row_sinif_menu a i{}
.row_sinif_menu a:hover{}




.modal-content.content-large.v2 {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    padding: 3px;
}

.close.my-close {
    position: absolute;
    z-index: 1;
    right: 0;
    top: -10px;
    left: 0;
    margin: auto;
    background: #ffffff00;
    font-size: 33px;
    width: 48px;
    opacity: 1;
    border-radius: 0 0 15px 15px;
    height: 47px;
    color: #ffffff;
    border: 2px solid #fff;
}

.close.my-close:focus {
    outline: 0
}


.bh-baslik {
    text-align: center;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}
.bh-baslik strong{
    font-size: 4em;
    text-align: center;
    letter-spacing: 7px;
}

.bh-baslik h1 {
    font-family: roboto slab;
    text-align: center;
    letter-spacing: 7px;
    font-size: 20px;
    margin-bottom: -10px;
    margin-top: 0;
}

.bh-baslik span {
 
}

.f-allison {
    font-family:Allison;
    font-size: 66px;
    margin-top: -62px;
    color: #FF9800;
}

.os-bh {
    border-radius: 15px;
    padding: 2em;
    background: #ffffff !important;
    position: relative;
    box-shadow: 0 8px 9px 0 rgb(255 87 34 / 9%), 0 12px 30px 0 rgb(255 87 34 / 13%);
    border: 1px solid #ffcdbd;
    margin-top: 1em;
}



@media screen and (max-width:1368px) { 
.item.acf-item img {
    max-height: 425px;
    height: 100%;
    width: auto;
}
section.ie_slider {
   
    margin-left: 1.5em;
    margin-right: 1.5em;
 
}

section.ie_slider .carousel-inner {
    height: 100%;
    width: auto;
}
.ari-svg-acf svg {
 
    max-height: 425px;
}
}
@media screen and (max-width:1280px) {
.grid-kapsa{grid-template-columns:600px auto}
.row-grid-5{grid-template-columns:25% 25% 25% 25%}
ul#filterOptions li a{padding:16px 9px;font-size:15px}
}
@media screen and (max-width:1200px) {
    

 
ul#filterOptions li a{padding:16px 5px;font-size:14px;font-weight:400}
.row-grid-4{grid-template-columns:33.33% 33.33% 33.33%}
.grid-kapsa{grid-template-columns:500px auto}
.ari_circle p{font-size:12px}
.ari_circle strong{font-size:14px}
.container{width:98%}
.col-md-x5{width:198.797px;float:left}
.nav-tabs.ari_tabs .nav-link span{font-size:16px;height:28px}
.item.acf-item img { width: inherit;}

}
@media screen and (max-width:1024px) {
.grid-kapsa{grid-template-columns:450px auto}
.ari_menu.navbar-right{float:right!important;margin-right:0}
.ari_menu{float:left!important}
.col-si-6{width:512px;float:left}
}
@media screen and (max-width:992px) {
    section.ie_slider {
 
    margin-left: 1em;
    margin-right: 1em;
 
}
    .udb-smart-search .searchandfilter ul {
    flex-direction: column;
}

.udb-smart-search .searchandfilter ul li {
    padding: 0;
}
section.karakterler{margin-top:4em}
ul#filterOptions li a{padding:16px 9px;font-size:16px;font-weight:700}
ul#filterOptions li{width:48%;margin:1% auto;margin-right:2%}
.navbar.navbar_yazar{padding-left:1em;padding-right:1em}
.sol_menu{margin-bottom:1em}
.sol_menu > nav{background-color:#03a9f426!important}
.container-grid{grid-template-columns:auto}
.mod_align_center{display:grid;grid-template-columns:auto auto auto auto;margin-top:1em;grid-column-gap:22px;grid-row-gap:2px}
.ari_circle p{font-size:14px}
.ari_circle strong{font-size:18px}
.ari_circle>span.icon_kapsa{display:block}
.row-grid-6{grid-template-columns:33.33% 33.33% 33.33%;padding-left:0;padding-right:0}
.yeni_sistem{display:none!important}
#search_full input[type="search"]{font-size:20px;padding:8px}
.footer h2{margin-top:2em}
 
.res_search{margin-top:2px}
.res_search a{background:#000!important;color:#fff!important;padding:7px 10px!important}
.db992{display:block}
.dn992{display:none!important}
.row-grid-5{grid-template-columns:33.33% 33.33% 33.33%}
.row_page > .collapse{display:none}

.ari_kpk_kapsa {
    display: flex;
    flex-direction: column-reverse;
}

.ari-flex-img {
    min-width: 100%;
}

.kisa_aciklama h1 {
    padding-top: 0;
}

.ari-flex-img:after, .ari-flex-img:before {
    display: none;
}
}
@media screen and (max-width:900px) {
.the_content img{width:100%;height:auto}
.btn-dg > big{font-size:16px}
.sosyal_butonlar a{padding:3px}
.sosyal_butonlar a i{margin:0 auto}
.sosyal_butonlar a span{display:none}
}
@media screen and (max-width:768px) {
    .logo-udb {
    max-height: 50px;
}

    .ari-page-b2b {
    flex-direction: column;
}
    .navbar-udb {
 
    padding: 12px 0;
 
}
    #no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
 
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr {
    border: 1px solid #ddd;
    margin-bottom: 1em;
    border-radius: 5px;
}
 
	#no-more-tables td { 
		 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		 
		position: absolute;
		 
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	#no-more-tables td:before { content: attr(data-title); }
        #no-more-tables>.table-bordered {
    border: 0px solid #ddd;
}
    
    .icon-down.next {
    font-size: 2em;
}
.sosyal_butonlar {
 
    justify-content: space-evenly;
}

.icon-down.prev {
    font-size: 2em;
}
    .row_single {
 
    margin-left: 1em;
    margin-right: 1em;
   
}
    .udb-smart-search input {
    width: 100%;
    max-width: 100%;
}
    .slider_bottom {
 
    padding: 0 1em;
}
    .udb-osym {
    font-size: 1em;
}
 .dn768 {display: none}
.grid-search-filter{display:grid;grid-template-columns:auto;grid-gap:0}
.row-grid-4{grid-template-columns:50% 50%}
.mod_align_center{grid-template-columns:auto auto auto}
.grid-kapsa{grid-template-columns:auto}
.row-grid-6{grid-template-columns:50% 50%;padding-left:0;padding-right:0}
.row-grid-5{grid-template-columns:50% 50%}

.nt-search {
        width: 50px;
        height: 50px;
        font-size: 26px;
        color: #000;
        padding: 0;
        border: 1px solid #ddd;
        border-radius:50px;
}

.nt-menu {
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius:50px;
    font-size: 36px;
    color: #000;
    padding: 0;
    justify-content: center;
}

.bh-baslik strong {
    font-size: 3em;
   
    
}
.f-allison {

    font-size: 51px;
    margin-top: -48px;

}

}
@media screen and (max-width:580px) {
    
    
    
    
    .offcanvas-body {
}

#sol_menu {
    width: 290px;
}

.btn-toggle {
    font-size: 14px;
}

.btn-udb-canvas {
    font-size: 14px;
    padding-left: 0;
}

.btn-toggle-nav a {
    font-size: 14px;
}
    
    .udb-k-h2.v2 {
    flex-direction: column;
}

.sosyal_medya h2 {letter-spacing: 2px;font-size: 1.5em;}
    .dg_urun {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
}

.udb-post-second h2 {
    text-align: left;
    margin: 0;
}

 

.udb-ribbon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.udb-sinav-turu {
    padding: 4px 12px;
}

.udb-urun-turu {
    padding: 0;
    background: none;
    padding-left: 6px;
}
    .udb-osym {
    flex-direction: column;
}
.pz580{padding:0}
.pop_search{color:red;margin-top:49px;font-size:13px;z-index:0;position:absolute}
.row_icinde>span{display:none}
#search_full input[type="search"]{top:6px}
 
.btn-zoro{top:9px;padding:6px 22px;font-size:19px}
.grid-fix{grid-template-columns:auto auto 54px;display:grid}
.row-grid-4{grid-template-columns:auto}
.p580{padding-left:5px;padding-right:5px}
.row-modal-2 > div{padding-left:6px;padding-right:6px}
.btn-uygulama strong{font-size:16px;padding:3px 0}
.mod_align_center{grid-template-columns:auto auto}
.ari_yeni_butonlar h2{font-size:24px}
.ari_yeni_butonlar h1{font-size:36px}
.row-yatay h2{font-size:20px}
.ari_circle>span.icon_kapsa{height:100px}
.ari_circle>span.icon_kapsa>i,.ari_circle>span.icon_kapsa>span{background:#f0f0f0;width:100px;height:100px;font-size:60px;line-height:100px}
.ari_circle p{font-size:13px}
.ari_circle strong{font-size:16px}
.top-menu{height:39px;width:100%}
.dn580{display:none}
.row-grid-5{grid-template-columns:100%}
}



.page_tab.nav-tabs .nav-link:focus, .page_tab.nav-tabs .nav-link:hover {
    color:#ffffff;
    border-radius:50px;
    background:#000;
    border:0px
}

 
.page_tab.nav-tabs .nav-link {
 
 border-radius:50px;
    border:0px
}