@font-face {
    font-family: 'Karmilla';
    src: url('/font/Karmilla-Regular.eot');
    src: url('/font/Karmilla-Regular.eot?#iefix') format('embedded-opentype'),
        url('/font/Karmilla-Regular.woff2') format('woff2'),
        url('/font/Karmilla-Regular.woff') format('woff'),
        url('/font/Karmilla-Regular.ttf') format('truetype'),
        url('/font/Karmilla-Regular.svg#Karmilla-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karmilla';
    src: url('/font/Karmilla-Bold.eot');
    src: url('/font/Karmilla-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/Karmilla-Bold.woff2') format('woff2'),
        url('/font/Karmilla-Bold.woff') format('woff'),
        url('/font/Karmilla-Bold.ttf') format('truetype'),
        url('/font/Karmilla-Bold.svg#Karmilla-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body{
    font-family: 'Karmilla';
}

#global{
	width:100%;
	height: 100%;
}


#footer{
	position: relative;
	bottom: -50px;
	margin-top:200px;
	text-align: center;
	width: 100%;

	position: fixed; 
	height: 50px; 
	   -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 2000000;
}

#footer.show{
	bottom: 0px;
	   -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#footer a{
	cursor: pointer;
}


.builder-front .builder-element:hover{
    /*border: 3px solid #e47c2a;*/
    /*box-shadow: 0 0 0 3px #e47c2a;*/

 -webkit-box-shadow: unset;
         box-shadow: unset;
         background-color: transparent;
}

ul{
	text-align: center;
	margin-top: 15px;
}

ul#menu li{
	display: inline-block;
	padding-right: 1vw;
	padding-left:  1vw;
	color: #dc121e;
	font-size: 20px;
}

#ag{
	font-size: 60px;
	color:#dc121e;
	z-index: 999;
}

#menu li a {
	color: #dc121e;
}

#ag img{
	width: 100%;
}

.ag-absolute{
	position: fixed;
	top:50%;
	left: 50%;
	width: 219px;
	transform: translate(-50%, -50%);
	  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.sticky-menu{ 

	top: -50px;
   
}

.sticky{ 

	width: 60px;
	top: 30px;
   -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.menu-fixed{
	position: fixed;
	width: 100%;
	text-align: center;
	top:0;
		z-index: 1000000;

}



/*.ag-fixed{
	position: fixed;
	top:0;
	left: 50%;
	transform: translate(-50%, 0%);

}*/

#slider-container{
	margin-left: 5%;
	border: 1px solid black;
	width: 90%;
}

#slider{
	width: 100%;
	color:black;
	text-align: center;
}

.greyImage{
	opacity: 0.25;
}

/*.greyImage a:hover{
	cursor: auto;
}*/


#lightbox-container{
	position: fixed;
	top:0;
	left:0;
	height: 100%;
	width:100%;
	z-index: 2000000;
	display: none;
}

#lightbox-background{
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width:100%;
	background-color: white;
	opacity: 0.6;
}

.lightbox-red{
 opacity : 0.8 !important;
}

#lightbox-content{
	position: absolute;
	height: 80vh;
	top:10vh;
	left:50%;
	transform: translate(-50%, 0%);
}

#lightbox-content img{
	max-width: 80vw;
	max-height: 80vh;
}

#lightbox-close{
	position: absolute;
	top:5vh;
	right:5vw;
	cursor: pointer;
}

.lightboxTriggerPage{
	cursor:pointer;
}

.about-contact{
	margin-bottom: 100px; 
	text-align: center; 
	width: 50vw;
}
.about-contact.overlay{
	color: black;
	font-size:14px;
}

a.sn{
	display:inline-block;
}

a.sn img{
	height:25px;
}

#clients{
	color:#939393;
}

.btn{
	background-color: #b91d1d;
}

.btn:hover{
	background-color: #dc121e;
}


#private-form{
	position:relative;
	top:30%;
	left: 50%;
	width: 250px;
	transform: translate(-50%, -50%);
}

#MLWarning{
	position:fixed;
	bottom:0;
	padding:5px;
	width:100%;
	background-color:white;
	z-index:2000000;
}

#MLWarning div{
	position:relative;
	display:inline-block;
}

#acceptML{
	float:right; 
	height:25px;
	width:25px;
	margin-left:5px;
	cursor:pointer;
}
#acceptML:hover{
	text-decoration:underline;
}

@media screen and (max-width: 640px) {
  .builder-element{
  	position: relative !important;
  	width: 100% !important;
  	height: auto !important;
  	top:auto !important;
  	left:auto !important;
  	margin-top: 0 !important;
  	margin-bottom: 20px !important;
  	margin-left: 0 !important;
  	margin-right: 0 !important;
  }

  #galerie-container{
  	width: 80vw !important;
  }

  #clients, #abcont{
  	width:100%;
  }
	#menu_private{
		display: none !important;
	}
}
 


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

  #clients, #abcont{
  	width:100%;
  	font-size: 11px;
  }

#clients{
  	display:none;
  }

  #lightbox-content{
  	width: 80vw !important;
  }

  .about-contact{

	width: 100%;
}
  
}