/*@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

html { 
     height: 100%;
    background-color: #4c4c4c;  
    /* background: url(../img/bg3.png) no-repeat center center fixed !important;  */
}

a, a:focus, a:hover {
    color: inherit;
    text-decoration: none;
}

body {
    font-family: 'Poppins', sans-serif;
    background: url(../img/bg3.png) no-repeat center center fixed; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:100vh;
}

.header {
    padding: 30px 0;
    background-color: #4c4c4c;
}

.logo {
    text-align: center;
}

.menu-row {
    height: 50px;
    background-color: #95d4d2;
}

.menu {
    list-style: none;
    display: block;
    text-align: center;
    margin: auto;
    width: 300px;
    padding: 0;
}

.menu li {
    float: left;
    list-style: none;
    width: 100px;
    text-align: center;
}

.menu li a {
    width: 75px;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #000;
    text-decoration: none;
    text-align: center;
    width: 100px;
}

.menu li a:hover {
    background: #e1e31f;
}

.main {
    padding-bottom: 20px; 
    /* background-color: rgba(255, 255, 255, 0.4); */
}

.main-container {
    margin-top: 40px; 
    /* margin-bottom: 40px;  */
    /*background: rgba(0, 0, 0, .5); */
    min-height: 600px;
    border-radius: 20px;
}

.footer {
    height: 50px;
    background-color: #d9e70c;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    padding: 0 15px;
}

.copyright {
    line-height: 50px;
    float: left;
}

.footer-menu {
    line-height: 50px;
    float: right;
}

.footer-menu ul {
    list-style: none;
}

.footer-menu li{
    float: left;
    margin-right: 5px;
}

.footer-menu > a {
    height: 50px;
    line-height: 50px;
    color: #000;
    text-decoration: none;
    text-align: center;
}

