/*
--- DMG 404 Page
--- Version 1.0
*/
:focus {
  outline-color: transparent;
  outline-style: none;
}
*{
    outline-color: transparent;
    outline-style: none;
  }
.dmg404{
	font-family: "Open Sans", sans-serif;
}
.dmg404 .col-md-6{
	padding: 0;
	height: 100vh;
}
.dmg404 .notoSerif{
	font-size: 12px;
	font-weight: 100;
}
.dmg404 h1{
	font-size: 82px;
	font-weight: 700;
}
.dmg404 h2{
	font-size: 32px;
	line-height: 140%;
}
.dmg404 h3{
	font-size: 14px;
	line-height: 140%;
	font-weight: 100;
}
.whiteText{
	color:#fff;
}
.top25{
	margin-top:25vh;
}
.btn-radius{
	border-radius: 24px;
	padding: 8px 40px;
}
.left-content, .right-content{
	position: relative;
}
/*Left Container*/
.dmg404 .col-md-6.left-content{
	background: #87D37C;  /* fallback for old browsers */


}

/*Right Container*/
.right-content{
	position: relative;
	background: #fff;
}
.dmg404 .col-md-6 img.imgContent{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dmg404 .col-md-6 a.main-logo.top-right img{
	width: 300px;
	height: auto;
	object-fit:contain;
	position: absolute;
	top: 30px;
	right:30px;
}
.dmg404 .col-md-6 a.main-logo.bottom-right img{
	width: 300px;
	height: auto;
	object-fit:contain;
	position: absolute;
	bottom: 30px;
	right:30px;
}

.dmg404 .col-md-6 a.main-logo.center img{
	width: 300px;
	height: auto;
	object-fit:contain;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.dmg404 .col-md-6 .imgContent{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*Social Media*/
.social_tab.fixed {
	position: absolute !important;
	bottom: 4%;
	left: 19%;
	z-index: 2;
}
.social_icons{
	padding: 0;
}
.social_icons a i{
	color:#fff;
	font-size: 22px;
}
.social_icons a:hover i{
	opacity: 0.8;
}
.social_icons li{
	list-style: none;
	display: inline-block;
	margin-right: 14px;
}
.social_tab.animated{
	animation-duration: 5;
}

/*404 Menu*/
.menu404{
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.menu404 ul{
	padding: 0;
}
.menu404 ul li{
	list-style: none;
	display: inline-block;
	margin-right: 14px;
}
.menu404 ul li a{
	color: #d1d1d1;
	opacity: 0.6;
}
.menu404 ul li a:hover{
	opacity: 1;
	text-decoration: none;
}
/**Mouse Effect*/
#canvas {
  position: absolute;
  left: 0;
  top: 0;
}


/*Search*/
#imaginary_container{
    margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
    border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}