.item-gal {opacity: .3;}
.owl-carousel .owl-item img {height: 100vh;}
.music {position: absolute;bottom: 20px;right: 25px;color: #333;}
.music span {color: #fff;background-color: #333;}
.music span:hover {background-color: #bea376;}
.nowrap {white-space: nowrap;}
.next_project {position: fixed;z-index: 999;right: 0;bottom: 0;text-align: center;padding: 20px 50px;background-color: #fff;opacity: .7;-webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;-webkit-transition: color 250ms ease-in;-moz-transition: color 250ms ease-in;-o-transition: color 250ms ease-in;transition: color 250ms ease-in;}
.next_project a {color: #333;font-size: 27px;float: left;}
.next_project a svg {width: 30px;height: 30px;}
.next_project:hover {opacity: 1;}
/* 12.18 */
.menu .menu-content .left-column ul {
    padding: 0;
    text-align: left;
}
.menu .menu-content .left-column {
    /* padding-left: 52px; */
    padding-left: 30px;
}
.menu .menu-content .left-column > a:first-child {
    display: block;
    text-align: left;
}
.menu .menu-content .left-column img {
    margin-right: 0;
}
.soc_links {
    text-align: left;
}
.menu .menu-button {
    width: auto;
    padding: 25px 30px;
}
#metricks_block {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}
@media only screen and (max-width: 320px) {.left-column {width: 100%;border-right: none !important;}
	.h1, .uk-h1 {font-size: 14px !important;font-weight: bold;}
	.right-column {width: 100%;}
	.header-image, #multiscroll-nav, .music, .owl-nav {display: none;}
	.article-container {margin: 20px;}
	.menu .menu-button {padding: 5px 10px;}
	.section1 .description {bottom: 10%;}
	.fullscreen .description h1, .fullscreen .description h2 {font-size: 20px;}
	.item-gal {opacity: 1;}
	.owl-carousel .owl-item .content {width: 360px;}
	.owl-carousel .owl-item .content h1 {font-size: 25px;}
	.owl-carousel .owl-item .content a {font-size: 15px;}
	.next_project {left: 0;}}
@media only screen and (min-width: 321px) and (max-width: 1023px) {.left-column {width: 100%;border-right: none !important;}
	.h1, .uk-h1 {font-size: 16px !important;font-weight: bold;}
	.right-column {width: 100%;}
	.header-image, #multiscroll-nav, .music, .owl-nav {display: none;}
	.article-container {margin: 40px;}
	.menu .menu-button {padding: 5px 10px;}
	.section1 .description {bottom: 10%;}
	.fullscreen .description h1, .fullscreen .description h2 {font-size: 20px;}
	.item-gal {opacity: 1;}
	.owl-carousel .owl-item .content {width: 360px;}
	.owl-carousel .owl-item .content h1 {font-size: 25px;}
	.owl-carousel .owl-item .content a {font-size: 15px;}}
@media only screen and (min-width: 1024px) {.slide-contacts {margin-bottom: 0;}
	.slide-contacts-left {text-align: left;}
	.slide-contacts-right {text-align: right;}
	.fullscreen .description .logo {margin: 0 auto 5%;}}
@media only screen and (min-width: 1500px) {
    .fullscreen .description .logo {
        margin: 0 auto 15%;
    }
}

/* EXTRA CSS */