.video-section {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 50px 5%;
    font-size: 14px;
    top: 0;
    height: calc(100vh - 300px);
    overflow-y: scroll;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.video-container {
    margin: 0 auto;
    padding: 50px 5%;
    top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 20px;
}

.video-section::-webkit-scrollbar {
    display: none;
}

.info-container {
    margin: 0 auto;
    border-radius: 20px;
    background: rgba(0, 0, 0, .5);
    padding: 50px;
    margin: 0 auto;
    align-self: center;
}

.popover {
    border: none;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.popover-content {
    font-size: 12px;
    font-weight: bold;
}

.popover-content a {
    font-weight: normal;
}

.content {
    width: 90%;
    height: 500px;
    overflow-y: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    background: rgba(0, 0, 0, .5);
    color: white;
    padding: 20px;
    text-align: justify;
    /*text-indent: 20px;*/
}

.bg-none {
    background: none;
}

label {
    color: #d8e710;
}

.btn-cou {
    background: #d8e710;
    border-radius: 0;
    color: #000;
}
/* 01 Eylül 2020 */
.copyright a{ 
    height: 50px;
    line-height: 50px;
    color: #000;
    text-decoration: none;
    text-align: center;
}
p {
    color: #fff;
}

.refDiv {
    border: 1px solid rgb(255, 255, 255, 0.3);
    text-align: center;
    margin: 15px;
    padding: 15px;
    
}
.refImg {
    width: 100%;
}

.refP {
    margin-bottom: initial; 
    margin-top:10px;
    font-size: 14px;
}

#couForm {
    height: 600px;
}

.info-outside {
    position: relative;
    display: table;
    margin: auto;
    padding: 50px 20px;
}

.info-inside {
    min-height: auto;
    display: table-cell;
    font-size: 14px;
    vertical-align: middle;
}

.info-text {
    color: #fff;
    margin: auto;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    padding: 50px 20px;
}

/* form style */

._form{
    width:100%;
    display:block
}
._form .input-select,._form [type=checkbox],._form [type=checkbox]+span,._form [type=password],._form [type=radio],._form [type=radio]+span,._form [type=submit],.btn-reload,._form [type=text],._form [type=email],._form [type=number]{
    display:block;
    height:50px;
    line-height:50px;
    color:#333;
}
._form [type=checkbox]+span {
    height:40px;
    line-height: 15px;
}
._form [type=password],._form [type=submit],.btn-reload,._form [type=text],._form [type=email],._form [type=number]{
    padding:0 12.5px
}
._form [type=submit],.btn-reload{
    background:#d9e70c;
    margin-top:25px;
    color:#fff;
    cursor:pointer;
}
._form textarea{
    padding:12.5px;
    min-height:100px;
    resize:vertical;
    color:#333;
}
._form label.input-check{
    float:left;
    margin:0 5px 5px 0;
    padding:0 12.5px;
    display:block;
}
._form label.input-check:after,._form label.input-check:before{
    display:block;
    width:100%;
    clear:both;
    content:""
}
._form label.input-check [type=checkbox],._form label.input-check [type=radio]{
    margin-right:12.5px
}
._form label.input-select{
    border-radius:4px
}
._form label.input-select select{
    width:100%;
    height:50px;
    line-height:50px;
    text-indent:5px;
    position:relative;
    top:-2px;
    color:#333;
    border-radius: 20px;
    border:1px solid #95d4d2;
    background: rgba(149, 212, 210, 0.1);
}
._form label.input-check,._form label.input-select{
    cursor:pointer
}
._form fieldset:not(:first-of-type){
    margin-top:33.33px
}
._form legend{
    margin-bottom:10px;
    font-weight: bold;
}
._form [type=password],._form [type=text],._form [type=email],._form [type=number],._form textarea{
    border:1px solid #95d4d2;
}
._form [type=submit],.btn-reload{
    border:none;
    color: #333;
}
._form .input-select,._form .input-text,._form [type=checkbox]+span:before,._form [type=password],._form [type=submit],.btn-reload,._form [type=text],._form textarea,._form [type=email],._form [type=number]{
    border-radius:20px;
}
._form [type=radio]+span:before{
    border-radius:50%
}
._form [type=checkbox],._form [type=radio]{
    display:none
}
._form [type=checkbox]+span:before,._form [type=radio]+span:before{
    position:relative;
    top:-1px;
    content:"";
    width:18px;
    height:18px;
    display:inline-block;
    vertical-align:middle;
    float:none;
    margin-right:12.5px;
    background:#ccc;
}
._form [type=password],._form [type=text],._form textarea, ._form [type=email],._form [type=number]{
    background: rgba(149, 212, 210, 0.1);
}
._form [type=checkbox],._form [type=checkbox]+span,._form [type=password],._form [type=radio],._form [type=radio]+span,._form [type=submit],.btn-reload,._form [type=text],._form [type=email],._form [type=number],._form fieldset,._form label,._form label input+span:before,._form legend,._form textarea{
    -webkit-transition-property:background-color,color,border;
    transition-property:background-color,color,border;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
._form [type=submit]:hover,.btn-reload:hover{
    background:#95d4d2;
}
._form .input-select:hover,._form [type=password]:hover,._form [type=text]:hover,._form textarea:hover, ._form select:hover, ._form [type=email]:hover,._form [type=number]:hover{
    border-color:#d9e70c !important;
    border-radius: 20px !important;
}
._form .input-select:active,._form [type=password]:active,._form [type=text]:active,._form textarea:active, ._form select:active, ._form [type=email]:active,._form [type=number]:active{
    border-color:#d9e70c;
    border-radius: 20px;
}
._form .input-select:focus,._form [type=password]:focus,._form [type=text]:focus,._form textarea:focus, ._form select:focus, ._form [type=email]:focus,._form [type=number]:focus{
    border:1px solid #d9e70c;
    outline: none;
}
._form [type=checkbox]:checked,._form [type=checkbox]:checked+span,._form [type=radio]:checked,._form [type=radio]:checked+span{
    color:#333;
}
._form [type=checkbox]:checked+span:before,._form [type=radio]:checked+span:before{
    background:#d9e70c;
}
._form label:hover [type=checkbox]:not(:checked)+span:before,._form label:hover [type=radio]:not(:checked)+span:before, ._form select:before{
    background:#ebebeb
}
#form legend{
    color:#333;
}
h1{
    margin:auto;
    text-align:center;
    font-weight:300;
    margin-bottom:40px;
    color:#c4825d
}
#form{
    position:relative;
    background: rgba(252, 247, 247, 0.9);
    margin:auto;
    margin-top:100px;
    padding:25px;
    border-top:10px solid #d9e70c;
    border-bottom: 10px solid #D9E707;
    border-radius:20px;
    box-shadow:0 2px 1px rgba(0,0,0,.1)
}
#form *{
    font-size:14px
}
#form [type=password],#form [type=submit],.btn-reload,#form [type=text],#form textarea, ._form [type=email],._form [type=number]{
    width:100%;
    display:block
}
#form legend{
    font-size:14px;
    letter-spacing:1px
}

