@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/* -------------------------------------smm-container------------------------------ */
/* ---------------------------------------------------------------------------- */
#smm-container {}
#smm-container .wrap-smm-container{background: transparent;}

/* ---content-box--- */
.content-box {}
.content-box .wrap-box {padding:30px 10px; position: relative;}
.content-box .header {text-align: center; margin-bottom: 10px;}
.content-box .header h2{font-size: 45px; margin: 20px; line-height: 45px;}
.content-box .header .wrapper{padding: 5px; display: inline-block;}

.content-box.boxstyle-1{background:#fff; color: #333;}
.content-box.boxstyle-2{background:#F4F3F3;}

.content-box.box-1 {}

.content-box.box-2 {}
.content-box.box-2 .post{display: inline-block;margin-top: 20px;}
.content-box.box-2 .wrapper{text-align: center;}

.content-box.box-3 {}
.content-box.box-3 .post{text-align: center;margin: 20px inherit; }
.content-box.box-3 img{margin-bottom: 10px;max-width: 200px;border-radius: 50%;}

.content-box.box-4 {}
.content-box.box-4 .post{background: #ffffff; color: #3F3F3F; margin-bottom: 30px; border: 1px solid #ffffff;}
.content-box.box-4 .post .wrapper{padding: 60px 60px 20px 60px; text-align: center;}
.content-box.box-4 .post img{max-height: 440px;width: 100%; border: none;}

.content-box.box-5 {}
.content-box.box-5  .extra img{ height: 150px;width: 100%;max-width: 243px;}
.content-box.box-5  .extra {margin-bottom: 30px;}
.content-box.box-5  .post h3, .extra h4{margin: 10px 0 15px 0;line-height: 1.2;}
.content-box.box-5  .post h3, .extra h4{margin: 10px 0 15px 0;line-height: 1.2;}
.content-box.box-5  .info {}
.content-box.box-5  .r-slidebar{border-left: 1px solid #eee;}
.content-box.box-5  .r-slidebar ul li{ font-size: 16px;}
.content-box.box-5  .r-slidebar .post{margin-bottom: 30px; border-bottom: 1px solid #eee;padding-bottom: 10px;}
.content-box.box-5  .r-slidebar .post:last-child {border-bottom: none;}



/* ---------------------------------------------------------------------------- */
/* -------------------------------Zoom-Effect---------------------------------- */
/* ---------------------------------------------------------------------------- */	
.zoom-smm-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
.zoom-smm-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-smm-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-smm-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #fff;
	margin: 23% 0 0;
	padding: 10px 0;
	border-top: 5px solid rgba(255, 255, 255, .15);
	border-bottom: 5px solid rgba(255, 255, 255, .15);
}
.zoom-smm-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-smm-container:hover .zoom-caption {
	background: none;
}