/* ================================================================
 * SHORTCODES
 * ================================================================ */
.dropcap-container {
	margin: 0;
	padding: 0;
}
.dropcap {
    color: #000;
    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;
}
/* Icons */
.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%;
}
.zozo-icon.icon-rounded {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.zozo-icon.icon-light.icon-circle, .zozo-icon.icon-light.icon-square, .zozo-icon.icon-light.icon-rounded, .zozo-icon.icon-light.icon-angled:after {
	background-color: #f5f5f5;
    color: #222;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
	-ms-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1) inset;
}
.zozo-icon.icon-dark.icon-circle, .zozo-icon.icon-dark.icon-square, .zozo-icon.icon-dark.icon-rounded, .zozo-icon.icon-dark.icon-angled:after {
	background-color: #262626;
    color: #fff;    
}
.zozo-icon.icon-transparent {
	background-color: transparent;
}
.zozo-icon.icon-bordered.icon-circle, .zozo-icon.icon-bordered.icon-square, .zozo-icon.icon-bordered.icon-rounded {
	border: 1px solid #262626;
    color: #222;
}
.zozo-icon.icon-bg.icon-circle, .zozo-icon.icon-bg.icon-square, .zozo-icon.icon-bg.icon-rounded {
	color: #fff;
}
.zozo-icon {
	text-align: center;
	margin: 0 10px 15px 0;
	display: inline-block;
}
.zozo-icon.icon-exlarge {
	font-size: 4em;
}
.zozo-icon.icon-circle.icon-exlarge, .zozo-icon.icon-square.icon-exlarge, .zozo-icon.icon-rounded.icon-exlarge { 
	height: 100px;
	line-height: 100px;
	width: 100px;
}
.zozo-icon.icon-large {
	font-size: 2.5em;
}
.zozo-icon.icon-circle.icon-large, .zozo-icon.icon-square.icon-large, .zozo-icon.icon-rounded.icon-large { 
	height: 75px;
	line-height: 75px;
	width: 75px;
}
.zozo-icon.icon-medium {
	font-size: 1.5em;    
}
.zozo-icon.icon-circle.icon-medium, .zozo-icon.icon-square.icon-medium, .zozo-icon.icon-rounded.icon-medium { 
	height: 50px;
    line-height: 50px;
    width: 50px;
}
.zozo-icon.icon-small {
	font-size: 1em;    
}
.zozo-icon.icon-circle.icon-small, .zozo-icon.icon-square.icon-small, .zozo-icon.icon-rounded.icon-small { 
	height: 36px;
    line-height: 36px;
    width: 36px;
}
.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;
}
.zozo-icon.icon-normal {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 33px;
}
/* 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 .fa.right-align {
	padding-right: 0;
	padding-left: 10px;
}
.button-sc {
	margin-bottom: 20px;
}
.alert {
	font-weight: 500;
}
.alert i {
	margin-right: 5px;
}
.alert .close {
	opacity: 0.7;
	text-shadow: none;
	line-height: 18px;	
}
.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 .zozo-accordion-panel .panel-collapse .panel-body:before {
    background: #c0c0c0;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    right: 15px;
	display:block;
    top: 0;
}
.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;
	width: 27px;
	height: 20px;	
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	bottom: 5px;
	position: absolute;
    right: 15px;
	top: 50%;
    transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.zozo-accordion .panel-title a:before, .zozo-accordion .panel-title a.collapsed:before {
    bottom: 6px;
    content: "";
    height: 21px;
    position: absolute;
    right: 15px;
	margin-top: 6px;
	top: 50%;
    transform: skew(12deg) rotate(12deg) translateY(-50%);
	-moz-transform: skew(12deg) rotate(12deg) translateY(-50%);
	-webkit-transform: skew(12deg) rotate(12deg) translateY(-50%);
	-o-transform: skew(12deg) rotate(12deg) translateY(-50%);
	-ms-transform: skew(12deg) rotate(12deg) translateY(-50%);
	transform-origin: right bottom 0;
	-moz-transform-origin: right bottom 0;
	-webkit-transform-origin: right bottom 0;
	-o-transform-origin: right bottom 0;
	-ms-transform-origin: 100% 100%;
    width: 27px;
    z-index: -1;
}
.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: 15px;
	margin-bottom: 26px;
	background-color: #e1e1e1;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	position:relative;
}
.zozo-progress-bar.progress:after, .vc_progress_bar .vc_single_bar:after {
    background:#fff;
    bottom: -1px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: skew(1deg) rotate(1deg);
	-ms-transform: skew(1deg) rotate(1deg);
	-moz-transform: skew(1deg) rotate(1deg);
	-o-transform: skew(1deg) rotate(1deg);
	-webkit-transform: skew(1deg) rotate(1deg);
    transform-origin: left bottom 0;
	-ms-transform-origin: 0 100%;
	-moz-transform-origin: left bottom 0;
	-o-transform-origin: left bottom 0;
	-webkit-transform-origin: left bottom 0;
    width: 100%;
}
.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;	
	line-height: 15px;
	font-size: 13px;
	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, .vc_progress_bar .vc_single_bar .vc_label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #000000;
	padding: 0;
}
.zozo-sc-progress-bar .progress-bar-title span, .vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
	float: right;
}
.vc_progress_bar {
    margin-top: 30px;
}
.vc_progress_bar .vc_single_bar {
	margin-bottom: 56px;
}
.vc_progress_bar .vc_single_bar .vc_label {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
}
.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;
}
/* Image Shape Angle*/
.img-shape-angle .imgframe-wrapper, .grid-shape-angled .zozo-image-wrapper {
	height: 100%;
	overflow: hidden;
	transform: skewY(3deg);
	-ms-transform: skewY(3deg);
	-moz-transform: skewY(3deg);
	-o-transform: skewY(3deg);
	-webkit-transform: skewY(3deg);
	transform-origin: right bottom 0;
	-ms-transform-origin: 100% 100%;
	-moz-transform-origin: right bottom 0;
	-o-transform-origin: right bottom 0;
	-webkit-transform-origin: right bottom 0;
	width: 100%;
}
.img-shape-angle .imgframe-wrapper img, .grid-shape-angled .zozo-image-wrapper img.img-angled {
	transform: skewY(-3deg);
	-ms-transform: skewY(-3deg);
	-moz-transform: skewY(-3deg);
	-o-transform: skewY(-3deg);
	-webkit-transform: skewY(-3deg);
	transform-origin: right bottom 0;
	-ms-transform-origin: 100% 100%;
	-moz-transform-origin: right bottom 0;
	-o-transform-origin: right bottom 0;
	-webkit-transform-origin: right bottom 0;
	width:100%;
}
.modal-dialog .close {
	font-size: 32px;
    line-height: 0.8;
}
/* ================================================================
 * Pricing Table
 * ================================================================ */
