a
{
    
    color: #d65a2c !important;
    
}

a:hover,
a:focus,
a:focus-within,
a:hover,
a:visited,
.header-extras ul > li > div > a:hover > i,
.header-extras ul > li > div > a:hover > span,
.header-extras ul > li:hover > div > a > i,
.header-extras ul > li:hover > div > a > span
{
    
    color: #ff4500 !important;
    
}

#scrollTop::before
{
    
    background-color: #d65a2c !important;
    
}



#scrollTop::after,
.flickity-button:hover
{
    
    background-color: #ff4500 !important;
    
}

#scrollTop i,
#scrollTop:hover i
{
    
    color: #fff !important;
    
}

#btn-facebook i
{
    
    margin-right: 0 !important;
    margin-left: 6px !important;
    
}

#mainMenu li a,
.header-extras li a
{
    
    border-radius: 5px !important;
    color: #fff !important;
    text-decoration: none !important;
    
}

#mainMenu nav > ul > li .dropdown-menu > li > a
{
    
    color: #444 !important;
    text-decoration: none !important;
    
}

#mainMenu nav > ul > li .dropdown-menu > li.active > a,
#mainMenu nav > ul > li .dropdown-menu > li > a:hover
{
    
    background-color: #d65a2c !important;
    border-color: #d65a2c !important;
    color: #fff !important;
    text-decoration: none !important;
    
}

#header.dark #mainMenu nav > ul > li > a
{
    
    color: #fff !important;
    text-decoration: none !important;
    
}

.btn,
#mainMenu nav > ul > li.active > a
{
    
    background-color: #d65a2c !important;
    border-color: #d65a2c !important;
    color: #fff !important;
    text-decoration: none !important;
    
}

.btn:active,
.btn:focus,
.btn:focus-within,
.btn:hover,
.btn:visited,
#mainMenu li a:hover,
#mainMenu nav > ul > li:hover > a,
.header-extras ul > li > div > ul > li > a:hover
{
    
    background-color: #ff4500 !important;
    border-color: #ff4500 !important;
    color: #fff !important;
    
}

.logo-dark img,
.logo-default img
{
    
    max-height: 72px;
    
    position: relative;
    top: -2px;
    
}

h1::before,
h2::before,
h3::before
{
    
    background-color: #d65a2c !important;
    
}

.references ul.grid-4-columns
{
    
    border: 1px solid #eee;
    
}

.references ul > li
{
    
    opacity: 1;
    
}

.references ul > li:hover
{
    
    background-color: #ccc;
    
}

.blockquote
{
    
    border-left: 3px solid #0ca500 !important;
    
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    
}

.blockquote
{
    
    background-color: #F7F9FB !important;
    
}

.hamm-quote-flag
{
    
    width: 16px !important;
    height: 11px !important;
    position: relative; 
    top: -1px;
    margin-left: 1px;
    
}

.hamm-quote-tag-box,
.hamm-service-tag-box
{
    
    padding-top: 2px;
    
}

.hamm-service-tag-box
{
    
    padding-top: 12px;
    
}

.hamm-service-tag-box-about-us
{
    
    margin-bottom: 12px;
    
}

#btn-about-us-services
{
    
    margin-bottom: 12px;
    
}

.hamm-quote-tag,
.hamm-service-tag
{
    
    font-weight: 400;
    color: #484848;
    border: 1px solid #e6e8eb;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 3px 10px;
    background-color: #f8f9fa;
    display: inline-block;
    
}

.hamm-service-tag
{
    
    font-size: 16px;
    
}

.background-grey .hamm-service-tag-box .hamm-service-tag,
.blockquote-header .hamm-quote-tag
{
    
    background-color: white;
    
}

.hamm-quote-tag:hover,
.hamm-service-tag:hover,
.background-grey .hamm-service-tag-box .hamm-service-tag:hover,
.blockquote-header .hamm-quote-tag:hover
{
    
    cursor: default;
    
    background-color: #0ca500;
    color: white;
    
}

.blockquote-header
{
    
    font-size: 80%;
    
    display: block;
    margin-bottom: 1em;
    
}

.blockquote-text
{
    
    font-weight: bold;
    
}

.btn-primary:hover
{
    
    background-color: #d65a2c !important;
    border-color: #d65a2c !important;
    
}

a:hover
{
    
    color: #d65a2c !important;
    
}

.hamm-background-video
{
    
    width: 100%;
    height: 100%;
        
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    opacity: 0.5;
    
}

