*{
    margin: 0;
    padding: 0;
}
html {
  scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6{margin:0;}
body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
}
.container-fluid {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto; 
}

.navbar{
    background:    #0367a0   ;
}


.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-shrink{
    padding-top: 0;
    padding-bottom: 0;
    transition: all ease .5s;
}
.mybg-dark {
    background: #4ebdcb  !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
h3.my-heading {
    font-weight: bold;
}
li.nav-item {
    margin: 0 20px 0 0;
}
header{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /*background: url('https://images.pexels.com/photos/1345085/pexels-photo-1345085.jpeg?auto=compress&cs=tinysrgb&h=650&w=940') no-repeat center center;*/
    background-size: cover;
    /*background: linear-gradient(#4ebdcb, #08d4fd);*/
   /* background: linear-gradient(0deg, #08d4fd 0%, #4ebdcb 100%);*/
    /*background: linear-gradient(#e66465, #9198e5);*/
    position: relative;
    /*color: #ffffff;*/
    overflow: hidden;
}
.overlay{position:absolute;background-color:;height:100%;width:100%;top:0;left:0;opacity:.3}

header .tophead{
    margin-top: 65px;
}
#content-container{
  min-height: 200px;
  max-height: auto;
  margin-bottom: 5px;
}

header .title-main{
    font-size: 65px;
    font-weight: bold;
    text-transform: uppercase;
}
header .subtitle-main{
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 35px;
    line-height: 1.5em;
}

.main-container{
  max-width: 80%;
  margin-bottom: 30px;
}

#content-container, #bod-container, #gwd-container{
  min-height: 450px;
  border:1px solid #cccccc;
  border-radius: 3px;
  padding: 0 15px 15px 15px;
  word-wrap: break-word;
}

.set-width{
width:300px;margin: auto;
}

#etc-container{
  display: none;
}

.side-img{
    margin-bottom: 5px;
    text-align: justify;
}

#transparency-accordion{

}
.dl_link{
  overflow: hidden;
}

.t-card{
    margin-bottom: 10px;
}

.t-body{
    margin-top:-10px;
}

.plain-txt{
    color:   #0c6883   ;
}

.plain-text.hover{
    color:   red   ;
}


ul.t-list li{
    border:none;
    padding:0px;
    margin:0px;
}


ul.t-list li a{
    text-decoration: none;
    text-align: left;
    color:     #1391b6     ;
}

ul.t-list li a:hover{
    color:   #06546b   ;
}
.overflow{
  overflow: hidden;
}
.bod-img{
  border:none;
  text-align: center;
}

.t_header button:hover{
    background-color: #115065;
    color:#e5eaeb;
  }
/*
tr th{
  text-align: center;vertical-align: middle;
}*/


/* Margin for Menu */
.outframe { 
    padding: 0 20px;
}
/* Shadow Effect for Button, Collapse & Cards */
.btn-spl {
    box-shadow: 0 1px 4px rgba(100, 20, 100, .6);
    border-radius: 0px;
}
/* Heading with Divider */
.title {
    line-height: 2.5;
    text-align: center;
}
/*.title span {
    display: inline-block;
    position: relative;  
}
.title span:before,
.title span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
    top: 0;
    width: 75%;
    margin-top:35px;
}

#title_history span:before,
#title_history span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
    top: 0;
    width: 30%;
    margin-top:35px;
}

.title span:before {
    right: 100%;
    margin-right: 15px;
}
.title span:after {
    left: 100%;
    margin-left: 15px;
}*/

footer.footer{padding:4rem 0;}
footer.footer ul li a{color: #ffffff;text-decoration: none;}
footer.footer p{font-size: 18px;color:#dcdcdc;}



/*history*/
h1#h_history{
  font-weight: normal;
  color: #06546b  ;
  text-align: center;
  margin:10px;
}
#h_content{
  text-align: justify;
  text-indent: 30px;
}

ul{
  list-style: none;
}
/*gwd officers*/

/*.card_gwd_officers{
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    text-align: center;
}*/
/*.card_img_gwd_officers{
  display: block;
    width: 100%;
    height: auto;
}
.card_block_gwd_officers{
  font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}*/


/*post*/

section#blog {
    position: relative;
    padding: 7rem 0;
}
section#blog .card{margin-bottom: 2rem;}
section#blog .card-text{
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    padding-bottom: 20px;
}
section#blog  .title-blog{
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 23px;
}


section#blog  .subtitle-blog{
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    max-width: 660px;
    margin: 19px auto 103px;
    text-align: center;
    color: #ffffff;
}

.t-style{
  color: #3dce8c;
}
/*.card img{
    height: 220px;
    width: 100%;
    object-fit: cover;
}
.card a{
    color: #4ebdcb;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}*/

/*blog*/
#blog{
  background: linear-gradient(0deg, #08d4fd 0%, #4ebdcb 100%);
}
.img-blog{
  padding:10px;
}



/*arrows*/
.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


/*projects*/
.img-projects {
  width:500;
  height:500px;
}

.carousel-caption {
  position: relative;
  left: 0;
  top: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(0);
}



/*FOOTER*/

footer {
  background: #16222A;
  background: -webkit-linear-gradient(59deg, #3A6073, #16222A);
  background: linear-gradient(59deg, #3A6073, #16222A);
  color: white;
  margin-top:100px;
}

footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

footer a:hover {
  color: #FA944B;
  text-decoration: none;
}

.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle {
  padding-top: 2em;
  color: white;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
  background-color: #3B5998;
}

.social-network a.icoLinkedin:hover {
  background-color: #007bb7;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoLinkedin:hover i {
  color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
}

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.social-circle li i {
  margin: 0;
  line-height: 30px;
  text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.social-circle i {
  color: #595959;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.social-network a {
  background-color: #F9F9F9;
}

#a-margin{
  margin-top: -15px;
}

.faq_block{
  padding-left:10px;
  margin-bottom: 10px;
}
.faq_header{
  margin-bottom: 20px;
}
a.faq_link:hover{
  color:#064764;
}
/*.custom_control{
  color:red;
   outline: green;
}*/