a {
    text-decoration: none;
    color: #4a4a4a;
}
 a:active, a:hover {
    outline-width: 0;
}
 p {
    color: #686763;
    font-size: 15px;
}
 h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 35px;
}
 body {
     font-size: 13px;
     display: block;
     margin: 0;
     background: #f3f5f8;
     background-color: #f3f5f8;
     color: #4a4a4a;
     line-height: 1.5rem;
     min-width: 220px;
     font-family: "Open Sans", sans-serif;
     line-height: 21px;
     overflow-x: hidden;
     /*background-image: url(/theme/eleska/img/bg2.png);
     background-repeat: initial;*/
     height: 150px;
     padding: 0;
     background-size: cover;
	 
    background-color: #f5f7fb;
}
 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none;
}
 *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
 .container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
 .container-fluid {
    width: 100%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    display: grid;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; 
  }
 @media (min-width:576px) {
    .container {
         max-width: 540px;
    }
    .container.nav {
         max-width:100%;
    }
}
 @media (min-width:768px) {
    .container {
         max-width: 720px;
    }
    .container.nav {
         max-width:100%;
    }
}
 @media (min-width:992px) {
    .container {
         max-width: 990px;
    }
    .container.nav {
         max-width: 880px;
    }
}
 @media (min-width: 1024px) {
    .container {
         max-width: 970px;
    }
    .container.nav {
         max-width: 890px;
    }
}
 @media (min-width: 1290px) {
    .container {
         max-width: 1250px;
    }
    .container.nav {
         max-width: 1200px;
    }
}
 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
}
 @media (min-width:992px) {
    .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
    }
    .col-lg-auto {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
         max-width: none;
    }
    .col-lg-1 {
         -ms-flex: 0 0 8.33333333%;
         flex: 0 0 8.33333333%;
         max-width: 8.33333333%;
    }
    .col-lg-2 {
         -ms-flex: 0 0 16.66666667%;
         flex: 0 0 16.66666667%;
         max-width: 16.66666667%;
    }
    .col-lg-3 {
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
    .col-lg-4 {
         -ms-flex: 0 0 33.33333333%;
         flex: 0 0 33.33333333%;
         max-width: 33.33333333%;
    }
    .col-lg-5 {
         -ms-flex: 0 0 41.66666667%;
         flex: 0 0 41.66666667%;
         max-width: 41.66666667%;
    }
    .col-lg-6 {
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
    .col-lg-7 {
         -ms-flex: 0 0 58.33333333%;
         flex: 0 0 58.33333333%;
         max-width: 58.33333333%;
    }
    .col-lg-8 {
         -ms-flex: 0 0 66.66666667%;
         flex: 0 0 66.66666667%;
         max-width: 66.66666667%;
    }
    .col-lg-9 {
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
    }
    .col-lg-10 {
         -ms-flex: 0 0 83.33333333%;
         flex: 0 0 83.33333333%;
         max-width: 83.33333333%;
    }
    .col-lg-11 {
         -ms-flex: 0 0 91.66666667%;
         flex: 0 0 91.66666667%;
         max-width: 91.66666667%;
    }
    .col-lg-12 {
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 .page {
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex-direction: column;
    /* flex-direction: column; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* min-height: 95%; */
    margin: 0;
}
 .page-main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
 .right {
    float: right;
}
 .left {
    float: left;
    text-align: left;
}
 .floatleft {
    float: left;
}
 .center {
    text-align: center;
    left: 0px;
    right: 0px;
}
 .block {
    float: left;
}
 .padding20 {
    padding: 20px;
}
.logoeleska {
    display: inline-block;
    float: left;
    position: relative;
    margin-top: 7px;
    margin-right: 20px;
    z-index: 1;
}
 .logoeleska a img {
    height: 65px;
    margin-bottom: 0px;
}
 @media (max-width: 992px) {
     .logoeleska a img {
        height: 50px;
    }
}
 #nav {
    left: 0px;
    right: 0px;
    list-style: none;
    padding: 10px 15px 5px 15px;
    margin: 0px;
    float: right;
    position: relative;
    border-bottom: solid 1px white;
}
 #nav li {
    float: left;
    position: relative;
    padding: 15px 5px;
}


#nav li a {
    display: block;
    padding: 5px 13px;
    color: #ffffff;
    text-decoration: none;
    font-size: 17px;
    background-color: rgb(0 40 100 / 0%);
}

 #nav li.title a {
    font-size: 15px;
}


 #nav ul {
    background: #fff;
    background: rgba(255, 255, 255, 0);
    list-style: none;
    position: absolute;
    margin-top: 15px;
    left: -9999px;
    z-index: 999;
}
 #nav ul.drop li {
    padding: 0px;
}
 #nav ul li {
    float: none;
}
 #nav ul a {
    white-space: nowrap;
}
 #nav li:hover ul {
    left: auto;
    right: 0;
}
 #nav li:hover a {
    text-decoration: underline;
    /* color: #ffffff; */
    text-decoration: none;
    /* background-color: #0474ff; */
    cursor: pointer;
}
 #nav li:hover ul.drop li a {
    color: #4a4a4a;
    text-decoration: none;
}
 #nav li:hover ul.drop li a:hover {
    background: #000000;
    color: white;
}
 #nav li:hover ul li a {
    color: #4a4a4a;
    font-size: 17px;
    padding: 5px 10px 5px 10px;
}
 .navright {
    margin-top: 10px;
    float: right;
    border-bottom: solid 1px white;
}
 label.nave {
    display: none;
}
 #nave {
    display: none;
}
 #headline {
    width: 100%;
    background-color: #02a516;
    background: linear-gradient(50deg, #0abfae, #079e90);
    text-align: center;
    display: block;
}
 .headline_text, .headline_text:hover {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 7px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    width: 50%;
}
 @media screen and (max-width:835px) {
    #nav {
        width: 100%;
        padding: 0px;
        border-top: 1px solid rgba(8, 8, 8, 0.15)!important;
        margin-top: 10px;
    }
    #nav li {
         position: relative;
         padding: 0px;
         float: none;
         text-align: center;
         display: none;
    }
    #nav a {
         padding: 15px 10px;
    }
    #nav label.nave {
         display: unset;
         position: absolute;
         left: 15px;
         margin-top: 5px;
         color: black;
         background-color: white;
         z-index: 999;
         top: -65px;
         border-radius: 5px;
    }
    #nav label.nave:hover {
         text-decoration: none;
         color: white;
         background-color:black;
    }
    #nav ul {
         margin-top: 0px;
    }
    #nav ul.drop {
         left: 0px;
         right: 0px;
         width: 100%;
         position: relative;
         padding: inherit;
    }
    #nav a.droptitle {
         display: none;
    }
    .nave {
         font-size: 25px;
         padding: 10px;
         cursor: pointer;
    }
    #nave:checked~#nav .navright {
         float: none;
         display: block;
    }
    #nave:checked~#nav li {
         display: inline-block;
         float: none;
         position: relative;
         padding: 0px;
         text-align: left;
         text-align: center;
         width: 100%;
         border-bottom: solid 1px #d3dcde;
         border-bottom: 1px solid rgba(8, 8, 8, 0.15)!important;
    }
    #nave:checked~#nav li:hover ul li a {
         padding: 15px 10px;
    }
    #headline .headline_text,.headline_text:hover {
         width: 100%;
    }
    .col-lg-12 .card.index {
         width: 90%;
    }
    .col-lg-12 .card.index a {
         bottom: 50px;
    }
     div.logoeleska {
        display:block;
        width:100%;
        position:relative;
        float:none;
        text-align: center;
    }

    .col.card.index {
    height: 400px;
    }
}
 .sidebar {
    position: relative;
    text-align: center;
    margin-bottom: -7px;
}
 .sidebar.img {
    max-width: 100%;
    max-height: 300px;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
 @media only screen and (max-width:900px) {
    .sidebar.img {
         height: 255px;
    }
}
 footer {
    display: block;
    background-color: #000000;
    border-top: 1px solid rgba(0, 40, 100, 0.12);
    font-size: 0.875rem;
    padding: 1.25rem 0;
    color: #ffffff;
    margin-top: 0px;
}
 footer a {
    display: block;
    color: #ffffff;
    font-size: 15px;
    background-color: black;
    cursor:pointer;
    padding:5px 10px;
    border-radius: 5px;
}
 footer li a:hover {
    color: black;
    background-color:white;
    padding: 5px;
}
footer li a {
    padding-left: 5px;
}

footer li a:hover {
    padding-left: 15px;
}
 .footer img {
    height: auto;
    width: 100%;
    max-width: 150px;
}
 footer .fa {
    font-size: 30px;
    color: inherit;
    margin-right: 0px;
}
footer .fa:hover {
    color: #d4d1d1;
}
 ul.footertitle {
    text-align: left;
}
 ul.footertitle .title {
    font-size: 17px;
    cursor: auto;
    pointer-events: none;
}
 ul.footertitle li {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: circle;
    color: white;
}
 ul.footertitle li i {
    font-size: 20px;
    color: #ffffff;
}
 .copyright, .copyright a {
    color: #a0a0a0;
    display: inline-block;
}
 a.cardtitle {
    margin: 30px 10px 20px 10px;
    display: block;
    font-size: 25px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px dashed #DADADA;
}
 #galeri {
    text-align: center;
}
 #galeri .ampimg {
    overflow: hidden;
    margin: 5px;
    display: inline-block;
    cursor: pointer;
}
 #galeri .ampimg {
    height: 250px;
    width: 220px;
}
 #galeri .ampimg {
    height: 250px;
    width: 220px;
}
 @media screen and (max-width:475px) {
    #galeri .ampimg {
         width: 100%;
    }
}
 #galeri.galerifull div .ampimg {
    height: auto;
    width: 100%;
    max-height: 500px;
}
 #galeri.galerifull .ampimg {
    height: 250px;
    max-width: 100%;
    max-height: 650px;
}
 .card {
    width: 100%;
    display: inline-block;
    background-color: white;
    padding: 0px;
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
    border-radius: 0px;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 10px;
}
 .indeximg_item {
    width: 100%;
    padding: 10px 0px 5px;
    margin-left: 10px;
    margin-top: 5px;
    display: inline-block;
}
 .indeximg_br {
    border: 1px solid #efecec;
    background-color: white;
}
 .indeximg_item img {
    width: 100%;
    height: 200px;
}
 .indexh2 {
    margin-top: 21px;
}
 h3.imghead {
    margin: 0px 5px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
}
 .btn {
    width: 100%;
    border-radius: 1px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 7px;
    display: block;
    padding: 7px;
    color: white;
}
 .btn:hover {
    color: white;
}
 .wp {
    background-color: #2ECC71;
    border-color: #40f58d;
    color: white;
}
 .ph {
    background-color: #3f90e2;
    border-color: #52a6fb;
}
 .in {
    background-color: #a9143e;
    border-color: #bf1a48;
}
 .tw {
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
}
 .fb {
    background-color: #3b5998;
    border-color: #3b5998;
}
 .website {
    background-color: #0bb3a3;
    border-color: #0ac7b5;
}
 .mail {
    background-color: #7b0579;
    border-color: #7b0579 
}
 p.title {
    font-size: 15px;
    color: #464444;
    font-weight: bold;
    line-height: 2rem;
}
 .dec {
    font-size: initial;
    color: #504e4e;
    display: block;
    text-align: left;
    padding: 40px;
    line-height: 1.60;
}
 .iframe {
    max-width: 100%;
    display: inline-block;
}
 .card.fullmaps {
    display: block;
    text-align: center;
}
 .card.fullmaps .iframe {
    width: 100%;
}
 .modalbg {
    background-color: #000;
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    height: 100%;
    position: inherit;
    width: 100%;
    left: 0;
    overflow: hidden;
    top: 0;
    z-index: 5;
    display: block;
    bottom: 0;
    position: fixed;
    margin: 0 auto;
}
 .modaldiv {
    z-index: 6;
    position: fixed;
    text-align: center;
    max-width: 600px;
    /* height: 200px;
     */
    color: #000000;
    background-color: #000000;
    top: 15%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 7px;
    overflow: hidden;
}
 table.timecard {
    border-collapse: collapse;
    width: 100%;
    background-color: white;
}
 table.timecard td, table.timecard th {
    border: 1px solid #ddd;
    padding: 8px;
}
 table.timecard tr:nth-child(even) {
    background-color: #f2f2f2;
}
 table.timecard tr:hover {
    background-color: #ddd;
}
 table.timecard th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #7dbad2;
    color: white;
}
 .text {
    text-decoration: underline;
}
 .color1 {
    color: #6f0202;
}
 .color2 {
    color: blue;
}
 .color3 {
    color: #8e8e00;
}
 .color4 {
    color: green;
}
 .color5 {
    color: #058791;
}
 .color6 {
    color: #39d400;
}
 .color7 {
    color: #e00bde;
}
 .color8 {
    color: #005ddc;
}
 .color9 {
    color: #e8a700;
}
 .color10 {
    color: #07d0d2;
}
 .seotitle {
    text-align: center;
    padding: 10px;
    display: block;
    color: black;
}
 img.ampimg.zoom {
    padding: 10px;
    width: 100%;
    height: 100%;
    max-height: 500px;
}
 .mapsimg {
    width: 100%;
    height: 100%;
}
 .bthr {
    border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
 img.postimg {
    width: 100%;
    padding: 10px;
    max-height: 500px;
}
 .number a {
    background-color: black;
    padding: 6px 10px;
    margin: 5px;
    color: white;
    border-radius: 5px;
    font-size: 15px;
}
 .number {
    margin: 20px;
    text-align: center;
}
 a.listlink {
    width: 100%;
    display: block;
    padding: 10px;
}
 .toc_light_blue {
    width: 100%;
    display: table;
    background-color: #edf6ff;
    border: solid 1px lightblue;
    text-align: left;
    padding: 15px;
}
 p.toc_title {
    font-size: large;
    margin: 0px;
}
 .toc_list a {
    padding: 5px;
    text-align: left;
    display: block;
}
 ul.toc_list {
    margin: 0px;
    padding: 5px 5px;
}
 .card.index {
    position: relative;
    width: 100%;
    height: 500px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
    min-width: 250px;
    min-height: 75vh;
}

 .card.index img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}
 .card.index div {
    position: absolute;
    bottom: 0;
    left: 0px;
    font-size: 18px;
    color: white;
    background-color: #000000b0;
    width: 100%;
    padding: 7px 10px;
    text-align: center;
    cursor: pointer;
}
 .card.index div i {
    font-size: 35px;
    margin-right: 20px;
}
 .card.index div span {
    font-size: 20px;
}
 #nav li.title {
    padding: 0px;
}
 #nav li.title a {
    padding: 2px;
}
 .mt-20 {
    margin-top: 20px;
}
 .card.index div:hover {
    background-color: black;
}
 .card.index div a {
    color: white;
}

