/* Add here all your CSS customizations */
.sertifikalar{
    transition: all .2s ease-in-out;
}
.sertifikalar:hover{
    transform: scale(0.95);
}

.modal-dialog {
    height: 93%;
}

.modal-content {
     min-height: 100%;
}

@media (min-width: 768px) {
    .modal-lg {
        width: 80% !important;
    }
}

.modal-body img{
    max-width: 100%;
}

.video-thumbnail {
    /*position: relative;*/
    /*display: inline-block;*/
    /*cursor: pointer;*/
    /*margin: 30px;*/
}
.video-thumbnail:before {
     position:absolute;
    pointer-events: none;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     content: "\f01d";
     font-family: FontAwesome;
     font-size: 100px;
     color: #fff;
     opacity: .8;
     text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
 }
.video-thumbnail:hover:before {
     color: #eee;
 }


/*html section.section-primary {*/
    /*background-color: #0088cc !important;*/
    /*border-color: #0077b3 !important;*/
/*}*/

section.section {
    background: #f4f4f4;
    border-top: 5px solid #f1f1f1;
    margin: 30px 0;
    padding: 50px 0;
}