﻿/*body { background-image: url("/images/bodyback.png");}*/
.headerback {
    background-image: url("/images/headerback.png");
}

.renk {
    width: 200px;
    height: 120px;
    margin: 0.1em;
}

@media screen and (max-width: 450px) {
    .renk {
        width: 100%;
    }
}

iframe, object, embed {
    max-width: 100%;
}

.divurungroup {
    width: auto;
    display: inline-table;
    margin: 1em;
}

.jfk-bubble {
    display: none !important;
}

@media screen and (max-width: 500px) {
    .colfull4mobile {
        width: 100%;
    }
}

/*carousel override*/
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23267F00' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23267F00' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators button {
    width: 16px !important;
    height: 16px !important;
    background-color: #267F00 !important;
}

.carouselthumbnails img {
    display: inline-block;
    margin: .33em;
    border: none;
    padding: 0.2em;
    border: solid 1px #97CC94;
    transition: transform .5s ease;
    cursor: pointer;
}

    .carouselthumbnails img:hover {
        transform: scale(1.2);
    }

.carouselthumbnails {
    text-align: center;
}

/*carousel override*/
#backtotop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    font-size: 24px;
    border: none;
    outline: none;
    background-color: transparent;
    color: white;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}

    #backtotop:hover {
        background-color: #638700;
    }