.footer {background-color:#fff !important;}

.sppb-btn-link{color:#000 !important;}

.btn-primary{background-color:#82827D !important;}
.btn-secondary{background-color:#2B6CEC !important;}


.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;
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius:50%;
  
}

.flip-card-front {
  background-color: #fff;
  color: black;
  z-index: 2;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
  z-index: 1;
}



.flip-card-outer
{
width: 320px;
height: 320px;
border:10px solid #82827d;
border-radius:50%;left:0%;
	
	
	
}	


.components_blk:hover{box-shadow:2px 2px 2px 2px #eee;transform:translateY(-20px);transition:0.4s ease;}




.contact{
		padding: 4%;
		height: 400px;
	}
	
	.contact-info{
		margin-top:10%;
	}
	.contact-info img{
		margin-bottom: 15%;
	}
	.contact-info h2{
		margin-bottom: 10%;
	}
	
	.contact-form label{
		font-weight:600;margin: 10px 0;
    border-radius: 0;

	}
	
	.contact-form input{
		margin: 10px 0;
    border-radius: 0;

	}
	
	.contact-form textarea{
		margin: 10px 0;
    border-radius: 0;

	}
	
	
	
	
	.contact-form button{
		background: #25274d;
		color: #fff;
		font-weight: 600;
		width: 25%;
	}
	.contact-form button:focus{
		box-shadow:none;
	}


	
.our-features:before{
	background-color:#2B6CEC;opacity:0.8;
   /* background-image: linear-gradient(#08325B, #2B6CEC) !important;
   background-image: linear-gradient(#82827D, #2B6CEC) !important;*/
   }

.our-features .single-our-feature p{color:#fff !important;}

h1, .h1 {
    font-size: 32px;
}
.t3-megamenu .dropdown-menu .mega-nav li a{padding:5 !important;padding-left:10px !important;}

.t3-megamenu .dropdown-menu .mega-nav li a:hover, .t3-megamenu .dropdown-menu .mega-nav li a:focus{background: #82827D !important;}