.card.index span {
        position: absolute;
        bottom: 0;
        font-size: 22px;
        line-height: 30px;
        color: white;
        background-color: #05592e;
        width: 100%;
        padding: 7px 10px;
        text-align: center;
        cursor: pointer;
        min-height: 75px;
        width: 100%;
        display: block;
}


 .breadcrumb {
    position: relative;
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    border-radius: 4px;
    display: inline-block;
    margin: 15px 10px 10px 0px;
}
 .breadcrumb>li {
    display: inline-block 
}
 .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0" 
}
 .breadcrumb>.active {
    color: #777 
}
 .breadcrumb a {
    color: #337ab7;
    text-decoration: none;
}
 .breadcrumb a:hover {
    color: black;
    text-decoration: underline;
}
 h1.baslik {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    border-bottom: solid 1px gainsboro;
    padding-bottom: 15px;
}
 .sidebar p {
    width: auto;
    white-space: nowrap;
    font-weight: 700;
    color: white;
    text-shadow: rgb(0, 0, 0) 2px 2px;
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgb(33, 32, 32);
    border-radius: 3px;
    opacity: 1;
    display: inline-block;
}
 p.slidertitle, p.sliderdec {
    margin: 5px 5px;
}
 p.slidertitle {
    font-size: 30px;
    padding: 0px 12px;
    line-height: 50px;
}
 p.sliderdec {
    font-size: 20px;
    padding: 0px 12px;
    line-height: 47px;
}
 .sliderabout {
    position: absolute;
    top: 20%;
    display: inline-block;
    left: 10px;
    width: 100%;
}
 .sliderabout div {
    text-align: center;
    width: 100%;
    display: inline-block;
}
 .card.iletisim {
    padding: 20px;
    text-align: left;
}
 .card.iletisim h3 {
    font-size: 18px;
}
 .buttoni {
    width: 100%;
    border-radius: 1px;
    text-align: center;
    font-size: 16px;
    padding: 7px 10px;
    color: white;
    cursor: pointer;
    margin-bottom: 10px;
}
 .wp {
    background-color: #2ECC71;
    border-color: #40f58d;
}
 .ph {
    background-color: #3f90e2;
    border-color: #52a6fb;
}
 .buttoni p {
    color: white;
    text-align: center;
    margin: 5px 5px;
    font-size: 19px;
}
 .buttoni i.fa {
    float: left;
    font-size: 30px;
    margin-left: 10px;
}
 #headline {
    width: 100%;
    background-color: #0bb3a3;
    text-align: center;
}
 #headline #headline-inner {
    width: 92%;
    margin: 0 auto;
    padding: 4px 0;
    clear: both;
    overflow: hidden;
    display: inline-table;
}
 #headline-inner .headline_text {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
}
 .container-fluid.bthr.tugaybar {
    background: linear-gradient(130deg, #00306d, #39b4ff, #0070ff);
    /* background-size: 200% 200%; */
    /* animation: eleskabgAnimate 4s ease infinite; */
    /* background-color: #05592e; */
    /* background: linear-gradient(181deg, #e52d27, #b31217, #b31217); */
    /* background: linear-gradient(189deg,  #eeff5c, #fa0a0a); */
}
 @keyframes eleskabgAnimate {
    0%,100% {
         background-position: 10% 0
    }
    50% {
         background-position: 91% 100%
    }
}
 audio {
    height: 0px;
    display: none;
    position: absolute;
    top: -99999px;
    z-index: 0;
}
 .row.hbottom {
     display: inline-block;
     width: 100%;
     position: relative;
    margin-top: 5px;
}
 .row.hbottom ul {
     float: right;
}
 .row.hbottom ul li a {
     color: white;
     font-size: 23px;
}
 .row.hbottom ul li {
     display: inline-block;
     margin-right: 10px;
}
.radyo {
     display: inline-block;
}
 a.playbtn {
     width: 45px;
     height: 45px;
     background-color: white;
     display: block;
     float: left;
     border-radius: 50px;
     text-align: center;
     padding-top: 13px;
     font-size: 21px;
     padding-left: 0px;
     cursor: pointer;
     color: #1996e6;
}
 input#ses {
     margin-top: 13px;
     cursor: pointer;
}
div.title h4 {
     position: relative;
     padding-bottom: 15px;
     margin-bottom: 10px;
     font-weight: bold;
     text-transform: uppercase;
     display: block;
}
 div.title::before {
     content: "";
     position: absolute;
     background-color: #eb3e32;
     width: 80px;
     height: 2px;
     bottom: 5px;
     margin-bottom: 5px;
}
 div.title {
     position: relative;
}
 div.title.text-center:before {
     right: 0;
     left: 0;
     margin: 0 auto;
}
 div.title.text-right:before {
     left: auto;
}
 .form-control {
     border-radius: 0;
     border: 1px solid #cdcdcd;
     text-transform: capitalize;
     padding: 10px 15px;
     color: #000;
     margin-bottom: 20px;
     height: auto;
     font-size: 14px;
     width:100%;
}
 .contact-form label span {
     color: #eb3e32;
     padding-left: 3px;
}
 .form-with-label label {
     font-size:13px;
     text-transform: uppercase;
     font-weight: 600;
     display:block;
}
.btn {
     font-weight: 500;
}
 a.btn.full {
     width: 100%;
}
 .btn+.btn {
     margin-left: 10px;
}
 .btn.focus, .btn:focus {
     box-shadow: none;
}
 .btn-black:not(:disabled):not(.disabled).active, .btn-black:not(:disabled):not(.disabled):active, .show>.btn-black.dropdown-toggle, .btn-black:not(:disabled):not(.disabled).active:focus, .btn-black:not(:disabled):not(.disabled):active:focus, .show>.btn-black.dropdown-toggle:focus {
     border-color: transparent;
     background-color: black;
     border-color: #000000;
     box-shadow: none;
}
 .btn-black {
     background-color: #000000;
     border-radius: 5px;
     padding: 10px 25px;
     color: #fff;
     transition: all 0.3s ease-in-out;
     border: 2px solid #1b1b1b;
     position: relative;
     z-index: 99;
     text-transform: capitalize;
     overflow: hidden;
}
 .btn-black:hover {
     background-color: #212020;
     border-color: #000000;
     color: #ffff;
}
 .btn-blue {
     background-color: #1b6fc5;
    /*border-radius: 50px;
    */
     padding: 7px 20px;
     color: #fff;
     transition: all 0.3s ease-in-out;
     border: 2px solid #1a6fc5;
     position: relative;
     z-index: 99;
     text-transform: capitalize;
     overflow: hidden;
}
 .btn-blue:hover {
     background-color: #1b81e8;
     border-color: #2283e6;
     color: #ffffff;
}
 ul.sociali {
     width: 100%;
     display: block;
     padding: 0;
     margin: 0;
}
 ul.sociali li a {
    padding: 7px;
    width: 100%;
    display: block;
}
 ul.sociali li a i {
     padding: 10px;
     background-color: black;
     color: white;
     border-radius: 50%;
     font-size: 20px;
     width: 40px;
     height: 40px;
     margin-right: 10px;
     text-align:center;
}
 ul.sociali li {
     padding: 0;
     margin: 0;
}
 ul.sociali li a p {
     display: inline-block;
     color: #686763;
     font-weight: 400;
     line-height: 24px;
     font-size: 18px;
     padding: 0;
     margin: 0;
}
 ul.sociali li a:hover {
     background-color: black;
     border-radius:50px;
}
 ul.sociali li a:hover > i {
     border:solid 1px white;
     color:black;
     background-color:white;
}
 ul.sociali li a:hover > p {
     color:white;
}
 .postcard a img {
     height: 300px;
     object-fit: cover;
     width: 100%;
}
 .pheader span {
     display: inline-block;
     font-size: 17px;
}
 .pheader p {
     display: inline-block;
     margin: 0;
}
 .pheader {
     padding: 10px;
     height: 100px;
     overflow: hidden;
}
 .pagetitle.text-left {
     display: block;
     position: relative;
     margin: 25px 0px 5px 0px;
     padding-bottom: 25px;
}
 .pagetitle {
     margin: 20px 10px 0px 10px;
     position: relative;
     padding-bottom: 9px;
     text-align: center;
     border-bottom: solid 1px #064f99;
}
 .pagetitle i {
     padding-right: 10px;
}
 .pageleskadiv ul {
     display: inline-block;
}
 .pageleskadiv {
     /* width: 100%; */
     display: block;
     text-align: center;
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     /* margin-top: 27px; */
}
 .pageleskadiv ul li {
     float: left;
     list-style-type: none;
     background-color: #fff;
     margin: 2px;
     cursor: pointer;
     padding: 0;
     border-radius: 2px;
     border: 1px solid #ddd;
}
 .pageleskadiv ul li a {
     color: #242423;
     text-decoration: none;
     font-size: 17px;
     font-family: Roboto,sans-serif;
     padding: 5px 15px;
     display: block;
}
 .pageleskadiv ul li:hover, .pageleskadiv ul li.active {
     background-color: #eee;
}
 .pageleskadiv ul li:hover a, .pageleskadiv ul li.active a {
     color: #242423;
}
 .card.leftcard a img {
     height: 200px;
     object-fit: cover;
     width: 100%;
}
 .card.leftcard {
     margin-bottom: -40px;
     margin-top: 45px;
}
 .card.leftcard .pheader {
     height: 55px;
}
 .slidetitle {
     position: absolute;
     top: 45%;
     width: 100%;
}
 .slidetitle a {
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 35px;
     text-shadow: 1px 2px #000000;
     max-width: 750px;
     display: inline-block;
     line-height: normal;
     background-color: #0000006b;
     padding: 5px 15px;
     border-radius: 5px;
}
 li.saat {
     color: white;
     font-size: 18px;
}


