/*
* MarkamMedya
* Copyright 2016, MarkamMedya
* www.markammedya.com
* Bu Framework MarkamMedya Web projeleri için geliştirilmiştir.
* Hazırlayan & Kodlayan : Kaan Uymaz
*/

@font-face {
	font-family: 'Proxima Nova Cn Lt';
		url('../fonts/ProximaNova-Semibold.woff') format('woff'),
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Lt';
		url('../fonts/ProximaNova-Semibold.woff') format('woff'),
	font-weight: 600;
	font-style: normal;
}


@font-face {
	font-family: 'Proxima Nova Rg';
		url('../fonts/ProximaNova-Regular.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AdrianeText';
		url('../fonts/ProximaNova-LightIt.woff') format('woff'),
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova Lt';
		url('../fonts/ProximaNova-LightIt.woff') format('woff'),
	font-weight: 300;
	font-style: italic;
}


/**
 * Css Sıralaması
 *
 * 1.0 - Reset Css
 * 2.0 - Genel Css
 * 3.0 - Bootsrap Css
 * 4.0 - Responsive Menu Css
 * 5.0 - BX Slider CSS
 * 6.0 - Media Screen Css
 *
 */



/** 1.0 - Reset Css */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/** 2.0 - Genel Css */


/** 2.1 - Fontawesome Css */

/* Font Awesome 4.5 kaldırıldı — ikonlar artık satır içi SVG (inc/ikonlar.php) */






html, body {width: 100%;height: 100%;margin: 0;background:#f6f6f6;font-family: 'Open Sans', sans-serif;}
body {min-height: 100%;height: auto;}
h1,h2,h3,h4,h5,h6,p {font-family: inherit;font-size: inherit;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {text-decoration: none;color:#000;}
a:hover {color:#777777;}
.tz {clear:both;}
.header-full{width: 100%; height: auto; margin-bottom: 25px;}
.header{width: 100%; height: auto; background: url(../images/header-bg.png) no-repeat 100%; height: 140px; margin-left: -40.5%; position: absolute; z-index: 999;}
.header-container{width: 100%; height: auto; margin-left: 40%; padding-top: 15px;}
.sosyal{width: 100%; height: auto; padding-top: 15px;}
.bayi-form i {width: 32px; margin-right: 15px; height: 32px; background: #046bab; padding: 9px 10px; font-size: 14px;}
.bayi-form{font-family: 'Proxima Nova Cn Lt'; font-weight: 600; font-style: normal; font-size: 14px; color:#fff; width: 170px; height: 32px; background: #0077c1; float: left;}
.bayi-form a{text-decoration: none; color: #fff;}
.bayi-form a:hover{text-decoration: none; color: #fff;}
.facebook{float: left; color: #fff; background: #0077c0; padding: 10px 12px; width: 32px; height: 32px; margin-left:10px; }
.twitter{float: left; color: #fff; background: #0077c0; padding: 10px 9px; width: 32px; height: 32px; margin-left:10px; }
.instagram{float: left; color: #fff; background: #0077c0; padding: 10px 9px; width: 32px; height: 32px; margin-left:10px; }
.header-ust{width: 100%; height: auto; float: left;}
.header-alt{width: 100%; height: auto; float: left;}
.header-alt ul{padding-top: 18px;}
.header-alt ul li{ float: left; margin-right: 32px; }
.header-alt ul li a{text-decoration: none; font-size: 14px; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; color: #0077c1;}
.slider-yazi{position: absolute; z-index: 999; margin-top: 10%; color:#fff; font-family: 'Proxima Nova Rg'; font-weight: normal; font-style: normal;}
.slider-top{width: 100%; height: auto; float: left; margin-bottom: 25px;}
.slider-bottom{width: 100%; max-width: 500px; font-family: 'Proxima Nova Rg'; font-weight: normal; font-style: normal; font-size: 14px;}
.slider-button i {width: 32px; margin-right: 15px; height: 32px; background: #f9933d; padding: 8px 8px; font-size: 14px;}
.slider-button{margin: 0px auto; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; font-size: 13px; color:#fff; width: 170px; height: 32px; background: #f58220; margin-top: 20px;}
.slider-button a{text-decoration: none; color: #fff;}
.slider-button a:hover{text-decoration: none; color: #fff;}
.slider-baslik-big{font-size:86px; float:left;}
.slider-baslik-big-1{font-family: 'Proxima Nova Lt'; font-weight:300; font-style:italic; font-size:38px; color:#f58221; line-height:0px;}
.slider-baslik-short{font-family: 'AdrianeText'; font-weight:normal; font-style:italic; font-size:32px; margin-left:0px; float:left; margin-top:40px;}
.h-menu{height: auto; background: #1584ca; padding: 10px; padding-bottom: 35px;}
.urun-gors{height: 100%; padding: 10px;}
.container a:hover{text-decoration: none;}

.hesap{float: left; margin-right: 10px;}
.hesapck{float: right; font-size: 20px; color: #000;}
.hesapck a {color: #000;}
.right-column{ width: auto; display: table; text-align: right; float: right; margin-bottom: 15px;}

.bayi-button{width: 54px; height: 165px;background: url(../images/bayi-giris-button.png);}

.kurumsal-button{width: 54px; height: 165px; background: url(../images/kurum-giris-button.png);}

.hakkimizda{height: auto; background: #eaeaea; padding: 10px;}
.hak-baslik{width: 100%;height: auto; color: #878787; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; font-size: 17px;}
.hak-cizgi{width: 100%; height: 2px; background: #cecdcd; margin-top: 10px; margin-bottom: 10px;}
.hak-yazi{font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; width: 100%; height: auto; font-size: 14px; line-height: 24px; color:#a5a5a5;}
.okul-oncesi{background: #116ea9 url(../images/okul-oncesi.png) no-repeat right bottom; width: 100%; height: 205px;}
.egitim-baslik{width: 100%; height: auto; color: #fff; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; font-size: 20px; margin-top: 20px; margin-left: 10px;}
.ilk-okul{background: rgba(21,133,202,1) url(../images/ilk-okul.png) no-repeat right bottom; width: 100%; height: 205px;}
.teog{background: #116ea9 url(../images/teog-ogrenci.png) no-repeat right bottom; width: 100%; height: 205px;}
.orta-okul-lise{background: rgba(21,133,202,1) url(../images/orta-okul-lise.png) no-repeat right bottom; width: 100%; height: 205px;}
.kpss{background: #116ea9 url(../images/kpss.png) no-repeat right bottom; width: 100%; height: 205px;}
.urunler{width: 100%; height: auto; margin-bottom: 46px; }
.urunler table{width: 100%; height: auto;}
.urunler td{ color: #7d7d7d; font-size: 20px; height: auto;  font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
.urunler td select{float: left; font-size: 14px; border-radius: 6px; height: 40px; border: 1px solid #d8d8d8; width: 200px; padding-left: 5px;}
.formbutton{color: #fff; border-radius: 6px; background: #f58220; height: 40px; border: 1px solid #d8d8d8; font-size: 15px;}
.urun-ana{text-align: center; padding-top: 10px; padding-bottom: 10px; display: table; margin: 0px auto; width: 100%; height: auto; border: 1px solid #9eb2be; border-radius: 3px;}
.urun-ana img{max-width: 260px; width: 100%; height: 168px; object-fit:scale-down;}
.urun-baslik{color: #000; font-size: 13px; margin-bottom: 10px; margin-top: 10px; width: 100%; height: 30px; text-align: center; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; align-items: center; display: inline-grid;}
.urun-baslik a{color: #000;}
.urun-baslik a:hover{color: #000; text-decoration: none;}
.urun-bilgisi{width: 100%; height: auto; height: auto;}
.urun-sinif{background: #a1a1a1;color: #fff; width: 40%; text-align: center; float: left; font-family: 'Proxima Nova Rg'; padding-top: 2px; font-weight: normal; font-style: normal;}
.urun-kitap{width: 55%; float: right; background: #a1a1a1;color: #fff; text-align: center; font-family: 'Proxima Nova Rg'; padding-top: 2px; font-weight: normal; font-style: normal; white-space: nowrap;}
.urun-sinif a{color:#fff;}
.urun-sinif a:hover{text-decoration: none; color: #fff;}
.urun-kitap a{color:#fff; white-space: nowrap;}
.urun-kitap a:hover{text-decoration: none; color: #fff;}
.urun-detay-button{ max-width: 300px; height: auto; width: 100%; display: table; text-align: center; margin: 25px auto;}
.urun-sinif-button{border-bottom-left-radius: 3px; border-top-left-radius: 3px; background: #cacbcd;color: #000; width: 58%; text-align: center; float: left; font-family: 'Proxima Nova Rg'; padding-top: 8px; padding-bottom: 8px; font-weight: bold; font-style: normal;}
.urun-kitap-button{border-bottom-right-radius: 3px; border-top-right-radius: 3px; width: 40%; float: right; background: #21ba45;color: #fff; text-align: center; font-family: 'Proxima Nova Rg'; padding-top: 8px; padding-bottom: 8px; font-weight: bold; font-style: normal;}
.footer-menu{width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; background:#0076bf; }
.footer{width: 100%; height:auto; padding-top: 20px; padding-bottom: 20px;}
.footer p{font-size: 14px; color: #7d7d7d; font-family: 'Proxima Nova Rg';font-weight: normal; font-style: normal; margin-bottom: 3px;}
.footer-menu ul{}
.footer-menu ul li{ float: left; width: 120px; text-align: center;}
.footer-menu ul li a{text-decoration: none; font-size: 14px; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; color: #fff; transition: all 0.5s ease;}
.ftsosyal i{width: 32px; height: 32px; background: #0076bf; text-align: center; padding-top:7px; color:#fff; font-size: 18px;}
.urun-sinif-button a{color: #000; text-decoration: none;}
.urun-kitap-button a{color: #fff; text-decoration: none;}
.urun-sinif-button a:hover{color: #000; text-decoration: none;}
.urun-kitap-button a:hover{color: #fff; text-decoration: none;}
#book{display: none;}
#booka{display: none;}
#clickme{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#clickmea{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#tikla{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#bayi{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#kurumsal{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#sinavtarih{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#ogretmen{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#sinavkazanim{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#oneriveyorum{color:#908f8f; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
.h-menu-list ul li:hover #clickme{color:#fff; }
.h-menu-list ul #clickmea:hover{color:#fff; }
.h-menu-list ul #oneriveyorum:hover{color:#fff; }
.h-menu-list ul #kurumsal:hover{color:#fff; }
.h-menu-list ul #sinavkazanim:hover{color:#fff; }
.h-menu-list ul #sinavtarih:hover{color:#fff; }
.h-menu-list ul #tikla:hover{color:#fff; }
.h-menu-list ul #bayi:hover{color:#fff; }
.h-menu-list ul #ogretmen:hover{color:#fff; }
.iletisimformu {width:100%;float:left;margin-top:35px;}
.iletisimformu input {float:left;width:100%;margin-bottom:15px;padding:10px;
background:#fff;
    border: 2px solid rgba(0,0,0,0.03);
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;font-family: 'Open Sans', sans-serif;
}


.tarih_mask{width:100%; height:100%; position:absolute; z-index:999; padding: 10px; font-size: 12px; line-height: 16px; text-align:center; background:rgba(0, 0, 0, 0.6); color:#fff; opacity: 0; top: 0; transition: all 0.5s ease; align-items: center; display: flex;}
.tarih_bg:hover .tarih_mask{opacity: 1; transition: all 0.5s ease;}
.tarih_mask a{color:#fff;}
.tarih_mask a:hover{text-decoration: none; color: #fff;}



.list-group-ic::before{content: "+"; font-size: 10px; margin-right: 5px; float: left; margin-top: -1px;}








.iletisimformu input[type=text]:focus {
border:2px solid #a2edc1;

}
.iletisimformu textarea {height:75px;width:100%;margin-bottom:15px;
background:#fff;
    border: 2px solid rgba(0,0,0,0.03);
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
	padding:10px;font-family: 'Open Sans', sans-serif;

}
.iletisimformu input[type='number'] {width:95px;margin-right:15px;}
.iletisimformu .rakam {width:55px;margin-right:15px;float:left;border:2px solid #f58220;}
.iletisimformu .topla {border:none;float:left;}

.iletisimformu input[type=number]:focus {
 border:2px solid #f58220;


}

.iletisimformu h3 {font-size:17px;color:#848484;margin-bottom:15px;padding-left:10px;font-family: 'Open Sans', sans-serif;}
.iletisimformu .yukaricek{float:right;width:100%; padding-right: 15px;}

.iletisimformu input[type='submit'] { width:125px;font-size:16px; float: right; font-weight:600;background:#f58220;color:#fff;border:none;box-shadow: inset 0 0px 0px #ddd;}
.scrolloff {
        pointer-events: none;
    }
.ilet-harita{width: 100%; height: auto;}
.h-menu-baslik{width: 100%; height: auto; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; color: #fff; font-size: 16px;}
.h-menu-cizgi{width: 100%; height: 2px; background: #0077c1; margin-top: 10px; margin-bottom: 10px;}
.h-menu-list{width: 100%; height: auto; padding-bottom: 54px; background: #ffffff;}
.urun-gors-img{width: 100%; height: auto;  padding: 40px 15px; display: table; text-align: center; margin: 0px auto;}
.urun-gors-img img{}
.etiketler{margin-top: 20px; float: left; text-align: center; display: table; margin:20px auto;}
.etiketler p {padding: 5px; background:#f9933d; float: left; font-size: 12px; margin-right: 5px; color: #fff;}
.h-menu-list ul{}
.h-menu-list ul li{border-bottom: 1px solid #d7d7d7; padding: 10px;}
.h-menu-list ul li a{color: #908f8f; font-size: 14px; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
.h-menu-list ul li a:hover{text-decoration: none; }
.h-menu-list ul li i{float: right; margin-top: 2px; font-size: 18px;}
.h-menu-list ul li:hover a{ color: #fff;transition: all 0.3s ease;}
.h-menu-list ul li:hover{background: #f58220; cursor: pointer;transition: all 0.3s ease;}
.sinav-tarih{width: 100%; height: auto;}
.sinav-tarih-baslik{float: left; font-size: 20px; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; margin-top: 30px; color: #0274ba;}
.tarih-cizgi{width: 100%; height: 1px; background: #e0dfdf;}
.sinav-tarih-bg{width: 106px; height: 89px; background:#00aeef; border: 1px solid #025d7f; text-align: center; padding-top: 5px; color: #000; line-height: 18px;}
.page-gorsel{width: 100%; max-height: 300px; background: #000; -webkit-filter: grayscale(60%) contrast(30%);
  filter: grayscale(100%) contrast(40%);}
.page-gorsel img{width: 100%; height: auto;}
.sss-soru{font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; font-size: 16px; color: #848484;}
.adress{float: left; margin-top: 20px; width: 100%;}
.sol-img{float: left;}
.sag-text{float: left; padding:18px 10px; color: #7d7d7d; font-size: 16px; height: auto;  font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
#wrap {
  height: 40px;
  padding: 0;
  position: relative;
  top: -80px;
  left: -50px;
}
.ik-cizgi{width: 300px; height: 2px; background: #e0e0e0;}
.urun-margin-bot{margin-bottom: 10px;}
.ik-td{display:table; text-align:center; margin:0px auto; margin-top:15px; }
.footer-menu a:hover{margin-left: 5px; transition: all 0.5s ease;}




#wrap input[type="text"] {
  height: 40px;
  font-size: 16px;
  display: inline-block;
  font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;
  border: none;
  outline: none;
  color: #fff;
  padding: 3px;
  padding-right: 60px;
  width: 0px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}

#wrap input[type="text"]:focus:hover {
  border-bottom: 1px solid #BBB;
}

#wrap input[type="text"]:focus {
  width: 200px;
  z-index: 1;
  border-bottom: 1px solid #BBB;
  cursor: text;
}

#wrap input[type="submit"] {
  height: 40px;
  width: 40px;
  display: inline-block;
  color: red;
  float: right;
  background:#f58220 url(../images/search.png) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  cursor: pointer;
}

#wrap input[type="submit"]:hover {
}

.login-form {
  width: 350px;
  padding: 40px 30px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: auto;
}

.form-group {
  position: relative;
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  height: 50px;
  border: none;
  padding: 5px 7px 5px 15px;
  background: #fff;
  color: #666;
  border: 2px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.form-control:focus, .form-control:focus + .fa {
  border-color: #f9933d;
  color: #f9933d;
}

.form-group .fa {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #999;
}

.log-status.wrong-entry {
  -moz-animation: wrong-log 0.3s;
  -webkit-animation: wrong-log 0.3s;
  animation: wrong-log 0.3s;
}

.log-status.wrong-entry .form-control, .wrong-entry .form-control + .fa {
  border-color: #ed1c24;
  color: #ed1c24;
}

.log-btn {
  background: #f58220;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  height: 50px;
  color: #fff;
  text-decoration: none;
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.link {
  text-decoration: none;
  color: #C6C6C6;
  float: right;
  font-size: 12px;
  margin-bottom: 15px;
}
.link:hover {
  text-decoration: underline;
  color: #8C918F;
}

.alert {
  display: none;
  font-size: 12px;
  color: #f00;
  float: left;
}

@-moz-keyframes wrong-log {
  0%, 100% {
    left: 0px;
  }
  20% , 60% {
    left: 15px;
  }
  40% , 80% {
    left: -15px;
  }
}
@-webkit-keyframes wrong-log {
  0%, 100% {
    left: 0px;
  }
  20% , 60% {
    left: 15px;
  }
  40% , 80% {
    left: -15px;
  }
}
@keyframes wrong-log {
  0%, 100% {
    left: 0px;
  }
  20% , 60% {
    left: 15px;
  }
  40% , 80% {
    left: -15px;
  }
}


.hvr-bounce-to-left {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active, .hvr-bounce-to-left.active {
    color: white;
}

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before, .hvr-bounce-to-left.active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}




.hvr-bounce-to-right {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(249, 147, 61);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active, .hvr-bounce-to-right.active {
    color: white;
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before, .hvr-bounce-to-right.active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/** 3.0 - Bootstrap Css */

.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width: 768px) {
.container{width:750px}
}
@media (min-width: 992px) {
.container{width:970px}
}
@media (min-width: 1200px) {
.container{width:1170px}
}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.row{margin-left:-15px;margin-right:-15px}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width: 768px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}
@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}
@media (min-width: 1200px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}
.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important}
.affix{position:fixed}


/** 4.0 - Mobil Menu */

.mobilbar{display:none;}
.mobilbar .miniklogo {text-align:center;margin:0 auto;}
.mobilbar .miniklogo img {height:35px;width:auto;}
.mobilbutton {}

#menuyuac {float:right;}
#soldanac{float:left;}


.sagmenuicon {float:right;margin-top:6px;}
.solmenuicon {float:left;margin-top:6px;}

.menukapat {width:100%;background:red;float:left;font-size:16px;color:#fff;font-weight:600;	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}
.menukapat:hover {color:#fff;}

.menukapat i {margin-right:15px;font-size:21px;float:left;background:#2b2b2b;padding:10px;}
.menukapat p {float:left;font-size:14px;color:#fff;font-weight:600;line-height:38px;}


.mobilmenuicon {font-size:24px;color:#434343;}
.performansyoket {display:none;}

/** 5.0 - BX Slider CSS */

.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%;display:block}
.mobilyoket{display:none}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}
.bx-wrapper .bx-prev{right:36px;background:url(../images/controls.png) no-repeat 0 -30px}
.bx-wrapper .bx-next{right:0;background:url(../images/controls.png) no-repeat -60px -30px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-60px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:4%;margin-top:-16px;outline:0;width:50px;height:30px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}




/** 6.0 - Media Screen Css */
@media only screen and (max-width : 1600px) {

}

/* Büyük Cihazlar , Geniş Ekranlar */
@media only screen and (max-width : 1400px) {

.slider-baslik-big{font-size:58px; float:left;}
.slider-baslik-big-1{font-family: 'Proxima Nova Lt'; font-weight:300; font-style:italic; font-size:30px; color:#f58221; line-height:0px;}
.slider-baslik-short{font-family: 'AdrianeText'; font-weight:normal; font-style:italic; font-size:24px; margin-left:0px; float:left; margin-top:24px;}



}

/* Büyük Cihazlar , Geniş Ekranlar */
@media only screen and (max-width : 1200px) {
	.h-menu-list{width: 100%; height: auto; padding-bottom: 58px; background: #ffffff;}
	.slider-baslik-big{font-size:24px; float:left; margin-top: 25px;}
	.slider-baslik-big-1{font-family: 'Proxima Nova Lt'; font-weight:300; font-style:italic; font-size:16px; color:#f58221; line-height:10px;}
	.slider-baslik-short{font-family: 'AdrianeText'; font-weight:normal; font-style:italic; font-size:12px; margin-left:0px; float:left; margin-top:35px;}
	.header{width: 100%; height: auto; background: url(../images/header-bg.png) no-repeat 100%; height: 140px; margin-left: -40%;}
	.header-container{width: 100%; height: auto; margin-left: 40%;}
	.header-alt ul{padding-top: 18px;}
	.header-alt ul li{ float: left; margin-right: 22px; }
	.header-alt ul li a{text-decoration: none; font-size: 12px; font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal; color: #0077c1;}
	.slider-bottom{width: 100%; max-width: 400px; font-family: 'Proxima Nova Rg'; font-weight: normal; font-style: normal; font-size: 12px;}
}

/* Orta Cihazlar, Masaüstü */
@media only screen and (max-width : 992px) {
	.h-menu-list{width: 100%; height: auto; padding-bottom: 10px; background: #ffffff;}
	.header{display: none;}
	.mobilbar{
	display:block;
	position:absolute;
	z-index:999;
	float:left;
	width:100%;
	padding:10px;
	background:#fff;
	padding-left:15px;
	padding-right:15px;
	border-top:1px solid #e1e1e1;
	box-shadow: 0 2px 4px rgba(100, 100, 100, 0.3);
}
.bx-wrapper .bx-prev{left:51.0%;background:url(../images/controls.png) no-repeat 0 -30px}
.bx-wrapper .bx-next{right:47.0%;background:url(../images/controls.png) no-repeat -60px -30px}
.performansyoket {display:block;}
	.slider-baslik-big{font-size:24px; float:left; margin-top: -20px;}
	.slider-baslik-big-1{font-family: 'Proxima Nova Lt'; font-weight:300; font-style:italic; font-size:16px; color:#f58221; line-height:10px;}
	.slider-baslik-short{font-family: 'AdrianeText'; font-weight:normal; font-style:italic; font-size:12px; margin-left:0px; float:left; margin-top:-10px;}
	.slider-bottom{width: 100%; max-width: 300px; font-family: 'Proxima Nova Rg'; font-weight: normal; font-style: normal; font-size: 10px;}
	.slider-top{width: 100%; height: auto; float: left; margin-bottom: 10px;}
}

/* Küçük Cihazlar , Tabletler */
@media only screen and (max-width : 768px) {
	.urunler td{margin-bottom: 10px; text-align: center; margin-right:10px; float:left; width: 100%; color: #7d7d7d; font-size: 20px; height: auto;  font-family: 'Proxima Nova Lt'; font-weight: 600; font-style: normal;}
	.urunler table{width: 100%;}
.bx-wrapper .bx-prev{left:10px;background:url(../images/controls.png) no-repeat 0 -30px}
.bx-wrapper .bx-next{right:10px;background:url(../images/controls.png) no-repeat -60px -30px}
.slider-yazi{display: none;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:70%;margin-top:-16px;outline:0;width:50px;height:30px;text-indent:-9999px;z-index:9999}

}

/* Extra Small Cihazları, Telefonlar */
@media only screen and (max-width : 480px) {
	.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1; padding-top: 25px;}
}

/* Özel, iPhone Retina */
@media only screen and (max-width : 320px) {
}



.b_bottom{border-bottom:1px solid #ababab;}
.b_bottom_b{border-bottom:2px solid #ababab;}
.light_up{border:1px solid #ababab;background-color: #ffffff; border-radius: 5px;padding-bottom:10px;}

/*
     FILE ARCHIVED ON 17:41:10 Sep 29, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:25:21 Aug 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.454
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.031
  esindex: 0.007
  cdx.remote: 6.262
  LoadShardBlock: 49.253 (3)
  PetaboxLoader3.datanode: 88.598 (6)
  load_resource: 173.069 (2)
  PetaboxLoader3.resolve: 103.411 (2)
  loaddict: 35.532
*/