@charset "utf-8";
/* CSS Document */
@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
*{margin:0px;padding:0px;border:0px;font-size:100%;font:inherit;vertical-align:baseline;border-spacing:0px;outline:none;}
body {margin:0; overflow-x: hidden;background:#fff; color:#333;font-family: 'Open Sans', sans-serif;font-size:16px;}
h1,h2,h3,h4,h5,h6{font-display:swap;font-weight:700;}
h1{font-size:2.0736rem;line-height:2.5rem;}
h2{font-size:1.728rem;line-height:2.25rem;}
h3{font-size:1.44rem;line-height:2rem;}
h4{font-size:1.2rem;line-height:1.75rem;}
h5{font-size:1rem;line-height:1.5rem;}
h6{font-size:.83333rem;line-height:1.25rem;}

::-moz-selection {background-color: #71acc1;color: #fff}
::selection {background-color: #71acc1;color: #fff}
.silici {clear:both; height:0; display:block;}
.golge  {-webkit-box-shadow: 0px 0px 5px 3px rgba(225, 225, 225, 0.8);-moz-box-shadow: 0px 0px 5px 3px rgba(225, 225, 225, 0.8);box-shadow: 0px 0px 5px 3px rgba(225, 225, 225, 0.8);  /* For I E 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#e0e0e0')";/* For I E 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color='#e0e0e0');}
.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:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.cerceve {border:solid 1px #046d95;}
.hata, .HataText {background:#f9f0f0;font-size: 14px; padding:10px; width:98%; margin:10px auto; text-align:left; border-left:solid 5px #dca7b0;}
footer {padding:10px; position:fixed; bottom:0; width:100%; text-align:center;background:#046d95;color:#fff;font-size:12px; margin-top:10px;}

.kurdela {background:url("../img/anasayfa-kurdela._png") no-repeat center top; height:130px;}

.gradinet {
background: #fefcf9;
background: -moz-linear-gradient(top, #fefcf9 0%, #f7ecd1 100%);
background: -webkit-linear-gradient(top, #fefcf9 0%,#f7ecd1 100%);
background: linear-gradient(to bottom, #fefcf9 0%,#f7ecd1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcf9', endColorstr='#f7ecd1',GradientType=0 );}

.sosyalmedya {position:fixed; bottom:50px; right:10px; z-index:1001}
.sosyalmedya li {display:block; margin-bottom:2px; width:45px; padding-top:12px; height:45px; line-height:45px; text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; background:#046d95;}
.sosyalmedya li:hover {background:#04bbff;}
.sosyalmedya li i {color:#fff; display:block; margin:auto; font-size:20px;}
.sosyalmedya li.upback {margin-top:20px; margin-bottom:0;color:#046d95; font-size:12px; font-weight:bold;} 
@media only screen and (max-width: 991px){
	.sosyalmedya {display:none;}
}


#main-content {padding-top:150px;}
#anket-content {margin:175px auto;}
	#anket-content input.gonder {display:block; margin:15px auto; padding:15px; text-align:center; background:#046d95; color:#fff;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
	#anket-content input.gonder:hover {background:#04bbff;}
	#anket-content h4.baslik {display:block;padding:0 0 10px 0; margin:0 0 10px 0;font-size:20px; color:#660000;width:95%; border-bottom:solid 1px #660000;}
	#anket-content ul {list-style-type: "→";}
	#anket-content li {padding-left:3px;}
	#anket-content a:hover {text-decoration:none; color:#333;}
	#anket-content th {border:solid 1px #00818b; padding:15px 4px; background:#d6ecf4; font-weight:bold}
	#anket-content th:nth-child(2) {width:90px; text-align:center; vertical-align:middle}
	#anket-content th:nth-child(3) {width:90px; text-align:center; vertical-align:middle}
	#anket-content th:nth-child(4) {width:90px; text-align:center; vertical-align:middle}
	#anket-content th:nth-child(5) {width:90px; text-align:center; vertical-align:middle}
	#anket-content th:nth-child(6) {width:90px; text-align:center; vertical-align:middle}

	#anket-content td {border:solid 1px #00818b; padding:4px; background:#eee;}
	#anket-content td:nth-child(2) {width:90px; text-align:center; vertical-align:middle}
	#anket-content td:nth-child(3) {width:90px; text-align:center; vertical-align:middle}
	#anket-content td:nth-child(4) {width:90px; text-align:center; vertical-align:middle}
	#anket-content td:nth-child(5) {width:90px; text-align:center; vertical-align:middle}
	#anket-content td:nth-child(6) {width:90px; text-align:center; vertical-align:middle}


#anket-content .dikeyyazi { /*<!--- rotate değerine 90 veya farklı değerler verebilirsiniz --->*/
/*-ms-transform: rotate(270deg); 
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);*/
 font-size:13px;
}

		
#anasayfa .text img, #icerik .text img {border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; border:solid 0px #046d95;}
#anasayfa .text {height:350px; text-align:center; padding:20px; color:#fff; text-shadow:1px 1px #000;font-size:18px; font-weight:bold;}
.anasayfabg {background-image:url("../img/anasayfabg.jpg"); background-repeat:no-repeat; background-position:center bottom; background-size:cover;}


#icerik h4.baslik1 {display:block; text-align:left;padding:0 0 10px 0; margin:10px 0 30px 22px;font-size:22px; color:#660000;width:100%;}
#icerik h4.baslik2 {display:block; text-align:left;padding:0 0 10px 0; margin-bottom:10px;font-size:22px; color:#660000;width:100%;}

#icerik .text {padding:5px;text-align:justify;}
#icerik .text2 {padding:10px 60px 0 20px; color:#333;text-align:justify;}
#icerik .text2 img {display:inline-block; margin:5px; width:70%;}
#icerik .text2 video {display:block; background:#444;float:right;margin-left: 2rem;height:200px;width:300px;}
#icerik .text2 ul {list-style:disc; margin-left:35px;}
 

/*--- ileri/ geri --------------- */
#ilerigeri a.arrowL, #ilerigeri a.arrowR {display:block; padding:8px 12px; background:#DCDCDC;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border:solid 1px #046d95;}
#ilerigeri a.arrowL {float:left;}
#ilerigeri a.arrowR {float:right;}
/*--- ileri/ geri --------------- */

	
@media only screen and (max-width: 991px){
	#main-content {padding-top:10px;}
 	#icerik h4.baslik1 {font-size:18px;}
	#icerik h4.baslik2 {font-size:18px;}

	#icerik .text {padding:5px;text-align:justify;}
	#icerik .text2 {padding:5px; color:#333;text-align:justify;}
	#icerik .text2 p {clear:right;} 
	
 	#icerik .text video, #icerik .text2 video {display:block;border:solid 3px #444;float:none;height:200px;width:100%;margin:10px auto;}
	#icerik .text p img, #icerik .text2 p img {display:block;float:none !important; margin:10px auto; width:90% !important; height:100% !important;}
	
	#icerik .text p img.ikon, #icerik .text2 p img.ikon {display:block;float:none !important; margin:10px auto !important; width:60% !important; height:100% !important;}
 	
	#anket-content {margin-top:25px; margin-bottom:50px;}
} 

#login {padding:50px 0;} 
#login img.logo {display:block; margin:auto; width:125px;}
#login fieldset {padding:15px; width:550px; height:450px; text-align:center;background-image:url("../img/login-bg.png"); background-position:top left; background-repeat:no-repeat;background-size:cover;}
	#login fieldset legend {background:#046d95; text-align:center; width:180px; font-size:15px; color:#fff; padding:5px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
	#login fieldset form input {display:block;background:#fff; padding:5px; width:100%; margin:0 auto 8px auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #acacac;border-bottom:3px solid #acacac; color:#046d95; text-align:center;}
	#login fieldset form button {display:block; width:70%;background:#046d95;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;color:#fff; padding:4px 10px; margin:auto; border:0;}
	#login fieldset form button:hover {background:#01baff; color:#fff;}

@media only screen and (max-width: 991px){
	#login {background:#fff;}
	#login fieldset {background:#f8f8f8; padding:15px; width:95%; margin:auto;}
} 

 
.header {position:fixed; top:0; width:100%; z-index:99; padding:0;}
.headerwave {height:40px;background-image:url("../img/headerbg.png");background-position:center; background-position:center bottom;background-repeat:no-repeat; background-size:cover;}
.header .beyazbg {background:#fff;}
.header .logobox {padding:6px 0 0 0;}
.header .logobox img {display:block; height:60px; margin:0;}

@media only screen and (max-width: 991px){
	.header {position:inherit !important}
	.logobox {margin:5px auto; width:208px;text-align:center;}
	#solmenu {height:auto; margin-top:5px;}
	#solmenu a {text-align:center; padding:12px 0;}
}

#loginbar {text-align:right; font-size:13px}
	#loginbar a.panel,#loginbar a.mesaj,#loginbar a.cikis {display:inline-block; margin:0; padding:4px 8px;text-decoration:none;}
	#loginbar a.panel {background:#046d95; color:#fff; margin-left:7px;}
	#loginbar a.mesaj {background:#00baff; color:#fff;}
	#loginbar a.cikis {background:#f40b0b; color:#fff;}
	#loginbar a.panel:hover,#loginbar a.mesaj:hover,#loginbar a.cikis:hover {background:#333; color:#fff;}
@media only screen and (max-width: 991px){
	#loginbar {text-align:center;}
	#loginbar .loginuser {display:none;}
	#loginbar a.panel {width:100px; margin:2px;}
}

.header__utilities{text-align:right;width:100%; padding-top:15px;} 
.header__utilities a.toplink {color:#046d95; text-decoration:none; font-size:14px; display:inline-block; padding:2px 8px;}
.header__utilities a.toplink:hover {color:#046d95;}
.header__utilities .search{display:inline-block;}

@media screen and (max-width: 991px){
	.header__utilities {text-align:center; margin-top:0; padding:3px 0 5px 0;}
	.header__utilities a.toplink {width:75px; margin:2px 1px; background:#046d95; color:#fff; padding:8px 3px;}
	.header__utilities a.toplink:hover {color:#fff; background:#333;}
	.header__utilities .search {display:none;}
}

body>header .search input[type="text"] {font-size:1.728rem;line-height:2.375rem}
body>header .search input[type="submit"]{display:inline-block;background-repeat:no-repeat;background-position:50% 50%;width:2.25rem;height:2.25rem;background-size:100%}
body>header .search input[type="text"]{background:transparent;height:4.5rem;border:0;border-bottom:1px solid #fff;width:100%;color:#fff;border-radius:0}
body>header .search {margin-top:-5px;}
body>header .search form{display:inline-block;position:relative;width:10rem;height:1.5rem;}
body>header .search input[type="text"]{color:#046d95; background:#fff; font-size:12px;border:1px solid #71acc1;border-radius:1.25rem;overflow:hidden;height:1.5rem;padding-top:0;text-indent:.75rem}

body>header .search input[type="submit"]{display:none}
body>header .search input[type="submit"]{display:block;position:absolute;right:.25rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.5rem;height:1.5rem;cursor:pointer;background-color:transparent;color:transparent;border:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22750%22%20height%3D%22750%22%3E%3Cpath%20fill%3D%22%23660000%22%20stroke%3D%22%22%20stroke-width%3D%22%22%20d%3D%22M416.135%20186c-78.58%200-142.51%2063.93-142.51%20142.5a141.58%20141.58%200%200%200%2028.68%2085.38L199.195%20517c-10.933%2010.94-10.926%2028.673.015%2039.605%2010.94%2010.932%2028.672%2010.926%2039.605-.015l105.3-105.32a141.45%20141.45%200%200%200%2072%2019.74c78.58%200%20142.5-63.93%20142.5-142.5S494.715%20186%20416.135%20186m0%20230.69c-35.667%200-67.822-21.487-81.47-54.44-13.647-32.953-6.1-70.882%2019.124-96.1%2025.224-25.217%2063.155-32.757%2096.105-19.102%2032.95%2013.655%2054.43%2045.815%2054.421%2081.482-.055%2048.678-39.502%2088.125-88.18%2088.18%22%2F%3E%3C%2Fsvg%3E")}
body>header .search form{margin-bottom:0rem}

/*--------------alt kategori kutuları------------------*/
#altkategoriler {padding-top:20px;}
#altkategoriler .kategoribox {background:#fff; margin-bottom:25px; padding:10px;border:1px solid #fff; border-top: solid 3px #00818b;text-align:center;
/*Hover Gölgesi*/
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

#altkategoriler .kategoribox2 {background:#fff; margin-bottom:25px; padding:10px;border:1px solid #d6ecf4; border-top: solid 3px #00818b; min-height:90px;display:flex;align-items:center; text-align:center;
/*Hover Gölgesi*/
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; cursor:pointer;
}

	/*#altkategoriler .aktiftani {background:#d6ecf4;}*/
	#altkategoriler .aktiftani {background:#fff;}
#altkategoriler .kategoribox:hover, #altkategoriler .kategoribox2:hover {border:1px solid #fff; border-top: solid 3px #046d95;
/*Hover Gölgesi artırma*/
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
#altkategoriler .kategoribox .ikon img {display:block; margin:auto; width:190px; height:90px;}
#altkategoriler .kategoribox a.link, #altkategoriler .kategoribox span.link {display:block; font-size:16px; text-align:center; font-weight:bold; padding:15px 0; color:#37858d}

#altkategoriler .kategoribox2 a.link2 {font-size:16px; margin:auto; display:block; text-align:center; font-weight:bold;color:#37858d;}

#altkategoriler .kategoribox a:hover, #altkategoriler .kategoribox2 a:hover {color:#333; text-decoration:none;}

@media screen and (max-width: 992px) {
	#altkategoriler .kategoribox .ikon img {width:130px; height:60px;}
	#altkategoriler .kategoribox a.link, #altkategoriler .kategoribox span.link {padding:5px 0;min-height:50px; }
 }
/*--------------//alt kategori ------------------*/


/*--------------üst kategori navmenu------------------*/
.ustmenu {width:100%; height:45px;text-align:center;margin:0}
#ustmenu {height: 40px; text-align:center; color:#ccc;}
#ustmenu ul, #ustmenu li {margin: 0 auto;padding: 0;list-style: none}
#ustmenu ul {margin:auto}
#ustmenu li {float: left;display: inline-block;position: relative;}
#ustmenu li a {display: block; text-align:center;padding: 10px 25px;text-decoration: none;color: #000;font-size: 16px; font-weight:bold} 

#ustmenu li > a {text-decoration: none;color:#000;z-index: 1;}
#ustmenu li > a:before {content: "";position: absolute;width: 100%;height: 2px;bottom: 0;left: 0;background: #046d95;visibility: hidden;border-radius: 5px;transform: scaleX(0);transition: .25s linear;}
#ustmenu li > a:hover:before,
#ustmenu li > a:focus:before {visibility: visible;transform: scaleX(1);}

#ustmenu a.dropdown-arrow:after {content: "\25BE";margin-left: 5px;}
#ustmenu input {display: none;margin: 0;padding: 0;height: 45px;width: 100%;opacity: 0;cursor: pointer}
#ustmenu label {display: none;line-height: 40px;text-align: center;position: absolute;left:25px; font-weight:bold; color:#fff}
#ustmenu label:before {font-size: 1.8em;content: "\2261";margin-left: 30px;}
#ustmenu ul.sub-menus{height: auto;overflow: hidden;width: 170px;background: #444444;position: absolute;z-index: 99;display: none;}
#ustmenu ul.sub-menus li {display: block;width: 100%;}
#ustmenu ul.sub-menus a {color: #fff;font-size: 16px;}
#ustmenu li:hover ul.sub-menus {display: block}
#ustmenu ul.sub-menus a:hover{background: #F2F2F2;color: #444444;}
@media screen and (max-width: 991px){
	#ustmenu {position:relative; width:92%; margin:auto; background:#046d95;}
	#ustmenu ul {background:#046d95;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
	#ustmenu li a {color:#fff;}
	#ustmenu ul.sub-menus {width:100%;position:static;}
	#ustmenu ul.sub-menus a {padding-left:30px;}
	#ustmenu li {display:block;float:none;width:auto;}
	#ustmenu input, #ustmenu label {position:absolute;top:0;left:0;display:block}
	#ustmenu input {z-index:4}
	#ustmenu input:checked + label {color:white}
	#ustmenu input:checked + label:before {content:"\00d7"}
	#ustmenu input:checked ~ ul {display:block}
}
/*--------------//üst kategori navmenu------------------*/



#solmenu {/*height:100vh; */padding:0;}
@media only screen and (max-width: 991px){
	#solmenu {height:auto;}
}
 

/*--------------//Sol Vert Menu------------------*/
*{margin:0px;padding:0px;border:0px;font-size:100%;font:inherit;vertical-align:baseline;border-spacing:0px;outline:none;} 
.menu-kapsul {width:200px;margin:20px 0 0 0; padding:0 10px 0 0; border-top:15px solid #046d95;}
.menu-kapsul ul{list-style-type:none;}
.menu-kapsul ul li{display:block;margin-left:10px;margin-left:10px;}
.menu-kapsul ul li a{color:#000;text-decoration:none;}
.menu-kapsul ul li span{display:block;line-height:20px;padding:8px 5px;}
.menu-kapsul ul li span:hover {background:#046d95; color:#fff;}
.menu-kapsul > ul li ul{display:none;}
/*--------------//Sol Vert Menu------------------*/


/*--------------//Side Panel------------------*/
.wrapper{display: flex; padding:180px 0;}
#sidebar{min-width: 200px;max-width: 200px;transition: all 0.3s;}
/* Butona tıkladığımızda menünün genişliği kadar sola kaymasını sağladık. */
#sidebar.active{margin-left: -200px;}
#content{width: 100%;padding:10px;}
#content .baricon {display:none;}
@media only screen and (max-width: 991px){
	.wrapper{padding-top:0px;}
	#content .baricon {padding:5px 0; display:block; text-align:center; margin:0 auto 5px auto; width:100%;}
	#content .baricon span {display:inline-block;}
 }
@media (max-width: 991px) {
    #sidebar{margin-left: -200px;}
    #sidebar.active{margin-left: 0;}
    #sidebarCollapse span{display: none;}
}
/*--------------//Side Panel------------------*/

/*--------------//İletişim------------------*/

.iletisim_map #map {width: 100%;height: 350px;}
.iletisim_map #map svg g {fill: #71acc1 !important;}
.iletisim_info {margin-top: 64px;}
.iletisim_list_info {float: left;width: 100%;margin-top: 28px;}
.iletisim_list_info li {display: block;padding-bottom: 10px;float: left;width: 100%;}
.iletisim_list_info strong {font-size: 14px; width:114px; display:inline-block;line-height: 26px;color: #686f7a;text-align: left;}
/*--------------//İletişim------------------*/