.col-sm-4 {
      
        text-align:center;
        transition: all .2s ease-in-out;
        -webkit-animation-duration: 2s; 
        animation-duration: 2s; 
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;    
        }
         .resim1{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
           margin:0 auto;

        }
            .resim1:hover {
                border-color:#34d293;
            }
            .resim2{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
             margin:0 auto;
        }
            .resim2:hover {
                border-color:#3ab0e2;
            }
            .resim3{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
            margin:0 auto;
        }
            .resim3:hover {
                border-color:#f7d861;
            }
             .resim4{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
            margin:0 auto;
        }
            .resim4:hover {
                border-color:#e96656;
            }
             .resim5{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
            margin:0 auto;
        }
            .resim5:hover {
                border-color:#7f8c8d;
            }
             .resim6{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
            margin:0 auto;
        }
            .resim6:hover {
                border-color:#e67e22;
            }
              .resim7{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
            margin:0 auto;
        }
            .resim7:hover {
                border-color:#1abc9c;
            }
               .resim8{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
            margin:0 auto;
        }
            .resim8:hover {
                border-color:#9b59b6;
            }
             .resim9{
            width:100px;
            height:100px;
            background-color:white;
            border:5px solid #ececec;
            border-radius:25%;
            margin:0 auto;
        }
            .resim9:hover {
                border-color:#34495e;
            }
        .sosyal {
        height:60px;
        }
        .resso {
        width:50px;
        height:50px;
        margin-top:20px;
        }
        .resso2 {
        width:50px;
        height:50px;
        margin-top:20px;
        margin-left:20px;
        }
        .cizgi1 {
        width:70%;
        height:2px;
        background-color:#34d293;
        margin-top:10px;
        margin-left:15%;
        }
         .cizgi2 {
        width:70%;
        height:2px;
        background-color:#3ab0e2;
        margin-top:10px;
        margin-left:15%;
        }
          .cizgi3 {
        width:70%;
        height:2px;
        background-color:#f7d861;
        margin-top:10px;
        margin-left:15%;
        }
          .cizgi4 {
        width:70%;
        height:2px;
        background-color:#e96656;
        margin-top:10px;
        margin-left:15%;
        }
          .cizgi5 {
        width:70%;
        height:2px;
        background-color:#7f8c8d;
        margin-top:10px;
        margin-left:15%;
        }
           .cizgi6 {
        width:70%;
        height:2px;
        background-color:#e67e22;
        margin-top:10px;
        margin-left:15%;
        }
          .cizgi7 {
        width:70%;
        height:2px;
        background-color:#1abc9c;
        margin-top:10px;
        margin-left:15%;
        }
          .cizgi8 {
        width:70%;
        height:2px;
        background-color:#9b59b6;
        margin-top:10px;
        margin-left:15%;
        }
          .cizgi9 {
        width:70%;
        height:2px;
        background-color:#34495e;
        margin-top:10px;
        margin-left:15%;
        }
         
        .baslik {
        font-family:Sansation;
        font-size:22px;
        }
        .baslik2 {
        font-family:Sansation;
        font-size: 1.5vw;
        text-align:center;
        }
.row {
        margin-top:20px;
        }

@media (max-width: 992px) {
.row {
        margin-top:50px;
        }
  }

           @-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.aymetpanel
{
    width:33%;
    float:left;
    margin-bottom: 0px;
}
.aymetsifir
{
    float:none;
}

.tanitimvideo
{
    width:65%;
    height:40px;
    background-color:white;
    margin:0 auto;
    font-size: 1.5vw;
}

.tanitimvideo a {color: #3ab0e2;}

.tanitimvideo:hover 
{
    border-color: #000000;
}

.tanitimvideo:hover a {color: #000000;}