#branding{
    float: left;
}

	.branding-copy,.logo{
		display: inline-block;
		vertical-align: middle;
	}
	.logo{
		margin-right: 10px;
    }
    
    .site-title{
		margin: 0;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 1;
	}
a,.tp-caption a.btn:hover {
	color:lightgrey;
}
.top-nav-collapse {
	background:black;
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
	color:lightgrey;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #67b0d1;
}

.widget-avatar .avatar:hover {
    border: 5px solid #67b0d1;
}

.bg-skin {
	background: #67b0d1;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
	border-color: #67b0d1;
}

footer {
    background-color: black;
}

.btn-skin {
  color: #fff;
  background-color:orange;
  border-color: orange;
}

.pclass {
	color:black;
	font-size:20px;
}
.watermark {
	width: 100%;
	display: block;
	position: relative;
	
  }
  
  .watermark::after {
	content: "";
	background:url("mindlegal-SD-02032021.png") no-repeat fixed center;
	opacity: 0.1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;   
  }


  
/*
flip card
*/
.card-flip > div {
	backface-visibility: hidden;
	transition: transform 300ms;
	transition-timing-function: linear;
	width: 100%;
	height: 100%;
	margin: 0;
	display: flex;
  }
  
  .card-front {
	transform: rotateY(0deg);
  }
  
  .card-back {
	transform: rotateY(180deg);
	position: absolute;
	top: 0;
  }
  
  .card-flip:hover .card-front {
	transform: rotateY(-180deg);
  }
	
  .card-flip:hover .card-back {
	transform: rotateY(0deg);
	}
	
	.flip-card {
		background-color: transparent;
		width: 300px;
		height: 300px;
		perspective: 1000px;
	}
	
	.flip-card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.6s;
		transform-style: preserve-3d;
		
	}
	
	.flip-card:hover .flip-card-inner {
		transform: rotateY(180deg);
	}
	
	.flip-card-front, .flip-card-back {
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.flip-card-front {
		background-color: #bbb;
		color: black;
	}
	
	.flip-card-back {
		background-color: #2980b9;
		color: white;
		transform: rotateY(180deg);
	}