.row.zozo-pricing {
	display: block;
	text-align: center;
	margin: 1.5em 0 3em;
}
/* ================================================================
 * Grid Boxes
 * ================================================================ */
.grid-item .grid-text-center {
	text-align: center;
}
.grid-item .grid-icon {
	display: block;
	text-align: center;
}
.grid-item .grid-text-center .grid-icon {
	margin-left: auto;
	margin-right: auto;
}
.feature-box-style.style-box-with-bg .grid-item .grid-text-center .grid-icon.icon-normal, .feature-box-style.style-box-with-bg .grid-item .grid-text-center .grid-icon.icon-default {
	font-size: 60px;
	line-height: 60px;
	max-height: 70px;
}
.grid-item .grid-text-center .grid-desc {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: 400;
}
.grid-item .grid-text-center .grid-button {
	text-align: right;
}
.grid-item .grid-text-right .grid-content-wrapper {
	text-align: right;	
}
.grid-box-inner {
	position: relative;
}
.grid-box-inner.grid-text-left .grid-icon-wrapper, .grid-box-inner.grid-text-left .grid-image-wrapper, .grid-box-inner.grid-text-right .grid-icon-wrapper, .grid-box-inner.grid-text-right .grid-image-wrapper {
    position: absolute;
	top: 0;
	left: 0;
}
.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-text-left .grid-icon, .grid-item .grid-text-right .grid-icon {
	font-size: 33px;
}
.grid-item .grid-text-left .grid-icon.icon-normal, .grid-item .grid-text-right .grid-icon.icon-normal, .grid-item .grid-text-left .grid-icon.icon-default, .grid-item .grid-text-right .grid-icon.icon-default {
	height: 58px;
	line-height: 58px;
	width: 58px;
	margin: 0;
}
.grid-item .grid-text-left .grid-icon.icon-angled.icon-normal, .grid-item .grid-text-right .grid-icon.icon-angled.icon-normal {
	height: 68px;
	line-height: 58px;
	width: 58px;	
}
.style-default-box .grid-item .grid-text-center .grid-icon.icon-angled.icon-normal {
	height: 83px;
	line-height: 68px;
	width: 70px;
}
.grid-item .grid-text-left.grid-box-normal .grid-content-wrapper {
    padding-left: 75px;
}
.grid-item .grid-text-right.grid-box-normal .grid-content-wrapper {
    padding-right: 75px;
}
.grid-item .grid-text-left .grid-image-wrapper, .grid-item .grid-text-right .grid-image-wrapper {
	max-width: 58px;
}
.grid-shape-angled {
	overflow: hidden;
}
/* Outlined Box */
.feature-box-style.style-outline-box .grid-item {
	padding: 30px;
	border: 1px solid #eee;
	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;
	position: relative;
}
/* Title Top and Icon */
.feature-box-style.style-title-top-icon .grid-icon-box-title {
	margin-bottom: 15px;
}
.feature-box-style.style-title-top-icon .grid-icon-box-title .grid-icon-wrapper, .feature-box-style.style-title-top-icon .grid-icon-box-title .grid-image-wrapper {
	display: inline-block;
}
.feature-box-style.style-title-top-icon .grid-icon-box-title .grid-image-wrapper {
	max-width: 80px;
	overflow: visible;
	margin: 0 10px 0 0;
}
.feature-box-style.style-title-top-icon .grid-icon-box-title .grid-title {
	display: inline-block;
	margin: 0;
	vertical-align: text-bottom;
}
.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-right .grid-icon-box-title .zozo-icon {
	margin: 0 0 0 10px;
}
/* ================================================================
 * 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 {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	text-align: center;
	font-size: 42px;
	font-weight: 500;
}
.zozo-piechart span:after {
    content: '%';
    font-size: 42px;
}
.zozo-piechart-content {
	text-align: center;
	padding: 15px 30px 0;
}
/* ================================================================
 * Counter
 * ================================================================ */
