@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@100;200;300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Scheherazade:wght@400;700&display=swap');
* {margin: 0}
html, body {height: 100%}

body {font-family: 'Oswald', sans-serif;overflow-x:hidden;background:#fff;}
a {outline: medium none}
button {outline: medium none}
a:hover {text-decoration: none} 
#hidrogovde {min-height: 100%;height: auto !important;height: 100vh;}

 /* Let's get this party started */
::-webkit-scrollbar {width: 12px}
 /* Yol */
::-webkit-scrollbar-track {border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
/* Handle */
::-webkit-scrollbar-thumb {border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;background: rgba(80,173,229,1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(80,173,229,0.4);}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#d5d5d5}
::-moz-placeholder { /* Firefox 19+ */color:#d5d5d5}
:-ms-input-placeholder { /* IE 10+ */color:#d5d5d5}
:-moz-placeholder { /* Firefox 18- */color:#d5d5d5}

.silici {clear:both; height:0; display:block;}
.fleft {float:left;}
.fright {float:right;}
.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');}
.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 #50ade5;}
.hata {background:#f9f0f0;font-size: 14px; padding:10px; width:98%; margin:0 auto 10px; text-align:left; border-left:solid 5px #dca7b0;}
.projebox {width:100%; background:rgba(136,136,136,0.6); color:#fff; text-align:center; min-height:100px; margin:10px auto 20px auto; padding:15px; border:solid 1px #50ade5;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
 .projebox a {color:#fff;}
 .projebox a:hover {color:#50ade5;}
 
.resimbox {padding:10px 0;}
.resimbox span.resim {display:block; width:100%; height:150px; border:solid 1px #50ade5;border-bottom:solid 3px #50ade5;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.resimbox a {display:block; width:100%; height:150px; border:solid 1px #50ade5;border-bottom:solid 3px #50ade5;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.resimbox a:hover {border:solid 1px #000;border-bottom:solid 3px #011e68;}


.container {position: relative; height:100vh; padding:130px 0 70px 0;} 
 
 #icerik {background:rgba(50,50,50,0.8); overflow-y:auto; height:69vh; color:#fff; padding:15px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
 	#icerik .icerikmetin {font-weight:normal; line-height:150%;font-family: 'Roboto Condensed', sans-serif; text-align:justify;font-size:1.1em}
	#icerik h1 {display:block; font-size:26px; margin:0 0 15px 0; padding:5px; border-bottom:solid 1px #50ade5; color:#50ade5;}

@media only screen and (max-width: 767px) {	
.container {position: relative; padding:210px 15px 150px 15px;}
#icerik {height:60vh;}
}
.hidrotopbar {background:#cbcbcb;padding:5px 0; width:100%; border-bottom:solid 3px #8e8f8d; color:#666666;}
	.hidrotopbar .text-right i {color:#666666}
	.hidrotopbar .text-right a {color:#fff;}
	.hidrotopbar .text-right a:hover {color:#000;}
	.hidrotopbar .text-right a:hover i {color:#000;}
@media only screen and (max-width: 767px) {	
.hidrotopbar {text-align:center;}
.hidrotopbar .text-right {text-align:center; padding:10px 0 0 0;}
}
#ustmenu {clear:both; padding-top:20px;} 
.logobar {padding:5px 0;width:100%; background:rgba(50,50,50,0.8); padding:8px 0;}
.logobar.bg2 {background:#F3F3F3;}
.logobarpos {position:fixed; top:0; z-index:99;}
@media only screen and (max-width: 767px) {	
.logobarpos {position:absolute; top:0; z-index:99;}
}
.logobar .logo {height:100px; width:343px;}
.logobar .logo .white { color:#fff;}
.logobar .logo .black { color:#333;}
.logobar .logo img.hidro{height:100px; width:343px;}
 
@media only screen and (max-width: 767px) {
.logobar .logo {text-align:center; margin:auto;}	 
}
 


#footer {background:rgba(50,50,50,0.8); padding:8px 0; width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e5e5+0,bbbbbb+100 */
/*background: #333;  Old browsers */
/*background: -moz-linear-gradient(top, #e6e5e5 0%, #bbbbbb 100%); 
background: -webkit-linear-gradient(top, #e6e5e5 0%,#bbbbbb 100%); 
background: linear-gradient(to bottom, #e6e5e5 0%,#bbbbbb 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e5e5', endColorstr='#bbbbbb',GradientType=0 ); */
}
.footerpos {position:fixed; bottom:0; z-index:9;color:#fff;}
#footer .copyr {padding:8px 0; text-shadow:1px #333;}
	#footer .copyr .trn {text-align:right; float:right; padding-right:10px;}
	#footer .copyr .copytext {text-align:left; float:left;padding-left:10px;}
#footer .copyr a {color:#50ade5;}
#footer .copyr a:hover {color:#333;}
 

@media only screen and (max-width: 767px) {	
	#footer .copyr .trn {text-align:center; float:none;}
	#footer .copyr .copytext {text-align:center; float:none}
}




/*responsive tablo */
table {border: 1px solid #666;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;} 
table tr {background-color: #f7f7f7;border: 1px solid #ddd;padding: .35em;}
table th,table td {padding: .625em;text-align: center;}
table th {font-size: .85em;letter-spacing: .1em;text-transform: uppercase;}
table th.baslik {font-weight: bold;text-align: center; background:#ccc; padding:8px; border-bottom:solid 1px #fff; border-right:solid 1px #fff;}
table td.firmalogo img {width:75px;}
@media screen and (max-width: 600px) {
table {border: 0; width:98%; margin:auto;}
table caption {font-size: 1.3em;}
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 #333;display: block;margin-bottom: .625em;}
table td {border-bottom: 1px solid #ddd;display: block;font-size: .8em;text-align: center;}
table td::before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;}
table td:last-child {border-bottom: 0;}
table td.firmalogo img {width:200px;}
}
/*responsive tablo*/

/*Sayfalama*/
#sayfalama {text-decoration:none; padding-top:20px;}
#sayfalama a {margin:2px; padding:5px 15px; text-decoration:none; display:block; float:left; background:#0054a5;color:#fff;}
#sayfalama a.aktif {background:#50ade5; color:#fff; font-weight:bold;}
#sayfalama a:hover {text-decoration: none;color: #fff; background:#333;}
/*Sayfalama*/


#MesajGonderForm {color:#333;}
#MesajGonderForm fieldset {display:block;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; margin:10px auto 10px auto; text-align:left; border:solid 1px #50ade5; padding:5px; width:98%; background:#F0F0F0;}
#MesajGonderForm fieldset legend {display:block; text-align:center;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; font-size:15px; width:250px; background:#50ade5; color:#fff; padding:8px;}

#MesajGonderForm fieldset label {display:block; text-align:left;}
#MesajGonderForm fieldset input, #MesajGonderForm fieldset textarea, #MesajGonderForm fieldset select {width:99%;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; background:#fff; color:#50ade5; padding:5px; display:block; margin-bottom:5px; border:0;}

#MesajGonderForm fieldset input.submit {background:#50ade5;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; width:200px; margin:auto; color:#fff; border:0; cursor:pointer;}
#MesajGonderForm fieldset input.submit:hover {background:#333; color:#fff;}
#MesajGonderForm img {width:120px;}



 
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index:99999;
}
.modal-content {
  position: relative;
  background-color: #f9f9f9;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modallogo {float:left; width:30%;}
.modallogoimg {background-image:url('../images/a1logo2.png'); background-repeat:no-repeat; background-size:cover; background-position:center; width:200px; height:128px; margin:auto;}
.modalformu {float:right; width:70%;}

@media (max-width: 768px) {
.modallogo {float:none; width:100%; margin-bottom:10px;}
.modalformu {float:none; width:100%;}
}


@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}