#form label {
    font-weight: normal;
}

.captcha-input{
    float: left;
    width: calc(100% - 250px);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.ui-state-highlight {
    background: rgba(149, 212, 210, 0.5) !important;
}

.ui-datepicker-header, .ui-state-active {
    background: #d9e70c !important;
    color: #333 !important;
}

.cou-map {
    width: 100%; 
    height: 835px; 
    margin-top: 0; 
    margin-bottom: 50px; 
    border-radius: 20px;
}

/* ============================================================================================== 
SED Innovations
https://sed.am
https://mkrtchyan.ga
================================================================================================= */

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling, .clouds {
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(../img/stars.png) repeat top center;
  z-index:0;
}

.twinkling{
  background:transparent url(../img/twinkling.png) repeat top center;
  z-index:1;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url(../img/clouds.png) repeat top center;
    z-index:3;

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}

video {
    pointer-events: none;
}

video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

*::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
  }
  
  /* Old shadow dom for play button */
  
  *::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
  }
  
  /* New shadow dom for play button */
  
  /* This one works! */
  
  *::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
  }

.alertify .ajs-body .ajs-content {
    padding: 10px 0;
}

.alertify .ajs-header {
    background: #95d4d2;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    background: #d9e70c;
    border: none;
    border-radius: 20px;
    -webkit-transition-property:background-color,color,border;
    transition-property:background-color,color,border;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-delay:0s;
    transition-delay:0s
}

.ajs-button:focus {outline:0;}

.ajs-button:hover {
    background: #95d4d2 !important;
}

.alertify .ajs-commands {
    display: none;
}

.alertify .ajs-reset {
    display: none;
}

.ajs-dialog {
    border-radius: 20px;
}

.alertify .ajs-footer {
    border-radius: 20px;
}

@media screen and (max-width: 991px) {
    .cou-map {
        height: 300px; 
    }

    .video-container {
        width: 100%;
    }
}

