html, body {
    font-family: Tahoma;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

div {
    width: 100%;
    height: 100%;
}

.numeric {
    text-align: right;
    padding-right: 5px;
}


/* Bootstrap - start  */
.btn {
    border: none;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    margin: 1px;
}

.btn-mid {
    border: none;
    color: white;
    padding: 5px 5px;
    font-size: 16px;
    cursor: pointer;
    font-family: Tahoma;
    border-radius:6px;
    margin-top:1px;
    margin-bottom:1px;
}


.font-tahoma {
    font-family: Tahoma;
}

.btn-small {
    border: none;
    color: white;
    font-size: 14px;
    cursor: pointer;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.margin0 {
    margin: 0 !important;
    padding: 0 !important;
}

.centering {
    margin: auto;
    width: 50%;
    
}


.centerAll {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    align-items: center;
    justify-content: space-around;
    display: flex;
    float: none;
}

.success {
    background-color: #4CAF50;
}
    /* Green */
    .success:hover {
        background-color: #46a049;
    }

.info {
    background-color: #2196F3;
}
    /* Blue */
    .info:hover {
        background: #0b7dda;
    }

.warning {
    background-color: #ff9800;
}
    /* Orange */
    .warning:hover {
        background: #e68a00;
    }

.danger {
    background-color: #f44336;
}
    /* Red */
    .danger:hover {
        background: #da190b;
    }

.default {
    background-color: #e7e7e7;
    color: black;
}
    /* Gray */
    .default:hover {
        background: #ddd;
    }
/* Bootstrap -  end  */

.col-center {
    padding: 0;
    margin: 10px;
}

#Slide .row img {
    height: 600px;
    width: 100%;
    margin-top: 0;
}

#Tanitim .row {
    padding-top: 25px;
}

    #Tanitim .row .col-md-5 {
        padding: 20px;
    }

#iletisim a {
    text-decoration: none;
}

#iletisim .container {
    width: 100%;
    margin: 0;
    padding: 0;
}

    #iletisim .container .nav-link {
        width: 100%;
        font-size: 12px;
    }

#iletisim .row {
    margin-left: 0;
    margin-right: 0;
}

.td1 {
    background-color: blueviolet;
    color: aliceblue;
    border-style: solid;
    border-radius: 10px;
    padding: 5px;
    text-align: right;
}

    .td1:after {
        content: " :";
    }

.td2 {
    color: blueviolet;
    padding: 5px;
}

.td1a {
    background-color: coral;
}

.adres-baslik {
    background-color: aquamarine;
    font-size: xx-large;
    font-variant: small-caps;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

.adres-map {
    height: 400px;
    margin-top: 5px;
}

.MainTitle {
    background-color: cornflowerblue;
    color: aliceblue;
    font-size: xx-large;
    font-variant: small-caps;
}

.SubTitle {
    background-color: cadetblue;
    color: aliceblue;
    font-size: xx-large;
    font-variant: normal;
}

.MenuDiv {
    background-color: rgb(230, 250, 215);
    color: aliceblue;
    font-size: xx-large;
    font-variant: small-caps;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

    .MenuDiv Button {
        color: brown;
        margin: 10px;
        padding: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

.progressbar {
    width: 300px;
    height: 21px;
}

.progressbarlabel {
    width: 300px;
    height: 21px;
    position: absolute;
    text-align: center;
    font-size: small;
}

.loading-line1 {
    width: 100%;
    height: 2px;
    background-color: darkturquoise;
    animation: loader 15s ease-in-out;
}

@keyframes loader {
    0% {
        width: 0;
        filter: hue-rotate(0deg);
    }

    25% {
        width: 20%;
        filter: hue-rotate(50deg);
    }

    50% {
        width: 55%;
        filter: hue-rotate(85deg);
    }

    75% {
        width: 85%;
        filter: hue-rotate(130deg);
    }

    100% {
        width: 100%;
        filter: hue-rotate(200deg);
    }
}

.loading-line2 {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}

    .loading-line2:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 4px;
        background-color: darkturquoise;
        animation: loading 10s linear infinite;
    }

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}

.loading-bar {
    width: 100%;
    height: 5px; /* kalınlık */
    border: 1px solid #2980b9;
    border-radius: 3px;
    background-image: repeating-linear-gradient( -45deg, #2980b9, #2980b9 11px, #eee 10px, #eee 20px /* determines size */ );
    background-size: 28px 28px;
    animation: move .5s linear infinite;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 28px 0;
    }
}

.loading-spinner {
    margin: 50px;
    height: 28px;
    width: 28px;
    animation: rotate 0.8s infinite linear;
    border: 8px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-spinner2 {
    width: 60px;
    height: 60px;
    margin: 60px;
    animation: rotate2 1.4s infinite ease-in-out, background 1.4s infinite ease-in-out alternate;
}

@keyframes rotate2 {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    }
}

@keyframes background {
    0% {
        background-color: #27ae60;
    }

    50% {
        background-color: #9b59b6;
    }

    100% {
        background-color: #c0392b;
    }
}

/* AsenaLtd Css*/
.as-text-overFlow {
    max-width: 250px;
    white-space: pre-wrap;
}

.as-text-noWrap {
    white-space: nowrap;
}

.as-padding10 {
    padding: 10px;
    border-radius: 4px;
}
.as-padding-left-5 {
    padding-left:5px;
    padding-right:5px;
}

.as-bg-white {
    background-color: white;
}