/* ================================================================
 * SHORTCODES
 * ================================================================ */
.dropcap-container {
	margin: 0;
	padding: 0;
}
.dropcap {
    display: block;
    float: left;
    font-size: 70px;
    line-height: 60px;
    padding: 6px 8px 0 0;
}
.zozo-listitem.icon {
	margin: 0;
	padding: 0;
	list-style: none;
}
.zozo-listitem.icon li:before {
	margin-right: 6px;
}
.zozo-listitem.icon.circle li:before {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	width: 23px;
    height: 23px;
    display: inline-block;
    text-align: center;
    line-height: 23px;
}
.zozo-listitem.icon.square li:before {
	padding: 4px;
}
.zozo-listitem.icon.square li:before, .zozo-listitem.icon.circle li:before {
	background-color: #000000;
	color: #FFFFFF;
}
/* ================================================================
 * Vc Icons
 * ================================================================ */
.zozo-vc-icons {
    margin-bottom: 20px;
}
/* ================================================================
 * Feature Box
 * ================================================================ */
.zozo-feature-box.feature-box-style {
	margin-bottom: 30px;
}
.grid-item .grid-icon {
	display: block;
	text-align: center;
}
.grid-item,.grid-item * {
	transition:0.4s all ease-in-out;
	-ms-transition:0.4s all ease-in-out;
	-moz-transition:0.4s all ease-in-out;
	-o-transition:0.4s all ease-in-out;
	-webkit-transition:0.4s all ease-in-out;
}
.grid-item .grid-title {
	margin: 0 0 12px;
}
.grid-item .grid-title.grid-title-bottom {
	margin: 15px 0 0;
}
.grid-item .grid-desc p {
	color:inherit;
}
.grid-item .grid-desc p:last-child {
    margin-bottom: 0;
}
/*Alignment Center */
.grid-item .grid-text-center {
	text-align: center;
}
/* Alignment Right & Left */
.grid-item .grid-text-right,
.grid-item .grid-text-right .grid-content-wrapper {
	text-align: right;	
}
.grid-box-inner,
.zozo-feature-box.style-info-box .grid-box-inner.grid-text-left .grid-image-wrapper,
.zozo-feature-box.style-info-box .grid-box-inner.grid-text-left .grid-image-wrapper {
	position: relative;
	z-index: 32;
}
.zozo-feature-box.style-default-box .grid-box-inner.grid-text-left .grid-icon-wrapper, .grid-box-inner.grid-text-left .grid-image-wrapper, 
.zozo-feature-box.style-default-box .grid-box-inner.grid-text-right .grid-icon-wrapper, .grid-box-inner.grid-text-right .grid-image-wrapper {
    position: absolute;
	top: 0;
	left: 0;
}
.zozo-feature-box.style-info-box .grid-box-inner.grid-text-left .grid-image-wrapper,
.zozo-feature-box.style-info-box .grid-box-inner.grid-text-right .grid-image-wrapper {
	position:relative;
}
.zozo-feature-box.style-default-box .grid-box-inner.grid-text-right .grid-icon-wrapper, .grid-box-inner.grid-text-right .grid-image-wrapper {
    right: 0;
	left: auto;
}
.grid-item .grid-button {
	margin-top: 15px;
}
.style-sep-yes .grid-item .grid-button {
	border-top: 1px solid #e1e1e1;
    padding-top: 20px;
}
/* Icons */
.grid-item .grid-icon-wrapper {
    margin-bottom: 15px;
}
.grid-item .zozo-icon {
	text-align: center;
	display: inline-block;
}
/*LIGHT*/
.zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-none.icon-skin-light,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-none.icon-skin-dark {
	color:#fff;
}
/*DARK*/
.zozo-feature-box .grid-item .grid-icon-wrapper .grid-icon.icon-none.icon-skin-dark,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-none.icon-skin-light {
	color:#333;
}
/* Icon Circle */
.zozo-fa-icon-circle, 
.zozo-icon.icon-circle {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
}
/* Icon Rounded */
.zozo-icon.icon-rounded {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
/* Icon Light */
.zozo-icon.icon-light.icon-shape {
	background-color: #f7f7f7;
}
/* Icon Dark */
.zozo-icon.icon-dark.icon-shape {
	background-color: #262626;
    color: #fff;    
}
/* Icon Transparent */
.zozo-icon.icon-transparent {
	background-color: transparent;
}
/* Icon Bordered */
.zozo-icon.icon-bordered{
	border: 1px solid #333;
}
.zozo-icon.icon-bg.icon-shape
.zozo-icon.icon-border-bg.icon-shape{
	color: #333;
}
.zozo-icon.icon-border-bg.icon-shape {
	border: 1px solid;
}
/* Icon Extra Large */
.zozo-icon.icon-exlarge {
	font-size: 3.2em;
}
.zozo-icon.icon-shape.icon-exlarge { 
	height: 100px;
	line-height: 100px;
	width: 100px;
}
.zozo-icon.icon-none.icon-exlarge {
	width:55px;
}
.grid-box-exlarge.grid-icon-shape .grid-content-wrapper {
	min-height:100px;
}
/* Icon Large */
.zozo-icon.icon-large {
	font-size: 2.5em;
}
.grid-icon.icon-shape.icon-large { 
	height: 80px;
	line-height: 80px;
	width: 80px;
}
.zozo-icon.icon-none.icon-large {
	width:45px;
}
.grid-box-large.grid-icon-shape .grid-content-wrapper {
	min-height:80px;
}
/* Icon Medium */
.zozo-icon.icon-medium {
	font-size: 2em;    
}
.zozo-icon.icon-shape.icon-medium { 
	height: 60px;
    line-height: 60px;
    width: 60px;
}
.zozo-icon.icon-none.icon-medium {
	width:37px;
}
/* Icon Normal */
.zozo-icon.icon-normal {
	font-size: 1.5em;
}
.zozo-icon.icon-shape.icon-normal { 
	height: 50px;
    line-height: 50px;
    width: 50px;
}
.zozo-icon.icon-none.icon-normal {
	width:30px;
}
/* Icon Small */
.zozo-icon.icon-small {
	font-size: 1em;    
}
.zozo-icon.icon-shape.icon-small { 
	height: 35px;
    line-height: 35px;
    width: 35px;
}
.zozo-icon.icon-none.icon-small {
	width:20px;
}
.zozo-icon.icon-plain.icon-small {
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.zozo-icon.icon-plain.icon-medium {
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.zozo-icon.icon-plain.icon-large {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
/* ================================================================
 * Feature Box - Default
 * ================================================================ */
/* Left Align - Icon Without Shape */
.zozo-feature-box.style-default-box .grid-text-left.grid-box-exlarge .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-exlarge .grid-icon-box-title .grid-title {
	margin-left: 70px;
} 
.zozo-feature-box.style-default-box .grid-text-left.grid-box-large .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-large .grid-icon-box-title .grid-title {
	margin-left: 60px;
}
.zozo-feature-box.style-default-box .grid-text-left.grid-box-medium .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-medium .grid-icon-box-title .grid-title {
	margin-left: 52px;
}
.zozo-feature-box.style-default-box .grid-text-left.grid-box-normal .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-normal .grid-icon-box-title .grid-title {
	margin-left: 45px;
}
.zozo-feature-box.style-default-box .grid-text-left.grid-box-small .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-small .grid-icon-box-title .grid-title {
	margin-left: 35px;
}
/* Left Align - Icon With Shape */
.zozo-feature-box.style-default-box .grid-text-left.grid-box-exlarge.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-exlarge.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-left: 115px;
} 
.zozo-feature-box.style-default-box .grid-text-left.grid-box-large.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-large.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-left: 95px;
}
.zozo-feature-box.style-default-box .grid-text-left.grid-box-medium.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-medium.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-left: 75px;
}
.zozo-feature-box.style-default-box .grid-text-left.grid-box-normal.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-normal.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-left: 65px;
}
.zozo-feature-box.style-default-box .grid-text-left.grid-box-small.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-left.grid-box-small.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-left: 50px;
}
/* Right Align - Icon Without Shape */
.zozo-feature-box.style-default-box .grid-text-right.grid-box-exlarge .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-exlarge .grid-icon-box-title .grid-title {
	margin-right: 70px;
} 
.zozo-feature-box.style-default-box .grid-text-right.grid-box-large .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-large .grid-icon-box-title .grid-title {
	margin-right: 60px;
}
.zozo-feature-box.style-default-box .grid-text-right.grid-box-medium .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-medium .grid-icon-box-title .grid-title {
	margin-right: 52px;
}
.zozo-feature-box.style-default-box .grid-text-right.grid-box-normal .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-normal .grid-icon-box-title .grid-title {
	margin-right: 45px;
}
.zozo-feature-box.style-default-box .grid-text-right.grid-box-small .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-small .grid-icon-box-title .grid-title {
	margin-right: 35px;
}
/* Right Align - Icon With Shape */
.zozo-feature-box.style-default-box .grid-text-right.grid-box-exlarge.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-exlarge.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-right: 115px;
} 
.zozo-feature-box.style-default-box .grid-text-right.grid-box-large.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-large.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-right: 95px;
}
.zozo-feature-box.style-default-box .grid-text-right.grid-box-medium.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-medium.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-right: 75px;
}
.zozo-feature-box.style-default-box .grid-text-right.grid-box-normal.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-normal.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-right: 65px;
}
.zozo-feature-box.style-default-box .grid-text-right.grid-box-small.grid-icon-shape .grid-content-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right.grid-box-small.grid-icon-shape .grid-icon-box-title .grid-title {
	margin-right: 50px;
}
/* Icon color */
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape,
.typo-light .zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape {
	color:#333;
}
/* Icon Hover Color Styles */
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape,
.typo-light .zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-none{
	color: #fff;
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-none,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper .grid-icon.icon-shape.icon-transparent,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .grid-icon.icon-shape.icon-bordered,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-color .zozo-icon.icon-light.icon-shape{
	color: #333;
}
/* Icon Hover Bg color */
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-shape,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .grid-icon.icon-pattern,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-border-bg,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-dark.icon-shape,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-shape,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .grid-icon.icon-pattern,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-border-bg,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-dark.icon-shape {
	background-color:#F5F5F5;
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-bordered,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg .zozo-icon.icon-light.icon-shape,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-bordered,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .zozo-icon.icon-light.icon-shape {
	background:#333;
}
/* Icon Hover border-color */
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br .grid-icon,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-br .grid-icon,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .grid-icon,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .grid-icon,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-bordered {
	border-color: #e1e1e1;
}
/* Icon Hover border-color & Icon Color */
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape {
	color:#fff;
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape.icon-light,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-br-icon .zozo-icon.icon-shape.icon-bordered {
	color:#333;
}
/* Icon Hover Icon & Bg Color */
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-dark,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-light,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-bordered,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-dark,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-pattern,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-light,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-bordered {
	color:#333;
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-pattern {
	color:#fff;
}
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape,
.zozo-feature-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape {
	background-color: #333;
}
/* ================================================================
 * Feature Box With Background
 * ================================================================ */
.zozo-feature-box.style-box-with-bg {
	background-color: #f5f5f5;
}
.zozo-feature-box.style-box-with-bg .grid-item,
.zozo-feature-box.style-outline-box .grid-item {
	padding:20px;
}
.zozo-feature-box.style-box-with-bg .grid-text-right .grid-icon-wrapper,
.zozo-feature-box.style-outline-box .grid-text-right .grid-icon-wrapper {
	text-align:right;
}
.zozo-feature-box.style-box-with-bg .grid-text-left .grid-icon-wrapper,
.zozo-feature-box.style-outline-box .grid-text-left .grid-icon-wrapper {
	text-align:left;
}
.zozo-feature-box.style-box-with-bg .zozo-icon.icon-light.icon-shape {
	background:#fff;
}
/* ================================================================
 * Feature Box Outlined Box
 * ================================================================ */
.zozo-feature-box.style-outline-box .grid-item {
	border: 1px solid #e1e1e1;
}
/* ================================================================
 * Title Top and Icon Box
 * ================================================================ */
.feature-box-style.style-title-top-icon .grid-icon-box-title {
	margin-bottom: 15px;
	position:relative;
}
.feature-box-style.style-title-top-icon .grid-icon-box-left {
	text-align:left;
}
.feature-box-style.style-title-top-icon .grid-icon-box-right {
	text-align:right;
}
.feature-box-style.style-title-top-icon .grid-icon-box-center {
	text-align:center;
}
.feature-box-style.style-title-top-icon .grid-icon-box-left .grid-icon-box-title .grid-icon-wrapper,
.feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title .grid-icon-wrapper {
	position:absolute;
	left:0;
	right:auto;
	top:0;
	bottom:0;
	margin-bottom:0;
}
.feature-box-style.style-title-top-icon .grid-icon-box-right .grid-icon-box-title .grid-icon-wrapper {
	left:auto;
	right:0;
}
.feature-box-style.style-title-top-icon .grid-icon-box-title .grid-title {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.feature-box-style.style-title-top-icon .grid-icon-box-center .grid-icon-box-title .grid-title {
	display:block;
}
/* Icons Without Shape */
/* Icon Extra Large */
.feature-box-style.style-title-top-icon .grid-box-exlarge .grid-icon-box-title { 
	min-height: 45px;
	line-height: 45px;
}
/* Icon Large */
.feature-box-style.style-title-top-icon .grid-box-large .grid-icon-box-title { 
	min-height: 35px;
	line-height: 35px;
}
/* Icon Medium */
.feature-box-style.style-title-top-icon .grid-box-medium .grid-icon-box-title { 
	min-height: 26px;
    line-height: 26px;
}
/* Icon Normal */
.feature-box-style.style-title-top-icon .grid-box-normal .grid-icon-box-title { 
	min-height: 25px;
    line-height: 25px;
}
/* Icon Small */
.feature-box-style.style-title-top-icon .grid-box-small .grid-icon-box-title { 
	min-height: 25px;
    line-height: 25px;
}
.feature-box-style.style-title-top-icon .grid-icon-shape .grid-icon-box-title {
    min-height: auto;
    line-height: initial;
}
/* Icons With Shape */
/* Icon Extra Large */
.feature-box-style.style-title-top-icon .grid-box-exlarge.grid-icon-shape .grid-icon-box-title { 
	min-height: 100px;
	line-height: 100px;
}
/* Icon Large */
.feature-box-style.style-title-top-icon .grid-box-large.grid-icon-shape .grid-icon-box-title { 
	min-height: 80px;
	line-height: 80px;
}
/* Icon Medium */
.feature-box-style.style-title-top-icon .grid-box-medium.grid-icon-shape .grid-icon-box-title { 
	min-height: 60px;
    line-height: 60px;
}
/* Icon Normal */
.feature-box-style.style-title-top-icon .grid-box-normal.grid-icon-shape .grid-icon-box-title { 
	min-height: 50px;
    line-height: 50px;
}
/* Icon Small */
.feature-box-style.style-title-top-icon .grid-box-small.grid-icon-shape .grid-icon-box-title { 
	min-height: 35px;
    line-height: 35px;
}
.feature-box-style.style-title-top-icon .grid-icon-shape.grid-icon-box-center .grid-icon-box-title {
    min-height: auto;
    line-height: initial;
}
/* ================================================================
 * Overlay Feature box
 * ================================================================ */
.zozo-feature-box.feature-box-style.style-overlay-box .grid-box-inner {
	border: 1px solid #e1e1e1;
	overflow: hidden;
	max-width: 320px;
	margin:0 auto;
}
.grid-item .grid-box-inner .grid-overlay-top .grid-icon-wrapper .grid-icon {
	overflow:visible;
}
.grid-item .grid-box-inner .grid-overlay-top .grid-icon-wrapper .grid-icon:after {
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: -15px;
    width: 40px;
}
.grid-item .grid-box-inner .grid-overlay-top .grid-title {
	margin-top: 25px;
}
.grid-item .grid-box-inner .grid-overlay-top .grid-title {
	margin-bottom:0;
}
.grid-item .grid-box-inner .grid-overlay-top .grid-title.grid-title-top {
	margin-bottom:15px;
}
.grid-item .grid-box-inner .grid-overlay-top {
    background: #ffffff;
    height: 100%;
    left: 0;
	bottom:20px;
    position: absolute;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 9;
}
.grid-overlay-top .grid-icon-wrapper i.zozo-icon.icon-none {
    font-size: 65px;
	width:auto;
}
.grid-item .grid-box-inner .grid-overlay-top .grid-overlay-info {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	padding: 20px 15px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.grid-item:hover .grid-box-inner .grid-overlay-top {
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.grid-item .grid-box-inner .grid-overlay-bottom {
    color: #333333;
    height: 100%;
    padding: 25px 15px 20px;
    position: relative;
    transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transform: translateY(100%);
	-ms-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
    width: 100%;
}
.grid-item:hover .grid-box-inner .grid-overlay-bottom {
	transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
}
/* Overlay box hover Styles */
.zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-light,
.zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-light {
	background:#333;
	color:#fff;
}
.zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-bg-icon .grid-icon.icon-shape.icon-dark,
.zozo-feature-box.style-overlay-box .grid-item:hover .grid-icon-wrapper.icon-hv-all .grid-icon.icon-shape.icon-dark {
	background:#f5f5f5;
}
/* Override the bootstrap style */
.btn.btn-success {
    background-color: #5cb85c;
	border: 1px solid #4cae4c;
    color: #fff;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active {
    background-color: #47a447;
    border-color: #398439;
    color: #fff;
}
.btn.btn-info {
    background-color: #5bc0de;
	border: 1px solid #46b8da;
    color: #fff;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active {
    background-color: #39b3d7;
    border-color: #269abc;
    color: #fff;
}
.btn.btn-warning {
    background-color: #f0ad4e;
	border: 1px solid #eea236;
    color: #fff;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active {
    background-color: #ed9c28;
    border-color: #d58512;
    color: #fff;
}
.btn.btn-primary {
    background-color: #428bca;
	border: 1px solid #357ebd;
    color: #fff;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active {
    background-color: #3276b1;
    border-color: #285e8e;
    color: #fff;
}
.btn.btn-danger {
    background-color: #d9534f;
	border: 1px solid #d43f3a;
    color: #fff;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active {
    background-color: #d2322d;
    border-color: #ac2925;
    color: #fff;
}
.btn.btn-xs, .btn-group-xs > .btn {
	padding: 3px 8px;
}
.btn.btn-sm, .btn-group-sm > .btn {  
    padding: 5px 12px;
}
.btn.btn-lg, .btn-group-lg > .btn {   
    padding: 12px 28px;
}
.btn .fa {
	padding-right: 10px;
}
.btn.zozo-btn-icon-right .fa, .btn .fa.right-align {
	padding-right: 0;
	padding-left: 10px;
}
.btn.zozo-btn-only-icon .fa {
	padding: 0;
}
.button-sc {
	margin-bottom: 20px;
}
.alert {
	font-weight: 500;
}
.alert i {
	margin-right: 5px;
}
.alert .close {
	opacity: 0.7;
	text-shadow: none;
	line-height: 25px;	
}
.alert .close:hover {
	opacity: 1;
}
.alert-warning {
    border-color: #BCA173;   
}
.alert-warning .close {
	color: #BCA173;	
}
.alert-success {
	border-color: #84B582;
}
.alert-success .close {
	color: #84B582;	
}
.alert-danger {    
    border-color: #BF5F5D;    
}
.alert-danger .close {
	color: #BF5F5D;	
}
.alert-info {    
    border-color: #9CD3ED;    
}
.alert-info .close {
	color: #9CD3ED;	
}
.zozo-accordion-panel.panel {
	background: transparent;	
	border: 1px solid #c0c0c0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	margin-bottom: 20px;
}
.zozo-accordion .panel-heading {
	padding: 0;
	background: transparent;
	border: none;
}
.zozo-accordion .panel-title a {
	padding: 7px 45px 7px 15px;
	display: block;	
	color: #393939;
	position:relative;
	line-height: 26px;
	z-index:1;
}
.zozo-accordion .zozo-accordion-panel .panel-collapse .panel-body {
	border: none;
	position: relative;
	color: #696868;
	font-size: 13px;
}
.zozo-accordion .panel-title a.collapsed:after {
	content: "\f067";	
}
.zozo-accordion .panel-title a:after {
	content: "\f068";	
}
.zozo-accordion .panel-title a:after, .zozo-accordion .panel-title a.collapsed:after {
	font-family: 'FontAwesome';
	float: right;
	text-align: center;
	color: inherit;
	font-size: 16px;
	font-weight: normal;
	position: absolute;
    right: 0;
	top: 50%;
    transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.zozo-accordion .zozo-accordion-panel hr {
	margin: -15px 0 10px;
	border-color: #e1e1e1;
}
.zozo-progress-bar.progress, .vc_progress_bar .vc_single_bar {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	height: 12px;
	margin-bottom: 26px;
	
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	position:relative;
}
.vc_progress_bar .vc_single_bar.bar_default {
	background-color: #333333;
}
.dark-wrapper .vc_progress_bar .vc_single_bar.bar_default {
	background-color:#fff;
}
.zozo-progress-bar .progress-bar, .vc_progress_bar .vc_single_bar .vc_bar {
	transition: width 1.5s ease-in-out;
	-moz-transition: width 1.5s ease-in-out;
	-webkit-transition: width 1.5s ease-in-out;
	-o-transition: width 1.5s ease-in-out;
	-ms-transition: width 1.5s ease-in-out;	
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}
.zozo-progress-bar .progress-bar span {
	display: none;
}
.zozo-sc-progress-bar .progress-bar-title span {
	float: right;
}
.vc_progress_bar {
    margin-top: 50px;
}
.vc_progress_bar .vc_single_bar {
	margin-bottom: 50px;
}
.vc_progress_bar .vc_single_bar .vc_label {
	position: absolute;
	top: -40px;
	padding-left: 0;
	padding-right: 0;
	left: 0;
	right: 0;
}
.vc_progress_bar .vc_single_bar .vc_bar {
	position:relative;
}
.vc_progress_bar .vc_single_bar .vc_bar .vc_label_units {
	position:absolute;
	right:0;
	bottom:100%;
	margin-bottom: 5px;
}
.content-boxes .thumbnail {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	padding: 0;
	border: 5px solid #fff;
	box-shadow: 0 0 0 1px #CECECE;
	-moz-box-shadow: 0 0 0 1px #CECECE;
	-webkit-box-shadow: 0 0 0 1px #CECECE;
	-o-box-shadow: 0 0 0 1px #CECECE;
	-ms-box-shadow: 0 0 0 1px #CECECE;
}
.content-boxes h3 {
	text-transform: uppercase;
}
.zozo-thumb-on-bottom .thumbnail {
	border: none;
}
.zozo-show-overlay {
    background: none repeat scroll 0 0 rgba(0,0,0,0.6);
    bottom: 0;
    padding: 0;	
    position: absolute;  
    text-align: center;
    top: auto;
	left: 0;
	right: 0;
    width: auto;
	height: 100%;
	transform: translate3d(0px, 100%, 0px);
	-moz-transform: translate3d(0px, 100%, 0px);
	-webkit-transform: translate3d(0px, 100%, 0px);
	-o-transform: translate3d(0px, 100%, 0px);
	-ms-transform: translate3d(0px, 100%, 0px);
    transition: transform 0.35s ease 0s;
	-moz-transition: transform 0.35s ease 0s;
	-webkit-transition: transform 0.35s ease 0s;
	-o-transition: transform 0.35s ease 0s;
	-ms-transition: transform 0.35s ease 0s;
	backface-visibility: hidden;	
}
.zozo-thumb-boxed .thumbnail, .zozo-thumb-overlay .thumbnail {
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
/*.zozo-thumb-boxed:hover .zozo-show-overlay, .zozo-thumb-overlay:hover .zozo-show-overlay {
    display: block;
}*/
.zozo-thumb-boxed:hover .zozo-show-overlay, .zozo-thumb-boxed:hover *, .zozo-thumb-overlay:hover .zozo-show-overlay, .zozo-thumb-overlay:hover * {	
    transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
}
.zozo-show-overlay .zozo-content-mask {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0;
	right: 0;
}
.zozo-thumb-overlay .zozo-content-mask *:not(.btn) {
	color: #FFFFFF;
}
.zozo-show-overlay span {
	margin: 5px;
	font-size: 21px;
	background: #fff;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
}
.zozo-thumb-on-bottom h3 {
	margin: 0;
}
.content-boxes .thumbnail img {
	width: 100%;
}
.zozo-imageframe {	
	margin-bottom: 15px;
	max-width: 100%;
}
.zozo-imageframe .img-thumbnail {
	display: block;
	width: 100%;
	padding: 0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}
.dropshade img {	
	box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.4);
}
.bottomcurved:before, .bottomcurved:after {   
    bottom: 15px;
    box-shadow: 0 16px 10px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 16px 10px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 16px 10px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 16px 10px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0 16px 10px rgba(0, 0, 0, 0.6);
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.bottomcurved:after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
}
.bottomcurved, .roundedshade {
    position: relative;
	z-index: 1;
}
.roundedshade:after {
    border-radius: 100%;
    bottom: 0;
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.8);
	-ms-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.8);
    content: "";
    height: 50%;
    left: 10%;
    position: absolute;
    right: 10%;
    width: 80%;
    z-index: -1;
}
.modal-dialog .close {
	font-size: 32px;
    line-height: 0.8;
}
/* ================================================================
 * Circle Counter
 * ================================================================ */
.zozo-circle-counter.circle-no-slider .circle-counter-item {
	padding: 0 15px;
	float: left;
}
.zozo-circle-counter.circle-no-slider.columns-3 .circle-counter-item {
	width: 33.33333333%;
}
.zozo-circle-counter.circle-no-slider.columns-4 .circle-counter-item {
	width: 25%;	
}
.zozo-circle-counter.circle-no-slider.columns-5 .circle-counter-item {
	width: 20%;	
}
.zozo-piechart {
	position: relative;
}
.zozo-piechart canvas {
	display: block;
	margin: 0 auto;
}
.zozo-piechart span {
    display: block;
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}
.zozo-piechart span:after {
    content: '%';
    font-size: 30px;
}
.zozo-piechart-content {
    padding: 15px 30px 0;
    text-align: center;
}
/* ================================================================
 * Counter
 * ================================================================ */
.zozo-counter .counter-icon > i {
	display: block;
	font-size: 48px;
	text-align: center;
	line-height: 58px;
	min-height: 58px;
	min-width: 65px;
	overflow: hidden;
	position: relative;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	z-index: 1;
}
.counter-title h4 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.42857;
	margin: 0;
}
.counter.zozo-counter-count {
    margin-bottom: 25px;
    position: relative;
}
.counter.zozo-counter-count::after {
	bottom: -12px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 40px;
}
.bg-style.bg-normal .counter.zozo-counter-count::after {
	background:#333;
}
.bg-style.bg-normal .zozo-counter .counter-icon > i {
	color:#fff;
}
/* ================================================================
 * Day Counter
 * ================================================================ */
.zozo-daycounter-wrapper {
	padding: 5px 0 35px;
	text-align: center;
}
.countdown-section {
	background: #f1f1f1;
	height: 110px;
	width: 165px;
	margin: 0 auto;
	text-align: center;
	border: 0px;
	margin-right: 3px;
}
.countdown-section:last-child{
	margin-right: 0px;
}
.countdown-section .countdown-amount {
	border: none;
	display: block;
	overflow: hidden;
	line-height: 100px;
	position: relative;
	font-weight: 600;
	font-size: 60px;
}
.countdown-period {
	font-size: 18px;
	line-height: 20px;
	margin-top: 20px;
	color: #000;
}
.daycounter-button {
    text-align: center;
    margin-top: 20px;
}
/* 979 - Styles */
@media only screen and (max-width:979px) {	
	/* Circle Counter */
	.zozo-circle-counter.circle-no-slider.columns-5 .circle-counter-item {
		width: 33.33333333%;
		margin-bottom: 20px;
	}
	.zozo-piechart-content {		
		padding: 15px 15px 0;
	}
}
/* 767 - Styles */
@media only screen and (max-width:767px) {	
	/* Circle Counter */
	.zozo-circle-counter.circle-no-slider.columns-3 .circle-counter-item, .zozo-circle-counter.circle-no-slider.columns-4 .circle-counter-item, .zozo-circle-counter.circle-no-slider.columns-5 .circle-counter-item {
		width: 100%;		
	}	
}