@media screen and (max-width: 1920px) {
    .captcha-input{
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .btn-reload{
        margin-right: 0 !important;
    }
    
    .logo img {
        width: 120px;
    }

    .header {
        padding: 20px 0;
    }

    .menu-row {
        height: 40px;
    }

    .menu li a {
        height: 40px;
        line-height: 40px;
        font-size: 13px !important;
    }

    .footer-menu a {
        font-size: 13px !important;
    }

    .yazi-1{
        letter-spacing: 8px;
        margin-bottom: 4px;
        animation: yazi-anim 12s ease;
    }

    @keyframes yazi-anim {
       0%{
           margin-bottom: -2px;
           letter-spacing: 5px;
       }

      30%{
          margin-bottom: -2px;
          letter-spacing: 20px;
      }
      90%{
          margin-bottom: -2px;
          letter-spacing: 8px;
    }

  }
   .yazi-2{
      letter-spacing: 8px;
      margin-bottom: 4px;
      animation: yazi-anim 12s ease;
    }

    @keyframes yazi-anim {
     0%{
         margin-bottom: -2px;
         letter-spacing: 5px;
     }

    30%{
        margin-bottom: -2px;
        letter-spacing: 20px;
    }
    90%{
        margin-bottom: -2px;
        letter-spacing: 8px;
      }
    }

}


@keyframes color {
    from{
        background-position: 0px 0px;
    }
    to{
        background-position: -1000px 0px;
    }
}
.link{
    display: inline-block;
    background-image: linear-gradient(120deg, #d9e70c,#95d3d4,#95d3d4, #d9e70c);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    border-radius: 25px;
    padding: 4px;
    margin: 0px;
    width:100%;


}
.link:hover{
    animation: color 4s infinite linear;
}
.link span{
    background: rgb(255, 255, 255);
    display: inline-block;
    color: white;
    border-radius: 5px;
    font-size: 20px;
    width:100%;
}


.a_link{
    display: inline-block;
    background-image: linear-gradient(120deg, #d9e70c,#95d3d4,#95d3d4, #d9e70c);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    border-radius: 24px;
    padding: 4px;
    margin: 0px;
    width:100%;
 

}
.a_link:hover{
    animation: color 4s infinite linear;
}
.a_link span{
    background: rgb(255, 255, 255);
    display: inline-block;
    color: white;
    border-radius: 5px;
    font-size: 20px;
    width:100%;
} 
/* .mac.webkit .a_link{
    padding-bottom:0px;
}
.iphone.webkit .a_link{
    padding-bottom:0px;
} */

  audio, canvas, progress, video{
    height:2500px ;
}

.panel{
    background: none;
}





.acordeon {
    max-width: 400px;
    background: white;
    margin: 0 auto;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.acordeon-cabecera {
    border-bottom: 1px solid #DDE0E7;
    color: #222222;
    cursor: pointer;
    font-weight: 600;
    padding: 1.5rem;
  background:#f6f7f9;
}

.acordeon-cabecera:hover {
    background: #fdf8d7;
}

.acordeon-cabecera.active {
    background-color: #fdf8d7;
}

.acordeon-contenido {
    display: none;
    border-bottom: 1px solid #DDE0E7;
    background: #fff;
    padding: 1.4rem;
    color: #4a5666;
}
/*
.panel-group{
padding-top: 35px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
border-radius: 60px;
} */

.col-md-3{
border-radius:30px;
}

.panel{
    background-color:  rgba(0, 0, 0, 0.5);
}

.refImg{
    padding: 50px;
}


#text1 {
    position: relative;
    font-family: sans-serif;
    /* text-transform: uppercase; */ /*büyük harf görünsün diye */
    /* font-size: 2em; */
    letter-spacing: 5px;
    overflow: hidden;
    background: linear-gradient(90deg, #000, #fff, #000);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 5s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
  }

  @keyframes animate {
        0% {
        background-position: -500%;
        }
        100%{
        background-position: 500%;
        }
    }
  @media screen and (max-width: 991px) {
        .cou-map {
            height: 300px;
        }

        .video-container {
            width: 100%;
        }
    }

@media screen and (min-width: 1000px) {
    /* STYLES HERE */

 .yazi-1 {
    letter-spacing: 8px !important;
    margin-bottom: 4px !important;
    animation: yazi-anim 15s ease;
    visibility: visible !important;
}

}







.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.item:nth-child(1) {
    background: url(../img/KAMwallpaper4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(2) {
    background: url(../img/KAMwallpaper3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(3) {
    background: url(../img/KAM2013wallpaper.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(4) {
    background: url(../img/KAM2014wallpaperkam.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(5) {
    background: url(../img/KAMwallpaper.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(6) {
    background: url(../img/KAM2016wallpaperkam.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(7) {
    background: url(../img/KAMBilimWallpaper1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(8) {
    background: url(../img/KAM2018wallpaper1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(9) {
    background: url(../img/KAM2019wallpaper1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(10) {
    background: url(../img/KAMWallpaper2020.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(11) {
    background: url(../img/KAM2021wallpaper.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* .item:nth-child(12) {
    background: url(../img/fabriKAM.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(13) {
    background: url(../img/DepremeKarsiKaliteliYapilar.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} */
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}

/* ==== Main CSS === */
.img-fill{
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
}

  .img-fill img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none;
  }

  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04); */
  }

  .Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
  }

  .blocks-box,
  .slick-slider {
    margin: 0;
    padding: 0!important;
  }

  .slick-slide {
    float: left /* If RTL Make This Right */ ;
    padding: 0;
  }

  /* ==== Slider Style === */
  .Modern-Slider .item .img-fill{
    height:100vh;
    background:#fff;
  }

  .Modern-Slider .item .img-fill .info{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:rgba(0,0,0,.50);
    line-height:100vh;
    text-align:center;
  }

  /* .Modern-Slider .item .img-fill img{
    filter:blur(5px);
  } */

  .Modern-Slider .item .info > div{
    display:inline-block!important;
    vertical-align:middle;
  }

  .Modern-Slider .NextArrow{
    position:absolute;
    top:50%;
    right:0px;
    width:45px;
    height:45px;
    background:rgba(0,0,0,.50);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:20px/45px FontAwesome;
    color:#FFF;
    z-index:5;
  }

  .Modern-Slider .NextArrow:before{content:'\f105';}

  .Modern-Slider .PrevArrow{
    position:absolute;
    top:50%;
    left:0px;
    width:45px;
    height:45px;
    background:rgba(0,0,0,.50);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:20px/45px FontAwesome;
    color:#FFF;
    /* z-index:5; */
  }

  .Modern-Slider .PrevArrow:before{content:'\f104';}

  .Modern-Slider .slick-dots{
    position:absolute;
    height:5px;
    background:rgba(255,255,255,.20);
    bottom:0px;
    width:100%;
    left:0px;
    padding:0px;
    margin:0px;
    list-style-type:none;
  }
  .Modern-Slider .slick-dots li button{display:none;}
  .Modern-Slider .slick-dots li{
    float:left;
    width:0px;
    height:5px;
    background:#d62828;
    position:absolute;
    left:0px;
    bottom:0px;
  }

  .Modern-Slider .slick-dots li.slick-active{
    width:100%;
    animation:ProgressDots 2s both;  /* ekranda kalma süresi */
  }

  .Modern-Slider .item h3{
    font:30px/50px RalewayB;
    text-transform:uppercase;
    color:#FFF;
    animation:fadeOutRight 25s both;
    margin:0;
    padding:0;
  }

  .Modern-Slider .item h5{
    margin:0;
    padding:0;
    font:15px/30px RalewayR;
    color:#FFF;
    max-width:600px;
    overflow:hidden;
    height:60px;
    animation:fadeOutLeft 15s both;
  }

  .Modern-Slider .item.slick-active h3{
    animation:fadeInDown 1s both 1s;
  }

  .Modern-Slider .item.slick-active h5{
    animation:fadeInLeft 1s both 1.5s;
  }

  .Modern-Slider .item.slick-active{
    animation:Slick-FastSwipeIn 15s both;
  }

  .Modern-Slider {background:#fff;}

  /* ==== Slider Image Transition === */
  @keyframes Slick-FastSwipeIn{
      0%{transform:rotate3d(0,1,0,150deg) scale(0)  perspective(400px);}
      100%{transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
  }

  @-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
  @keyframes ProgressDots{from{width:0px;}to{width:100%;}}

  /* ==== Slick Slider Css Ruls === */
  .slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
  .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
  .slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
  .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .slick-track{position:relative;top:0;left:0;display:block}
  .slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
  .slick-loading .slick-track{visibility:hidden}
  .slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
  .slick-slide.dragging img{pointer-events:none}
  .slick-initialized .slick-slide{display:block}
  .slick-loading .slick-slide{visibility:hidden}
  .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}


  .text-animation {
    color:(#000);
    opacity:0;
  }
  .text-animation span {
    position:relative;
    top:10px;
    left:10px;
    font-size:20px;
    /* font-weight:bold; */
    opacity:0;
    /* text-transform:uppercase; */
    animation:fade 400ms ease-in-out forwards;
  }
  .center {
    position:absolute;
    top:50%;
    left:40%;
    transform:translate(-50%,-50%);
  }
@keyframes fade {
    0% {
      top:10px;
      left:10px;
      filter:blur(15px);
      opacity:0;
    }
    50% {
      filter:blur(10px);
      opacity:0.9;
    }
    100% {
      top:0px;
      left:0px;
      filter:blur(0px);
      opacity:1;
    }
}


#img1{
    opacity: 0.5;
    width:200px;
}

  h1 {
    letter-spacing: 0.1em;
  }

  [data-animate] {
    line-height: 1.2em;
  }
  [data-animate] > span {
    display: inline-block;
    height: 1.2em;
    overflow: hidden;
  }
  [data-animate] > span > span {
    display: none;
    animation: 5s cubic-bezier(0, 1.2, 0.1, 0.9);
    animation-fill-mode: backwards;
  }
  [data-animate].show > span > span {
    display: inline-block;
  }

  [data-animate=slideup] > span > span {
    animation-name: slideUp;
  }

  [data-animate=zoomin] > span > span {
    animation-name: zoomIn;
  }

  [data-animate=slidedown] > span > span {
    animation-name: slideDown;
  }

  @keyframes slideUp {
    from {
      opacity: 0;
      transform: translate(0, 1.2em);
    }
  }
  @keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale(0);
    }
  }
  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translate(0, -1.2em);
    }
  }

  input[type="submit"]:disabled {
    background: grey;
    cursor: not-allowed;
  }