@charset "utf-8";
/* CSS Document */
@import url('https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
/***/
*{margin:0px;padding:0px;outline:0px;-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; }
a{text-decoration:none;display:inline-block; color:#0486c0}
a:hover{text-decoration:none;color:#000}
ul,ol{list-style:none}
html,body{scroll-behavior:smooth}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
body {font-family: 'Roboto'; margin: 0; background:#ecf3f5; color:#333; padding: 0; font-size:17px; -webkit-animation: fadein 500ms ease-in-out .5s both; animation: fadein 500ms ease-in-out .5s both}
h1{font-size:40px;line-height:48px;font-weight:700}
h2{font-size:38px;line-height:46px;font-weight:700}
h3{font-size:24px;line-height:32px;font-weight:700}
h4{font-size:20px;line-height:28px;font-weight:700}
h5{font-size:18px;line-height:26px;font-weight:500}
h6{font-size:16px;font-weight:500}
input,textarea{border:none;outline:none}
input::placeholder,textarea::placeholder{font-size:15px;color:#a3a3a3;letter-spacing:0.3px;text-transform:capitalize}
button{border:none;outline:none;background:none}
button:focus{outline:none}

@media (max-width:767px) {#header {text-align:center}}
.silici {clear:both; height:0}
.golge  {-webkit-box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.8);-moz-box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.8);box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.8);  /* For I E 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#737373')";/* For I E 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#737373')}
.golge2 {box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1)}
.icgolge {-moz-box-shadow: inset 0px 0px 20px #c1c1c1;/* Mozilla */-webkit-box-shadow: inset 0px 0px 20px #c1c1c1;/* Chrome ve Safari */box-shadow: inset 0px 0px 20px #c1c1c1;/* Standart CSS Kodu */}
#govde {width:100%; background:#fff; padding:0;margin:30px 0;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;-webkit-box-shadow: 0 4px 4px 0 rgba(49, 49, 49, 0.7);-moz-box-shadow: 0 4px 4px 0 rgba(49, 49, 49, 0.7);box-shadow: 0 4px 4px 0 rgba(49, 49, 49, 0.7);  /* For I E 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#313131')";/* For I E 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#313131')}
.ovalkose {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
.cerceve {border:solid 1px #133f94} 
.hata, .HataText {background:#f9f0f0;font-size: 14px; padding:10px; width:98%; margin:10px auto; text-align:left;border:solid 1px #fe0002; border-left:solid 5px #dca7b0}
.icerik {min-height:500px; line-height:150%;padding:30px 0; text-align:justify}

.title-bg {position: relative;font-size: 20px;color: #101010;line-height: 30px;display: inline-block}
.title-bg:after {background: #e30613;content: "";height: 1px;left: 0;position: absolute;bottom: -11px;width: 100%}
.title-bg:before {background: #e30613;content: "";height: 1px;left: 0;position: absolute;bottom: -14px;width: 100%}

.resimbox {margin:10px 0 30px 0; text-align:center; font-size:12px}
.resimbox a {height:250px; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;border:solid 1px #133f94;border-bottom:solid 3px #133f94;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
 
.konum {text-align:center;position:fixed; display:block; bottom:80px;right:20px;z-index:10000000;}
.whatsapp {text-align:center;position:fixed; display:block; bottom:120px;right:20px;z-index:10000000;}
.biziara {text-align:center;position:fixed; display:block; bottom:160px;right:20px;z-index:10000000;}
.insta {text-align:center;position:fixed; display:block; bottom:200px;right:20px;z-index:10000000;}
.face {text-align:center;position:fixed; display:block; bottom:240px;right:20px;z-index:10000000;}
.youtube {text-align:center;position:fixed; display:block; bottom:280px;right:20px;z-index:10000000;}

a.biziara,a.whatsapp,a.konum,a.insta,a.youtube,a.face {color:#fff;background:#242264;width: 40px;height: 40px;font-size:12px; padding-top:6px;border-radius: 100%; text-align:center; border:solid 2px #b4202b;}
a.biziara:hover, a.whatsapp:hover, a.konum:hover, a.insta:hover,a.youtube:hover,a.face:hover {background:#fff; color:#333; border:solid 2px #333;}

a.whatsapp {color:#fff;background:#25D366; border:solid 2px #fff}
a.whatsapp:hover {background:#fff; color:#25d366; border:solid 2px #25d366;}
a.whatsapp:hover i {color:#25d366;}

a.youtube {color:#fff;background:#ff0000; border:solid 2px #fff}
a.youtube:hover {background:#fff; color:#ff0000; border:solid 2px #ff0000;}
a.youtube:hover i {color:#ff0000;}

a.telegram {color:#fff;background:#0088cc; border:solid 2px #fff}
a.telegram:hover {background:#fff; color:#0088cc; border:solid 2px #0088cc;}
a.telegram:hover i {color:#0088cc;}

a.insta {color:#fff;background:#dd2a7b; border:solid 2px #fff}
a.insta:hover {background:#fff; color:#dd2a7b; border:solid 2px #dd2a7b;}
a.insta:hover i {color:#dd2a7b;}

a.face {color:#fff;background:#3b5998; border:solid 2px #fff}
a.face:hover {background:#fff; color:#3b5998; border:solid 2px #3b5998;}
a.face:hover i {color:#3b5998;}

a.biziara {color:#fff;background:#009cff; border:solid 2px #fff}
a.biziara:hover {background:#fff; color:#009cff; border:solid 2px #009cff;}
a.biziara:hover i {color:#009cff;}

a.konum {color:#fff;background:#ff7200; border:solid 2px #fff}
a.konum:hover {background:#fff; color:#ff7200; border:solid 2px #ff7200;}
a.konum:hover i {color:#ff7200;} 

.ghost {height:5px; clear:both;}
.fixedikonlar {padding:10px;background:#133f94;color:#fff;bottom:0px;width:100%;text-align:center;z-index:10000000;cursor:pointer;position:fixed;border-top:solid 1px #fff}
.fixedikonlar a {display:inline-block; margin:5px;color:#fff;width: 40px;height: 40px;font-size:12px; padding-top:6px;border-radius: 100%; text-align:center;border:solid 2px #fff; background:#0aa3d0}


@media (min-width:476px) {.fixedikonlar {display:none;}}
@media (max-width:767px) {a.whatsapp, a.biziara, a.konum, a.insta,.face,a.youtube,a.telegram {display:none;}.ghost {height:100px;}}

 
/*Navbar*/
#header {background:#e6e6e6; padding:10px 0}
#header a.logo {display:none}
#header .navbar-toggler {padding: .20rem .50rem;line-height: 1;borderm:solid 1px #133f94 !important;color:#133f94 !important;}
#header .nav-link {color: #333 !important; font-weight:bold;font-size: 15px;margin:0; text-align:center; display:inline-block; width:125px}
#header .nav-link:hover {color:#808caf !important}
#header .navbar-brand {color:#133f94}
#header .navbar-brand:hover{color:#fff}
#header .all-show{z-index: 10}
#header .navbar-nav img.logo {height:80px}
#header .navbar-nav .dropdown-item {font-size:16px;color:#133f94 !important}
#header .navbar-nav .dropdown-item:hover {color:#133f94 !important}
#header .navbar-nav .dropdown:hover .dropdown-menu {display: block; margin-top:-10px 0; background:#e3d5cb}
#header .telwp {color: #333 !important; font-weight:bold;font-size: 15px;margin:15px; display:inline-block; min-width:180px}
#header .telwp:hover {color:#808caf !important}
@media (max-width:476px) {
	#header a.logo {display:block}
	#header a.logo img {height:90px;}
	#header .telwp {font-size:22px;margin:5px;}
	#header .navbar-toggler {padding: .80rem .50rem;line-height: 1; display:block; margin:auto; width:100%; background:#133f94;borderm:solid 1px #fff !important;color:#fff !important;}
	#header .nav-link {font-weight:bold;font-size:22px;margin:0 auto; display:block; width:300px}
}
/*Navbar*/ 

/*LoogBar*/
#logobar {background:#fff; padding:10px 0}
#logobar a.logo {display:block}
#logobar a.logo img {height:90px;}
#logobar .sepet {text-align:right}
#logobar .sepet a {color:#808caf}
#logobar .sepet a:hover {color:#133f94}
#logobar .sepet a span {font-size:12px;color:#f00}

@media (max-width:767px) {
		#logobar a.logo {display:none}
		#logobar .sepet {text-align:center; padding:10px 0}
	}
/*LoogBar*/

/*box*/
.box {margin-top:30px}
.box h3 {display:block; width:350px; text-align:center; padding-bottom:5px; margin:30px auto; border-bottom:solid 2px #0aa3d0; color:#0aa3d0} 
.box h4 {display:block; font-size:22px; text-align:left; padding-bottom:5px; margin:30px auto 20px auto; color:#0aa3d0}
.box .card{margin:5px 5px 20px 5px; border:0; background:none}
.box .card-price {color:#f00}
/*.box .card:hover {box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1);border:solid 1px #0aa3d0;background:#f0e9e3}*/
.box .card .card-logo {height:220px; padding:10px 5px; text-align:center; background:#fff;border:solid 1px #0aa3d0;border-bottom:solid 3px #0aa3d0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.box .card .card-logo img {display:block;border:solid 1px #0aa3d0; margin:auto; width:100%; height:200px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.box .card .card-name {font-size:16px;line-height:22px;font-weight:bold; padding-top:20px}
.box .card .card-name a {color:#808caf}
.box .card .card-name a:hover {color:#133f94}
.box.detay {padding:40px 0}
.box.detay h4 {display:block; font-size:22px;text-align:left;margin:0 0 10px 0; color:#0aa3d0}
.box.detay button {display:block; margin-top:30px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background:#9f58a3; color:#fff; padding:10px 30px}
.box.detay button:hover {background:#ee2782}
.box.detay a.wp {color:#25d366;font-size:16px}
.box.detay a.wp:hover {color:#333;}
@media (max-width:767px) {
	.box.detay button {margin:30px auto} 
	.box h3,.box h4 {text-align:center;width:100%;}
}
/*box*/ 
 
/*Footer*/
footer {padding-top:30px; background:#133f94;color:#808caf; border-top:solid 1px #fff;}
footer p {display:block; padding:5px 0; margin:0;}
footer img {display:inline-block; margin:5px auto; height:100px}
footer a {color:#d8f4fd;}
footer a:hover {color:#0aa3d0;}
/*Footer*/ 

/*Parallax*/
.ParallaxBox {width:100%;display: flex; padding:40px 0;flex-direction: column;align-items: center;  justify-content: center;/*background-image:url('../images/parallax1.jpg');background-size: cover;background-position: center top;*//*  this is where the magic happens:  */background-attachment: fixed}
.Paralblank,.Paralother {width: 100%; height:40vh;background:#133f94; text-align:center; color:#0aa3d0}
.Paralsecond {background-image:url('../images/parallax3.jpg');background-attachment: fixed;height:500px} 
.Paralsecond {flex-direction: row;gap: 1.6em}
.ParallaxBox .ParaBox {padding:30px 0; width:80%;font-size:42px; margin:50px auto; text-align:center;color:#d8f4fd; background:rgba(24,61,145,0.8);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
@media (max-width:767px) {.ParallaxBox {display:none}}
/*Parallax*/ 

/*Arama Kutusu*/
.form{position: relative}
.form i.fa {color: #049fcc}
.form .fa-search{position: absolute;top:20px;left: 20px}
.form span{position: absolute;right: 17px;top: 13px;padding: 2px;border-left: 1px solid #049fcc}
.left-pan{padding-left: 7px}
.left-pan i{padding-left: 10px}
.form-input{height: 55px;text-indent: 33px;border-radius: 10px;color: #049fcc}
.form-input:focus{box-shadow: none;border:none}
/*Arama Kutusu*/

/*Slide*/
#slide {background:#008dc5}
#slide .box2 {margin:0px}
#slide img {display:block;height:485px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#slide .box2 img {display:block;height:160px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:solid 1px #fff;}
#slide .box2 .card {margin:5px 0; height:160px; border:0;background:#d8f4fd; text-align:center}
#slide .box .card{margin:0; width:100%; height:485px;background:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}

@media (max-width:767px) {
		#slide img {height:200px}
		#slide .box .card{background:#133f94; height:200px}
	}
/*Slide*/

/*İkonlar*/
#ikon {margin-top:30px}
#ikon h3 {display:block; width:350px; text-align:center; padding-bottom:5px; margin:30px auto 10px auto; border-bottom:solid 2px #0aa3d0; color:#0aa3d0} 
#ikon .box .card{margin:0px; font-weight:bold; text-align:center; padding:50px 10px;border:solid 1px #333;border-bottom:solid 3px #333; background:#F5F5F5;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px}
#ikon .box .card:hover {border:solid 1px #0aa3d0;border-bottom:solid 3px #0aa3d0}
#ikon a {color:#333;}
#ikon a:hover {color:#0aa3d0;}
/*İkonlar*/

/*breadcrumb*/ 
#brd {background:#e6e6e6; padding:10px 0}
.kapsul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.kapsul {display: inline-block;} /*IE-mac de bu bolumu sakla
*/ * html
.kapsul {height: 1%}
.kapsul {display: block} /* IE-mac bu bolumu saklam artik */
ul#yerimi {border:0}
ul#yerimi,ul#yerimi li {list-style:none;margin:0;padding:0}
ul#yerimi li {float:left;line-height:30px;padding-left:15px; font-size:15px}
ul#yerimi li a{display:block;float:left;color:#0aa3d0;text-decoration:none;background:url('../images/bc_separator.png') top right no-repeat;padding-right:15px;}
ul#yerimi li a:hover {color:#133f94}
@media (max-width:767px) {
	#brd {display:none}
}
/*breadcrumb*/

/*ÜrünDetay*/
#urundetay h3 {display:block; padding:10px 0; margin-bottom:20px; color:#333; border-bottom:solid 1px #133f94}
#urundetay img.urun {border:solid 1px #133f94;border-bottom:solid 3px #133f94;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; width:100%}
#urundetay .urundetayinfo {background:#d5ddf4; padding:30px; line-height:130%}
#urundetay .urundetayinfo h4 {font-size:24px;font-weight: bold;margin: 0 0 10px}
#urundetay .urundetayinfo .urundetay-price {font-size: 18px}
#urundetay .urundetayinfo .urundetay-price span {color: #ea0b0b;font-weight: 600}
#urundetay .urundetayinfo .urundetay-price del {color: #999;font-weight: 400;margin-left: 3px}
#urundetay .urundetayinfo .counter {width:180px;display:flex;align-items: center;justify-content: center; margin:10px 0}
#urundetay .urundetayinfo .counter input {width: 70px;border: 0;line-height: 30px; background:#fff; padding:8px 0;border:solid 1px #133f94;font-size: 18px;text-align: center;background: #eee;color: #133f94;appearance: none;outline: 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#urundetay .urundetayinfo .counter span {display: block;font-size: 25px;padding: 0 10px;cursor: pointer;color: #133f94;user-select: none;}
#urundetay .urundetayinfo button {margin:10px 0}
/*#urundetay .urundetayinfo button {display:block; padding:10px 20px; border:0; margin:20px 0;background:#133f94; color:#fff; font-size:16px}
#urundetay .urundetayinfo button:hover {background:#00adef}*/
/*ÜrünDetay*/

/* Sepet Listesi */
#sepetlistesi a.adet, #sepetlistesi span.adet {display:inline-block; width:25px; padding:0 8px; font-weight:bold; text-align:center; color:#000; background:#00a4d4;}
#sepetlistesi span.adet {width:50px;}
#sepetlistesi a.adet:hover {color:#fff; background:#00adef;}

#sepetlistesi a.buton {cursor:pointer; border:none; background:#00a4d4; color:#fff;display:block; padding:6px 10px; text-align:center; margin:1px;width:70px; margin:auto; font-size:13px;}
#sepetlistesi a.buton:hover {background:#00adef; color:#fff;}
#sepetlistesi a.buton2 {cursor:pointer; background:#00a4d4; color:#fff;display:block; padding:10px; text-align:center; margin:5px 0; float:right; width:150px; font-size:13px; font-weight:bold;}
#sepetlistesi a.buton2:hover {background:#00adef; color:#fff;} 

table {border: 1px solid #133f94;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed}
table tr {background-color: #f8f8f8;border: 1px solid #133f94;padding: .35em}
table th,table td {padding: .625em;text-align: center; vertical-align:middle}
table td {border:1px solid #133f94}
table th {font-size: .85em;letter-spacing: .1em;font-weight: bold; padding:3px;background:#232323; color:#fff;border:1px solid #fff}
@media screen and (max-width: 600px) {
  table {border: 0}
  table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px}
  table tr {border-bottom: 3px solid #ddd;display: block;margin-bottom: .625em}
  table td {border-bottom: 1px solid #ddd;display: block;font-size: .8em;text-align: right}
    table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);float: left;font-weight: bold}
  table td:last-child {border-bottom: 0}
} 
/* Sepet Listesi */

/* Üye Paneli */
#UyeGuncelle label {width:20%;display:block;float:left; padding:10px 0; font-size:15px; text-align:right;}
#UyeGuncelle input, #UyeGuncelle textarea, #UyeGuncelle select {width:78%;display:block; float:right; background:#f9f9f9; color: #00a4d4; padding:5px; margin:5px 0; border:solid 1px #00a4d4; border-bottom:solid 2px #00a4d4;}
#UyeGuncelle input:hover, #UyeGuncelle textarea:hover, #UyeGuncelle select:hover {background:#f9f9f9;}
#UyeGuncelle button {display:block; background:#00a4d4; color:#fff; border:0; padding:7px 15px; margin:auto;}
#UyeGuncelle button:hover {background:#00adef;}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#UyeGuncelle label {width:100%; float:none; margin:auto; text-align:center; padding:0 0 3px 0;}
#UyeGuncelle input, #UyeGuncelle textarea, #UyeGuncelle select {width:100%; float:none; margin:0 auto 8px auto; text-align:center;}
}
/* //Üye Paneli */

/* Kart Formu */
#kartform h3 {display:block; padding:5px; margin:0;border-bottom:solid 1px #00a4d4; float:left;}
#kartform input, #kartform textarea, #kartform select {width:100%;display:block; text-align:left;background:#ffffff; color: #00a4d4; padding:5px; margin:5px; border:solid 1px #00a4d4;border-bottom:solid 3px #00a4d4;}
#kartform input.kartsmal, #kartform select.kartsmal {width:100px; display:inline-block;}

#kartform a.buton2 {cursor:pointer; background:#00a4d4; color:#fff;display:block; padding:10px; text-align:center; margin:5px 0; float:right; width:150px; font-size:13px;font-weight:bold;}
#kartform a.buton2:hover {background:#00adef; color:#fff;}

#kartform button[type="submit"] {color:#fff; border:0; padding:10px; background: #00a4d4;}
#kartform button[type="submit"]:hover {color: #fff;background: #00adef;}
#kartform fieldset.baslik {display:block;padding:10px; font-size:13px; width:100%; background:#f9e1f4; border:solid 3px #00a4d4;font-size:15px;}
#kartform legend.baslik {width:180px; background:#00a4d4; color:#fff;padding:6px; text-align:center;font-size:15px;}

#kartform .loginbox {background:#ebebeb; padding:10px;border:solid 1px #00a4d4;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
#kartform .loginbox h3 {display:block; margin:0; font-weight:bold; font-size:18px; padding:10px;border:0;}
#kartform .loginbox p {display:block; clear:both; margin:10px 0;}
/* //Kart Formu */

/* Adres */
#adreseklekutu input[type="email"], #adreseklekutu input[type="text"], #adreseklekutu input[type="password"], #adreseklekutu select, #adreseklekutu textarea {display:block; width:100%; margin:5px auto 3px auto; padding:10px; background:#f9f9f9;color: #00a4d4; font-size:15px;border:solid 1px #00a4d4;border-bottom:solid 3px #00a4d4;}
#adreseklekutu button[type="submit"] {display:block; margin:15px auto; ; border:0; padding:10px 30px;-webkit-animation: pulsate 1.2s linear infinite;animation: pulsate 1.2s linear infinite;background: #133f94;color:#fff}
#adreseklekutu button[type="submit"]:hover {color: #fff;background: #00adef;}

@media (max-width:767px) {
#adreseklekutu input[type="email"], #adreseklekutu input[type="text"], #adreseklekutu input[type="password"], #adreseklekutu select, #adreseklekutu textarea {width:100%;}	
#kartform .loginbox, #kartform input.kartsmal, #kartform select.kartsmal, #kartform input, #kartform textarea, #kartform select {width:95%; margin:5px auto;}
}
.adresbox {background:#fff; color:#232323; border:3px solid #00a4d4; padding:8px; margin-bottom:10px;}
.adresbox input, .adresbox textarea  {background:#f6f6f6;}
/*.adresbox strong {display:inline-block;border:solid 1px #00a4d4; background:#f9f9f9; margin-bottom:1px; padding-left:8px; width:120px;}*/
/*.adresbox td.tblsecim {padding:5px; text-align:center; vertical-align:middle}*/
.adressil {text-align:right; margin:0 0 5px 0}
.adressil a, .adresbox td.tblsecim a, .adresbox a {display:inline-block; border:0; padding:5px 8px; font-size:12px; background:#00a4d4; color:#fff;}
.adressil a:hover, .adresbox td.tblsecim a:hover, .adresbox a:hover {background:#232323; color:#fff;}

.adresbox span.title {display:block; padding:4px;}
.adresbox span.checkradio {background:#00a4d4; width:50px; padding:3px 20px; display:block; margin:auto;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; text-align:center; display:block} 
.adresbox table {border: 1px solid #ccc;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;}
.adresbox table caption {font-size: 1.5em;margin: .5em 0 .75em;}
.adresbox table tr {border-top:1px solid #fff; border-bottom:1px solid #fff}
.adresbox table th,#liste2 table td {padding: .625em;text-align: center;}
.adresbox table th {font-size: .85em;letter-spacing: .1em;font-weight: bold;text-align: center; padding:5px 10px; background:#99a6b0; color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff}
.adresbox td {padding:3px 5px;}
.adresbox td a:hover, .HataText a:hover {background:#333333;}
.adresbox tr:hover, #liste2 tr:hover td.islemkolon {background:#bbc3c9;}
@media screen and (max-width: 600px) {
  .adresbox table {border: 0;}
  .adresbox table caption {font-size: 1.3em;}
  .adresbox table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
  .adresbox table tr {border-bottom: 3px solid #5c9acf;display: block; margin-bottom: .625em;}
  .adresbox table td {border-bottom: 1px solid #5c9acf;display: block;font-size: .8em;text-align: right;}
  .adresbox table td::before {
    content: attr(data-label);float: left;font-weight: bold}
 .adresbox table td:last-child {border-bottom: 0;}
}
/* Adres */


.buton2 {cursor:pointer; background:#00a4d4; color:#fff;display:block; padding:10px; text-align:center; margin:5px auto;  width:150px; font-size:13px;font-weight:bold;}
.buton2:hover {background:#00adef; color:#fff;}

/* Tooltip Balon Ayarları ------------------------------------------------------------------------------ */
#tt {position:absolute;z-index:2; font-size:14px; display:block; background:rgba(25,25,31,0.9); color:#fff;padding:8px; text-align:center;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; border:solid 1px #000;-moz-box-shadow: 0 0 10px #333333;-webkit-box-shadow: 0 0 10px #333333;box-shadow: 0 0 10px #333333;/* For I E 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333')";	/* For I E 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#333333');}
/* //Tooltip Balon Ayarları ------------------------------------------------------------------------------ */