.hamm-landing h1
{
    
    text-shadow: 2px 2px 0px #000;
    
}

.hamm-landing p
{
    
    text-shadow: 2px 0px 0px #000;
    
}

.hamm-landing p.text-about-us
{
    
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
    
}

.hamm-landing p a
{
    
    text-shadow: 1px 1px 0px #000;
    
}

.hamm-landing a.btn
{
    
    text-shadow: none;
    
}

.hamm-image-box,
.hamm-video-box
{
    
}

.hamm-image-box img,
.hamm-video-box video
{
    
    width: 100%;
    border-radius: 10px;
    
}

.hamm-image-box-caption
{
    
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 6px;
    
}

.hamm-video
{
    
    border-radius: 10px;
    
}

#services-questions,
#services-examples,
#services-motivation
{
    
    padding-bottom: 0;
    
}

#services-technologies,
#services-examples,
#services-motivation
{
    
    padding-top: 12px;
    
}

@media (max-width: 991px)
{
    
    #mainMenu:not(.menu-overlay) nav > ul > li > a,
    #mainMenu nav > ul > li .dropdown-menu > li > a
    {
        
        padding-left: 12px !important;
        
    }
    
    #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a
    {
        
        color: #fff !important;
        
    }
    
    #mainMenu:not(.menu-overlay) nav > ul > li.hover-active:before,
    #mainMenu:not(.menu-overlay) nav > ul > li:hover:before
    {
        
        color: #fff !important;
        z-index: 2000;
        opacity: 1;
        
    }
    
    #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before 
    {
        
        right: 12px !important;
        color: #fff !important;
        
    }
    
    .logo-dark img,
    .logo-default img
    {
        
        max-height: 72px !important;
        
    }
    
}

@media (min-width: 768px)
{
    
    #references-partners-projects
    {
        
        padding-bottom: 0;
        
    }
    
    #references-blockchain
    {
        
        padding-top: 60px;
        padding-bottom: 0;
        
    }
    
    #references-multimedia
    {
        
        padding-top: 60px;
        padding-bottom: 60px;
        
    }
    
}

@media (max-width: 767px)
{
        
    .modal-strip.cookie-notify
    {
        
        bottom: -200px !important;
        
        display: none;
        
    }
    
    .modal-strip.cookie-notify.modal-active
    {
        
        bottom: 0px !important;
        
        display: block;
        
    }
    
    #cookie-notification .container
    {
        
        padding-left: 6px;
        padding-right: 6px;;
        
    }
    
    #cookie-notification .col-lg-8,
    #cookie-notification .col-lg-4
    {
        
        padding-left: 0;
        padding-right: 0;
        
    }
    
}

@media (min-width: 993px)
{
   
    .services-landing-row-margin-top
    {
        
        margin-top: 40px;
        
    }
    
    #hamm-image-principle
    {
        
        margin-top: 100px;
        
    }
    
}

@media (max-width: 992px)
{
    
    .col-lg-6.hamm-image-box
    {
        
        margin-bottom: 12px;
        
    }
    
}

#btn-cookie-notification-decline,
#btn-cookie-notification-accept
{
    
    margin-left: 2px !important;
    margin-right: 2px !important;
    margin-bottom: 10px !important;
    
}

#btn-cookie-notification-decline
{
    
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    
}

#btn-cookie-notification-decline:hover
{
    
    background-color: #ff3f00 !important;
    border-color: #ff3f00 !important;
    
}

.footer-cache-time
{
    
    text-align: center;
    opacity: 0.25;
    
}

.m-t-100
{
    
    margin-top: 100px !important;
    
}

.m-t-110
{
    
    margin-top: 110px !important;
    
}

.m-t-120
{
    
    margin-top: 120px !important;
    
}

.band-logo-big
{
    
    max-width: 280px;
    
}

a:hover
{
    
    color: #d65a2c !important;
    text-decoration: underline !important;
    
}

a.btn
{
    
    text-decoration: none !important;
    
}

a.btn:hover,
.btn:visited:hover
{
    
    background-color: #d65a2c !important;
    border-color: #d65a2c !important;
    
}

a.btn-inverted:hover,
a.btn-primary:hover
{
    
    background-color: #ff4500 !important;
    border-color: #ff4500 !important;
    
}


::selection
{ 
    
    background: #ff4500;
    
}

::-moz-selection
{ 
    
    background: #ff4500;
    
}

.p-t-0
{
    
    padding-top: 0;
    
}

.hamm-image-box-bordered .img-fluid
{
    
    border: 1px solid #ccc;
    
}

