/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.6
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

/* override theme scroll to top button, because it doesnt work!!! use fontawesome now! */

.Bklyn-Core-Solid-Up-3{
	font: normal normal normal 14px/1 FontAwesome !important;
}

.Bklyn-Core-Solid-Up-3:before{
	content: "\f102";
}
.parallax-scroll-container {
	transform: scale(1) !important;
}
.ut-service-icon{

    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    border-radius: 50%;
    font-size: 25px;
}

.custom-wrapper{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.custom-head{
	width: 50%;
}
#header-section .site-logo.custom-head{
	display: flex;
	width: 50%;
}

#navigation{
	width: 60%;
}

.custom-head > .fa-ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
.custom-head > .fa-ul > li{
	width: 50%;
}

.custom-head > .fa-ul > li > i > span{
	font-family: "ralewayregular";
	padding-left: 5px;
}
.custom-head > .fa-ul > li > i > span > a{
	color: #000000;
}


@media screen and (max-width: 700px){
.custom-head > .fa-ul{
	font-size: 10px;
}
.custom-head > .fa-ul > li{
	width: 100%;
    	height: 22px;
}
.custom-head > .fa-ul > li > i{
	font-size: 10px;
}
}
@media screen and (min-width: 1030px) and (max-width: 1440px){
.custom-head > .fa-ul{
	display: none;
}
#navigation{
	width: 85%;
}
.custom-wrapper{
	width: 15%;
}
#header-section .site-logo.custom-head{
	width: 100%;
}
}

@media screen and (min-width: 1441px) and (max-width: 1550px){
.custom-head > .fa-ul > li > i{
	font-size: 12px;
}
}

.ut-highlight-icon{
	color: #ffffff !important;
}

.kontakt-popup-button{
    curson: pointer;
    margin: 0 auto;
    width: 50%;
    text-align: center;
    height: 50px;
    background-color: rgba(0,0,0,0.8);
    line-height: 50px;
    color: #ffffff;
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    transition: 1s all ease;
}

.kontakt-popup-button:hover{
    background-color: rgba(0,0,0,1);
}
.hero-description-bottom{
	font-size: 30px;
}
.moOptinForm .mo-optin-form-description img {
    display: block;
    margin: 0 auto 20px;
}
input#kugMXXqXWS_lightbox_cta_button.moEleganceModal_button {
    display: none!important;
}
.mo-optin-form-description button.mo-optin-form-cta-button {
    display: block;
    margin: 30px auto 20px;
}
.mo-optin-form-description.moElegance_description {
    margin-bottom: 0!important;
}