body {
	font-size:11pt;
	font-family: 'Open Sans', sans-serif;
}

a {

	color:black;
	text-decoration: underline;
}

.lb-nav {
	visibility: hidden;
}

a:visited, a:hover, a:active {
	color: #FF0099;
	text-decoration: underline;
}

.nav-link:hover :not(.aktif)  {

	color:#FF0099 !important;
}

.contactIcons {
	display:block;
}

.contactIconsMobile {
	display:none;
}


.lightbox {

left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
}

.nav-link {
	font-size:15pt;
	color:black !important;
		font-weight:600;
		text-decoration: none;
}



.active>.nav-link, .nav-link:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight:800;

}

.aktif:hover {

	color:black !important;
}



.aktif {
	font-family: 'Open Sans', sans-serif;
	font-weight:800;

	border-bottom: 3px solid #FF0099;
	padding:2px;

}

.cat-active {

    font-style: italic;
    font-weight:700;
    font-size:10pt;
    color:#FF0099 !important;
}



.nav-item, .nav-link, .nav-link a {
		 display:inline-block;
		text-align: center;

}

a::after {
    display: block;
    content: attr(title);
    font-weight: 800;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 2.2rem;
    margin-left: 2.2rem;
}


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

.navbar-default .navbar-toggle .icon-bar {
    background-color: red !important;
}


.navbar-light .navbar-toggler {
    background-color: #242424;
    height: 60px;
    border-radius:0;
}
.containertop {
	margin-top:20px;
}

.homerow {
	height:300px;
}

.navbar-expand-lg {
    z-index: 1;
 }

 .homec{
margin-top: 110px;
 }

 .textmainmobile{display:none;}



@media only screen and (min-width: 992px) { 
.cat p {

	min-width:320px;
	}

 .last {
 	margin-right:0 !important;
 }


.image_off, .home:hover .image_on{
   display:none
}

.image_on, .home:hover .image_off{
   display:block
}


}

.content{
	margin-top:30px;
}

@media only screen and (max-device-height: 480px) and (orientation: landscape) {
.lb-data .lb-close {
width: 17px;
    height: 17px;
    background-size: 15px 15px !important;
}

.lb-dataContainer {
    padding: 0 !important;
    }

    .lb-outerContainer{

    }
    .lb-image {

    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {

   .nav-item {
	padding:0px !important;
	}

	.collapse.show {
		top:20px !important;
	}

	#cat1b, #cat1a {
	margin-right:0px !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1112px)   and (orientation: landscape)  {
.image_off {
   display:none !important
}

.image_on {
   display:block !important
}	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 990px) {
.navbar {
    background-color: transparent !important;
}

.image_off {
   display:none !important
}

.image_on {
   display:block !important
}

#cat1b, #cat1a {
	margin-right:-20px !important;
}
.list ul {
		margin-left:35px !important;

	margin-top:15px;
}

.textmain {
	font-size:14pt;
}

.bigcat img {
	width:420px;

}

.bigcat {
    top: -172px !important;
}




}

@media only screen and (max-width:991px) {

	.catp {
	min-width: 0px !important;
}

.contactIcons {
	display:none;
}

.contactIconsMobile {
	display:block !important;
}

	.collapse.show {
    display: block;
/*    position:fixed;*/
    height: 100vh;
    width: 100%;
    background-color: white;
    top: 60px;


}

.nav-item {
	padding:15px;
}

.navbar-nav {
position:relative;
top:20%;
	}
}

.catp {
	min-width: 320px;
}

@media only screen and (max-width: 767px) { 
	.image_off {
   display:none
}

.image_on {
   display:block
}
.navbar {background-color: white;}

#nav {
	    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}
.collapsing {
      -webkit-transition: height .1s ease;
       -o-transition: height .1s ease;
          transition: height .1s ease;
}

.nav-item {
	padding:10px;
}
.navbar-brand {
	padding-left:10px;
}
.collapse.show {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: white;
    top: 60px;

}

.navbar {background-color: white;}

.navbar-nav {
position:relative;
top:15%;
}

.homec{
	margin-top:200px;
}
.textmain {
	display:none;
}

.textmainmobile {display:block; margin-top:50px; margin-bottom:30px; font-size:16pt;}

.bigcat img {
	width:300px;

}
.bigcat {
position: relative;
top: -120px !important;  
right:-10px !important;
}
.last {
	margin-right:2.2rem !important;
}

.homerow {
	height: 210px;
}

	.containertop {
	margin-top:0px;
	}

	.content{
		margin-top:40px;
	}
	.cat {

	display:none;
	}

	.navbar-brand img {
	width:120px;	
	}

	.navbar {
		padding:0;
	}

	.containertop {
		padding-right:0;
		padding-left:0;
	}
}

.homebar {
	color:white;
	font-size:16pt;
}

.list ul {
	margin-left:60px;
   margin-top: 40px;
}

.bigcat {
	    position: relative;
bottom:200px;
margin-bottom:-200px;

    right: 50px;
}

.nav-item, .nav-link, .nav-link a {
    text-align: center;
}

.navbar-light .navbar-toggler {
    color: white;
    background-color: #242424;
}

.home {

	padding-bottom:6px;
}

.category {
text-decoration: none;
color: #000;
	padding-top:40px;
}

.category:hover, #cat1:hover {
	color: #FF0099;
}

.fa-caret-right:hover, .fa-caret-left:hover {
color:#242424;
}

.fa-caret-left, .fa-caret-right {
	color:#AAA;
}

.hidden {
	display:none;
}

#menu {
  background: #FFF;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-height: 100%;
  padding-top: 80px;
}


.igref a::after {
    display: inline !important;
    
}

.igref a{
    color: black;   
    text-decoration: none;
}

.igref a:hover {
    	color: #FF0099;
}