u
{
    
    text-decoration: underline !important;
    
}

.table-contact td:first-child
{
    
    width: 40%;
    
}

.table-contact td:last-child
{
    
    padding-left: 24px;
    
}

.table-contact .img-fluid
{
    
    border-radius: 50%;
    
}

.team-member-button-box a
{
    
    font-size: 1em !important; 
    
}

.team-member-button-box a i
{
    
    left: 7px !important;
    
}

.team-member-button-box a span
{
    
    top: 1px !important;
    
}

.hamm-software-h2,
.hamm-software-h2-inverted
{
    
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 40px !important;
    
}

.hamm-software-h2.hamm-software-h2-inverted
.hamm-software-h2-inverted,
#hamm-software-h2-black
{
    
    color: black !important;
    
}

.table-solutions tr:nth-child(2n)
{
    
    background-color: white;
    
}

.hamm-grey-footer
{
    
    height: 20px;
    padding: 0;
    
    background-color: #eff1f4;
    
}

.alert-inline-block
{
    
    display: inline-block;
    
}

.alert-block
{
    
    display: block;
    
}

#contact-form-success,
#contact-form-error
{
    
    display: none;
    
}

#hamm-map
{
    
    width: 100%;
    min-height: 460px;
    height: auto;
    
}

@media (max-width: 380px)
{
    
    .heading-section h2
    {
        
        font-size: 2.5em !important;
        line-height: 1.5em !important;
        
    }
    
}

@media (max-width: 540px)
{
    
    .grid-4-columns li
    {

        padding: 4px !important;

    }
    
    #quotes-header .heading-text h2
    {
        
        font-size: 2.5em !important;
        line-height: 1.5em !important;
        
        overflow: hidden;
        text-overflow: ellipsis;
        
    }

}

@media (max-width: 575px)
{
    
    .footer-content .widget
    {
        
        text-align: center;

    }

}

@media (max-width: 720px)
{
    
    .btn-block-sm
    {
        
        display: block;
        width: 100%;
        
        margin-left: 0 !important;
        margin-right: 0 !important;
        
    }
    
}

#skeletons-footer-right
{
    
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9;
    max-width: 300px;
    
}

@media (min-width: 1920px)
{
    
    #skeletons-footer-right
    {
        
        max-width: 450px;
        
    }
    
}

.embed-responsive
{
    
    margin-top: 40px;
    margin-bottom: 40px;
    
}

#btn-landing-youtube
{
    
    display: none;
    
}

@media (max-width: 991px)
{
    
    #skeletons-footer-right
    {
        
        display: none;
        
    }
    
    .m-t-120 
    {
        
        margin-top: 0px !important;
        
    }
    
    .team-member
    {
        
        margin-top: 40px;
        
    }
    
    #entropy-album-title
    {
        
        margin-top: 30px;
        max-width: 180px;
        
    }
    
    .entropy-slide-container
    {
        
        top: 50%;
        transform: translateY(-50%);
        
        
    }
    
    .embed-responsive
    {
        
        display: none;
        
    }
    
    #entropy-album-youtube
    {

        margin-top: 0px;
        margin-bottom: 0px;

    }
    
    #btn-landing-buy-now
    {
        
        margin-top: 12px;
        margin-left: 0;
        
        display: block;
        
    }
    
    #btn-landing-youtube
    {
        
        margin-top: 30px;
        
        display: block;
        
    }
    
}

#btn-contact-mail-peter
{
    
    white-space: nowrap;
    
}

.entropy-album-big
{

    max-width: 680px; 

}

@media (max-height: 1024px)
{
    
    .entropy-album-big
    {

        max-width: 580px;

    }
    
}

@media (max-height: 768px)
{
    
    .entropy-album-big
    {

        max-width: 440px;

    }
    
}

@media (max-height: 592px)
{
    
    .entropy-album-big
    {

        max-width: 380px;

    }
    
}

@media (max-height: 480px)
{
    
    .entropy-album-big
    {

        max-width: 240px;

    }
    
}

.header-inner
{
    
    background-image: url(../images/menu-header.jpg);
    background-color: #111 !important;
    
}

#mainMenu-trigger .lines
{
    
    color: white !important;
    
}

#mainMenu-trigger .lines::before,
#mainMenu-trigger .lines::after
{
    
    background-color: white !important;
    
}

#entropy-album-tilt
{
    
    width: 60%;
    height: auto;
    
    border: 12px solid rgba(255, 255, 255, 0.1);
    
    animation-timing-function: ease-in;
    animation: glowPulse 4s infinite ease-in-out alternate backwards, rotationY 20s infinite ease-in-out;
    
}

