@charset "UTF-8";
/* CSS Document */

.bfc-list li:before {color: #000076; content: "\f00c  ";font-family: "FontAwesome"; font-size:120%; }

.bg-bfc-lb {background-color:#e1e1ff;}

.bg-bfc-db {background-color:#000076;}

.txt-bfc-dk {color: #000076;}

.jumbotron h1, .jumbotron h3, .navbar-brand {font-family: 'Open Sans', sans-serif; font-weight:bold; text-shadow: 2px 2px 3px #000076;}

.active {border-bottom: 1px solid #fff;}

.card-header {background: url(../images/bg-water2.png) repeat;}

.card {box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12)}

.contact {border-color:#000076;}

.page-header h2, .bg-bfc-sand {background: url(../images/background3.gif) repeat;}

.page-header h3 {padding:0.4em;}

.bg-sand {background: url(../images/background.gif) repeat;}

.bfc-service-block {border:1px solid #000076;border-radius:1px; height:100%;padding:1em;}

.bfc-service-block i, .contact span.fa {
	background: rgb(225,255,251);
	background: linear-gradient(135deg,#6394ff 0%,#000076 100%);
  	background-size: 100%;
  	background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.bfc-service-block:hover {background:linear-gradient(135deg,#6394ff 0%,#000076 100%); color:#fff;}

.bfc-services-head {color:#000076; text-align:center;}

.bfc-service-block:hover .bfc-services-head {color:#fff;}

.bfc-service-block:hover i {transition:1.2s; transform: rotateY(360deg);-moz-text-fill-color: #fff;-webkit-text-fill-color: #fff;text-fill-color:#fff;}

.contact:hover {box-shadow: 
	0px 2px 1px -1px rgba(0, 0, 0, 0.2),
	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
	0px 1px 3px 0px rgba(0,0,0,.12),
	inset -10px -10px 10px #e1e1ff;}

.contact:hover span.bfc-spin {transition:1.2s; transform: rotateY(360deg);}

.bfc-img-shadow img {box-shadow:2px 2px 4px #808080;}

.rotate-in-down-left img {
  animation: rotate-in-down-left 2.5s ease forwards;
  box-shadow:2px 2px 4px #808080;
}

@keyframes rotate-in-down-left {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}