html{
    scroll-behavior: smooth;
    height: 100%;
}
.snow {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(transparent,rgba(#000, 0.5)),
    linear-gradient(to right,#224,#336,#224);
}

#languageButton{
    margin: 1rem!important;
}
.dropdown-menu{
    min-width: 50px!important;
    padding-left: 1rem!important;
}
.dropdown-menu li{
    padding: 0.1rem;
    min-width: 10px;
}

.horizontal-shaking{
    animation-name: horizontal-shaking;
    animation-duration: 1s;
    animation-delay: 2s;
}
@keyframes horizontal-shaking {
    0% { transform: translateX(0) }
    10% { transform: translateX(5px) }
    20% { transform: translateX(-5px) }
    30% { transform: translateX(5px) }
    40% { transform: translateX(-5px) }
    50% { transform: translateX(5px) }
    60% { transform: translateX(-5px) }
    70% { transform: translateX(5px) }
    80% { transform: translateX(-5px) }
    90% { transform: translateX(5px) }
    100% { transform: translateX(0px) }
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
body{
    background-image: url("/images/neon_closeup1920.webp");
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
    height: 100%;
    margin: 0;
}
.container{
}
.row{
    margin-left: -10px !important;
    margin-right: -10px !important;
}
#logo{
    width: 150px;
    height: 150px;
    border-width: 0px;
    border-color: #000;
    border-style: solid;
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transition: 0.3s;
    transition-delay: 0.1s;
}
#logo:hover{
    transform: scale(110%);
}
.itemcustom{
    width: 100%;
    position: relative;
    white-space: normal;
    word-wrap: break-word;
    padding: 1rem 4.5rem;
    font-size: 1.1rem;
    border-radius: 0;
    text-align: center;

}
.itemcustom:hover{

}
.social{
    width: 100%;
    position: relative;
    white-space: normal;
    word-wrap: break-word;
    padding: 0rem 4.5rem;
    font-size: 1.1rem;
    border-radius: 0;
    text-align: center;
    transition: 0.3s;
    transition-delay: 0.1s;
}
.scmediabutton{
    font-family: "Fira Code" !important;
    padding: 1.5rem !important;
    font-size: 2rem !important;
    /*font-weight: bold;*/
    color: #ffffff !important;
    border-width: 2px !important;
    border-color: rgba(255, 255, 255, 0.73) !important;
    border-style: solid !important;
}
#menubutton{
    font-family: ui-sans-serif;
    padding: 1.5rem;
    font-size: 2rem;
    /*font-weight: bold;*/
    background: #2e232b;
    color: #FFFFFF;
    border-width: 4px;
    border-color: #FFFFFF;
    border-style: solid;
    transition: 0.2s;
    transition-delay: 0.1s;
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
#menubutton:hover {
    transform: scale(105%);
    border-width: 4px;
}
#menubuttonicon{
    padding:0.25rem 0rem 0rem 1rem !important;
}

.icon{
    font-size: 2.5rem;
    float: left;
    padding:0rem 0rem 0rem 1rem;
}
#instagram{
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)!important;
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 )!important;
    opacity: 0;
    animation: fadeInAnimation ease 1s;
    animation-delay: 0.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
#instagramnicon{
    color: #ffffff;
}
#facebook{
    background: #3A5795;
    background: linear-gradient(to bottom, #5076c9 0%, #2B4886 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3A5795), color-stop(100%, #2B4886));
    background: -webkit-linear-gradient(top, #5076c9 0%, #2B4886 100%);
    background: -moz-linear-gradient(top, #5076c9 0%, #2B4886 100%);
    background: -o-linear-gradient(top, #5076c9 0%, #2B4886 100%);
    background: -ms-linear-gradient(top, #5076c9 0%, #2B4886 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A5795', endColorstr='#2B4886', GradientType=0);
    opacity: 0;
    animation: fadeInAnimation ease 1s;
    animation-delay: 0.4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
#location{
    color: #ffffff !important;
    background-image: url("/images/googlecolors.webp")!important;
    background-position: 50% 80%!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    opacity: 0;
    animation: fadeInAnimation ease 1s;
    animation-delay: 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
#tel{
    background-image: linear-gradient(to right, #155475, #278a82, rgba(48, 221, 62, 0.6), rgba(51, 231, 59, 0.6));
    //box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A5795', endColorstr='#2B4886', GradientType=0);
    opacity: 0;
    animation: fadeInAnimation ease 1s;
    animation-delay: 0.4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
#telicon{
    color: limegreen;
}
.buttontext,#unbold{
    font-weight: normal !important;
}

.buttontext{
    margin-left: -3rem;
    font-weight: bold !important;
}
hr{
    opacity: 0;
    border-top: 1px solid white !important;
    animation: fadeInAnimation ease 1s;
    animation-delay: 0.1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
#dividericon{
    opacity: 0;
    font-size: 2.5rem;
    color: white;
    animation: fadeInAnimation ease 1s;
    animation-delay: 0.2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
#footerlogo{
    margin-top: 2rem !important;
}
#footerlogoimg{
    padding-bottom: 0.5rem;
    height: 20px;
}
#copyrightlabel, #footercopyrightyear{
    font-size: 15px;
    color: white !important;
}
#maincontainerdisablemarginbottom{
    margin-bottom: 0rem !important;
}