.embed-responsive 
{
    
    border: 12px solid rgba(255, 255, 255, 0.1);
    
}

#entropy-album-tilt:hover,
.embed-responsive:hover
{
    
    animation: none;
    border-color: #ff4500;
    box-shadow: 0px 0px 40px 40px rgba(220, 129, 55, .25);
    
}

#btn-landing-buy-now:hover,
#btn-landing-youtube:hover
{
    
    box-shadow: 0px 0px 40px 40px rgba(220, 129, 55, .25);
    
}


@keyframes glowPulse
{
    
    0%, 
    {

        box-shadow: 0px 0px 0px 0px rgba(255, 0, 0, 0);

    }

    100% 
    {
        
        box-shadow: 0px 0px 40px 40px rgba(220, 129, 55, .25);

    }
    
}

@keyframes rotationY 
{
    
    0%, 50%, 100%
    {
        
        transform: perspective(300px) rotateY(0deg);
        
    }
    
    25%
    {
        
        transform: perspective(300px) rotateY(-2deg);
        
    }
    
    75%
    {
        
        transform: perspective(300px) rotateY(2deg);
        
    }
    
}

body 
{
    
    background-color: #060b0e;
    
    color: #060b0e;
   
    cursor: url(../images/entropy-cursor.png), auto !important;
    
}

body a
{
    
    cursor: url(../images/entropy-cursor-pointer.png), auto !important;
    
}

.entropy-subdivider
{
    
    background-image: url(../images/seperator.jpg);
    
    height: 0px;
    
    padding-top: 44px;
    padding-bottom: 0px;
    
}

body .body-inner
{
    
    background-color: #111;
    
}

#footer
{
    
    background-color: #111;
    
}

#footer .copyright-content
{
    
    color: white !important;
    background-color: #111;
    background-image: url(../images/menu-header.jpg);
    background-position-x: -50%;
    padding: 20px 0;
        
}

#footer .copyright-text
{
    
    line-height: 1.5em;
    
}

#footer .copyright-content a
{
    
    color: white !important;
    font-weight: bold;
    
}

section
{
    
    background-color: #111 !important;
    color: white !important;
    
}

.background-grey
{
    
    background-color: #333 !important;
    
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    
    color: white !important;
    
}

p
{
    
    color: #eee !important;
    
}

@media (min-width: 992px)
{

    .entropy-slide-container
    {

        top: 50%;
        transform: translateY(-50%);

    }
    
}


@media (max-width: 540px)
{
    
    #entropy-slide-offset-left,
    #entropy-slide-offset-right
    {
        
        display: none;
        
    }
    
}

.entropy-side-pic
{
    
    width: 100%;
    max-width: 100%;
    display: block;
    
}

.post-item-wrap
{
    
    border: 0px !important;
    background-color: #666 !important;
    
}

.post-item-description img
{
    
    max-width: 100%;
    height: auto !important;
    
}

#blog-home
{
    
    width: 100%;
    
}

#blog-home .post-item 
{
    
    padding: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    
}

#blog-home .post-image img
{
    
    max-height: 230px;
    object-fit: cover;
    
}

#blog-full,
#merch-full
{
    
    width: 100%;
    
}

#blog-full .post-item,
#merch-full .post-item
{
    
    padding-bottom: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    
}

#blog-full .post-image img,
#merch-full .post-item img
{
    
    max-height: 480px;
    object-fit: cover;
    
}

#merch-full form
{
    
    text-align: center;
    
}

.page-error-404
{
    
    font-size: 200px;
    
}

.band-logo-big-centered
{
    
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    
    margin-top: 12px;
    margin-bottom: 12px;
    
}

#contact-box
{
    
    display: block;
    background-color: #555;
    border-radius: 10px;
    padding: 12px;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
    
}

#contact-box .btn-facebook
{
    
    margin-top: 12px;
    
}

.hamm-page-indicator
{
    
    padding-left: 15px;
    padding-right: 15px;
    display: block; 
    width: 100%;
    
}

@media (max-width: 992px)
{
    
    .hamm-image-box-side
    {
        
        margin-top: 20px;
        margin-left: 15px;
        margin-right: 15px;
        
    }
    
    .hamm-image-box-container
    {
        
        padding-top: 0px !important;
        
    }
    
    .btn-padding-top
    {
        
        margin-top: 30px;
        
    }
    
}