.zozo-counter .counter-icon {
    float: left;
    margin-right: 15px;
}
.zozo-counter .counter-icon > i {
	color: #ffffff;
	display: block;
	font-size: 33px;
	text-align: center;
	line-height: 58px;
	min-height: 58px;
	min-width: 65px;
	overflow: hidden;
	padding: 0 0 12px;
	position: relative;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	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;
}
.zozo-counter .counter-icon > i::after {
	bottom: 1px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 1px;
	 transform: skew(9deg) rotate(9deg);
	-moz-transform: skew(9deg) rotate(9deg);
	-ms-transform: skew(9deg) rotate(9deg);
	-o-transform: skew(9deg) rotate(9deg);
	-webkit-transform: skew(9deg) rotate(9deg);
	transform-origin: right bottom 0;
	-moz-transform-origin: right bottom 0;
	-webkit-transform-origin: right bottom 0;
	-o-transform-origin: right bottom 0;
	-ms-transform-origin: right bottom 0;
	width: inherit;
	z-index: -1;
}
.counter.zozo-counter-count {
	display: block;
	font-size: 45px;
	line-height: 34px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 8px;
}
.counter-title h4 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.42857;
	margin: 0;
	text-align: left;
}
/* ================================================================
 * Day Counter
 * ================================================================ */
.zozo-daycounter-wrapper {
	padding: 5px 0 35px;
	text-align: center;
}
.countdown-section {
	position: relative;
	border: none;
}
.countdown-section:after {
	content: ":";
	position: absolute;
	top: 50%;
	right: -20px;
	font-size: 30px;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.countdown-section:last-child:after {
	content: none;
}
.countdown-section .countdown-amount {
	border: none;
	border-top: 2px solid;
	display: block;
	height: 90px;
	overflow: hidden;
	line-height: 72px;
	position: relative;
	font-weight: 300;
}
.countdown-section .countdown-amount:after {
	content: "";
	position: absolute;
	border: 2px solid;
	width: 98%;
	height: 100%;
	bottom: 3px;
	left: 2px;
	right: 2px;
	transform: skew(12deg) rotate(12deg);
	-ms-transform: skew(12deg) rotate(12deg);
	-moz-transform: skew(12deg) rotate(12deg);
	-o-transform: skew(12deg) rotate(12deg);
	-webkit-transform: skew(12deg) rotate(12deg);
	transform-origin: right bottom 0;
	-ms-transform-origin: 100% 100%;
	-moz-transform-origin: right bottom 0;
	-o-transform-origin: right bottom 0;
	-webkit-transform-origin: right bottom 0;
}
.countdown-period {
	text-align: left;
	margin-top: -15px;
	font-size: 14px;
	font-weight: 300;
}
.daycounter-button {
	text-align: center;
}
.daycounter-button .btn.btn-discount {
	width: 100%;
	max-width: 430px;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 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%;		
	}	
}