.top0{
	background-color: black;
    height: 70px;
}

.custom-logo-wrapper {
    max-width: 150px;
    padding-top: 10px;
}

#customheadercontainer{
	padding: 0;
}

.custom-meny-wrapper{
	padding-top: 20px;
}

/*Huvudinställning custom-header*/
.custom-header{
	/*Ifall man vill att menyn alltid skall vara synlig*/
	width: 100%;position: fixed;top: 0;z-index: 99;
	color:black;
}



/*Inställning navbar-toggle*/
.navbar-toggle {
	background-color: black;
	margin: 10px 0px 0px 0px;
}

/*Inställning icon-bar*/
.navbar-toggle .icon-bar {
	background-color: white;
}

/*Inställning header tag*/
header{
	position: absolute;
}

/*Inställning navbar*/
.navbar {
	float: right;
	border: none;
}

/*Huvudmeny container*/
.main-container-navbar{
	position: relative;
	z-index: 40;
}

/*container som innehåller logo*/
.custom-logo-wrapper{
	
}

/*container som innehåller menyknappar*/
.custom-meny{

}

/*Dropdown meny*/
.dropdown-menu{
	
}

 {
	background-color: transparent!important;
}
/*Menyknapp*/
.custom-meny-btn{
	background-color: #c8864c;
	color:white;
}

.custom-meny-btn-border{
	border: 1px solid #c8864c;
	background-color: transparent;
	margin-left: 15px;
}

.custom-meny-btn-border  .custom-meny-url{
	color:#c8864c!important;
}
.custom-meny-btn-border  .custom-meny-url:hover{
	color:white!important;
}


/*Menyknapp hover*/
.custom-meny-btn:hover, .custom-meny-btn-border:hover{
	color: #828282;
	background-color: #e8a264;
}

/*Menyknapp hover*/
.custom-meny-textbtn .custom-meny-url{
	color: #aeaeae!important;
	background-color: transparent;
}

.custom-meny-textbtn .custom-meny-url:hover{
	color: white!important;
	background-color: transparent;
}

.custom-meny-url:hover{
	background-color: transparent!important;
}

/*Dropdown menyknapp*/
.custom-meny-dropdown-textbtn{
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 10px;
	color: black;
}

/*Dropdown menyknapp*/
.custom-meny-dropdown-btn{
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 10px;
	color: black;
}

.custom-meny-dropdown-btn, .custom-meny-url{
	color: white!important;
    font-size: 16px;
}

/*Dropdown menyknapp hover*/
.custom-meny-dropdown-btn:hover{
	text-decoration: none;
	background-color: whitesmoke;
}

/*Länkar*/
.custom-meny-url{
	text-decoration: none;
	color: black;
}


.top0-fab{
	color: #aeaeae;
    font-size: 14px;
    cursor:pointer;
}

.top0-fab:hover{
	color: white;
}

.top-fa-wrapper {
    padding: 25px 15px 25px 15px;
    display: inline-block;
    width: 20px;
}

.phonewrapper{
	text-align: right;
    width: 48%;
}

.top0-phone {
    color: #aeaeae;
    font-size: 23px;
    font-weight: 300;
    padding: 25px;
    text-decoration:none;
}

.top0-phone:hover {
    color: white!important;
}  

.top0-col{
	width: 48%;
    display: inline-block;
}  

.logo-content-wrapper{
	display: inline-block;
	margin-right: 10px;
}

.custom-logo-wrapper {
    display: initial;
}

#toplogo {
    max-width: 120px;
}

.logo{
	text-decoration:none;
}

.logo-text{
    font-weight: 600;
    font-size: 18px;
    color: #d0d0d0;
    letter-spacing: -1px;
}











/*Inställning för mobil*/

@media (max-width: 1229px){
	.phonewrapper {
    	width: 34%;
	}
}


@media (max-width: 991px){
	.phonewrapper {
    	width: 14%;
	}
}

@media (max-width: 767px){
	.navbar {
		float: none;
		width: 100%;
	}

	.navbar-collapse {
		clear: both;
		margin-left: -15px;
		margin-right: -15px;
	}

	.custom-meny-btn{
		background-color: transparent;
		border-bottom: 1px solid black;
		color:#aeaeae;
	}
	
	.custom-meny-url{
		color:#aeaeae!important;
	}
	
	.top0-phone {
    	font-size: 14px;
    	padding: 0px 0px 0px 8px;
	}
	
	.phonewrapper {

	}
	.custom-meny{
		background-color: #1c1c1c;
	}
	
	.custom-meny-btn-border{
		border: none;
		margin-left: 0px;
	}
	
	.custom-meny-btn-border .custom-meny-url{
		color:#aeaeae!important;
	}
	
	.logo-text {
		color: #d0d0d0;
    	font-size: 15px;
	}

}