.card-title {
    top: 50%;
}

.card-title:hover{
    color:#FFFFFF;
}

ul{
    list-style-type:none;
}
 a .color{
     color:#ffffff;
 }

a .color:hover {
    color: #FFFFFF;
}


#asayab-carousel .carousel-item {
    height: 230px;
}

#personal-carousel .carousel-item, #centers-carousel .carousel-item, #sevices-carousel .carousel-item, #company-carousel .carousel-item {
    height: 270px;
}

.carousel .carousel-item {
    height: 420px;
}

.carousel-item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
    image-orientation:from-image;
}

.carousel-caption {
    position: absolute;
    top: 5%
}

#login-logo {
    position: absolute;
    top: 0;
    right: 0;
}

#login-text:hover {
    color: #4285F4;
}

.card-title {
    top: 50%;
}

@media screen and (max-width: 600px) {
    .carousel .carousel-item {
        height: 300px;
    }

    .carousel-item img {
        position: absolute;
        top: 0;
        left: 0;
        min-height: 300px;
    }

    .carousel-caption {
        top: 0;
    }
    #callnumber{
        display:none;
        visibility:hidden;
    }
    #syberspace {
        display: none;
        visibility: hidden;
    }
}

a .nextbtn {
    color: #ffffff;
}

a .nextbtn:hover {
        color: #4285F4;
}

.mytitle {
    display: inline-block;
    animation: bounceIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 3s; /* don't forget to set a duration! */
    font-family:'Entezar';
}

.mytitle2 {
    animation-duration: 3s; /* don't forget to set a duration! */
}

.mytitle3 {
    animation-duration: 3s; /* don't forget to set a duration! */
}

.mytitle4 {
    animation-duration: 3s; /* don't forget to set a duration! */
}
.mytitle5 {
    animation-duration: 3s; /* don't forget to set a duration! */
}

.download-software-title, .manage-services-title, .personnel-options-title {
    animation-duration: 3s; /* don't forget to set a duration! */
}
.albome {
    display: inline-block;
    animation: flipInY;
    animation-duration: 3s; /* don't forget to set a duration! */
}
.albome2 {
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 3s; /* don't forget to set a duration! */
}
.albome3 {
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 3s; /* don't forget to set a duration! */
}

.mybtn {
    color:#ffffff;
    animation: zoomIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 3s; /* don't forget to set a duration! */
}

    .mybtn:hover {
        color: #000000;
    }

    .mybtn2:hover {
        color: #4285F4;
    }

    .mybtn3:hover {
        color: #4285F4;
    }

.mybtn2 {
    color: #ffffff;
    animation-duration: 3s; /* don't forget to set a duration! */
}

.mybtn3 {
    color: #ffffff;
    animation-duration: 3s; /* don't forget to set a duration! */
}

.mylist {
    animation-duration: 3s; /* don't forget to set a duration! */
}

.mytext{
    text-align:justify;
    text-align-last:justify;
    text-justify:auto;
}

.test1{
    position:absolute;
}

/*div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:9999999;
}*/