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

.flip-box { background: rgb(193,162,101);background: linear-gradient(307deg, rgba(193,162,101,1) 0%, rgba(210,180,121,1) 79%); border: 1px solid #E3E7EB; width: 150px;height: 150px; -webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;margin: 0 auto;}

.flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } 
.flip-box:hover .flip-box-inner { transform: rotateY(180deg); } 

.flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; 
/* Safari */backface-visibility: hidden; -webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px; } 
.flip-box-front { background: rgb(193,162,101); background: linear-gradient(307deg, rgba(193,162,101,1) 0%, rgba(210,180,121,1) 79%); color: #000;padding:20px;background-image: url("/portals/CFBank/containers/CFBank/flip.png"); background-position: top right; background-repeat: no-repeat;  } 

.flip-box-front img { width:75px; } 

.flip-box-back { background: rgb(23,60,89);background: linear-gradient(307deg, rgba(23,60,89,1) 0%, rgba(19,104,167,1) 79%); color: #fff; transform: rotateY(180deg);padding:20px; } 
.flip-box-back a, .flip-box-back a:link, .flip-box-back a:visited, .flip-box-back a:focus {color: #fff; }
.flip-box-back a:hover, .flip-box-back a:active { color: #fff !important; text-decoration: none !important; } 



h5.flip-box-title {font-size: 1.15em!important;font-family: "Raleway", sans-serif;color:#000!important;}


.flip-box-back p {margin: 0!important; font-size: 1em;line-height:1.1;}

@media(min-width:576px){
.flip-box { width: 200px;height: 200px; -webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px; } 
.flip-box-front img { width:100px; } 
.flip-box-back p {font-size: 1.15em;line-height:1.25;}
h5.flip-box-title {font-size: 1.35em!important;font-family: "Raleway", sans-serif;color:#000!important;line-height:1;}
}
@media(min-width:768px){
.flip-box-back p {font-size: 1.15em;line-height:1.25;}   
}

@media(min-width:992px){
.flip-box-back p {font-size: 1em;line-height:1.2;}  
}