* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
form {
  margin: 0;
}
.rd2 {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.rd4 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.rd6 {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.rd8 {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.rd45 {-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;}
.rd50 {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.rd100 {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.rdalt2 {-webkit-border-bottom-left-radius: 2px;-moz-border-bottom-left-radius: 2px;border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px;-moz-border-bottom-right-radius: 2px;border-bottom-right-radius: 2px;}
.rdalt4 {-webkit-border-bottom-left-radius: 4px;-moz-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.rdalt6 {-webkit-border-bottom-left-radius: 6px;-moz-border-bottom-left-radius: 6px;border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;-moz-border-bottom-right-radius: 6px;border-bottom-right-radius: 6px;}
.rdalt50 {-webkit-border-bottom-left-radius: 50%;-moz-border-bottom-left-radius: 50%;border-bottom-left-radius: 50%;-webkit-border-bottom-right-radius: 50%;-moz-border-bottom-right-radius: 50%;border-bottom-right-radius: 50%;}
.rdalt100 {-webkit-border-bottom-left-radius: 100%;-moz-border-bottom-left-radius: 100%;border-bottom-left-radius: 100%;-webkit-border-bottom-right-radius: 100%;-moz-border-bottom-right-radius: 100%;border-bottom-right-radius: 100%;}
.rdust2 {-webkit-border-top-left-radius: 2px;-moz-border-top-left-radius: 2px;border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-moz-border-top-right-radius: 2px;border-top-right-radius: 2px;}
.rdust4 {-webkit-border-top-left-radius: 4px;-moz-border-top-left-radius: 4px;border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-top-right-radius: 4px;border-top-right-radius: 4px;}
.rdust6 {-webkit-border-top-left-radius: 6px;-moz-border-top-left-radius: 6px;border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-top-right-radius: 6px;border-top-right-radius: 6px;}
.rdust50 {-webkit-border-top-left-radius: 50%;-moz-border-top-left-radius: 50%;border-top-left-radius: 50%;-webkit-border-top-right-radius: 50%;-moz-border-top-right-radius: 50%;border-top-right-radius: 50%;}
.rdust100 {-webkit-border-top-left-radius: 100%;-moz-border-top-left-radius: 100%;border-top-left-radius: 100%;-webkit-border-top-right-radius: 100%;-moz-border-top-right-radius: 100%;border-top-right-radius: 100%;}

button{/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); */}



ul.sayfanumara { margin:5px 0; padding:5px 0; height:auto; overflow:hidden; font:16px 'Tahoma'; list-style-type:none;display: inline-block;text-align: center;width: auto;margin: 0 auto;}
ul.sayfanumara li { float:left; margin:0px; padding:0px; margin-left:5px; }
ul.sayfanumara li:first-child { margin-left:0px; }
ul.sayfanumara li a { color: var(--renk7);background:#fff;font-size: 12px; display:block; text-decoration:none; padding:10px 15px 10px 15px; }
ul.sayfanumara li a:hover, ul.sayfanumara li a.current {color: #ffffff;background: var(--renk10);}

.fontroboto { font-family: 'Roboto', sans-serif; }



.animasyon1{-webkit-animation-name: bounce;-webkit-animation-duration: 0.9s;animation-name: bounce;animation-duration: 0.9s;}
.animasyon2{-webkit-animation-name: flash;-webkit-animation-duration: 0.9s;animation-name: flash;animation-duration: 0.9s;}
.animasyon3{-webkit-animation-name: pulse;-webkit-animation-duration: 0.9s;animation-name: pulse;animation-duration: 0.9s;}
.animasyon4{-webkit-animation-name: shake;-webkit-animation-duration: 0.9s;animation-name: shake;animation-duration: 0.9s;}
.animasyon5{-webkit-animation-name: tada;-webkit-animation-duration: 0.9s;animation-name: tada;animation-duration: 0.9s;}
.animasyon6{-webkit-animation-name: wobble;-webkit-animation-duration: 0.9s;animation-name: wobble;animation-duration: 0.9s;}
.animasyon7{-webkit-animation-name: bounceIn;-webkit-animation-duration: 0.9s;animation-name: bounceIn;animation-duration: 0.9s;}
.animasyon8{-webkit-animation-name: bounceInDown;-webkit-animation-duration: 0.9s;animation-name: bounceInDown;animation-duration: 0.9s;}
.animasyon9{-webkit-animation-name: bounceInLeft;-webkit-animation-duration: 0.9s;animation-name: bounceInLeft;animation-duration: 0.9s;}
.animasyon10{-webkit-animation-name: bounceInRight;-webkit-animation-duration: 0.9s;animation-name: bounceInRight;animation-duration: 0.9s;}
.animasyon11{-webkit-animation-name: bounceInUp;-webkit-animation-duration: 0.9s;animation-name: bounceInUp;animation-duration: 0.9s;}
.animasyon12{-webkit-animation-name: bounceOut;-webkit-animation-duration: 0.9s;animation-name: bounceOut;animation-duration: 0.9s;}
.animasyon13{-webkit-animation-name: bounceOutDown;-webkit-animation-duration: 0.9s;animation-name: bounceOutDown;animation-duration: 0.9s;}
.animasyon14{-webkit-animation-name: bounceOutLeft;-webkit-animation-duration: 0.9s;animation-name: bounceOutLeft;animation-duration: 0.9s;}
.animasyon15{-webkit-animation-name: bounceOutRight;-webkit-animation-duration: 0.9s;animation-name: bounceOutRight;animation-duration: 0.9s;}
.animasyon16{-webkit-animation-name: bounceOutUp;-webkit-animation-duration: 0.9s;animation-name: bounceOutUp;animation-duration: 0.9s;}
.animasyon17{-webkit-animation-name: fadeIn;-webkit-animation-duration: 0.9s;animation-name: fadeIn;animation-duration: 0.9s;}
.animasyon18{-webkit-animation-name: fadeInDown;-webkit-animation-duration: 0.9s;animation-name: fadeInDown;animation-duration: 0.9s;}
.animasyon19{-webkit-animation-name: fadeInDownBig;-webkit-animation-duration: 0.9s;animation-name: fadeInDownBig;animation-duration: 0.9s;}
.animasyon20{-webkit-animation-name: fadeInLeft;-webkit-animation-duration: 0.9s;animation-name: fadeInLeft;animation-duration: 0.9s;}
.animasyon21{-webkit-animation-name: fadeInLeftBig;-webkit-animation-duration: 0.9s;animation-name: fadeInLeftBig;animation-duration: 0.9s;}
.animasyon22{-webkit-animation-name: fadeInRight;-webkit-animation-duration: 0.9s;animation-name: fadeInRight;animation-duration: 0.9s;}
.animasyon23{-webkit-animation-name: fadeInRightBig;-webkit-animation-duration: 0.9s;animation-name: fadeInRightBig;animation-duration: 0.9s;}
.animasyon24{-webkit-animation-name: fadeInUp;-webkit-animation-duration: 0.9s;animation-name: fadeInUp;animation-duration: 0.9s;}
.animasyon25{-webkit-animation-name: fadeInUpBig;-webkit-animation-duration: 0.9s;animation-name: fadeInUpBig;animation-duration: 0.9s;}
.animasyon26{-webkit-animation-name: fadeOut;-webkit-animation-duration: 0.9s;animation-name: fadeOut;animation-duration: 0.9s;}
.animasyon27{-webkit-animation-name: fadeOutDown;-webkit-animation-duration: 0.9s;animation-name: fadeOutDown;animation-duration: 0.9s;}
.animasyon28{-webkit-animation-name: fadeOutDownBig;-webkit-animation-duration: 0.9s;animation-name: fadeOutDownBig;animation-duration: 0.9s;}
.animasyon29{-webkit-animation-name: fadeOutLeft;-webkit-animation-duration: 0.9s;animation-name: fadeOutLeft;animation-duration: 0.9s;}
.animasyon30{-webkit-animation-name: fadeOutLeftBig;-webkit-animation-duration: 0.9s;animation-name: fadeOutLeftBig;animation-duration: 0.9s;}
.animasyon31{-webkit-animation-name: fadeOutRight;-webkit-animation-duration: 0.9s;animation-name: fadeOutRight;animation-duration: 0.9s;}
.animasyon32{-webkit-animation-name: fadeOutRightBig;-webkit-animation-duration: 0.9s;animation-name: fadeOutRightBig;animation-duration: 0.9s;}
.animasyon33{-webkit-animation-name: fadeOutUp;-webkit-animation-duration: 0.9s;animation-name: fadeOutUp;animation-duration: 0.9s;}
.animasyon34{-webkit-animation-name: fadeOutUpBig;-webkit-animation-duration: 0.9s;animation-name: fadeOutUpBig;animation-duration: 0.9s;}
.animasyon35{-webkit-animation-name: flip;-webkit-animation-duration: 0.9s;animation-name: flip;animation-duration: 0.9s;}
.animasyon36{-webkit-animation-name: flipInX;-webkit-animation-duration: 0.9s;animation-name: flipInX;animation-duration: 0.9s;}
.animasyon37{-webkit-animation-name: flipInY;-webkit-animation-duration: 0.9s;animation-name: flipInY;animation-duration: 0.9s;}
.animasyon38{-webkit-animation-name: flipOutX;-webkit-animation-duration: 0.9s;animation-name: flipOutX;animation-duration: 0.9s;}
.animasyon39{-webkit-animation-name: flipOutY;-webkit-animation-duration: 0.9s;animation-name: flipOutY;animation-duration: 0.9s;}
.animasyon40{-webkit-animation-name: lightSpeedIn;-webkit-animation-duration: 0.9s;animation-name: lightSpeedIn;animation-duration: 0.9s;}
.animasyon41{-webkit-animation-name: lightSpeedOut;-webkit-animation-duration: 0.9s;animation-name: lightSpeedOut;animation-duration: 0.9s;}
.animasyon42{-webkit-animation-name: rotateIn;-webkit-animation-duration: 0.9s;animation-name: rotateIn;animation-duration: 0.9s;}
.animasyon43{-webkit-animation-name: rotateInDownLeft;-webkit-animation-duration: 0.9s;animation-name: rotateInDownLeft;animation-duration: 0.9s;}
.animasyon44{-webkit-animation-name: rotateInDownRight;-webkit-animation-duration: 0.9s;animation-name: rotateInDownRight;animation-duration: 0.9s;}
.animasyon45{-webkit-animation-name: rotateInUpLeft;-webkit-animation-duration: 0.9s;animation-name: rotateInUpLeft;animation-duration: 0.9s;}
.animasyon46{-webkit-animation-name: rotateInUpRight;-webkit-animation-duration: 0.9s;animation-name: rotateInUpRight;animation-duration: 0.9s;}
.animasyon47{-webkit-animation-name: rotateOut;-webkit-animation-duration: 0.9s;animation-name: rotateOut;animation-duration: 0.9s;}
.animasyon48{-webkit-animation-name: rotateOutDownLeft;-webkit-animation-duration: 0.9s;animation-name: rotateOutDownLeft;animation-duration: 0.9s;}
.animasyon49{-webkit-animation-name: rotateOutDownRight;-webkit-animation-duration: 0.9s;animation-name: rotateOutDownRight;animation-duration: 0.9s;}
.animasyon50{-webkit-animation-name: rotateOutUpLeft;-webkit-animation-duration: 0.9s;animation-name: rotateOutUpLeft;animation-duration: 0.9s;}
.animasyon51{-webkit-animation-name: rotateOutUpRight;-webkit-animation-duration: 0.9s;animation-name: rotateOutUpRight;animation-duration: 0.9s;}
.animasyon52{-webkit-animation-name: slideInDown;-webkit-animation-duration: 0.9s;animation-name: slideInDown;animation-duration: 0.9s;}
.animasyon53{-webkit-animation-name: slideInLeft;-webkit-animation-duration: 0.9s;animation-name: slideInLeft;animation-duration: 0.9s;}
.animasyon54{-webkit-animation-name: slideInRight;-webkit-animation-duration: 0.9s;animation-name: slideInRight;animation-duration: 0.9s;}
.animasyon55{-webkit-animation-name: slideOutLeft;-webkit-animation-duration: 0.9s;animation-name: slideOutLeft;animation-duration: 0.9s;}
.animasyon56{-webkit-animation-name: slideOutRight;-webkit-animation-duration: 0.9s;animation-name: slideOutRight;animation-duration: 0.9s;}
.animasyon57{-webkit-animation-name: slideOutUp;-webkit-animation-duration: 0.9s;animation-name: slideOutUp;animation-duration: 0.9s;}
.animasyon58{-webkit-animation-name: hinge;-webkit-animation-duration: 0.9s;animation-name: hinge;animation-duration: 0.9s;}
.animasyon59{-webkit-animation-name: rollIn;-webkit-animation-duration: 0.9s;animation-name: rollIn;animation-duration: 0.9s;}
.animasyon60{-webkit-animation-name: rollOut;-webkit-animation-duration: 0.9s;animation-name: rollOut;animation-duration: 0.9s;}

ul,p,h1,h2,h3,h4,h5, hr {padding: 0;margin: 0;list-style: none;}
.transparan {height: 100%;left: 0;top: 0;z-index: 11;/* display:none; */background-color: rgb(88 88 88 / 45%);position: fixed;width: 100%;}

.transparan.acik {
    display: block;
}
.sabitkenar {max-width: 1150px;width: 94%;margin: 0 auto;}
.cizgi {height: 1px;background: #eee;}
.blur { -webkit-filter: blur(20px);filter: blur(20px); }
input:focus, button:focus {outline: 0;}
a {text-decoration: unset;color: var(----renk8);}
a:hover {text-decoration: none;color: var(--renk10);}
a:vished { color: #a07bbb; }
.row {width: 101%;margin-left: -1%;}
:focus { outline: 0; }
/*
a, li, ul, button, div, .pointer {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);outline: 0;-ms-touch-action: manipulation;touch-action: manipulation;}
*/
button { cursor: pointer;font-size: 12px;outline: 0; }
.none { display:none; }
/* ------- HEADER -------- */
.flex {
    align-items: center;
    align-items: -webkit-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}
.divTable { display: table; }

.headeralt .ustmenu li a {color: var(--renk3);}
.headeralt .ustmenu li a:hover {color: var(--renk10);}
.divRow {display: table-row;}
.divCell {display: table-cell;}

.textshadow { text-shadow: 0 0 1px #fff; }
.color1 {color: var(--renk1);}
.color2 {color: var(--renk2);}
.color3 {color: var(--renk3);}
.color4 {color: var(--renk4);}
.color5 {color: var(--renk5);}
.color6 {color: var(--renk6);}
.color7 {color: var(--renk7);}
.color8 {color: var(--renk8);}
.color9 {color: var(--renk9);}
.color10 {color: var(--renk10);}
.color11 {color: var(--renk11);}
.color12 {color: var(--renk12);}
.color13 {color: var(--renk13);}
.color14 {color: var(--renk14);}
.color15 {color: var(--renk15);}
.color16 {color: var(--renk16);}
.color17 {color: var(--renk17);}
.color18 {color: var(--renk18);}
.renk1btn {background-color: var(--renk5);border: 1px solid var(--renk4);color: var(--renk7);}
.renk1btn:hover {background-color: var(--renk4);color: var(--renk7);}
.renk2btn { background-color: white;border: 1px solid white; }
.renk2btn:hover { background-color: #f5f5f5; }
.renk3btn {background-color: transparent;/* border: 1px solid var(--renk1); */color: var(--renk7);}
.renk3btn:hover {border: 0;}


.bottom0 { bottom: 0px; }
.left0 { left: 0px; }
.right0 { right: 0px; }
.top0 { top: 0px; }


.bottom5 { bottom: 5px; }
.left5 { left: 5px; }
.right5 { right: 5px; }
.top5 { top: 5px; }

.bottom10 { bottom: 10px; }
.left10 { left: 10px; }
.right10 { right: 10px; }
.top10 { top: 10px; }


.hover:hover {
    background: var(--renk4);
    opacity: 0.9;
}
.hover1:hover {

    opacity: 0.7;
}



.renk1 {background-color: var(--renk1);}
.renk2 {background-color: var(--renk2);}
.renk3 {background-color: var(--renk3);}
.renk4 {background-color: var(--renk4);}
.renk5 {background-color: var(--renk5);}
.renk6 {background-color: var(--renk6);}
.renk7 {background-color: var(--renk7);}
.renk8 {background-color: var(--renk8);}
.renk9 {background-color: var(--renk9);}
.renk10 {background-color: var(--renk10);}
.renk11 {background-color: var(--renk11);}
.renk12 {background-color: var(--renk12);}
.renk13 {background-color: var(--renk13);}
.renk14 {background-color: var(--renk14);}
.renk15 {background-color: var(--renk15);}
.renk16 {background-color: var(--renk16);}
.renk17 {background-color: var(--renk17);}
.renk18 {background-color: var(--renk18);}
.margintop5 { margin-top:5px; }
.marginleft5 { margin-left:5px; }
.marginright5 { margin-right:5px; }
.marginbottom5 { margin-bottom:5px; }
.margintop10 {margin-top:10px;}
.marginleft10 { margin-left:10px; }
.marginright10 { margin-right:10px; }
.marginbottom10 {margin-bottom:10px;}
.margintop15 { margin-top:15px; }
.marginleft15 { margin-left:15px; }
.marginright15 { margin-right:15px; }
.marginbottom15 { margin-bottom:15px; }
.margintop20 { margin-top:20px; }
.marginleft20 { margin-left:20px; }
.marginright20 { margin-right:20px; }
.marginbottom20 { margin-bottom:20px; }
.margintop0 { margin-top:0px; }
.marginleft0 { margin-left:0px; }
.marginright0 { margin-right:0px; }
.marginbottom0 { margin-bottom:0px; }
.mauto {margin:0 auto;}
.margin0 {margin:0;}
.padding0 {padding:0;}
.padding5 {padding:5px;}
.padding10 {padding: 10px;}
.padding15 {padding:15px;}
.padding20 { padding:20px; }
.paddingtop5 { padding-top:5px; }
.paddingleft5 { padding-left:5px; }
.paddingright5 { padding-right:5px; }
.paddingbottom5 { padding-bottom:5px; }
.paddingtop10 { padding-top:10px; }
.paddingleft10 { padding-left:10px; }
.paddingright10 { padding-right:10px; }
.paddingbottom10 { padding-bottom:10px; }
.paddingtop15 { padding-top:15px; }
.paddingleft15 { padding-left:15px; }
.paddingright15 { padding-right:15px; }
.paddingbottom15 { padding-bottom:15px; }
.paddingtop20 { padding-top:20px; }
.paddingleft20 { padding-left:20px; }
.paddingright20 {padding-right:20px;}
.paddingbottom20 { padding-bottom:20px; }
.paddingtop30 { padding-top:30px; }
.paddingleft30 { padding-left:30px; }
.paddingright30 { padding-right:30px; }
.paddingbottom30 { padding-bottom:30px; }

.paddingtop40 { padding-top:40px; }
.paddingleft40 { padding-left:40px; }
.paddingright40 { padding-right:40px; }
.paddingbottom40 { padding-bottom:40px; }

.paddingtop50 { padding-top:50px; }
.paddingleft50 { padding-left:50px; }
.paddingright50 { padding-right:50px; }
.paddingbottom50 { padding-bottom:50px; }

.paddingtop0 { padding-top:0px; }
.paddingleft0 { padding-left:0px; }
.paddingright0 {padding-right:0px;}
.paddingbottom0 { padding-bottom:0px; }
.border {border: 1px solid var(--renk5);}
.borderleft { border-left: 1px solid var(--renk5); }
.borderright { border-right: 1px solid var(--renk5); }
.borderbottom {border-bottom: 1px solid var(--renk5);}
.bordertop {border-top: 1px solid var(--renk5);}
.border2 {border: 2px solid var(--renk5);}
.borderleft2 { border-left: 2px solid var(--renk5); }
.borderright2 { border-right: 2px solid var(--renk5); }
.borderbottom2 {border-bottom: 5px solid var(--renk5);}
.bordertop2 {border-top: 2px solid var(--renk5);}
.border0 {border: 0px;}
.borderleft0 { border-left: 0; }
.borderright0 { border-right: 0; }
.borderbottom0 { border-bottom: 0; }
.bordertop0 { border-top: 0; }
.vorta {vertical-align: middle;}
.pointer { cursor:pointer; }
.right {float:right;}
.left {float:left;}
.pozisyon1 {position: relative;}
.pozisyon2 {position: fixed;}
.pozisyon3 { position: absolute; }
.pozisyon4 {display: table;}
.hidden {overflow: hidden;}
.genislik10 {width: 10%;}
.genislik20 {width: 20%;}
.genislik30 {width: 30%;}
.genislik40 {width: 40%;}
.genislik50 {width: 50%;}
.genislik60 {width: 60%;}
.genislik70 {width: 70%;}
.genislik80 {width: 80%;}
.genislik90 {width: 90%;}
.genislik100 {width: 100%;}

.lineh10 {line-height: 10px;}
.lineh15 {line-height: 15px;}
.lineh20 {line-height: 20px;}
.lineh25 {line-height: 25px;}
.lineh30 {line-height: 30px;}
.lineh35 {line-height: 35px;}
.lineh40 {line-height: 40px;}
.lineh45 {line-height: 45px;}

.yukseklik100 {height: 100%;}
.yukseklikauto {height: auto;}
.genislikauto { width: auto; }
.font10 { font-size: 10px; }
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font16 { font-size: 16px; }
.font18 { font-size: 16px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font26 { font-size: 26px; }
.font28 { font-size: 28px; }
.font30 { font-size: 30px; }
.font32 { font-size: 32px; }
.font34 { font-size: 34px; }
.font36 { font-size: 36px; }
.font38 { font-size: 38px; }
.font40 { font-size: 40px; }
.font42 { font-size: 42px; }
.font44 { font-size: 44px; }
.font46 { font-size: 46px; }
.font48 { font-size: 48px; }
.font50 { font-size: 50px; }
.font52 { font-size: 52px; }
.font54 { font-size: 54px; }
.font56 { font-size: 56px; }
.font58 { font-size: 58px; }
.font60 { font-size: 60px; }
.font62 { font-size: 62px; }
.font64 { font-size: 64px; }
.font66 { font-size: 66px; }
.font68 { font-size: 68px; }
.font70 { font-size: 70px; }
.font72 { font-size: 72px; }
.fontw300 {font-weight: 400;}
.fontw400 { font-weight: 400; }
.fontw500 { font-weight: 500; }
.fontw600 { font-weight: 600; }
.fontw700 { font-weight: 700; }
.fontw800 { font-weight: 800; }
.fonth10 { line-height: 10px; }
.fonth20 { line-height: 20px; }
.fonth30 { line-height: 30px; }
.fonth40 { line-height: 40px; }
.fonth50 { line-height: 50px; }
.fonth60 { line-height: 60px; }
.fonth70 { line-height: 70px; }
.fonth80 { line-height: 80px; }
.fonth90 { line-height: 90px; }
.fonth100 { line-height: 100px; }

.textcenter { text-align: center; }
.textleft {text-align: left;}
.textright { text-align: right; }
.golge {box-shadow: 0 1px 3px 0 rgb(0 0 0 / 14%);-webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 14%);moz-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 14%);}
.sabitle {margin-left: -1%;float: left;width: 101%;position: relative;}
.textduz { text-decoration: none; }
.cover { object-fit: cover; }
.w10px { height: 10px;width: 10px;object-fit: cover; }
.w20px { height: 20px;width: 20px;object-fit: cover;}
.w30px { height: 30px;width: 30px;object-fit: cover; }
.w40px { height: 40px;width: 40px;object-fit: cover; }
.w50px { height: 50px;width: 50px;object-fit: cover; }
.w60px { height: 60px;width: 60px;object-fit: cover; }
.w70px { height: 70px;width: 70px;object-fit: cover; }
.w80px { height: 80px;width: 80px;object-fit: cover; }
.w90px { height: 90px;width: 90px;object-fit: cover; }
.w100px {height: 100px;width: 100px;object-fit: cover;}
.w100100 { height: 100%;width: 100%;object-fit: cover; }
.w5 { width: 5px; }
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.h5 { height: 5px; }
.h10 { height: 10px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h90 { height: 90px; }
.h100 { height: 100px; }
.h110 { height: 110px; }
.h120 { height: 120px; }
.h130 { height: 130px; }
.h140 { height: 140px; }
.h150 { height: 150px; }
.zindex0 { z-index: 0; }
.zindex1 { z-index: 1; }
.zindex2 { z-index: 2; }
.zindex3 { z-index: 3; }
.zindex4 { z-index: 4; }
.zindex5 { z-index: 5; }
.zindex6 { z-index: 6; }
.zindex7 { z-index: 7; }
.zindex8 { z-index: 8; }
.zindex9 { z-index: 9; }
.zindex10 { z-index: 10; }
.zindex11 { z-index: 11; }
.w100 {width: 100px;object-fit: cover;}
.divorta {position: absolute;top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.divorta2 {position: fixed;top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.mobilnone {display: block;}
.mobilyes {display: none;}


/* ------- BUTTON EFEK ------------------- */

.ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}
.ripple:active:after {
  transform: scale(0, 0);
  opacity: .3;
  transition: 0s;
}


/* ------- BUTTON EFEK ------------------- */


.yukleniyor {
    height: 100vh;
    width: 100vw;
    font-family: Helvetica;
    position: fixed;
    z-index: 101;
    background: #ffffffe8;
    top: 0;
}
.yukleniyor .sayfaloader {
  height: 150px;
  width: 150px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.34);
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.34);
  moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.34);
}
.sayfaloader:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 5px solid;
  border-top-color: #e8e8e8;
  border-right-color: var(--renk10);
  border-left-color: var(--renk10);
  border-bottom-color: var(--renk10);
  animation: spinner 2.0s linear infinite;
}
.yukleniyor .loader--text {
  left: 0;
  right: 0;
  width: 110px;
  height: 110px;
  line-height: 110px;
  margin: auto;
  color: var(--renk9);
  font-size: 12px;
  text-align: center;
}
.yukleniyor .loader--text:after {
  animation-name: sayfaloading-text;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  content: "SAYFA";
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

@keyframes sayfaloading-text {
  0% {
    content: "UĞURLU EMLAK";    
  }
  25% {
    content: "YÜKLENİYOR";
  }
  50% {
    content: "YÜKLENİYOR";
  }
  75% {
    content: "YÜKLENİYOR";
  }
}























.ajax-file-upload-statusbar {border: 1px solid var(--renk11);margin-top: 10px;margin: 5px;padding: 10px;float: left;}

.ajax-file-upload-filename {width: 100%;font-size: 12px;float: left;}

.ajax-file-upload-filesize {
    width: 50px;
    height: auto;
    margin: 0 5px 5px 0px;
    display: inline-block;
    vertical-align:middle;
}
.ajax-file-upload-progress {margin: 5px 10px 5px 0px;position: relative;width: 100%;border: 1px solid var(--renk11);padding: 1px;display: inline-block;color:#FFFFFF;float: left;}
.ajax-file-upload-bar {background-color: var(--renk16);width: 0;height: 20px;color:#FFFFFF;}

.ajax-file-upload-green {
    background: var(--renk18);
    padding: 5px;
    font-size: 12px;
    color: var(--renk3);
    float: left;
    margin-right: 5px;
}

.ajax-file-upload-red {
    background: var(--renk10);
    padding: 5px;
    font-size: 12px;
    color: var(--renk3);
    float: left;
    margin-right: 5px;
}

.ajax-file-upload-abort {
    background: var(--renk8);
    padding: 5px;
    font-size: 12px;
    color: var(--renk3);
    float: left;
    margin-right: 5px;
}
.ajax-file-upload-percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%
}
.ajax-file-upload {
    background: var(--renk11);
    font-size: 14px;
    color: var(--renk17);
    /* padding: 15px 0px; */
    text-align: center;
    line-height: 50px;
    font-size: 22px;
}

.ajax-upload-dragdrop {color: var(--renk3);border: 2px dashed #eee;}

.state-hover { border:2px solid #A5A5C7; }