html {
    cursor: none;
}

#circularcursor {
    background-color: transparent;
    border: 1px solid #303030;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: fixed;
    z-index: 1;
    transition: width 200ms, height 200ms;
    /*transform: translate(-50%, -50%) !important;*/
    pointer-events: none;
}

.new-bg-cursor {
    /*background: linear-gradient(180deg, #F3FFFF 0%, #FFF7F3 50.52%, #FAF3FF 100%) !important;*/
    /*background-color: #fff !important;*/
    /*mix-blend-mode: difference !important;*/
}

body {
    /*background: linear-gradient(180deg, #F3FFFF 0%, #FFF7F3 50.52%, #FAF3FF 100%);*/
    background: linear-gradient(180deg, #E3FFFF, #F3FFFF, #FFF7F3, #FAF3FF, #F1DDFF);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 16s ease infinite;
    -moz-animation: AnimationName 16s ease infinite;
    animation: AnimationName 16s ease infinite;

    color: #394343;
    overflow-x: hidden;
    font-family: 'Apercu';
    font-width: 400;

}

a {
    color: #394343;
    cursor: none;
    padding: 70px 0 20px 0;
}

a:hover {
    cursor: none;
    color: #394343;
}

.hover {
    width: 40px !important;
    height: 40px !important;
    background-color: #fff !important;
    mix-blend-mode: difference !important;
}

.container {
    max-width: 1526px !important;
}

.spec-container {
    max-width: 1214px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

.smaller-container {
    max-width: 900px;
}

img {
    width: 100%;
}

.main-color {
    color: #394343;
}


header {
    padding-top: 100px;
}

.pb-120 {
    padding-bottom: 120px;
}

.mb-120 {
    margin-bottom: 120px;
}
.mb-180{
    margin-bottom: 180px;
}

.pb-94 {
    padding-bottom: 94px;
}

.pb-60 {
    padding-bottom: 60px;
}

.city-info .city-item span {
    padding-bottom: 4px;
    padding-top: 4px;
    display: inline-block;
}


/*ANIMATIONS*/

@-webkit-keyframes AnimationName {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 51% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 51% 100%
    }
    100% {
        background-position: 50% 0%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 50% 0%
    }
    50% {
        background-position: 51% 100%
    }
    100% {
        background-position: 50% 0%
    }
}