#nav li a:hover {
    background-color: #000000;
    color: white;
    border-radius: 5px;
}

p.foabout {
    width: 100%;
    text-align: left;
    color: #e2e2e2;
    margin: 0;
    font-size: 13px;
}

p.eleskacopy {
    width: 100%;
    display: inline-block;
    color: #5a5a5a;
    border-top: solid 1px #b5b5b5;
    padding-top: 10px;
    border-top-style: dashed;
    /*animation: color-change 3s infinite;*/
}

@keyframes color-change {
  0% { color: #efeded; }
  10% { color: #dcdcdc; }
  20% { color: #c3c2c2; }
  30% { color: #abaaaa; }
  40% { color: #828181; }
  50% { color: #424242; }
  60% { color: #2f2f2f; }
  70% { color: #403f3f; }
  80% { color: #2d2d2d; }
  90% { color: #0c0c0c; }
  100% { color: #000000; }
}


.slidetitle ul li a {
    font-size: 15px;
    text-transform: capitalize;
}

.slidetitle ul li {
    display: inline-block;
}

.slidetitle ul {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.slidetitle ul li a i {
    padding-right: 5px;
}

.vh100 {
min-height: 85vh;
}
.relative {
position: relative;
}
.text-center { text-align: center; }

a.galeri img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}


a.galeri {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 10px;
}


a.galeri span {
    position: absolute;
    bottom: 25px;
    z-index: 1;
    width: 100%;
    color: white;
    background-color: #000000ab;
    padding: 5px;
    left: 0;
    text-align: center;
    font-size: 20px;
    padding: 12px 10px;
}

a.galeri.kutu img {height: 350px;}

.slider_body a {
    padding: 15px 20px;
    font-size: 48px;
    text-align: center;
    color: white;
    text-shadow: 3px 3px #000000;
    /*background-color: #0000004f;*/
    line-height: 70px;
}

.slider_body {
    text-align: center;
    display: block;
    position: absolute;
    top: 25%;
    z-index: 999;
    width: 100%;
}

.slideralan {
    margin-top: 20px;
    width: 100%;
}

.slideralan img {
    width: 100%;
}



.swiper-button-next:hover, .swiper-button-prev:hover {
    color: white;
	background-color: #0000008a;
}

.swiper-button-next, .swiper-button-prev {
    color: #9e9e9e;
}

.swiper-button-next, .swiper-button-prev  {
    background-color: #00000008;
    height: 65px;
    width: 65px;
    border-radius: 54px;
    border: 0;
}
.swiper-button-next:active , .swiper-button-prev:active  {
    background-color: #000000;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 27px;
}

.ustdortlu img.img-fluid { height: 220px; width: 100%; } .ustdortlu .media-caption { padding: 7px 10px; }


.swiper-slide.indexslider img {
    width: 100%;
    height: 450px;
    object-fit: contain;
}
.swiper-slide.indexslider.swiper-slide-active {
    width: 100%;
    display: block;
}

.swiper-slide.slider2 img {
    width: 100%;
    height: 320px;
}

.swiper-slide.slider2.swiper-slide-active {
    width: 100%;
    display: block;
}

.isliderdec {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    display: inline-block;
    font-family: amplitudecondbold;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    margin-top: 5px;
    font-size: 27px;
    line-height: 38px;
    background-color: #000000bf;
    width: 100%;
}

.swiper-pagination.s_pagination1 {
    display: block;
    top: 0;
    position: relative;
}






.swiper-container.swiper2 {
    float: left;
    position: relative;
    width: 100%;
    margin-left: 1px;
}
.swiper-button-next.sindex2,.swiper-button-prev.sindex2 {
    top: 50%;
}

.swiper-pagination.s_pagination2 {
    position: relative;
    display: grid;
    height: 226px;
}

.s_pagination2 span.swiper-pagination-bullet {
    border-radius: 0px;
	margin-top: 2px;
	margin-left: 2px;
}

.s_pagination2 span.swiper-pagination-bullet-active {
    background-color: #007aff;
    color: white;
}

.slider2 .isliderdec {
    padding: 10px;
    font-size: 25px;
}




span.swiper-pagination-bullet {
    border-radius: 0;
}
.swiper-pagination.s_pagination1 span.swiper-pagination-bullet.swiper-pagination-bullet {
    margin: 5px 2px;
}


@media (max-width: 991px) {
.swiper-pagination.s_pagination2 {
	display:block;
}
.s_pagination2 span.swiper-pagination-bullet {
	margin-right: 2px;
}
}


.figure-grid {
    width: 100%;
    height: 275px;
    overflow: hidden;
    border: solid 1px #e4e4e4;
    padding: 10px;
    position: relative;
}

.figure-grid img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: inline-block;
}

.col-md-3.col-md-4.col-xs-6 {
    width: 25%;
}

.figure-grid .image {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
}

.figure-grid .label {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    background-color: #bd082b;
    bottom: 0;
    color: white;
    font-size: 17px;
    padding: 5px;
}

.figure-grid img:hover {
    object-fit: cover;
}

.refbaslik {
    margin-top: 30px;
    border-bottom: solid 1px #73a2da;
    font-weight: 600;
    padding-bottom: 3px;
}