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

.uc-bg-image-flipbox *{margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;}
   
.uc-bg-image-flipbox{
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;	
	
}
.uc-bg-image-flipbox.hover .uc_flipper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

		
		/* END: Accommodating for IE */
		
.uc_flipper {
	transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    
	transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    
	position: relative;
}
.uc_front, .uc_back {
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.uc_front {
	z-index: 2;
	transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}
.uc_back {
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}
		
.uc-bg-image-flipbox, .uc-bg-image-flipbox .uc_front, .uc-bg-image-flipbox .uc_back {  width: 100%; height: 370px;}	





/*=========================
 front pane ======================= */
.uc-bg-image-flipbox .uc_front {border:1px solid #f0f0f0; text-align:center; border:#e3e4e4 3px solid; border-radius:3px; }
.uc-bg-image-flipbox .uc_front .uc_top-border{ position:absolute; top:0px; left:50%; width:90px; height:3px; transform:translateX(-50%)}
/*=========================
 front pane inner======================= */
	

/*=========================
 back pane ======================= */
.uc-bg-image-flipbox .uc_back { max-height:370px; overflow:hidden; position:relative; border: #e3e4e4 3px solid; border-radius:3px; text-align:center; }
.uc-bg-image-flipbox .uc_back img{ width:100%;}

/*=========================
 front pane inner======================= */
 
.uc-bg-image-flipbox .uc_flipper .uc_flipper_inner .uc_front_icon_holder{ background:url(icon-holder.png) no-repeat center top; width:180px; height:180px;  margin:0px auto 20px;}

.uc-bg-image-flipbox .uc_flipper .uc_flipper_inner h3{ font-family: 'Judson', serif;  font-size:36px; color:#000; font-weight:700; margin-bottom:13px; margin-top:20px;}

/*=========================
 Back pane inner======================= */
 
.uc-bg-image-flipbox .uc_back .uc_flipper_inner h2
{
	font-family: 'Judson', serif;
	font-size:36px;
	font-weight:400;
	margin:145px 0 42px 0;
	padding:0px;
	position:relative;
}


.uc-bg-image-flipbox .uc_back .uc_flipper_inner 
{
	font-family: 'Goudy Bookletter 1911', serif;
	font-size:20px;
	line-height:34px;
	color:#ffffff;
	padding:0 26px;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
}

.uc-bg-image-flipbox .uc_back .uc_flipper_inner .top-icon
{
	color:#ffbb00;
	font-size:50px;
	margin-top:36px;
	margin-bottom:20px;
}

.uc-bg-image-flipbox .uc_front .uc_flipper_inner 
{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	color:#978b8b;
}

.uc-bg-image-flipbox .uc_front .uc_flipper_inner span 
{
	text-transform:uppercase;
}

.uc-bg-image-flipbox .uc_front .uc_flipper_inner .uc_front_icon_holder i
{
	margin-top:109px;
	font-size:40px;
	color:#ffa200;
}


.uc-bg-image-flipbox .uc_back .uc_flipper_inner h2
{
	position:relative;
}

.uc-bg-image-flipbox .uc_back .uc_flipper_inner span.border
{
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-22px;
	width:45px;
	display:block;
	height:2px;
}