@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@600&display=swap');
.ad-font-Domine {
    font-family: Domine;
}

.ad-font-Raleway {
    font-family: Raleway;
}

@media screen and (max-width:600px) {
    .ad-zoom100-60 {
        zoom: .6;
    }
}

@media screen and (max-width:600px) {
    .ad-zoom100-70 {
        zoom: .7;
    }
}

@media screen and (max-width:600px) {
    .ad-zoom100-80 {
        zoom: .8;
    }
}

@media screen and (max-width:600px) {
    .ad-zoom100-160 {
        zoom: 1.6;
    }
}

@media screen and (min-width:300px) {
    .ad-zoom-ratio {
        zoom: 1;
    }
}

@media screen and (min-width:400px) {
    .ad-zoom-ratio {
        zoom: 1.3;
    }
}

@media screen and (min-width:500px) {
    .ad-zoom-ratio {
        zoom: 1.7;
    }
}

.ad-text-shadow {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.ad-pointer {
    cursor: pointer;
}

.ad-drop-shadow {
    -webkit-filter: drop-shadow(2px 2px #666);
    filter: drop-shadow(2px 2px #666);
}

.ad-drop-shadow2 {
    -webkit-filter: drop-shadow(2px 2px #ccc);
    filter: drop-shadow(2px 2px #ccc);
}

.ad-drop-shadow3 {
    -webkit-filter: drop-shadow(-10px 20px 5px #0008);
    filter: drop-shadow(-10px 20px 5px #0008);
}

.ad-drop-shadow4 {
    -webkit-filter: drop-shadow(5px 5px 5px #0008);
    filter: drop-shadow(5px 5px 5px #0008);
}

.ad-drop-shadow5_hover {
    -webkit-filter: drop-shadow(-5px 5px 5px #0008);
    filter: drop-shadow(-5px 5px 5px #0008);
}

.ad-drop-shadow5_hover:hover {
    -webkit-filter: drop-shadow(-5px 10px 5px #0000);
    filter: drop-shadow(-5px 10px 5px #0000);
}

.ad-bold {
    font-weight: bold;
}

.ad-button-inshadow2 {
    -webkit-box-shadow: inset 3px 3px 5px rgba(255, 255, 255, 0.3), inset -3px -3px 5px rgba(0, 0, 0, 0.3), 5px 5px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 3px 3px 5px rgba(255, 255, 255, 0.3), inset -3px -3px 5px rgba(0, 0, 0, 0.3), 5px 5px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 3px 3px 5px rgba(255, 255, 255, .3), inset -3px -3px 5px rgba(0, 0, 0, 0.3), 5px 5px 2px rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}

.ad-button-inshadow {
    -webkit-box-shadow: inset 3px 3px 5px rgba(255, 255, 255, 0.3), inset -3px -3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 3px 3px 5px rgba(255, 255, 255, 0.3), inset -3px -3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 3px 3px 5px rgba(255, 255, 255, .3), inset -3px -3px 5px rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}

.ad-input-inshadow {
    -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.3), inset -3px -3px 5px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.3), inset -3px -3px 5px rgba(255, 255, 255, 0.3);
    box-shadow: inset 3px 3px 5px rgba(0, 0, 0, .3), inset -3px -3px 5px rgba(255, 255, 255, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#cccccc', GradientType=0);
    /* IE6-9 */
}

.ad-a {
    text-decoration: none;
}

.ad-div-margin-top {
    margin-top: 80px;
}

.ad-div-full-width {
    width: 100%;
}

.ad-div-overflow-hifdden {
    overflow: hidden;
}

html {
    scroll-behavior: smooth;
}

.noscrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.noscrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

::-webkit-scrollbar {
    /*display: none;*/
    width: 5px;
    /* remove scrollbar space */
    height: 5px;
    border-radius: 6px;
    background: rgba(0, 0, 0, .2);
    /* optional: just make scrollbar invisible */
}

::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 6px;
}

.search {
    width: 130px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('img/2211/search-icon-png-2.png');
    background-position: 10px 10px;
    background-size: 25px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */

.search:focus {
    width: 100%;
}