/*
	Theme Name: eac
	Theme URI: http://foecreative.com
	Author: FOE Creative
	Author URI: http://foecreative.com
	Version: 1.0
	Text Domain: eac
	Domain Path:  /languages
*/




/*==================================================================*\
===============         1- BROWSERS STYLING            	==============
\*==================================================================*/
html, body, div, span, applet, object, iframe,
p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, .figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing:antialiased;
}

article, aside, details, .figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;   
}

html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	max-width:   100%;
}

div{
	display:block;
}

a{  cursor: pointer;text-decoration: none; }

body{
	width: 100%;
	padding: 0;
	margin: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: #333;
	overflow-x: hidden;
	font-size: 13px;
	line-height: 1.5em;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

textarea, input,button,select{
	border:1px solid #ccc;
}

textarea,input{ font-family: 'PTSansRegular',Arial,Helvetica,sans-serif; background: #FFF;}

textarea{
	resize:none;
}

img{
	border:none;
}

input[type=text]::-ms-clear {
    display: none;
}

:focus {
		outline: 0;
}

input[type=submit] {
   -webkit-appearance: none;
}

a,i{
	color: inherit;
}

i{
	font-size:inherit;
}

/* Markup Content Thing */
h1 { font-size: 30px; }
h2 { font-size: 22px;}
h3 { font-size: 19px; }
h4 { font-size: 18px; }
h5 { font-size: 16px;}
h6 { font-size: 14px; }
h1,h2,h3,h4,h5,h6 {
	color: inherit;	
	font-weight: normal;
	-webkit-font-smoothing: antialiased;	
	font-weight: 600;	
	letter-spacing: 1px;
}

#km-header-top-menu ul, #km-header-top-menu ol,#km-main-menu ul , #km-main-menu ol,
#side-menu-container ul,#side-menu-container ol,#the-comment-list ul , #the-comment-list ol,
.widget ul ,.widget ol{
	list-style: none;
}
#km-single-content p,#km-data p{margin-bottom: 10px; margin-top: 10px;}
#km-single-content p:first-of-type,#km-data > p:first-of-type{margin-top: 30px;}
#km-single-content img{
	max-width: 100%!important;
}
#km-single-content ul, #km-single-content ol, #km-data ul, #km-data ol{
	margin-left: 20px;
	margin-bottom: 20px;
}
#km-single-content table, #km-data table{
	margin: 0 0 20px;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    border-top: 1px solid #ececec;
}
#km-single-content table td, #km-single-content table td,
#km-data table td, #km-data  table td{
	padding: 5px 5px;
}
#km-single-content table tr:nth-child(2n+1),
#km-datatable tr:nth-child(2n+1) {
    background-color: #fcfcfc;
}
#km-single-content table tr th:first-child, #km-single-content table tr td:first-child,
#km-data table tr th:first-child, #km-data table tr td:first-child {
	border-left: 1px solid #ececec;

}
#km-single-content table tr th,
#km-data table tr th{
	font-weight: 600;
}
#km-single-content table tr th, #km-single-content table tr td,
#km-data table tr th, #km-data table tr td {
	border-right: 1px solid #ececec;
	padding-left: 10px;
}
#km-single-content table tr, #km-single-content table th,
#km-data table tr, #km-data table th{
	border-bottom: 1px solid #ececec;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
	max-width: 100%;
}
#km-data > p > img{
	max-width: 100%;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.link-container{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999999;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.gallery-caption { 
    margin-left: 0; 
    margin-bottom: 10px;
    padding: 0px 10px;
}
.bypostauthor {}
/*==================================================================*\
===============		     2- GLOBAL LAYOUT STYLE 		==============
\*==================================================================*/

#km-wrapper,#km-theboss{
	width: 100%;
	height: 100%;
	padding: 0px;
    box-sizing: border-box;
    margin: auto;
    position: relative;
	overflow: hidden;
	top: 0px; right: 0px; left: 0px; bottom: 0px;
	background: inherit;
	z-index: 5;
}
.wpb_wrapper pre{
	white-space: normal;
}
#km-container{
	width: 100%;
	margin: auto;
	position: relative;
	min-height: 100px;
	overflow: hidden;
	
}
#km-content{
	min-height: 400px;
	margin: auto;	
}
.sy-revslider{
	position: relative;	
	width: 100%;
	float: left;
}

#km-checker{
	height: auto;
	width: 100%;
	float: left;
	box-sizing: border-box;
	position: relative;
}

#km-checker[data-sidebar-position='none'] #km-data{
	width: 100%;
	float: left;
}
#km-checker[data-sidebar-position='left'] #km-data{
	width: 73%;
	margin-left: 2.4%;
	float: right;
}
#km-checker[data-sidebar-position='right'] #km-data{
	width: 73%;
	margin-right: 2.4%;
	float: left;
}
body[data-layout='full_width'][data-fullwidth='1']  #km-checker[data-sidebar-position='left'] #km-data,
body[data-layout='full_width'][data-fullwidth='1']  #km-checker[data-sidebar-position='right'] #km-data{
	width: 75%;
	margin-left: 0;
	margin-right: 0;
}

#km-checker[data-sidebar-position='left'] #kameleon-sidebar{
	float: left;
}

#km-checker[data-sidebar-position='right'] #kameleon-sidebar{
	float: right;
}

#kameleon-sidebar img{max-width: 100%!important;} 
.textwidget img{max-width: 100%!important;} 
#km-data.km-over-hidden{overflow: hidden!important;}
#km-data.km-over-hidden-padding{overflow: hidden!important; padding-bottom: 20px;}
#km-data.km-over-hidden-paddingall{padding-bottom: 20px; padding-right: 5px; padding-left: 5px; box-sizing: border-box;}
.masonrypp-hidden .effect-sadie h2{opacity: 0;}
/* =============
	HEADERS STYLE
   =============  */

#km-header{
	overflow: visible;
}

#km-header, #km-header-wrapper{
	width: inherit;
	float: left;
	z-index: 9999;
	box-sizing:border-box;
	position: relative;
}
#km-header-wrapper{
	border-left: 0px!important;
	border-right: 0px!important;
	-webkit-transition:  height .2s ease-in;
	   -moz-transition:  height .2s ease-in;
	    -ms-transition:  height .2s ease-in;
	     -o-transition:  height .2s ease-in;
	        transition:  height .2s ease-in;
}

#main-logo{
	-webkit-transition: all .3s ease-in;
	   -moz-transition: all .3s ease-in;
	    -ms-transition: all .3s ease-in;
	     -o-transition: all .3s ease-in;
	        transition: all .3s ease-in;
}

#km-header-content,#km-header-top-content{
	margin: auto; height: inherit!important; line-height: inherit!important;
}

#km-header[data-width='boxed-header'] #km-header-content, #km-header[data-width='boxed-header'] #km-header-top-content,
.header_v4[data-width='boxed-header'] #km-main-menu,#km-header[data-width='boxed-header'] #search-big-container #search-content{
	position: relative;
}
#km-header[data-width='full-header'] #km-header-content, #km-header[data-width='full-header'] #km-header-top-content,
#km-header[data-width='full-header'] .km-mega-menu-container,.header_v4[data-width='full-header'] #km-main-menu,
#km-header[data-width='full-header'] #search-big-container #search-content,
body[data-layout='boxed'] .center-content,body[data-layout='full_width'][data-fullwidth='1'] .center-content,#km-footer[data-layout='full_width'] .center-content,
#km-slidingbar[data-slidingbar-width='full_width'] .center-content{
	padding: 0px 20px; box-sizing:border-box;  width: 100%;
}


body[data-layout='boxed'] #km-container{
	position: relative; overflow-x: hidden;
}


#km-header-top{
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 3px 0px;
}

#km-header-top[data-icon-style='circle'] #km-header-top-social-icons a{
	border-radius: 50%;
}

#km-header-top-social-icons{
	width: auto;
	height: 0px;
}

#km-header-top-social-icons a{
	font-size: inherit;
	display: inline-block;
	color: inherit;
	cursor:pointer;
	height: 26px;
	float: left;
	line-height: 26px;
	margin-left: 0px;
	text-align: center;
	background: inherit;
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
	        transition: all .5s ease-in;

}

#km-header-top[data-icon-hover-style='rotate'] #km-header-top-social-icons a:hover{
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	     -o-transform: rotate(360deg);
	        transform: rotate(360deg);
}

#km-header-top[data-icon-hover-style='flip_horizon'] #km-header-top-social-icons a:hover{
	-webkit-transform: rotateY(360deg);
	   -moz-transform: rotateY(360deg);
	    -ms-transform: rotateY(360deg);
	     -o-transform: rotateY(360deg);
	        transform: rotateY(360deg);
}

#km-header-top[data-icon-hover-style='flip_vertical'] #km-header-top-social-icons a:hover{
	-webkit-transform: rotateX(360deg);
	   -moz-transform: rotateX(360deg);
	    -ms-transform: rotateX(360deg);
	     -o-transform: rotateX(360deg);
	        transform: rotateX(360deg);
}

#km-header-top[data-icon-hover-style='grow'] #km-header-top-social-icons a:hover{
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
}

#km-header-top[data-icon-hover-style='shrink'] #km-header-top-social-icons a:hover{
	-webkit-transform: scale(0.8);
	   -moz-transform: scale(0.8);
	    -ms-transform: scale(0.8);
	     -o-transform: scale(0.8);
	        transform: scale(0.8);
}


#km-header-top[data-top-style='style1'] #km-header-top-info ,#km-header-top[data-top-style='style2'] #km-header-top-social-icons{
	float: left;
}

#km-header-top[data-top-style='style2'] #km-header-top-info ,#km-header-top[data-top-style='style1'] #km-header-top-social-icons{
	float: right;
}

#km-header-top[data-top-style='style1']:not([data-icon-style='none']) #km-header-top-social-icons a,
#km-header-top[data-top-style='style6']:not([data-icon-style='none']) #km-header-top-social-icons a{
	margin-left: 10px; width: 26px;
}
#km-header-top[data-top-style='style2']:not([data-icon-style='none']) #km-header-top-social-icons a,
#km-header-top[data-top-style='style5']:not([data-icon-style='none']) #km-header-top-social-icons a{
	margin-right: 10px; width: 26px;
}

#km-header-top[data-top-style='style1'][data-icon-style='none'] #km-header-top-social-icons a,
#km-header-top[data-top-style='style6'][data-icon-style='none'] #km-header-top-social-icons a{
	margin-left: 30px;
}

#km-header-top[data-top-style='style2'][data-icon-style='none'] #km-header-top-social-icons a,
#km-header-top[data-top-style='style5'][data-icon-style='none'] #km-header-top-social-icons a{
	margin-right: 30px;
}

#km-header-top[data-top-style='style3'] #km-header-top-info ,#km-header-top[data-top-style='style4'] #km-header-top-menu{
	float: left;
}

#km-header-top[data-top-style='style4'] #km-header-top-info ,#km-header-top[data-top-style='style3'] #km-header-top-menu{
	float: right;
}


#km-header-top-menu ul li , #km-footer-menu ul li{
	display: inline-block;
	position: relative;
}
#km-header-top #km-header-top-menu  ul li:before, #km-footer-menu  ul li:before{
	content: "|";
	left: 0;
	color: inherit;
	position: relative;
	opacity: 0.8;
	margin-left: 15px;
	margin-right: 15px;
}
#km-header-top #km-header-top-menu  ul li:first-of-type:before, #km-footer-menu  ul li:first-of-type:before{
	content: none;
}

#km-header-top[data-top-style='style5'] #km-header-top-social-icons ,#km-header-top[data-top-style='style6'] #km-header-top-menu{
	float: left;
}

#km-header-top[data-top-style='style6'] #km-header-top-social-icons ,#km-header-top[data-top-style='style5'] #km-header-top-menu{
	float: right;
}


/**/
#km-header-top-info span{
	letter-spacing: 2px;
	display: inline-block;
}
#km-header-top-info span i{
	font-size: 14px; padding-right: 5px;
}
#km-header-top-info span .km-phone-top{
	font-size: 16px;
}

#km-header-top #km-header-top-info span:first-of-type:after{
	content: "|";
	padding-left: 15px;
	padding-right: 13px;
	display: inline-block;
	opacity: 0.9;
}

.hv1-logo{
	float: left;
	margin-right: 20px;
}
.main-logo img,.main-logo a{
	width: inherit;
	height: inherit;
}
.retina-logo{
 	display: none; opacity: 0; visibility: hidden;
 }

 #km-header[data-fixed="1"]{
 	position: fixed;
 }

/*  Retina Logo Detection*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.default-logo{	display: none; opacity: 0; visibility: hidden;}
	.retina-logo{	display: block; opacity: 1; visibility: visible;}
}

/*Menu Styling */
#km-main-menu{
	width: auto; height: inherit;
}
.search-link{
	float: left;
	position: relative;
}

#km-main-menu[data-menu-position='right']{
	float: right;
}

#km-main-menu[data-menu-position='left'],#km-main-menu[data-menu-position='centerleft']{
	float: left;
}
#km-main-menu[data-menu-position='left'] > ul > li , #km-main-menu[data-menu-position='left'] > ul > .search-link{
	margin-right: 20px;
	float: right;
}
#km-main-menu[data-menu-position='centerleft'] > ul > li{
	margin-right: 20px;
}

#km-main-menu[data-menu-position='right'] > ul > li , #km-main-menu[data-menu-position='right'] > ul > .search-link{
	margin-left: 20px;
}

#km-main-menu ul > li{
	font-size: 15px; float: left;	
}

#km-main-menu > ul > li > a{
	position: relative;
}
#km-main-menu > ul > li > a:after, #km-main-menu > ul > li.current-menu-item  > a:after, #km-main-menu > ul > li.current-menu-ancestor  > a:after{
	content: "";
	position: absolute;		
	display: block;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	bottom: -6px;	
	width: 0%;
	-webkit-transition: width 0.2s ease-in;
	   -moz-transition: width 0.2s ease-in;
	    -ms-transition: width 0.2s ease-in;
	     -o-transition: width 0.2s ease-in;
	        transition: width 0.2s ease-in;
}
#km-main-menu > ul > li:hover > a:after , #km-main-menu > ul > li.current-menu-item  > a:after, #km-main-menu > ul > li.current-menu-ancestor  > a:after{
	width: 50%;
}

.rtl #km-main-menu > ul > li ul{
	text-align: right;
}
#km-main-menu > ul > li ul{
	text-align: left;
}

/* Drop Down Menu Styling	*/
#km-main-menu > ul > li ul{
	position: absolute;
	top: 100%; width: 220px;
	left: 0px;
	display: none;
	opacity: 0;
	box-sizing:border-box;
	visibility: hidden;
	background: #111;
	margin-top: -1px;
	z-index: 999999;
}
#km-main-menu > ul > li ul li a{
	display: inline-block; float: left; width: 100%;
	height: inherit; line-height: inherit;
}

#km-main-menu > ul > li ul ul{
	top: 0px; left: 100%; margin-left: 1px;
}

/*#km-main-menu > ul > li:last-of-type ul{
	right: 0px; left: initial;
}*/
.ass-menu{
	font-size: 11px;
}

#km-main-menu > ul > li ul li{
	width: 100%;
	float: left;
	height: 40px;
	line-height: 39px;
	font-size: 13px;
	box-sizing:border-box;
	padding: 0px 15px;
	border-bottom: 1px solid #222;
}

#km-main-menu ul > li:hover > ul, #km-main-menu ul > li:hover > .km-mega-menu-container{
	visibility: visible; opacity: 1; display: block;
}
/* Mega Menu Styling */
.km-mega-menu-container{
	box-sizing:border-box;
	width: 100%;
	float: left;
	left: 0px; top: 100%;
	position: absolute;
	display: none;
	visibility: hidden;
	opacity: 0;
	margin-top: -1px;
	z-index: 999999;
}

#km-main-menu ul > li .km-mega-menu-container > ul{
	box-sizing:border-box;
	padding: 25px 0px;
	float: left;
	width: 100%;
	opacity: 1!important;
	visibility: visible!important;
	position: relative;
	display: flex;
	background: none;
}

.km-megamenu-column h3{
	padding: 0px;
    margin: 0px;
    letter-spacing: 2px;
    font-weight: 200;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 10px;
}

#km-main-menu > ul > li ul .km-megamenu-column:hover{background: none!important;}
#km-main-menu > ul > li ul .km-megamenu-column{
	float: left;
	box-sizing:border-box;
	height: auto;
	line-height: 1.5em;
	background: none!important;
	border-bottom: 0px!important;
	border-right: 1px solid;
	padding: 0px 25px;
	padding-right: 0px;
	display: table-cell;
}
#km-main-menu > ul > li ul .km-megamenu-column:last-of-type{
	border-right: 0px;
}

#km-main-menu > ul > li ul .km-megamenu-column .mega-menu-ul{
	width: 100%;
	float: left;
	left: initial; right: initial; top:initial;
	margin-left: 0px;
	position: relative;
	box-sizing:border-box;
	visibility: visible;
	opacity: 1;
	display: block;
	padding: 0;
	background: none!important;
}
#km-main-menu > ul > li ul .km-megamenu-column .mega-menu-ul li{
	padding: 0;
	height: 30px;
	line-height: 30px;
	border-bottom: 0px!important;
	background: none!important;
	overflow: hidden;
}

.header_v1 #main-logo{
	float:left; margin-right:50px;
}

/* Header Version 2	*/
.header_v2 #close-search{
	float: left;
}

.header_v2 #main-logo{
	float: right;
}



.header_v2 #search-content input{
	text-align: right;
}

/* Header Version 3*/
.header_v3 #main-logo{
	position: absolute;
	left: 50%;
}
.header_v3 #main-logo a{
	position: relative;
	left: -50%;
}


/* Header Version 4 */
#km-header-logo-center{
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
}

#km-header-logo-center #main-logo{
	margin: auto;
}

.header_v4  #km-header-content{
	border-color: inherit;
}
.header_v4 #km-header-menu-center{
	width: 100%;
	float: left;
	border-top: 1px solid;
	border-color: inherit;
	height: 35px;
	line-height: 35px;
	margin-top: 0px;
	position: absolute;
	display: inline-block;
	text-align: center;
	left: 0px;
	bottom: 1px;
}
.header_v4 #km-main-menu{
	left: 0;
}
.header_v4[data-width='boxed-header'] #km-main-menu{
	float: none;
	margin: auto;
}


.header_v4 #km-main-menu > ul > li{
	margin: auto;
	display: inline-block;
	float: none;
	margin-right: 7px;
	margin-left: 7px;
}
.header_v4 .search-link{
	display: inline-block;
	float: none;
	margin-right: 7px;
	margin-left: 7px;
}

/* =============
	Side Header Show/Hide & Fixed
   =============  */
#km-header-side,#km-header-side-shown{
	position: fixed;
	top: 0; bottom: 0;
	z-index: 999999;
	box-sizing:border-box;
	-webkit-transition: all .7s ease-in-out;
	   -moz-transition: all .7s ease-in-out;
	    -ms-transition: all .7s ease-in-out;
	     -o-transition: all .7s ease-in-out;
	        transition: all .7s ease-in-out;
}

#km-header-side[data-bar-position='left']{
	left: -100%;
}

#km-header-side[data-bar-position='right']{
	right: -100%;
}

#km-header-side-shown[data-bar-position='left']{
	left: 0%;
}

#km-header-side-shown[data-bar-position='right']{
	right: 0%;
}

#km-hv5-top,#km-hv5-bottom,#km-hv6-top,#km-hv6-bottom{
	width: 100%;
	float: left;
	box-sizing:border-box;
	height: 40px;
	padding: 0px 20px;
}

#hv5-closer-icon,#hv6-closer-icon{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid;
	text-align: center;
	cursor: pointer;
}
#hv5-closer-icon[data-position='left']{
	float: left;
}
#hv5-closer-icon[data-position='right']{
	float: right;
}

#km-hv5-bottom,#km-hv6-bottom{
	position: absolute;
	bottom: 30px;
	height: auto;
}
#km-hv5-search,#km-hv6-search{
	width: 100%;
	float: left;
	height: 36px;
	position: relative;
}

#km-hv5-search input,#km-hv6-search input{
	width: 100%;
	height: 35px;
	line-height: 35px;
	box-sizing:border-box;
	padding: 0px 15px;
	padding-top: 7px;
	border: 0px;
	background:transparent;
	color: inherit;
	font-size: 15px;
	text-align: center;
	opacity: 0.5;
	border-top: 1px solid;
	-webkit-transition: all .4s ease-out;
	   -moz-transition: all .4s ease-out;
	    -ms-transition: all .4s ease-out;
	     -o-transition: all .4s ease-out;
	        transition: all .4s ease-out;
}
#km-hv5-search input:focus,#km-hv6-search input:focus{
	opacity: 1;
}


#km-hv5-social,#km-hv6-social{
	color: inherit;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
}
#km-hv5-social a,#km-hv6-social a{
	color: inherit;
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 20px;
	-webkit-transition: all .4s ease-out;
	   -moz-transition: all .4s ease-out;
	    -ms-transition: all .4s ease-out;
	     -o-transition: all .4s ease-out;
	        transition: all .4s ease-out;
}


#km-hv5-search i,#km-hv6-search i{
	display: inline-block;
	color: inherit;
	position: absolute;
	right: 0;
	height: 25px;
	top: 10px;
	line-height: 25px;
	font-size: 14px;
	padding-right: 15px;
	opacity: 0.7;
}


#km-header-side #side-menu-container,#km-header-side-shown #side-menu-container{
	position: absolute;
	width: 100%;
	box-sizing:border-box;
	padding: inherit;
	padding-top: 0;
	padding-bottom: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


#km-header-side #side-menu-container ul li,#km-header-side-shown #side-menu-container ul li{
	position: relative;
	width: 100%;
	float: left;
}
#km-header-side #side-menu-container ul li ul,#km-header-side-shown #side-menu-container ul li ul{
	position: absolute;
	z-index: 9999;
	width: 220px;
	background: inherit;
	height: auto;
	padding: 5px 0px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .2s ease-in;
	   -moz-transition: all .2s ease-in;
	    -ms-transition: all .2s ease-in;
	     -o-transition: all .2s ease-in;
	        transition: all .2s ease-in;
}

#km-header-side[data-bar-position='left'] #side-menu-container ul li ul,#km-header-side-shown[data-bar-position='left'] #side-menu-container ul li ul{
	left: 100%;
	margin-left: -15px;
}
#km-header-side[data-bar-position='left'] #side-menu-container ul li:hover > ul,#km-header-side-shown[data-bar-position='left'] #side-menu-container ul li:hover > ul{
	margin-left: 1px;
}
#km-header-side[data-bar-position='right'] #side-menu-container ul li ul,#km-header-side-shown[data-bar-position='right'] #side-menu-container ul li ul{
	right: 100%;
	margin-right: -15px;
}
#km-header-side[data-bar-position='right'] #side-menu-container ul li:hover > ul,#km-header-side-shown[data-bar-position='right'] #side-menu-container ul li:hover > ul{
	margin-right: 1px;
}
#km-header-side #side-menu-container ul li:hover > ul,#km-header-side-shown #side-menu-container ul li:hover > ul{
	visibility: visible;
	opacity: 1;
}



#km-header-side #side-menu-container ul li ul a,#km-header-side-shown #side-menu-container ul li ul a{
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}
#km-header-side #side-menu-container ul li ul a:last-of-type,#km-header-side-shown #side-menu-container ul li ul a:last-of-type{
	border-bottom: 0px!important;
}
#km-header-side  #side-menu-container a,#km-header-side-shown  #side-menu-container a{
	width: 100%;
	float: left;
	border-bottom: 1px solid;
	box-sizing:border-box;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
}
#km-header-side  #side-menu-container div a span,#km-header-side-shown  #side-menu-container div a span{
	margin-left:0px!important ;
}

.header_v5[data-content-position='left'] #side-menu-container a,.header_v6[data-content-position='left'] #side-menu-container a{
	text-align: left;
}
.header_v5[data-content-position='center'] #side-menu-container a,.header_v6[data-content-position='center'] #side-menu-container a{
	text-align: center;
}
.header_v5[data-content-position='right'] #side-menu-container a,.header_v6[data-content-position='right'] #side-menu-container a{
	text-align: right;
}


#km-header-side #side-menu-container a,#km-header-side-shown #side-menu-container a{
	-webkit-transition: all .3s ease-in;
	   -moz-transition: all .3s ease-in;
	    -ms-transition: all .3s ease-in;
	     -o-transition: all .3s ease-in;
	        transition: all .3s ease-in;
}



#km-hv5-ic-container{
	position: fixed;
	z-index: 999999;
	width: 35px;
	height: 35px;
	text-align: center;
}
#km-hv5-ic-container #km-hv5_icon{
	display: inline-block;
	margin-top: 5px;
	-webkit-transform: scale(0.6) ;
	   -moz-transform: scale(0.6) ;
	    -ms-transform: scale(0.6) ;
	     -o-transform: scale(0.6) ;
	        transform: scale(0.6) ;
}
#km-hv5-ic-container[data-position='right-top']{
	right: 50px;
	top: 50px;
}
#km-hv5-ic-container[data-position='left-top']{
	left: 50px;
	top: 50px;
}

#km-hv5-ic-container[data-position='right-bottom']{
	right: 50px;
	bottom: 50px;
}
#km-hv5-ic-container[data-position='left-bottom']{
	left: 50px;
	bottom: 50px;
}

.header_v5 #main-logo-container,.header_v6 #main-logo-container{
	height: auto;
	width: 100%;
	float: left;
}
.header_v5[data-content-position='left'] #main-logo-container,.header_v6[data-content-position='left'] #main-logo-container{
	text-align: left;
}
.header_v5[data-content-position='center'] #main-logo-container,.header_v6[data-content-position='center'] #main-logo-container{
	text-align: center;
}
.header_v5[data-content-position='right'] #main-logo-container,.header_v6[data-content-position='right'] #main-logo-container{
	text-align: right;
}
.header_v5 #main-logo-container #main-logo,.header_v6 #main-logo-container #main-logo{
	display: inline-block;
}

/* Search Menu Styling */
#search-big-container{
	width: 100%; height: 100%;
	position: absolute;
	background: #fff;
	color: #888;
	display: none;
	top: 0; left: 0; right: 0;
	box-sizing:border-box;
	overflow: hidden;
	text-align: left;
}
#search-big-container input{
	border: 0px;
	position: absolute;
	height: 100%;
	background: none;
	line-height: 100%;
	font-size: 32px;
	color: inherit;
	z-index: 9999;
	width: 100%;
}
#search-content{
	margin: auto;
	position: relative;
	width: 100%;
	box-sizing:border-box;
    height: inherit;
}


#close-search{
	font-size: 17px;
	float: right;
	position: relative;
	height: inherit;
	cursor: pointer;
	line-height: inherit;
	z-index: 99999;
}

/* =============
	Mobile Header
   =============  */

#km-mheader{
	width: 100%;
	float: left;
	top: 0;
	visibility: hidden; display: none;
	position: relative;
	z-index: 999999999999999;
}

#km-mheader-top{
	width: 100%;
    padding: 10px 0px;
    float: left;
	min-height: 25px;
    border-bottom: 1px solid #eee;
    position: relative;
}
#km-mheader-top-info{
	text-align: center;
	width: 100%;	
	min-height: 20px;
}
#km-mheader-top-info span{
	display: inline-block;
	text-align: center;
	font-style: 12px;
	margin-right: 5px;
	letter-spacing: 2px;
}
#km-mheader-top-info span:last-of-type{
	margin-right: 0px;
}
#km-mheader-top-info span:last-of-type:before{
	content: "/";
}

#km-mheader-top-social-icons{
	width: 100%;
	box-sizing:border-box;
	padding: 0px 20px;
	float: left;
	min-height: 20px;
	font-size: 15px;
	margin: 2px 0px;
	text-align: center;	
}
#km-mheader-top-social-icons a{
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}
#km-mheader-top-container{
    position: absolute;
    min-height: 1px;
    overflow: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    float: left;
}

#km-mheader-container{
	width: 100%;
	float: left;
	box-sizing:border-box;
	padding: 0px 20px;
	border-bottom: 1px solid #eee;
	position: relative;
}

#km-mheader-container[data-logo-position='left'] #km-mheader-logo{
	left: 20px;
	margin-right: 10px;
}

#km-mheader-container[data-logo-position='right'] #km-mheader-logo{
	right: 20px;
	margin-left: 10px;
}

#km-mheader-container[data-logo-position='center'] #km-mheader-logo{
	left: 50%;
}

#km-mheader-container[data-logo-position='center'] #km-mheader-logo a{
	left: -50%;
}
#km-mheader-logo{
	position: absolute;
	top: 50%;
}

#km-mheader-logo a{
	position: relative;
	top: -50%;
}

#km-mheader-logo a,#km-mheader-logo a img{
	width: inherit;
	height: inherit;
}

#km-mheader-icon-container{
	position: absolute;
	top: 50%;
	width: 36px;
	height: 25px;
	-webkit-transform : scale(.6) translateX(-25%) translateY(-25%);
	-moz-transform : scale(.6) translateX(-25%) translateY(-25%);
	-ms-transform : scale(.6) translateX(-25%) translateY(-25%);
	-o-transform : scale(.6) translateX(-25%) translateY(-25%);
	transform : scale(.6) translateX(-25%) translateY(-25%);
}
#km-mheader-icon{
	position: relative;
	top: -50%;
}
#km-mheader-woocommerce-container{
	font-size: 18px;
    position: absolute;
    width: 30px;
    height: 23px;
    padding-top: 3px;
	top: 50%;	
	-webkit-transform : translateY(-50%);
	-moz-transform : translateY(-50%);
	-ms-transform : translateY(-50%);
	-o-transform : translateY(-50%);
	transform : translateY(-50%);
}

#km-mheader-container[data-icon-position='left'] #km-mheader-woocommerce-container{
	left:70px;
	margin-right: 10px;
}
#km-mheader-container[data-icon-position='right'] #km-mheader-woocommerce-container{
	right:70px;
	margin-left: 10px;
}

#km-mheader-container[data-icon-position='left'] #km-mheader-icon-container{
	left:20px;
	margin-right: 10px;
}
#km-mheader-container[data-icon-position='right'] #km-mheader-icon-container{
	right:20px;
	margin-left: 10px;
}
/*Responsive Menu*/
#responsive-menu[data-menu-style='drop-down']{
	width: 100%;
    float: left;
    top: 100%;
    display: none;
    margin-top: 1px;
    z-index: 99999;
    border-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#responsive-menu[data-menu-style='drop-down'] div{
	width: 100%;
    float: left;
    display: block;
    margin: 0;
    left: 0%;
}

#responsive-menu[data-menu-style='drop-down'] div a{
    height: 45px;
    line-height: 45px;
    float: left;
    display: block;
    width: 90%;
    margin-left: 5%;
    border-bottom-width: 1px ;
    border-bottom-style:solid;
    font-size: 14px;
}

#responsive-menu[data-menu-style='drop-down'] div a span{
	display: block;
    float: left;
    width: 20px;
    height: 20px;
}

#responsive-menu[data-menu-style='drop-down'] div i {
    display: block;
    float: right;
    margin-top: 15px;
    color: inherit;
    margin-right: 22px;
    opacity: 0.8;
}


#responsive-menu[data-menu-style='left-side'] , #responsive-menu[data-menu-style='right-side']{
	position: absolute;
	z-index: 99999999;
	top: 0;
	height: 100vh;
	width: 300px;
	box-sizing:border-box;
	overflow: auto;
	overflow-x: hidden;
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
	        transition: all .5s ease-in;
}
#responsive-menu[data-menu-style='left-side']{
	left: -100%;
}

#responsive-menu[data-menu-style='right-side']{
	right: -100%;
}


#responsive-menu-closer{
	width: 100%;
	float: left;
	height: 50px;
}

#responsive-menu-closer #responsive-menu-closer-icon{
	float: left;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-top: 7px;
	border: 1px solid;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	margin-left: 20px;
}

#responsive-menu[data-menu-style='right-side'] #responsive-menu-closer #responsive-menu-closer-icon{
	float: right;
	margin-right: 20px;
}

#responsive-menu-closer #responsive-menu-closer-icon i{
	display: inline-block;
	float: none;
	margin-top: 0;
	margin-right: 0;
	opacity: 0.7;
}
#responsive-menu[data-menu-style='left-side'] #responsive-menu-closer #responsive-menu-closer-icon i:before, #hv5-closer-icon[data-position='left'] i:before{
    content: "\f177";
}
#responsive-menu[data-menu-style='right-side'] #responsive-menu-closer #responsive-menu-closer-icon i:before, #hv5-closer-icon[data-position='right'] i:before{
    content: "\f178";
}

#responsive-menu[data-menu-style='left-side'] div, #responsive-menu[data-menu-style='right-side'] div{
	width: 100%;
    float: left;
    display: block;
    margin: 0;
    left: 0%;
}

#responsive-menu[data-menu-style='left-side'] div a,#responsive-menu[data-menu-style='right-side'] div a{
    height: 45px;
    line-height: 45px;
    float: left;
    display: block;
    width: 100%;
    border-bottom-width: 1px ;
    border-bottom-style:solid;
    font-size: 13px;  
}

#responsive-menu[data-menu-style='left-side'] div:first-of-type > a,#responsive-menu[data-menu-style='right-side'] div:first-of-type > a{
	border-top-width: 1px ;
	border-top-style:solid;
}

#responsive-menu[data-menu-style='left-side'] div a span,#responsive-menu[data-menu-style='right-side'] div a span{
	display: block;
    float: left;
    width: 20px;
    height: 20px;
}

#responsive-menu[data-menu-style='left-side'] div i ,#responsive-menu[data-menu-style='right-side'] div i{
    display: block;
    float: right;
    margin-top: 15px;
    color: inherit;
    margin-right: 22px;
    opacity: 0.8;
}

#responsive-menu[data-menu-style='left-side'] div i.fa-chevron-right ,#responsive-menu[data-menu-style='right-side'] div i.fa-chevron-right{
	margin-top: 16px;
}
/* =============
	Page Loader Styling
   =============  */

#km-pageloader{
	width: 100%;
	height: 100%;
	top: 0; left:0; right: 0; bottom:0;
	position: fixed;
	z-index: 999999999999;
	text-align: center;
	-webkit-transition: transform .5s ease-in-out, opacity .5s ease-in-out, visibility .1s ease .5s;
	transition: transform .5s ease-in-out, opacity .5s ease-in-out, visibility .1s ease .5s;
}

#km-pageloader[data-situation="shown"]{
	visibility: visible!important; opacity: 1!important;
}
#km-pageloader[data-situation="hide"]{
	visibility: hidden;
}
#km-pageloader[data-style="fade"][data-situation="hide"]{
	opacity: 0; 
}

#km-pageloader[data-style="top"][data-situation="hide"]{
	-webkit-transform:translateY(-100%); transform:translateY(-100%);	
}
#km-pageloader[data-style="bottom"][data-situation="hide"]{
	-webkit-transform:translateY(100%);	transform:translateY(100%);	
}
#km-pageloader[data-style="left"][data-situation="hide"]{
	-webkit-transform:translateX(-100%);	transform:translateX(-100%);	
}
#km-pageloader[data-style="right"][data-situation="hide"]{
	-webkit-transform:translateX(100%);	transform:translateX(100%);	
}
#km-pageloader[data-style="scale"][data-situation="hide"]{
	-webkit-transform:scale(0);	transform:scale(0);	
}
#km-theboss[data-situation="hide"]{
	opacity: .1; margin-top:30px;
	-webkit-transition: all .5s  ease-in-out;
	transition: all .5s  ease-in-out;	
}
#km-theboss[data-situation="shown"]{
	opacity: 1; margin-top: 0px;
    -webkit-transition: all .5s  ease-in-out;
	transition: all .5s  ease-in-out;
}



#km-pageloader-icon{
	position: relative;
	display: inline-block;
	margin: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#km-pageloader-icon img{
	width: auto;
	height: auto;

}
.spinner{
	text-align:center;
	font-size:10px; 
	margin:auto;
	position: relative; 
	top: 50%;
	-webkit-transform: translateY(-50%);
   	-moz-transform: translateY(-50%);   
        transform: translateY(-50%); 
}

.spinner1{
	height:40px;
	       
}
.spinner1>div{background-color:#fff;margin: 0 1px;height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner1 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner1 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner1 .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner1 .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}

.spinner2{
  width: 40px;
  height: 40px;
  background-color: #333;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.spinner3{
  width: 40px;
  height: 40px;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


.spinner4 {
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



.spinner5 {  
  width: 70px;
  text-align: center;
}

.spinner5 > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner5 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner5 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.spinner6 {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid rgba(255, 255, 255, 0.2);
  border-right: 3px solid rgba(255, 255, 255, 0.2);
  border-bottom: 3px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1s infinite linear;
  animation: load8 1s infinite linear;
}
.spinner6,
.spinner6:after {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
   -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.spinner7,
.spinner7:before,
.spinner7:after {
  border-radius: 50%;
  background:inherit;
}
.spinner7:before,
.spinner7:after {
  position: absolute;
  content: '';
}
.spinner7:before {
  width: 5.2em;
  height: 10.2em;
  background: inherit;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.2em;
  left: -0.2em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.spinner7 {
  font-size: 3px;
  text-indent: -99999em;  
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner7:after {
  width: 5.2em;
  height: 10.2em;
  background: inherit;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.spinner8 {  
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.spinner8 .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.spinner8 .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.spinner8 .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.spinner8 .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.spinner8 .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.spinner8 .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.spinner8 .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.spinner8 .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg);transform: perspective(140px) rotateX(-180deg);opacity: 0; } 
  25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg);transform: perspective(140px) rotateX(0deg);opacity: 1; } 
  90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg);transform: perspective(140px) rotateY(180deg);opacity: 0;}
}

@keyframes sk-foldCubeAngle {
  0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg);transform: perspective(140px) rotateX(-180deg);opacity: 0; } 
  25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg);transform: perspective(140px) rotateX(0deg);opacity: 1; } 
  90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg);transform: perspective(140px) rotateY(180deg);opacity: 0;}
}



/* =============
	Go Top Button STYLE
   =============  */
#km-gotop{
	width: 40px;
    height: 40px;
    line-height: 38px;
	position: fixed;
	z-index: 9999;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: 0;
}
#km-gotop[data-position='left']{
	left: 100px;
}

#km-gotop[data-position='right']{
	right: 100px;
}

#km-gotop[data-position='center']{
	left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* =============
	FOOTERS & Slding Bar STYLE
   =============  */
body[data-footer-effect='true'] #km-footer{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1;
	bottom: 0;			
}

#km-footer,#km-slidingbar{
	width: 100%;
	min-height: 0px;
	overflow: auto;
}
#km-footer-content,#km-slidingbar-content{
	display: block;
	width: 100%;
	box-sizing:border-box;
	margin: auto;
}

#km-footer[data-footer-width="full_width"] #km-footer-content{
	padding: 0px 20px;
	padding-top: 40px;
}

#km-footer-content-container,#km-footer-bottom-container,
#km-footer-copyright-container{
	float: left;
	box-sizing:border-box;
	position: relative;
	width: 100%;
}
#km-footer-copyright-container{
	letter-spacing: 2px;
	word-spacing: 3px;
}
#km-footer .center-content{
	margin: auto;
}


#km-footer-bottom-content[data-bottom-style="style1"] #km-footer-menu, #km-footer-bottom-content[data-bottom-style="style2"] #km-footer-icons{
	float: right;
}

#km-footer-bottom-content[data-bottom-style="style2"] #km-footer-menu, #km-footer-bottom-content[data-bottom-style="style1"] #km-footer-icons{
	float: left;
}
#km-footer-bottom-content[data-bottom-style="style4"] #km-footer-menu,#km-footer-bottom-content[data-bottom-style="style3"] #km-footer-icons{
	margin: auto;	 text-align: center;
}
#km-footer-bottom-content[data-bottom-style="style1"] #km-footer-icons a{
	margin-right: 20px;
}
#km-footer-bottom-content[data-bottom-style="style2"] #km-footer-icons a{
	margin-left: 20px;
}

#km-footer-bottom-content[data-bottom-style="style3"] #km-footer-icons a{
	display: inline-block;
	margin-left: 10px; margin-right: 10px;
}

.footer-column,.slidingbar-column{
	float: left;
	min-height: 0px;
	overflow: auto;
	overflow-x: hidden;
	padding-right: 20px;
	box-sizing:border-box;
}
.footer-column:last-of-type,.slidingbar-column:last-of-type{
	padding-right: 0px;
}

/* Sliding Bar Show/Hide Button  */
#km-sb{
	width: 100%;
	min-height: 0px;
	overflow: hidden;
	position: absolute;
	left:0px;
	right:0px;
	z-index: 10000;
	float: left;
	padding-bottom: 0px;
}

#km-slidingbar{
	display: none;
}



#km-slidingbar-buttonshow[data-position='right']{width: 25px; height: 20px; position: absolute; right:0; float: right;  z-index: 999999; text-align: center;  cursor: pointer;}
#km-slidingbar-buttonshow[data-position='right']:after{content: ''; right: 0px; top:0px; border-left: 40px solid transparent; border-top: 30px solid;  position: absolute; z-index: -1;  }
#km-slidingbar-buttonshow[data-position='right'] i{  font-size: 12px;  }

#km-slidingbar-buttonshow[data-position='left']{width: 40px; height: 20px; left:0;  position: absolute; float: left; color: #FFF; z-index: 99999;   cursor: pointer;}
#km-slidingbar-buttonshow[data-position='left']:after{content: ''; left: 0px; top:0px; border-right: 40px solid transparent; border-top: 35px solid;  position: absolute; z-index: -1;  }
#km-slidingbar-buttonshow[data-position='left'] i{  font-size: 12px; margin-left: 4px; margin-top: 6px; display: inline-block; }

#km-slidingbar-buttonshow[data-position='center']{width: 30px; height: 20px; left: 50%; position: absolute; float: left; color: #FFF; z-index: 99999; text-align: center;   cursor: pointer;}
#km-slidingbar-buttonshow[data-position='center'] i{  font-size: 12px; margin-top: 0px; }


/* =============
	SIDEBAR STYLE
   =============  */

#kameleon-sidebar{
	width: 24.6%;
	min-height: 100%;
	overflow: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	position: relative;
}
#kameleon-sidebar[data-position='left']{
	float: left;
	margin-right: 2.4%;
}
#kameleon-sidebar[data-position='right']{
	float: right;
	margin-left: 2.4%;
}

#kameleon-sidebar-content{
	width: 100%;
	float: left;
	min-height: 10px;
	overflow: auto;
	overflow-x: hidden;
	box-sizing: border-box;
}

#km-checker[data-sidebar-position="left"] #kameleon-sidebar-content{
	float: right;
}

#km-checker[data-sidebar-position="right"] #kameleon-sidebar-content{
	float: left;
}


/* =============
	TITLE BAR STYLE
   =============  */

#km-titlebar{
	width: 100%;
	float: left;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
}

#km-titlebar-wrapper{
	float: left;
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

#km-titlebar-content{
	margin: auto;
}

#titlebar-title, #titlebar-path{
	display: inline-block;
	min-height: 0px;
	line-height: 1;
}
#titlebar-path{
  text-transform: capitalize;
  font-style: italic;
  margin-top: 3px;
}

#km-titlebar-content[data-titlebar-style="style1"] #titlebar-title,#km-titlebar-content[data-titlebar-style="style2"] #titlebar-path{
	float: left;
}
#km-titlebar-content[data-titlebar-style="style2"] #titlebar-title,#km-titlebar-content[data-titlebar-style="style1"] #titlebar-path{
	float: right;
}

#km-titlebar-content[data-titlebar-style="style3"] #titlebar-title,#km-titlebar-content[data-titlebar-style="style3"] #titlebar-path{
	width: 100%;
	text-align: center;
}
#side-menu-container .search-link{display: none;}
/* =============
	PAGE INTRO STYLE
   =============  */

.intro-header {
	position: absolute;
	margin: 0 auto;
	z-index: 999999999999999;
	overflow: hidden;
	width: 100%;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

.intro-bg-img {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
}

.intro-effect-fadeout .intro-bg-img img ,.intro-effect-push .intro-bg-img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
}
.intro-effect-sliced .intro-bg-img img{
	width: 100%;
	height: 200%;
}
.intro-title {
	z-index: 1000;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	line-height: 1;
}
.intro-effect-sliced.modify .intro-header {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	visibility: hidden;
} 
.intro-title[data-position="bottom"]{	
    bottom: 80px;    
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

.intro-title[data-position="top"]{
	top: 50px;
	box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

.intro-title[data-position="center"]{
	top: 50%;
	-webkit-transform:translateY(-50%);
	transform: translateY(-50%);
}

/* -------------------------- */
/* Faded gradient */
/* -------------------------- */

.intro-effect-fadeout:not(.notrans) .intro-bg-img {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-fadeout:not(.notrans) .intro-bg-img::after {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}


.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) #km-wrapper > div {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-fadeout:not(.notrans) .intro-bg-img,
.intro-effect-fadeout:not(.notrans) .intro-bg-img::after,
.intro-effect-fadeout:not(.notrans) #km-wrapper > div {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-fadeout .intro-header {
	overflow: hidden;
}

.intro-effect-fadeout.modify .intro-bg-img {
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
}

.intro-effect-fadeout .intro-bg-img::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 101%;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.intro-effect-fadeout.modify .intro-bg-img::after {
	opacity: 1;
}



.intro-effect-fadeout.modify .intro-header p:nth-child(2),
.intro-effect-fadeout.modify .intro-header p:nth-child(3) {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.intro-effect-fadeout #km-wrapper{
	margin-top: 50%;
}
.intro-effect-fadeout #km-wrapper > div {
	opacity: 0;
	-webkit-transform: translateY(350px);
	transform: translateY(350px);
}

.intro-effect-fadeout.modify #km-wrapper > div {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

/* -------------------------- */
/* Sliced */
/* -------------------------- */

.intro-effect-sliced:not(.notrans) .intro-bg-img,
.intro-effect-sliced:not(.notrans) .intro-title {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-sliced:not(.notrans) #km-wrapper > div {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-sliced:not(.notrans) .intro-bg-img,
.intro-effect-sliced:not(.notrans) .intro-title,
.intro-effect-sliced:not(.notrans) #km-wrapper > div{
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-sliced.modify:not(.notrans) .intro-title,
.intro-effect-sliced.modify:not(.notrans) #km-wrapper > div,
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.intro-effect-sliced .intro-bg-img img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	min-width: 100%;
	min-height: 100%;
	bottom: 0;
	right: 0;
}

.intro-effect-sliced .intro-bg-img:first-child {
	bottom: 50%;
	z-index: 1;
}

.intro-effect-sliced .intro-bg-img:last-child {
	top: 50%;
	position: fixed;
	z-index: 900;
}

.intro-effect-sliced .intro-bg-img:last-child img {
	top: -100%;
	position: absolute;

}

.intro-effect-sliced.modify .intro-bg-img:first-child {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	    
}

.intro-effect-sliced.modify .intro-bg-img:last-child {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.intro-effect-sliced #km-wrapper > div {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	opacity: 0;
}
.intro-effect-sliced #km-wrapper{
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	    
}

.intro-effect-sliced.modify #km-wrapper > div ,.intro-effect-sliced.modify:not(.notrans) #km-wrapper {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

/* Delays */
.intro-effect-sliced.modify:not(.notrans) .intro-title {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	 opacity: 0;
	 visibility: hidden;
}


/* -------------------------- */
/* Push */
/* -------------------------- */
.intro-effect-push:not(.notrans) .intro-header,
.intro-effect-push:not(.notrans) > .intro-title,
.intro-effect-push:not(.notrans) #km-wrapper > div {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.intro-effect-push:not(.notrans) .intro-header {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}



.intro-effect-push .intro-header {
	position: absolute;
	z-index: 999999999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.intro-effect-push > .intro-title {
	position: relative;
	top: auto;
	left: auto;
	padding: 6em 1em 2em;
}



.intro-effect-push > .intro-title,
.intro-effect-push #km-wrapper > div {
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
	opacity: 0;
}

.intro-effect-push.modify > .intro-title,
.intro-effect-push.modify #km-wrapper > div {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

.intro-effect-push.modify .intro-header {
	opacity: 0;
	-webkit-transform: translateY(-100%) scale(0.9);
	transform: translateY(-100%) scale(0.9);
}

/* Delays */
.intro-effect-push.modify:not(.notrans) > .intro-title {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.intro-effect-push.modify:not(.notrans) #km-wrapper > div {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}


button.trigger {
	position: fixed;
	color: #FFF;
	font-size: 22px;
	background: none;
	border:none;
	bottom: 20px;
	left: 50%;
	right: -50%;
	cursor: pointer;
	z-index: 8999999999;
}




/* =============
	SINGLE POST STYLE
   =============  */
#km-single-content{
	width: 100%;
	float: left;
	height: auto;
	font-size: 15px;
	color: #666;
	line-height: 1.9em;
}

#km-single-content blockquote,#km-data blockquote{
	width: calc(100% - 30px);
	float: left;
	border-left: 3px solid;
	padding: 10px 20px;
	box-sizing:border-box;
	display: inline-block;
	margin: 15px 0px;
	margin-left: 30px;
	font-size: 14px;
	line-height: 1.7em;
}
#km-single-content pre,#km-single-content code,
#km-data pre,#km-data code{
	padding: 10px;
	box-sizing:border-box;
	background: #f1f1f1;
	overflow: auto;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.single-comments-list pre{
	padding: 10px;
	box-sizing:border-box;
	background: #f1f1f1;
}

.km-pimage-wrapper , .km-pgallery-wrapper,.km-pgallery-icons-active{
	width: 100%;
	height: auto;
	position: relative;
}
.km-gallery-image{
	width: 100%;
	float: left;
	height: auto;
	position: relative;
	z-index: 9;
	opacity: 1;
		-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.km-gallery-image[data-active="true"]{
	-webkit-transform:scale(1) ;
	   -moz-transform:scale(1) ;
	    -ms-transform:scale(1) ;
	     -o-transform:scale(1) ;
	        transform:scale(1) ;
}
.km-gallery-image[data-active="false"]{
	position: absolute;
	z-index: 1;
	opacity: 0;
	-webkit-transform:scale(.6) ;
	   -moz-transform:scale(.6) ;
	    -ms-transform:scale(.6) ;
	     -o-transform:scale(.6) ;
	        transform:scale(.6) ;
}




.km-pimage-wrapper img,.km-pgallery-wrapper img,.km-pgallery-icons img, .single-post-data video , .single-post-data audio,.single-post-data iframe{
	width: 100%;
	height: auto;
}

/* Video Style */
.km-embed-videoWrapper{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}

.km-embed-videoWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.single-post-data .km-pimage-wrapper, .single-post-data .km-pgallery-wrapper{
	margin-bottom: 20px;
}

/* Single Portfolio Layout */
.single-portfolio-data{
	width: 100%;
	float: left;
}
.km-pgallery-icons-active{
	position: relative;
}

.km-pgallery-icons-galls{
	width: auto;
	float: left;
	border: 1px solid #eee;
	box-sizing:border-box;
	margin-bottom: 10px;
	position: relative;
	z-index: 9999;
}
.km-pgallery-icon{
	width: 100px;
	height: 90px;
	cursor: pointer;
	box-sizing:border-box;
	display: inline-block;
	border-right: 1px solid #eee;
	text-align: center;	
}
.km-pgallery-icon:last-of-type{
	border-right: 0px;
}


.km-pgallery-icon img{
	width: 90px;
	height: 80px;
	display: inline-block;
	margin: auto;
	margin-top: 5px;
}

#km-portfolio-gall{
	margin-bottom: 20px;
}
.single-portfolio-data[data-folio-layout='left'] #km-portfolio-gall , .single-portfolio-data[data-folio-layout='right'] #km-portfolio-gall{
	width: 65%;
}

.single-portfolio-data[data-folio-layout='left'] #km-portfolio-gall,.single-portfolio-data[data-folio-layout='left'] #km-portfolio-information{
	float: right;
}

.single-portfolio-data[data-folio-layout='right'] #km-portfolio-gall,.single-portfolio-data[data-folio-layout='right'] #km-portfolio-information{
	float: left;
}


.single-portfolio-data[data-folio-layout='right'] #km-portfolio-information, .single-portfolio-data[data-folio-layout='left'] #km-portfolio-information{	
	width: 35%;	
}

.single-portfolio-data[data-folio-layout='bottom'] #km-portfolio-gall , .single-portfolio-data[data-folio-layout='bottom'] #km-portfolio-information{
	width: 100%;
	float: left;
	
}

.single-portfolio-data[data-folio-layout='bottom'] #km-portfolio-content{
	width: 60%;
	float: left;
}

.single-portfolio-data[data-folio-layout='bottom'] #km-portfolio-data{
	width: 40%;
	float: left;
	box-sizing:border-box;
	padding-left: 20px;	
}

#km-portfolio-content{
	font-size: 15px;
	color: #666;
	line-height: 1.7em;
	margin-bottom: 20px;	
}

.single-portfolio-data[data-folio-layout='right'] #km-portfolio-content, .single-portfolio-data[data-folio-layout='left'] #km-portfolio-content,
.single-portfolio-data[data-folio-layout='right'] #km-portfolio-data, .single-portfolio-data[data-folio-layout='left'] #km-portfolio-data{
	width: 100%;
	float: left;
	box-sizing:border-box;
}

.single-portfolio-data[data-folio-layout='left'] #km-portfolio-data, .single-portfolio-data[data-folio-layout='left'] #km-portfolio-content{
	padding-right: 20px;
}

.single-portfolio-data[data-folio-layout='right'] #km-portfolio-data, .single-portfolio-data[data-folio-layout='right'] #km-portfolio-content{
	padding-left: 20px;
}

#km-portfolio-content[data-visual="1"],.single-portfolio-data[data-folio-layout='bottom'] #km-portfolio-content[data-visual="1"],
.single-portfolio-data[data-folio-layout='right'] #km-portfolio-content[data-visual="1"], .single-portfolio-data[data-folio-layout='left'] #km-portfolio-content[data-visual="1"]{
	width: 100%!important;
	float: left!important;
	padding: 0px!important;
	paddingl-left: 0px!important;
	padding-left: 0px!important;
	margin: 0!important;
}

.km-p-data-item{
	width: 100%;
	box-sizing:border-box;	
	float: left;	
	border: 1px solid #eee;
	border-bottom: 0px;	
	padding-bottom: 10px;
	position: relative;
}
.km-p-data-item:last-of-type{
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.km-p-data-item .km-p-data-title{
	width: 40%;
	display: block;
	background: #f9f9f9;
	height: 100%;
	padding: 0px 10px;
	box-sizing:border-box;	
	font-size: 14px;
	letter-spacing: 2px;
	border-right: 1px solid #eee;
	position: absolute;
	bottom: 0;
	top: 0;
}
.km-p-data-item .km-p-data-title div{
	height: auto;
	top: 50%;
	position: absolute;
	transform: translateY(-50%); 
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
}

.km-p-data-item .km-p-data-info{
	float: right;
	width: 60%;
	display: block;	
	box-sizing:border-box;	
	padding: 5px 15px;
	font-size: 13px;
	letter-spacing: 2px;
	color: #555;
	margin-top: 10px;
}
.km-p-data-item .km-p-data-info a{
	display: inline-block;  float: left;
	width: auto; margin-right: 10px;
	-moz-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.km-p-data-item .km-p-data-info a:after{
	content: "|";
	margin-left: 10px;	
}
.km-p-data-item .km-p-data-info a:last-of-type:after{
	content: none;
	color: #666;
}
.km-portfolio-loop{
	opacity: 0;
}

/* Related Post & Portfolios  */
.related-p-title{
	width: 100%;
	float: left;
	height: auto;
	margin: 10px 0px;
	margin-bottom: 40px;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}
.star-line{
	width: 100%;
	float: left;
	height: auto;
	position: relative;
}
.star-line:before{
	content: "\f006";
	position: absolute;
	padding-left: 2px;
	font: normal normal normal 14px/1 FontAwesome;
	left: 50%;
	bottom: -26px;
	background: #fff;
	z-index: 1;
	color: #ccc;
	margin-right: 0;
	-webkit-transform:translateX(-50%) ;
	   -moz-transform:translateX(-50%) ;
	    -ms-transform:translateX(-50%) ;
	     -o-transform:translateX(-50%) ;
	        transform:translateX(-50%) ;
}
.star-line:after{
	content: "";
	width: 30%;
	border-bottom: 1px solid #ddd;
	position: absolute;
	left: 50%;
	bottom: -20px;
	-webkit-transform:translateX(-50%) ;
	   -moz-transform:translateX(-50%) ;
	    -ms-transform:translateX(-50%) ;
	     -o-transform:translateX(-50%) ;
	        transform:translateX(-50%) ;
}

/* Related post Item */
.related-posts-container{
	margin-top: 30px;
	margin-bottom: 50px;
	width: 100%;
	float: left;
}
.related-post-item{
	width: 32%;
	float: left;
	height: auto;
	position: relative;
	box-sizing:border-box;
	border: 1px solid #f1f1f1;
	margin-left: 1%;
	overflow: hidden;
}
.related-post-item:hover .related-post-item-info{
	bottom: 0;	
}
.related-post-item:hover .related-post-item-info h2{
	height: 20px;	
}

.related-post-item:first-of-type{
	margin-left: 0;
}
.related-post-item img{
	width: 100%;
	float: left;
	height: auto;
	max-height: 250px;
}
.related-post-item-info{
	width: 100%;
	float: left;
	background: #FFF;
	box-sizing:border-box;
	height: 60px;
	position: absolute;
	bottom: -20px;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #eee;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.related-post-item-info h2{
	width: 100%;
	float: left;
	height: 30px;
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-weight: normal;
	margin-top: 0px;
}
.related-post-item-info p{
	display: inline-block;
	float: left;
	width: 100%;
	color: #666;
}


.related-p-slider{
	width: 100%;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	opacity: 0;
}

.related-p{
	width: 25%;
	margin-bottom: 30px;
	overflow: hidden;
	height: 200px;
	box-sizing:border-box;
	border-left: 1px solid #fff;
}

.related-p img{
	height: 100%;
}

/* Gallery Style */
.km-pgallery-wrapper{
	overflow: hidden;
	position: relative;
}

.km-pgallery-wrapper img{
	float: left;
}


.km-pgallery-buttons{
	width: 100%;
	left: 0;
	top: 50%;
	bottom: -50%;
	height: 45px;
	position: absolute;
	z-index: 3;
}
.km-pgallery-buttons > div{
	width: 40px;
	height: 40px;
	color: #FFF;
	background: #222;
	cursor: pointer;
	text-align: center;
	line-height: 40px;
}
.km-pgallery-prev{
	float: left;
}

.km-pgallery-next{
	float: right;
}

/* Audio Style */
/** audio player styles **/
.single-post-data .audio-player{
	margin-bottom: 20px;
}
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

div.audio-player {
  position: relative;
  width: 100%;
  height: 70px;
  margin: 0 auto;
  background: #222;


}
.audio-player h2 {
  position: absolute;
  top: 7px;
  left: 10px;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 16px;
  color: #ececec;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/* play/pause control */
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  position: absolute;
  text-indent: -9999px;
}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
  width: 34px;
  height: 34px;
  top: 32px;
  left: 7px;
  background: transparent url('images/playpause.png') 0 0 no-repeat;
}
.mejs-controls .mejs-pause button { background-position: 0 -35px; }


/* mute/unmute control */
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
  width: 18px;
  height: 19px;
  top: 9px;
  right: 142px;
  background: transparent url('images/audio.png') 0 0;
}
.mejs-controls .mejs-unmute button { background-position: 0 -19px; }


/* volume scrubber bar */
.mejs-controls div.mejs-horizontal-volume-slider {
  position: absolute;
  top: 13px;
  right: 15px;
  cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 120px;
  height: 11px;
  background: #212227;
  -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
  -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
  box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  width: 0;
  height: 9px;
  top: 1px;
  left: 1px;
  background: #90d26a;
  background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}


/* time scrubber bar */
.mejs-controls div.mejs-time-rail { width: 380px; }

.mejs-controls .mejs-time-rail span {
  position: absolute;
  display: block;
  width: 380px;
  height: 12px;
  top: 40px;
  left: 55px;
  cursor: pointer;
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #565860;
  width: calc(100% - 70px)!important; /* fixes display bug using jQuery 1.8+ */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  top: 0;
  left: 0;
  width: 0;
  background: #7b7d82;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  top: 0;
  left: 0;
  width: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #90d26a;
  background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
}

/* metallic sliders */
.mejs-controls .mejs-time-rail .mejs-time-handle {
  position: absolute;
  display: block;
  width: 20px;
  height: 22px;
  top: -6px;
  background: url('images/handle-lg.png') no-repeat;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  position: absolute;
  display: block;
  width: 12px;
  height: 14px;
  top: -1px;
  background: url('images/handle-sm.png') no-repeat;
}


/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  width: 33px;
  height: 23px;
  top: -26px;
  margin-left: -17px;
  z-index: 9999;
  background: url('images/time-box.png');
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 33px;
  display: block;
  left: 0;
  top: 4px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  text-align: center;
  z-index: 9999;
}

/* Previous & Next Posts */
.km-pn-button{	
	position: fixed;	
	top: 50%;
	height: 40px;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	color: #eee;
	width: 30px;
	z-index: 999999;
	background: rgba(0,0,0,0.8);
	line-height: 40px;-moz-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}
.km-pn-button:hover{
	width: auto;
	background: rgba(0,0,0,0.9);
	height: 80px;
	line-height: 80px;
}

.km-pn-button:hover .km-pn-button-inf{
	visibility: visible;	
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.km-pn-button:hover .km-pn-button-inf{
	-webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.km-pn-button i{
	display: block;
	width: 30px;
	font-size: 18px;
	height: inherit;
	line-height: inherit;
	text-align: center;
	float: left;
	
}
.km-pn-button-inf{
	height: 80px;
	float: left;	
	width: auto;	
	font-size: 14px;
	line-height: 80px;
	visibility: hidden;
}
.km-pn-button-inf img{
	width: 50px;
	height: 50px;
	float: left;
	border-radius: 100%;
	margin-top: 15px;
	margin-right: 10px;	
}
.km-pn-button-next .km-pn-button-inf{
	padding-left: 15px;
	-webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.km-pn-button-previous .km-pn-button-inf{
	padding-right: 15px;
	-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}


.km-pn-button-next{
	right: 0;
}
.km-pn-button-previous{
	left: 0;	
}

.km-pn-button-next i,.km-pn-button-next .km-pn-button-inf img{
	float: right;
}
.km-pn-button-next .km-pn-button-inf img{
	margin-left: 10px;
	margin-right: 0;	
}



#km-single-tit-info{
	width: 100%;
	float: left;
	margin-bottom: 15px;
	min-height: 20px;
}

#km-single-title{
	font-size: 21px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: auto;
	float: left;
	font-weight: normal;
	margin-top: 0px;
}
#km-single-info{
	width: auto;
	float: right;
	margin-bottom: 0;
	color: #888;
}
#km-single-info a{
	-moz-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
#km-single-info i{
	display: inline-block;
	margin-left: 10px;
	margin-right: 5px;
}
#km-single-info i:after{
	content: "|";
	float: left;
	color: #aaa;
	position: relative;
	margin-right: 15px;
}
#km-single-info a:first-of-type i:after{
	content: "";
	margin-right: 10px;
}
#km-single-info a:first-of-type i{
	margin-right: 0;
	margin-left: 0;
}

#single-tags{
	width: 100%;
	float: left;
	color: #aaa;
	font-style: italic;
	font-size: 13px;
	margin-bottom: 15px;
}

#single-tags a{
	font-size: 13px;
	color: #666;
	-moz-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

#km-single-share{
	width: 100%;
	display: table;
	border: 1px solid #eee;
	height: 40px;
	color: #bbb;
	margin-bottom: 15px;
	font-size: 18px;
	table-layout: fixed;
}

#km-single-share  a{
	display: table-cell;
	text-align: center;
	line-height: 40px;
	height: 40px;
	border-right: 1px solid #eee;

	position: relative;
}
#km-single-share a:last-of-type{
	border-right: 0px;
}
#km-single-share.social-share-bg {margin-top: 20px!important;}

.social-share-bg .ss-tooltip{
	background: #222;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	width: 90%;
	position: absolute;
	height: 25px;
	line-height: 25px;
	display: block;
	top: -15px;
	margin-bottom: 0;
	z-index: 99;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
#km-single-share a:hover .ss-tooltip{
	top: -35px;
	opacity: 1;
	visibility: visible;
}

.social-share-bg .ss-tooltip:after{
	content: "";
	position: absolute;
	top: 25px;
	border-top: 7px solid #222;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

}

.social-share-bg a{
	background: #fafafa;
}

.social-share-bg a:hover{

}

.social-share-bg a:hover{
	color: #FFF;
	-moz-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;

}
.social-share-bg  .facebook:hover{
	background: #3b5998;
}
.social-share-bg  .twitter:hover{
	background: #00aced;
}
.social-share-bg  .google:hover{
	background: #dd4b39;
}
.social-share-bg  .linkedin:hover{
	background: #007bb5;
}
.social-share-bg  .pinterest:hover{
	background: #cb2027;
}
.social-share-bg  .reddit:hover{
	background: #444;
}

#single-about-author{
	width: 100%;
	min-height: 40px;
	float: left;
	margin: 20px 0px;
	border: 1px solid #f6f6f6;
	border-right: 0px;
	border-left: 0px;
	padding: 20px 0px;
	box-sizing: border-box;
}

#single-athour-avatar{
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}

#single-athour-avatar img{
	width: 80px;
	height: 80px;
	float: left;
	border-radius: 100%;
}

#single-author-name-description{
	line-height: 1.8em;
	color: #888;
	font-size: 14px;
}

#single-author-name{
	display: block;
	font-size: 13px;
	line-height: 1.8;
	color: #333;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/*Comments Layout*/
#single-comments-list{
	width: 100%;
	min-height: 0px;
	float: left;
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 0px;
}

#single-post-comment{
	width: 100%;
	min-height: 200px;
	float: left;
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 20px;
	margin-top: 10px;
	box-sizing: border-box;
}

#single-post-comment input[type='text']{
	width: 31%;
	float: left;
	padding: 8px 10px;
	padding-right: 0px;
	margin-right:3.5%;
	box-sizing: border-box;
	border-color: #eee;
}

#single-post-comment-inputs{
	float: left;
	width: 100%;
	min-height: 20px;
	overflow: auto;
	margin-bottom: 20px;
}

#single-post-comment .comment-notes{
	display: none;
}

#single-post-comment input[type='text']:last-of-type{margin-right: 0%; float: right}

#single-post-comment-textarea{
	width: 100%;
	min-height: 20px;
	float: left;
	overflow: auto;
	margin-bottom: 20px;
}

#single-post-comment-textarea textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 15px 10px;
	padding-right: 0px;
	float: left;
	height: 120px;
	border-color: #eee;
}

.form-submit input[type='submit']{
	background-color: #222;
	width: auto;
	border: 0px;
	float: left;
	padding: 0px 25px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	height: 40px;
	display: block;
	line-height: 39px;
	-moz-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	font-weight: 700;
}
.logged-in-as{
	display: inline-block;
	margin-bottom: 10px;
	font-style: italic;
}
.logged-in-as a{color: #777;}

#the-comment-list{
	width: 100%;
	float: left;
	min-height: 0px;
	overflow: auto;
	overflow-x: hidden;
}

.single-section-title:after{
	width: 60%;
	border-color: #eee;
}
#the-comment-list h3,#single-post-comment h3{color: #555;}
#single-post-comment h3{margin-bottom: 50x;}
#single-post-comment h3 a:first-of-type{color: #666; }
.single-section-title{
	font-size: 18px;
	color: #444;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 30px;
	margin-top: 10px;
	display: inline-block;
	text-align: center;
	font-weight: 500;
}

#the-comment-list ul{
	width: 100%;
	float: left;
	min-height: 0px;
	overflow: auto;
	overflow-x: hidden;
	list-style: none;
}

#the-comment-list ul ul{
	width: 95%;
	float: right;
	min-height: 0px;
	overflow: auto;
	overflow-x: hidden;
	list-style: none;
}

#the-comment-list .first-ul{padding-left: 5px;}

#the-comment-list ul li{
	width: 100%;
	float: left;
	min-height: 0px;
	overflow: auto;
	overflow-x: hidden;
}

#the-comment-list .first-ul{box-sizing:border-box; }

/*Simple Comment Layout*/
.comment-container{width: 100%; float: left; padding: 4px 0px; padding-top: 18px;  border-bottom: 1px solid #f6f6f6;}
.comment-container em{font-size: 12px; color: #666; text-decoration: underline;}
.comment-author-vcard{width: 70px; height: 70px; float: left; margin-right: 10px;}
.comment-author-vcard img{width: 60px; height: 60px; margin: 5px; margin-top: 0px; border-radius: 100%;}
.comment-author-info{display: block;  margin-top: 5px;}
.comment-author-info a{font-size: 12px; color: #444; display: inline-block;}
.comment-author-info .comment-athor-name{font-size: 14px; letter-spacing: 2px;}
.comment-author-info .comment-date{margin: 2px 0px; color: #888;}
.comment-author-info .comment-edit-link a:before,.comment-author-info .comment-reply-link a:before{content:' - '; color: inherit;}
.comment-author-info p{margin-top: 2px; line-height: 1.6em; color: #777; font-size: 13px; margin-bottom: 10px;}

/*Bubble Comment Layout*/
.comment-container-bubble,.comment-container-whatever{border-bottom: 0px;}
.comment-author-vcard-bubble{width: 70px; height: 70px; float: left; margin-right: 20px; border-radius: 50%; margin-top: 10px;}
.comment-author-vcard-bubble img{width: 60px; height: 60px; margin: 5px; margin-top: 0px; border-radius: 50%;}
.comment-author-info-bubble{display: block; position: relative;   background: #f8f8f8; width: auto; float: left; box-sizing: border-box; padding: 10px; border-radius: 0px;}
.comment-author-info-bubble:before{content: ''; position: absolute;  border-right: 15px solid #f8f8f8; border-bottom: 15px solid transparent; border-top: 15px solid transparent; left: -15px; top: 15px;}

/*Modern Comment Layout*/
.comment-container-modern{border-bottom: 0px;}
.comment-author-vcard-modern{width: 60px; height: 60px; float: left; padding: 5px; margin-right: 0px; margin-left: 15px;}
.comment-author-vcard-modern img{width: 50px; height: 50px; float: left; border-radius: 100%;}
.comment-modern-info{margin-top: 15px;}

.comment-modern-text{display: inline-block; width: 99%; float: left; padding: 15px 10px;   background: #fff; border: 1px solid #eee; position: relative; margin-top: 3px; color: #666; font-size: 13px; line-height: 1.6em; box-sizing: border-box;}

.comment-modern-text:before{content: ''; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; position: absolute; top:-12px; left: 30px; z-index: 1;}
.comment-modern-text:after{content: ''; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #eee; position: absolute; top:-14px; left: 28px;}

/*Wide Comment LAyout*/
.comment-container-wide{box-sizing: border-box;  border: 1px solid #EEE; padding: 0; width: 100%;  margin: 10px 0px;  position: relative; padding-bottom: 10px; background: #F9F9F9; min-height: 80px;}
.comment-author-vcard-wide{    float: left;  position: absolute;  top: 10px; border-radius: 100%;  left: 10px;  padding: 3px;  width: 50px;  height: 50px;  background: #ebe9eb;  border: 1px solid #e4e1e3;  margin: 0;  box-shadow: none;}
.comment-author-vcard-wide img{border-radius: 100%;}
.comment-author-info-wide{margin: 0 0 0 65px;  padding: 1em 1em 0;}
.comment-author-info-wide p{color: #555;}

/*Whatever Comment Layout*/
.comment-author-vcard-whatever{width: 70px; height: 70px; float: left; margin-right: 0px; background: #f7f7f7;}
.comment-author-vcard-whatever img{width: 50px; height: 50px; margin: 10px; border-radius: 100%;}
.comment-author-info-whatever{display: block; position: relative;   background: #f7f7f7; width: auto; float: left; box-sizing: border-box; padding: 10px; margin-top: 0px; }

#km-comments-nav{width: 100%; float: left; margin-top: 20px; min-height: 0px; overflow: auto; }
#km-comments-nav a{display: inline-block;}
.previous-link{float: left;}
.next-link{float: right ;}



/* =============
	POST LIST STYLE
   =============  */
/* Quote Post Style */
.km-quote{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	text-align: center;
	box-sizing: border-box;
	padding: 25px 50px;
	background-color: #222;
	color: #FFF;
	font-size: 16px;
	position: relative;
}
.km-quote i{
	font-size: 45px;
	position: absolute;
	color: inherit;
	opacity: 0.15;
	bottom:0;
	right:0;
	-webkit-transform:  translateY(-20%) translateX(-20%);
	-moz-transform:  translateY(-20%) translateX(-20%);
	transform:  translateY(-20%) translateX(-20%);

}
.km-quote-content,.km-quote-author{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.km-quote-author{
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;
	position: relative;
}
.km-quote-author:after{
	content: "";
	border-bottom: 2px solid;
	position: absolute;
	width: 20px;
	top:23px;
	left:50%;
	opacity: 0.8;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);

}

/* Post Full Width Image */
.km-pfull-image,.km-pside-image,.km-pfull-image-2{
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #f8f8f8;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.km-p-title{
	font-weight: normal;
	font-size: 19px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	letter-spacing: 2px;
	-moz-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.km-pfull-image-2 .km-p-title{
	margin-top: 10px;
}

.km-p-title[data-type="masonry"]{
	font-size: 17px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;	
}

.km-p-excerpt{
	width: 100%;
	font-size: 14px;
	color: #555;
	line-height: 1.8em;
	margin-bottom: 10px;
}

.km-p-bottom{
	width: 100%;
	float: left;
	height: auto;;
}
.km-p-bottom .km-pf-read-more{
	float: right;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

.km-post-information{
	color: #888;
	float: left;
}
.km-post-information a{
	-moz-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.km-post-information i{
	display: inline-block;
	margin-right: 5px;
}
.km-post-information i:after{
	content: "|";
	float: left;
	color: #aaa;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}
.km-post-information a:first-of-type i:after{
	content: "";
    margin-right: 0px;
    margin-left: 5px;
}
.km-post-information a:first-of-type i{
	margin-right: 0;
	margin-left: 0;
}


/* Post Full Width Image */
.km-pside-thumbnail,.km-pside-info{
	width: 50%;
	height: auto;
	box-sizing:border-box;
}

/* Left */
.km-pside-image[data-position='left'] .km-pside-thumbnail{
	float: left;
}
.km-pside-image[data-position='left'] .km-pside-info{
	float: right; padding-left: 20px;
}

/* Left */
.km-pside-image[data-position='right'] .km-pside-thumbnail{
	float: right;
}
.km-pside-image[data-position='right'] .km-pside-info{
	float: left; padding-right: 20px;
}

/* Post Full Width Style 2*/
.km-pfull-left{
	width: 70px;
	height: 70px;
	float: left;
	margin-top: 10px;
}
.km-pfull-left a{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	background: #f5f5f5;
	text-align: center;
}
.km-pfull-left a i{
	display: block;
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #555;
}
.km-pfull-left a div{
	width: 100%;
	float: left;
	min-height: 20px;
	color: #FFF;
	background: #222;
	padding: 2px 0px;
}
.km-pfull-left a div span{
	width: 100%;
	float: left;
	font-size: 13px;
	font-weight: bolder;
}
.km-pfull-right{
	display: block;
	box-sizing:border-box;
	padding-left: 90px;
}

/* Kameleon Pagination */
.km-pagination-container{
	width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
    padding: 7px 0px;
    text-align: center;
}
.km-pagination{
	width: auto;   
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    display: inline-block;
    position: relative;
}
.km-pagination a{
    display: block;   
    float: left;    
    line-height: 35px;
    height: 35px;
    width: 35px;   
    margin: 0 5px;    
    text-align: center;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.km-pagination a:last-of-type{
	border-right: 0px;
}
.km-pagination a.current{
	color: #FFF;
}
.km-pagination a:hover{
	color: #FFF;
}

.km-pagination-container[data-pagination-align="left"] .km-pagination{
	float: left!important;
}
.km-pagination-container[data-pagination-align="right"] .km-pagination{
	float: right!important;
}

.km-pagination-container[data-pagination-align="left"] .km-pagination a{
	margin-left: 0px!important;
}
.km-pagination-container[data-pagination-align="right"] .km-pagination a{
	margin-right: 0px!important;
}

.km-pagination-container[data-pagination-style="pagination_circle"] .km-pagination a{
	border-radius: 50%;
}

.km-pagination-container[data-pagination-style="pagination_circle"] .km-pagination a,
.km-pagination-container[data-pagination-style="pagination_square"] .km-pagination a,
.km-pagination-container[data-pagination-style="pagination_rhombus"] .km-pagination a{
	 border: 1px solid #f5f5f5;
}
.km-pagination-container[data-pagination-style="pagination_line_top"] .km-pagination{
	border-top: 1px solid #f5f5f5;
}

.km-pagination-container[data-pagination-style="pagination_line_bottom"] .km-pagination{
	border-bottom: 1px solid #f5f5f5;		
}

.km-pagination-container[data-pagination-style="pagination_line_top"] .km-pagination a.current:after,
.km-pagination-container[data-pagination-style="pagination_line_top"] .km-pagination a:hover:after,
.km-pagination-container[data-pagination-style="pagination_line_bottom"] .km-pagination a.current:after,
.km-pagination-container[data-pagination-style="pagination_line_bottom"] .km-pagination a:hover:after,
.km-pagination-container[data-pagination-style="pagination_line_center"] .km-pagination a.current:after,
.km-pagination-container[data-pagination-style="pagination_line_center"] .km-pagination a:hover:after,
.km-pagination-container[data-pagination-style="pagination_line_center"] .km-pagination:after{
	content: "";
	width: 100%;
	left: 0px;
	position: absolute;
	height: 1px;
	background-color: #f5f5f5;	
}


.km-pagination-container[data-pagination-style="pagination_line_center"] .km-pagination a.current:after,
.km-pagination-container[data-pagination-style="pagination_line_center"] .km-pagination a:hover:after,
.km-pagination-container[data-pagination-style="pagination_line_center"] .km-pagination:after{
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.km-pagination-container[data-pagination-style="pagination_line_top"] .km-pagination a.current:after,
.km-pagination-container[data-pagination-style="pagination_line_top"] .km-pagination a:hover:after{
	top: -1px;
}
.km-pagination-container[data-pagination-style="pagination_line_bottom"] .km-pagination a.current:after,
.km-pagination-container[data-pagination-style="pagination_line_bottom"] .km-pagination a:hover:after{
	bottom: 0px;
}
.km-pagination-container[data-pagination-style="pagination_line_top"] .km-pagination a,
.km-pagination-container[data-pagination-style="pagination_line_bottom"] .km-pagination a,
.km-pagination-container[data-pagination-style="pagination_line_center"] .km-pagination a{
	position: relative;
}

.km-pagination-container[data-pagination-style="pagination_rhombus"] .km-pagination a{
	-webkit-transform:rotate(-45deg);	
	    transform:rotate(-45deg);
}
.km-pagination-container[data-pagination-style="pagination_rhombus"] .km-pagination a span{
	display: inline-block;
	-webkit-transform:rotate(45deg);	
	    transform:rotate(45deg);
}

/* Post Grid */

.km-grid-2, .km-grid-3, .km-grid-4{
	float: left;
	margin-bottom: 20px;
	border-bottom: 1px solid #f6f6f6;
	box-sizing:border-box;
	padding-bottom: 10px!important;
}
/* Post Grid 2*/
.km-grid-2{
	 width: calc( ( 100% - 75px ) / 2 + 25px );
}

.km-grid-info{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
/* Post Grid 3*/
.km-grid-3{
	width: calc( ( 100% - 125px ) / 3 + 25px );
}
/* Post Grid 4*/
.km-grid-4{
	width: calc( ( 100% - 175px ) / 4 + 25px );
}

#km-main-menu > ul > li ul .km-megamenu-column .mega-menu-ul li{
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}
#km-main-menu > ul > li ul .km-megamenu-column .mega-menu-ul li:hover{
	margin-left: 10px;	
}

.km-grid-masonry .km-p-title{
	margin-top: 0px;
}

/* =============
	PORTFOLIO STYLE
   =============  */
 .ajax-loading-folio{
 	width: 100%;
 	float: left;
 	height: 30px;
 	padding: 0 20px;
 	position: relative;
	box-sizing: border-box;
 }  
 .ajax-loading-folio .spinner1{
 	margin: inherit;
 	float: left;
 	height: 20px;
 }
 .ajax-loading-folio .spinner1 > div{
	width: 7px;
 }
.km-porfolio-filter{
	width: 100%;
	overflow-x: hidden;
	overflow: auto;
}
.km-porfolio-filter-style1{
	min-height: 35px;
	text-align: center;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px solid #f6f6f6;
}
.km-porfolio-filter-style1 .km-filter-link{
	display: inline-block;
	margin-right: auto;
	font-size: 15px;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0px 10px;
	position: relative;
	color: #666;
	padding-right: 15px;
}
.km-porfolio-filter-style1 .km-filter-link:after{
	content: '/';
	position: absolute;
	right: 0;
	margin-left: 5px;
}
.km-porfolio-filter-style1 .km-filter-link:last-of-type:after{
	content: "";
}
.km-porfolio-filter-style2{
	min-height: 30px;
    text-align: center;
    margin: 18px 0px 20px 0px;
}
.km-porfolio-filter-style2 .km-filter-link{
	display: inline-block;
	margin-right: auto;
	font-size: 15px;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0px 10px;
	position: relative;
	color: #666;
	border-bottom: 1px solid #f6f6f6;
	height: 27px;
	line-height: 25px;
	margin: 0 5px;
}
.km-porfolio-filter-style3{
	width: 100%;
	float: left;
	text-align: center;
	position: absolute;
	min-height: 30px;
	overflow: auto;
	z-index: 999;	
}

.km-porfolio-trigger{
	top: 50px;
	background: #121212;	
	z-index: 999999;	
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
	color: #FFF;
	cursor: pointer;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 0;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;
}
.km-porfolio-link-lists{
	z-index: 1;
	float: left;
    width: auto;
    width: 100%;
    margin: auto;
    background: #121212;
    height: auto;
    overflow: auto;
    text-align: center;
    padding:5px 10px;
    box-sizing: border-box;
    margin-left: 50%;   
    letter-spacing: 2px;    
    -webkit-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    -moz-transform:  translateX(-50%);
    -o-transform:  translateX(-50%);
    transform:  translateX(-50%);
    -webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}
.km-porfolio-link-lists .km-filter-link{
	width: auto;
	padding: 0 10px;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	overflow: auto;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
.km-porfolio-filter[data-active="true"] .km-porfolio-link-lists{
    opacity: 1;
}



/*  */

.portfolio-card-item{
	background: #FFF;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-sizing:border-box;	
	height: auto;
	overflow: hidden;
}
.portfolio-card-item img{
	width: 100%;
	float: left;
	height: auto;
	position: relative;
}
.portfolio-card-item .portfolio-card-info{
	width: 100%;
	float: left;
	background: #FFF;
	box-sizing:border-box;
	padding: 10px 20px;
	color: #444;
	position: absolute;
	height: 100%;
	left: 0; right: 0;	
	padding-bottom: 20px;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-top: 1px solid #eee;
}

.portfolio-card-info-hidden{
	bottom: calc( 40px - 100% );
}

.portfolio-card-info-shown{
	bottom: calc( 120px - 100% );
}

.portfolio-card-info .pc-title{
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.portfolio-card-info .pc-show{
	cursor: pointer;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 14px;
	top: 5px;
	display: inline-block;
	z-index: 9999;
}

.pc-show .pc_show_icon{	
	width: 35px;
	height: 35px;
	position: relative;
	-webkit-transform: scale(0.6) ;
	   -moz-transform: scale(0.6) ;
	    -ms-transform: scale(0.6) ;
	     -o-transform: scale(0.6) ;
	        transform: scale(0.6) ;
}

.pc-show .pc_show_icon span{
	background: #666;
}

.portflio-card-cat{
	width: 100%;
	float: left;
	display: inline-block;
	color: #888;
	text-transform: capitalize;
	margin-top: 6px;
	letter-spacing: 1px;
}
.portflio-card-text{
	width: 100%;
	float: left;
	height: auto;
	margin-top: 5px;
	font-size: 13px;
	color: #444;	
	height: 50px;
	letter-spacing: 10px;
}
.card-date-by{
	width: 100%;
	margin-top: 5px;
	text-align: left;
	color: #888;
	letter-spacing: 1px;	
}
.card-date-by div:first-of-type{
	float: left;
	width: auto;	
}
.card-date-by div:last-of-type{
	float: right;
	width: auto;
}

.card-date-by span{
	letter-spacing: 2px;
	color: #333;
	margin-left: 5px;
	display: inline-block;
}
.card-date-by a{
	color: #FFF;
	display: inline-block;
	margin-left: 5px;
	color: #333;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio-card-2col,.portfolio-simple-2col,.portfolio-hover-2col,.portfolio-excerpt-2col{
	width: calc( ( 100% - 75px ) / 2 + 25px );
	margin-bottom: 30px;
}

.portfolio-full-3col{
	width: calc( 100% / 3 );
}
.portfolio-full-4col{
	width: 25%;
}
.portfolio-full-5col{
	width: 20%;
}

.portfolio-simple-3col,.portfolio-hover-3col,.portfolio-card-3col{
	width: calc( ( 100% - 125px ) / 3 + 25px );
	float: left;
	margin-bottom: 30px;
}


.portfolio-simple-4col,.portfolio-hover-4col{
	width: calc( ( 100% - 175px ) / 4 + 25px );
	margin-bottom: 30px;
}
.km-portfolio-simple{
	padding-top: 0;
	overflow: hidden;
}

.portfolio-item{
	-moz-transition: opacity  0.4s;
	-webkit-transition: opacity  0.4s;
	transition: opacity 0.4s;
}

.portfolio-item-shown{
	opacity: 1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	visibility: visible;
}

.portfolio-item-hidden{
	opacity: 0;
	-webkit-transform:scale(0.4);
	-moz-transform:scale(0.4);
	transform:scale(0.4);
	visibility: hidden;
}


.portfolio-simple-info{
	width: 100%;
	float: left;
	height: auto;
	display: block;
}
.portfolio-simple-info .portfolio-simple-title{
	width: auto;
	float: left;
	font-size: 17px;
	display: inline-block;
	margin-top: 8px;
	color: #444;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
}
.portfolio-simple-info .portfolio-simple-cats{
	width: auto;
	float: right;
	display: inline-block;
	color: #aaa;
	font-style: italic;
	padding-right: 3px;
	margin-top: 5px;
	text-transform: capitalize;
}

/* Masonry Portfolio */
.foliomas-big{width: 39.99%; height: 650px;  float: left; padding: 0px; margin:0px ; border:0px;}
.foliomas-normal{width: 19.99%; height: 325px;  float: left; padding: 0px; margin:0px ; border:0px;}
.foliomas-wide{width: 39.99%; height: 325px; float: left; padding: 0px; margin:0px ; border:0px;}

.portfolio-masonry-item .km-pgallery-wrapper,.portfolio-masonry-item .km-pgallery-wrapper img{
	height: 100%;
}
/* =============
	Image Hover Effects
   =============  */
   
/*---------------*/
/***** Lily *****/
/*---------------*/
.syp-item p{
	min-height: 20px;
}
.figcaption h2{
	margin-top: 0;
	font-weight: 500;
}
.effect-lily .km-hover-overlay,.effect-layla .km-hover-overlay,.effect-sadie .km-hover-overlay,
.syp-effect-lily .syp-overlay,.syp-effect-sadie .syp-overlay,.syp-effect-layla .syp-overlay,
.syp-effect-oscar .syp-overlay,.syp-effect-marley .syp-overlay,.syp-effect-ruby .syp-overlay,
.syp-effect-roxy .syp-overlay,.syp-effect-bubba .syp-overlay,.syp-effect-dexter .syp-overlay,
.syp-effect-sarah .syp-overlay,.syp-effect-chico .syp-overlay,.syp-effect-milo .syp-overlay,
.syp-effect-jazz .syp-overlay,.syp-effect-lexi .syp-overlay,.syp-effect-apollo .syp-overlay{
	/*background: rgba(1,1,1,.2);*/
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	z-index: 1;
	display: block;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

.effect-lily .figcaption {
	text-align: left;
}

.effect-lily .figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	box-sizing:border-box;
	bottom:10px;
	
}

	
.effect-lily h2,
.effect-lily p {
	position: relative;
	z-index: 3;
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	font-size: 18px;
	color: #FFF;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	font-size: 16px;
	text-transform: capitalize;
}

.effect-lily:hover img,
.effect-lily:hover p {
	opacity: 1;
}
.effect-lily:hover .km-hover-overlay{
	background: rgba(1,1,1,.5);
}

.effect-lily:hover img,
.effect-lily:hover h2,
.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}


/*---------------*/
/***** Layla *****/
/*---------------*/

.effect-layla{
	max-height: 450px;
	overflow: hidden;
	box-sizing:border-box;
}

.effect-layla img {
	height: 480px;
	position: relative;
}
.effect-layla .figcaption {
	padding: 3em;
	position: absolute;
	box-sizing:border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFF;
}

.effect-layla .figcaption::before,
.effect-layla .figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
	z-index: 111;
}

.effect-layla .figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.effect-layla .figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.effect-layla h2 {	 
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	font-size: 22px;	
	float: left;
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 2px;
	top: 50%; z-index: 11;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1.6em;
}

.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0) translateY(-50%);
	transform: translate3d(0,-10px,0) translateY(-50%);
	font-size: 16px; z-index: 11;
	position: relative;
	top: 50%;
	
	
}

.effect-layla img,
.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.effect-layla img,
.effect-layla .figcaption::before,
.effect-layla .figcaption::after,
.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.effect-layla:hover img {	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.effect-layla:hover .km-hover-overlay{
	background: rgba(1,1,1,.5);
	
}

.effect-layla:hover .figcaption::before,
.effect-layla:hover .figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.effect-layla:hover h2{
	-webkit-transform: translateY(-60%);
	transform: translateY(-60%);
}

.effect-layla:hover .figcaption::after,
.effect-layla:hover h2,
.effect-layla:hover p,
.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	text-align: center;
	font-size: 19px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 2px;
	z-index: 9;
}

.effect-sadie .figcaption::before,
.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	top: 50%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
	text-align: center;
	color: #FFF;
	text-transform: capitalize;
	letter-spacing: 2px;
	z-index: 9;
	font-size: 14px;
	
}

.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	    opacity: 1;
}

.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-sadie:hover .km-hover-overlay{
	background: rgba(1,1,1,.5);	
}

/* =============
	WIDGETS STYLE
   =============  */
.kmwP-widget h3,.widget h3{
	margin-bottom: 20px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 500;
}

#kameleon-sidebar-content .widget h3{
	margin-bottom: 8px;
	letter-spacing: 2px;
	font-weight: normal;
}
#kameleon-sidebar-content .widget{
	margin-bottom: 20px;
}
.wpb_gmaps_widget .wpb_wrapper{
	background:transparent !important;
	padding: 0!important;
}
#kameleon-sidebar-content select{
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	line-height: 35px;
	padding: 0 5px;
	background: transparent;
	color: inherit;
}
/* =============
	HAMBURGER STYLE
   =============  */


/* Icon 1 */

.hamburger_1, .hamburger_2, .hamburger_3, .hamburger_4 {
  width: 36px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.hamburger_1 span, .hamburger_3 span, .hamburger_4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger_1 span:nth-child(1) {
  top: 0px;
}

.hamburger_1 span:nth-child(2) {
  top: 10px;
}

.hamburger_1 span:nth-child(3) {
  top: 20px;
}

.hamburger_1.open span:nth-child(1) {
  top: 10px;
  left: -1px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.hamburger_1.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}

.hamburger_1.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

.hamburger_2 {
}

.hamburger_2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger_2 span:nth-child(even) {
  left: 50%;
}

.hamburger_2 span:nth-child(odd) {
  left:0px;
}

.hamburger_2 span:nth-child(1), .hamburger_2 span:nth-child(2) {
  top: 0px;
}

.hamburger_2 span:nth-child(3), .hamburger_2 span:nth-child(4) {
  top: 10px;
}

.hamburger_2 span:nth-child(5), .hamburger_2 span:nth-child(6) {
  top: 20px;
}

.hamburger_2.open span:nth-child(1),.hamburger_2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger_2.open span:nth-child(2),.hamburger_2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger_2.open span:nth-child(1) {
  left: 4px;
  top: 6px;
}

.hamburger_2.open span:nth-child(2) {
  left: calc(50% - 4px);
  top: 6px;
}

.hamburger_2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.hamburger_2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.hamburger_2.open span:nth-child(5) {
  left: 5px;
  top: 15px;
}

.hamburger_2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 15px;
}

/* Icon 3 */

.hamburger_3 span:nth-child(1) {
  top: 0px;
}

.hamburger_3 span:nth-child(2),.hamburger_3 span:nth-child(3) {
  top: 10px;
}

.hamburger_3 span:nth-child(4) {
  top: 20px;
}

.hamburger_3.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

.hamburger_3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger_3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger_3.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

.hamburger_4 {
}

.hamburger_4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.hamburger_4 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.hamburger_4 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.hamburger_4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

.hamburger_4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.hamburger_4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
  left: 8px;
}

/* Slider */

.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-slider .slick-arrow{
	position: absolute;
	top: 50%;
	bottom: -50%;
	width: 40px;
	height: 40px;
	line-height: 38px;
	border: 0px;
	font-size: 16px;
	z-index: 999;
	cursor: pointer;
	background-color: #111;
	opacity: 0.5;
	color: #FFF;
	text-align: center;
	-webkit-transition: all .25s ease-in-out;
	  -moz-transition: all .25s ease-in-out;
	  -o-transition: all .25s ease-in-out;
	  transition: all .25s ease-in-out;
}
.slick-slider .slick-arrow:hover{
	opacity: 1;
}
.slick-slider .slick-next{
	right: 0;
}
.slick-slider .slick-prev{
	left: 0;
}
/*==================================================================*\
===============			CONTACT  US  PAGES  			==============
\*==================================================================*/
#contact-us-form{
	width: 100%; 
	float: left; 
	min-height: 100px; 
	overflow: auto; 
	overflow-x: hidden; 
	margin-top: 40px;
	margin-bottom: 40px;
}
#contact-us-form .textarea-full-width{height: 178px;}
#contact-us-inputs{
	width: 100%; 
	float: left; 
	min-height: 100px; 
	overflow: auto; 
	overflow-x: hidden;
}
.input-half-width-container{
	width: 48%; 
	float: left; 	
	border-bottom: 1px solid #f1f1f1;	
	margin-bottom: 20px;
	box-sizing: border-box; 
	position: relative;	
}
.input-full-width-container,.textarea-full-width-container{
	width: 100%; 	
	float: left; 		
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
	position: relative;
}
.textarea-full-width-container{
	margin-top: 20px;
}
.input-last{
	margin-right: 0%; 
	float: right;
}
.hr-bottom{
	width: 0%;
    float: left;
    position: absolute;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    bottom: 0px;
    left: 0;
    padding: 0px;
    margin: 0px;
   -webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
	left: 50%;
	-webkit-transform:translateX(-50%) ;
	-moz-transform:translateX(-50%) ;
	-ms-transform:translateX(-50%) ;
	-o-transform:translateX(-50%) ;
	transform:translateX(-50%) ;            
}

#contact-us-inputs input{	
	height: 40px;
    line-height: 40px;
}

#contact-us-inputs .input-half-width, #contact-us-inputs input,
#contact-us-inputs .input-full-width,#contact-us-inputs .textarea-full-width{
	border: 0px;
	box-sizing: border-box; 
	padding: 8px 0px; 	
	font-size: 15px;
	width: 100%;
}
#contact-us-inputs input:focus,#contact-us-inputs textarea:focus{
	padding-left: 15px;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}


.textarea-full-width{
	height: 140px; 	
	width: 100%;
}
.submit-form{
	width: auto; 
	float: left; 
	padding: 7px 25px; 
	cursor: pointer; 
	text-align: center; 
	color: #fff;
}
#captch{
	margin-top: -16px;
	float: left;
}
.km-contact-us-map{
	width: 100%; 
	float: left; 
	height: 480px; 
	background: #222;
}
.km-contact-us-map iframe{border: 0px!important;}
/*Contact Us 3 & 4	*/
.map-form-container{
	width: 100%;
	float: left;
	height: auto;
	overflow: hidden;
}
.map-form-container[data-type="contact-us3"] .km-contact-us-map, .map-form-container[data-type="contact-us3"] #contact-us-form,
.map-form-container[data-type="contact-us4"] .km-contact-us-map, .map-form-container[data-type="contact-us4"] #contact-us-form{
	width: 50%;
	float: left;
}
.map-form-container[data-type="contact-us3"] #contact-us-form, .map-form-container[data-type="contact-us4"] #contact-us-form{
	padding: 0 30px;	
	box-sizing: border-box;
}


.km-contact-us-map iframe{width: 100%; height: 100%; }
.km-alert-box{
	width: auto; 
	left: 0%; 
	right: 0%; 
	min-height: 20px; 
	overflow: auto; 
	overflow-x: hidden; 
	padding-right: 10px; 
	border: 1px solid transparent; 
	box-sizing: border-box; 
	padding: 10px 0px; 
	padding-left: 20px; 
	position: relative;  
} 
.km-alert-box-text{
	float: left; 
	color: inherit; 
	width: auto;
}
.km-alert-box-close{
	position: absolute; 
	right: 10px; 
	font-size: 12px; 
	top: 10px; 
	color: rgba(0,0,0,0.2);
}
.km-alert-red,.woocommerce-error{
	color: #fff; 
	border-color: #b0352f;  
	background: #df534e;  
	background: -webkit-linear-gradient(#e95b57,#c94039); 
	background: -moz-linear-gradient(#e95b57,#c94039);  
	background: -o-linear-gradient(#e95b57,#c94039);  
	background: linear-gradient(#e95b57,#c94039); 
	background: -ms-linear-gradient(#e95b57,#c94039);
}
.km-alert-green{
	color: #fff;  
	border-color: #4e974e;  
	background: #5ebb5e;  
	background: -webkit-linear-gradient(#61c261,#57a957); 
	background: -moz-linear-gradient(#61c261,#57a957);  
	background: -o-linear-gradient(#61c261,#57a957);  
	background: linear-gradient(#61c261,#57a957); 
	background: -ms-linear-gradient(#61c261,#57a957);
}
.km-alert-blue{
	color: #fff;  
	border-color: #2d8ba6; 
	background: #47adcb; 
	background: -webkit-linear-gradient(#58bddb,#359cba); 
	background: -moz-linear-gradient(#58bddb,#359cba); 
	background: -o-linear-gradient(#58bddb,#359cba); 
	background: linear-gradient(#58bddb,#359cba); 
	background: -ms-linear-gradient(#58bddb,#359cba); 
}

/*                                          *\  
    ========================================
    ======       WIDGET BUNDLE        ======
    ========================================
\*                                            */  

.kmwP-widget{
	width: 100%;   
	min-height: 10px; 
	overflow: auto; 
	overflow-x: hidden;   
	box-sizing: border-box; 
	color: inherit; 
}
.kmwP-row{
	width: 100%; 
	height: auto; 
	padding: 5px 0px; 
	padding-bottom: 8px; 
	display: block; 
	float: left; 
	box-sizing: border-box; 
	color: inherit; 
	margin-bottom: 5px;
}

.kmwP-thumb{
	width: 55px; 
	height: 55px; 
	float: left;
	background-size: 55px 55px; 
	margin-right: 8px;
}

.kmwP-thumb.round-true,.widg-folio.round-true{
	border-radius: 100%;
}
.kmwP-info{
	width: auto; 
	float: left;  
} 
.kmwP-row-image .kmwP-info{
	max-width: calc(100% - 65px);
}
#kameleon-sidebar-content .kmwP-info{
	margin-top: 3px;
}
.widg-folio:hover{
	-webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
	-moz-transition: all 0.3s ease-in-out;  
	-o-transition: all 0.3s ease-in-out;  
	-ms-transition: all 0.3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out; 
	transition: all .3s ease-in-out;
}

.kmwP-title{
	width: 100%;  
	display: block; 
	margin-top: 3px; 	
	font-size: 14px; 
	color:inherit; 
	letter-spacing: 2px;
	text-transform: uppercase;
	-moz-transition: all 0.3s ease-in-out;  
	-o-transition: all 0.3s ease-in-out;  
	-ms-transition: all 0.3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out; 
	transition: all .3s ease-in-out;
}
.kmwP-date{
	width: 100%;
    display: block;
    font-size: 12px;
    opacity: 0.8;
    margin-top: 4px;
    box-sizing: border-box;
    padding-left: 15px;
    position: relative;
}
.kmwP-date i{
	display: inline-block;
    margin-right: 5px;
    position: absolute;
    margin-top: 3px;
    left: 0;
}

/*Global Widget */
.widget{
	float: left; 
	list-style: none; 
	margin-bottom: 20px; 
	width: 100%;
}
.widget h2{
	font-weight: normal; 
	padding: 0; 
	margin: 0; 
	margin-bottom: 15px; 
	color:inherit; 
	font-size: 17px;
}
.widget ul{
	float: left; 
	list-style: none; 
	padding: 0; 
	width: 100%;
}
.widget #recentcomments .recentcomments{	
	box-sizing: border-box; 
	width: 100%; 
	float: left;   	
	position: relative;
} 
.widget a{
	color: inherit; 
	-moz-transition: all 0.3s ease-in-out;  
	-o-transition: all 0.3s ease-in-out;  
	-ms-transition: all 0.3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out; 
	transition: all .3s ease-in-out;
}
#km-footer .widget #recentcomments .recentcomments{
	background-color: rgba(0,0,0,0.12);
}

#km-footer .widget_categories ul li a{
	display: inline-block; 
	text-align: center; 
	background-color: rgba(0,0,0,0.2); 
	padding: 5px; 
	margin-right: 4px;
}
.widget_archive,.widget_archive ul ,.widget_archive ul li {width: 100%;}
.widget >ul li{
	width: 100%; 
	min-height: 26px;
    font-size: 15px;
    padding: 5px 0px;
}
.widget >ul li ul{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-left: 15px;
}
.widget >ul li ul li{
	width: 100%; 
	height: 26px;
	padding: 5px 0px;	
    font-size: 15px;
    display: table;
}


#kameleon-sidebar-content .widget >ul li{
	/*border-bottom: 1px solid #f7f7f7;*/
}
.widget >ul li:last-of-type{
	border-bottom: 0px;
}
.widget ul li > a{
	width: auto;	
	display: inline-block;
	float: left; 
	position: relative;
	box-sizing:borde-box;
}
.widget >ul li > a:hover{
	padding-left: 15px;
}
.widget .post-date{
	font-size: 11px;
    display: block;
    width: 100%;    
    text-align: right;
}


.widget_recent_comments > ul li > span{
	padding-left: 0px;
}
.widget_recent_comments > ul li > a{
	float: none;	
	text-decoration: none;
}

.widget_recent_comments > ul li > a:before{
	content: "";
}

.widget_searchk{
	width: 100%; 
	height: 30px;  
	margin-bottom: 10px; 
	display: block; 
	position: relative; 
}
.widget_searchk input[type="submit"]{display: none;}
.widget_searchk input[type="text"]{
	width: 100%; 
	height: 35px;  
	line-height: 35px; 
	box-sizing: border-box; 
	padding: 0 5px; 
	border-color: #ededed;
}
.widget_searchk .screen-reader-text{display: none;}
.widget_searchk #searchsubmit{
	position: absolute; 
	top: 0; 
	right: 0; 
	height: 35px; 
	line-height: 28px; 
	border: 0px; 
	border-left: 1px solid #ededed; 
	width: 45px; 
	cursor: pointer; 
	background: #ededed;
}
.widget_searchk #searchsubmit:hover{color: #FFF;}

.widget_search  div ,.widget_display_search div , .woocommerce-product-search{
	width: 100%;
	float: left;
	box-sizing: border-box; 
	height: 35px;
	line-height: 35px;
	position: relative;
	display: block;
}
.widget_search input[type="text"],.widget_display_search input[type="text"] , .woocommerce-product-search input[type="search"] {
	width: 100%;
	float: left;
	box-sizing: border-box; 
	height: 37px;
	line-height: 37px;
	font-size: 13px;
	padding: 0 10px;
	color: inherit;	
	position: relative;
	border-color: #ddd;	
}
.widget_search input[type="text"]:focus,.widget_display_search input[type="text"]:focus , .woocommerce-product-search input[type="search"]:focus {
	font-size: 14px;
}

.widget_search div:after,.widget_display_search div:after , .woocommerce-product-search:after{
	content: "\f002";
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: inherit;
    right: 10px;
    top: 7px;    
    height: 22px;
    padding-left: 10px;
    line-height: 22px;
    opacity: .8;
    border-left: 1px solid #ccc;
    z-index: 999;

}
.user-submit{
	border:0px; 
	font-weight: normal;
	font-size: 13px; 
	background: #272727; 
	color: #eee;
	letter-spacing: 2px;
	text-transform: uppercase;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.bbp-logged-in h4{
	font-weight: normal!important;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.widget_search label,.widget_display_search label{
	position: absolute;
	left: 10px;
	height: 35px;
	line-height: 35px;
	z-index: 1;
	font-size: 0px;
	letter-spacing: 2px;
	opacity: 0.8;
	cursor: text;	
	width: 100%;
}
.widget_search .screen-reader-text{
	clip:inherit;
}

.widget_search input[type="text"]:focus,.widget_display_search input[type="text"]:focus ,.woocommerce-product-search input[type="text"]:focus{
	background: #fff;
	z-index: 99;
}

.widget_search input[type="submit"],.widget_display_search input[type="submit"] ,.woocommerce-product-search input[type="submit"],.woocommerce-product-search label {
	display: none;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
	position: relative;
	height: auto;
}

.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{
	padding-left: 0;
	margin-bottom: 5px;
	position: relative;
}
.woocommerce ul.cart_list li a:before, .woocommerce ul.product_list_widget li a:before{
	content: "";
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{
	display: none;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
	padding-left: 0;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
	width: 100%;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
	float: left;
	width: 50px;
	margin-right: 5px;
	margin-left: 0;
}
.woocommerce ul.cart_list li  .product-title, .woocommerce ul.product_list_widget li  .product-title{
	margin-left: 5px;
	
}
.woocommerce ul.cart_list li > del, .woocommerce ul.product_list_widget li > del{
	display: none;
}

.woocommerce ul.cart_list li > span, .woocommerce ul.product_list_widget li > span,
.woocommerce ul.cart_list li > ins, .woocommerce ul.product_list_widget li > ins{
	width: 100%;
    position: absolute;
    display: inline-block;
    left: 60px;
    top: 18px;
}
.woocommerce ul.product_list_widget li .star-rating{
	position: absolute;
	left: 50px;
	top: 36px;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
}
#kameleon-sidebar-content .widget.woocommerce >ul li{
	margin-bottom: 15px;
}
.woocommerce ul.cart_list li > ins, .woocommerce ul.product_list_widget li > ins{
	top: 25px;
}
.woocommerce ul.product_list_widget li > ins{
	top: 15px;
}
.woocommerce ul.product_list_widget li .product-title{
	/*  margin-top: -10px;*/
    display: block;
    float: left;
}

.widget_shopping_cart_content .total{
	letter-spacing: 2px;
	text-transform: uppercase;
}
.widget_shopping_cart_content .buttons .button{
	border-radius: 0px;
	color: #FFF;
	margin-right: 10px;
	margin-top: 5px;
}
.widget_shopping_cart_content .buttons .button:hover{
	color: #FFF;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
	border: 0px;
}

#kameleon_sidebar  ul,#kameleon_sidebar  ul li{float: left; width: 100%;  border-bottom: 1px solid #eee; padding: 12px 0px; color: #777;}
#kameleon_sidebar  ul{padding: 0; border-bottom: 0px;}
#kameleon_sidebar  ul li a{display: inline-block; float: left; box-sizing: border-box; position: relative; font-size: 14px;  margin-right: 5px;}
#kameleon_sidebar  ul li a:before {content: "\f105"; position: relative; font: normal normal normal 14px/1 FontAwesome; color:inherit;
  font-size: inherit;  text-rendering: auto;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  transform: translate(0, 0); margin-right: 10px;}

.widg-folio{display: inline-block; float: left; width: 70px; height: 70px; background-size: 70px 70px; margin-bottom: 7px; margin-right: 7px;}
#kameleon-sidebar-content .widg-folio{width: 66px; height: 66px; background-size: 66px 66px; margin-bottom: 7px; margin-right: 7px;}

.tagcloud a{
	display: inline-block; 
	float: left; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	text-align: center; 
	padding: 0px 13px; 
	height: 23px;
	line-height: 23px; 
	color:#555; 
	font-size: 12px!important;
	background-color: #f3f3f3;
	letter-spacing: 1px;
}
.tagcloud a:hover{
	color: #FFF;
}


.kmwP-social{float: left; width: 100%;}
.kmwSocial-link{
	display: inline-block; 
	color: inherit!important; 
	border-radius:inherit; 
	float: left; 
	margin: 2px; 
	font-size: 18px; 
	margin-bottom: 10px; 
	cursor: pointer; 
	width: 30px; 
	height: 30px; 
	text-align: center; 
	line-height: 30px;
}
.kmwSocial-link:hover{
	color: #FFF;
}
#wp-calendar, #wp-calendar caption, #wp-calendar thead, #wp-calendar tbody ,#wp-calendar tfoot{
	width: 100%;
}
#wp-calendar thead, #wp-calendar tbody{
	text-align: center;
}
#wp-calendar caption{
	letter-spacing: 2px;
	margin-bottom: 10px;
}
#wp-calendar tfoot #next{
	text-align: right;
}


/* Visual Composer Overwrite 
.uvc-headings-line{
	display: inline-block !important;
}*/
.upb_row_bg{
	min-width: 100%!important;
	width: 100%!important;
	left: 0!important;
}
.vc_row{
	margin-left: 0px!important;
	margin-right: 0px!important;
	overflow: hidden;	
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{
	padding-top: 0px;
}

/*.vc_column_container>.vc_column-inner{
	padding-left: 15px!important;
	padding-right: 15px!important;
}
.vc_row.vc_row-o-full-height{
	width: 100%!important;
}*/

.syvc_row_content{
	margin-left: -15px!important;
    margin-right: -15px!important;   
	width: auto;
}
.vc_row-o-columns-middle .syvc_row_content{
	width: 100%;
	margin-left: 0px!important;
    margin-right: 0px!important; 
}
.syvc_row_content.vc_row-no-padding{
	margin-left: 0px!important;
    margin-right: 0px!important;   
	width: auto;
}

.vc_column_container.vc_col-lg-1,.vc_column_container.vc_col-lg-10,.vc_column_container.vc_col-lg-11,
.vc_column_container.vc_col-lg-12,.vc_column_container.vc_col-lg-2,.vc_column_container.vc_col-lg-3,.vc_column_container.vc_col-lg-4,
.vc_column_container.vc_col-lg-5,.vc_column_container.vc_col-lg-6,.vc_column_container.vc_col-lg-7,.vc_column_container.vc_col-lg-8,
.vc_column_container.vc_col-lg-9,.vc_column_container.vc_col-md-1,.vc_column_container.vc_col-md-10,.vc_column_container.vc_col-md-11,
.vc_column_container.vc_col-md-12,.vc_column_container.vc_col-md-2,.vc_column_container.vc_col-md-3,.vc_column_container.vc_col-md-4,
.vc_column_container.vc_col-md-5,.vc_column_container.vc_col-md-6,.vc_column_container.vc_col-md-7,.vc_column_container.vc_col-md-8,
.vc_column_container.vc_col-md-9,.vc_column_container.vc_col-sm-1,.vc_column_container.vc_col-sm-10,.vc_column_container.vc_col-sm-11,
.vc_column_container.vc_col-sm-12,.vc_column_container.vc_col-sm-2,.vc_column_container.vc_col-sm-3,.vc_column_container.vc_col-sm-4,
.vc_column_container.vc_col-sm-5,.vc_column_container.vc_col-sm-6,.vc_column_container.vc_col-sm-7,.vc_column_container.vc_col-sm-8,
.vc_column_container.vc_col-sm-9,.vc_column_container.vc_col-xs-1,.vc_column_container.vc_col-xs-10,.vc_column_container.vc_col-xs-11,
.vc_column_container.vc_col-xs-12,.vc_column_container.vc_col-xs-2,.vc_column_container.vc_col-xs-3,.vc_column_container.vc_col-xs-4,
.vc_column_container.vc_col-xs-5,.vc_column_container.vc_col-xs-6,.vc_column_container.vc_col-xs-7,.vc_column_container.vc_col-xs-8,
.vc_column_container.vc_col-xs-9{
	padding-left: 0px!important; 
    padding-right: 0px!important;
}
.aio-icon-component, .aio-icon-box, .ult-new-ib, .wpb_column>.wpb_wrapper .aio-icon-component .aio-icon-box, .wpb_column>.wpb_wrapper .ult-new-ib{
	margin-bottom: 0px!important;
}
ul.slick-dots{
	margin: 0px!important;
	padding: 10px 0px!important;
}

/*==================================================================*\
===============			SHORTCODES DESIGN   			==============
\*==================================================================*/
.aio-icon-header h3.aio-icon-title{
	font-weight: 500;
}

/*------------------------
 Progress Bar Radial Shorcodes 
 -------------------------*/
.km-radial-progressbar-container{
	width: 100%;	
	text-align: center;
}
.km-radial-progressbar-container[data-position="left"]{text-align: left;}
.km-radial-progressbar-container[data-position="right"]{text-align: right;}
.km-radial-progressbar-container[data-position="center"]{text-align: center;}
.km-radial-progressbar{display: inline-block;width:180px;height:180px;background-color:#eee;border-radius:50%;position:relative}.km-radial-progressbar .circle .mask,.km-radial-progressbar .circle .fill,.km-radial-progressbar .circle .shadow{width:100%;height:100%;position:absolute;border-radius:50%;z-index:9}.km-radial-progressbar .circle .mask,.km-radial-progressbar .circle .fill{-webkit-backface-visibility:hidden;transition:-webkit-transform 3s;transition:-ms-transform 3s;transition:transform 3s;border-radius:50%}.km-radial-progressbar .inset{left:calc(10px / 2);top:calc(10px / 2);width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;border-radius:50%;z-index:99}.km-radial-progressbar .inset .percentage{height:100%;border-radius:50%;width:100%;overflow:hidden;position:absolute;top:0;left:0;text-align:center}.km-radial-progressbar .inset .percentage .numbers{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.km-radial-progressbar[data-progress="0"] .circle .mask.full,.km-radial-progressbar[data-progress="0"] .circle .fill{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.km-radial-progressbar[data-progress="0"] .circle .fill.fix{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.km-radial-progressbar[data-progress="1"] .circle .mask.full,.km-radial-progressbar[data-progress="1"] .circle .fill{-webkit-transform:rotate(1.8deg);-ms-transform:rotate(1.8deg);transform:rotate(1.8deg)}.km-radial-progressbar[data-progress="1"] .circle .fill.fix{-webkit-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);transform:rotate(3.6deg)}.km-radial-progressbar[data-progress="2"] .circle .mask.full,.km-radial-progressbar[data-progress="2"] .circle .fill{-webkit-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);transform:rotate(3.6deg)}.km-radial-progressbar[data-progress="2"] .circle .fill.fix{-webkit-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);transform:rotate(7.2deg)}.km-radial-progressbar[data-progress="3"] .circle .mask.full,.km-radial-progressbar[data-progress="3"] .circle .fill{-webkit-transform:rotate(5.4deg);-ms-transform:rotate(5.4deg);transform:rotate(5.4deg)}.km-radial-progressbar[data-progress="3"] .circle .fill.fix{-webkit-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);transform:rotate(10.8deg)}.km-radial-progressbar[data-progress="4"] .circle .mask.full,.km-radial-progressbar[data-progress="4"] .circle .fill{-webkit-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);transform:rotate(7.2deg)}.km-radial-progressbar[data-progress="4"] .circle .fill.fix{-webkit-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);transform:rotate(14.4deg)}.km-radial-progressbar[data-progress="5"] .circle .mask.full,.km-radial-progressbar[data-progress="5"] .circle .fill{-webkit-transform:rotate(9deg);-ms-transform:rotate(9deg);transform:rotate(9deg)}.km-radial-progressbar[data-progress="5"] .circle .fill.fix{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.km-radial-progressbar[data-progress="6"] .circle .mask.full,.km-radial-progressbar[data-progress="6"] .circle .fill{-webkit-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);transform:rotate(10.8deg)}.km-radial-progressbar[data-progress="6"] .circle .fill.fix{-webkit-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);transform:rotate(21.6deg)}.km-radial-progressbar[data-progress="7"] .circle .mask.full,.km-radial-progressbar[data-progress="7"] .circle .fill{-webkit-transform:rotate(12.6deg);-ms-transform:rotate(12.6deg);transform:rotate(12.6deg)}.km-radial-progressbar[data-progress="7"] .circle .fill.fix{-webkit-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);transform:rotate(25.2deg)}.km-radial-progressbar[data-progress="8"] .circle .mask.full,.km-radial-progressbar[data-progress="8"] .circle .fill{-webkit-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);transform:rotate(14.4deg)}.km-radial-progressbar[data-progress="8"] .circle .fill.fix{-webkit-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);transform:rotate(28.8deg)}.km-radial-progressbar[data-progress="9"] .circle .mask.full,.km-radial-progressbar[data-progress="9"] .circle .fill{-webkit-transform:rotate(16.2deg);-ms-transform:rotate(16.2deg);transform:rotate(16.2deg)}.km-radial-progressbar[data-progress="9"] .circle .fill.fix{-webkit-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);transform:rotate(32.4deg)}.km-radial-progressbar[data-progress="10"] .circle .mask.full,.km-radial-progressbar[data-progress="10"] .circle .fill{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.km-radial-progressbar[data-progress="10"] .circle .fill.fix{-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.km-radial-progressbar[data-progress="11"] .circle .mask.full,.km-radial-progressbar[data-progress="11"] .circle .fill{-webkit-transform:rotate(19.8deg);-ms-transform:rotate(19.8deg);transform:rotate(19.8deg)}.km-radial-progressbar[data-progress="11"] .circle .fill.fix{-webkit-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);transform:rotate(39.6deg)}.km-radial-progressbar[data-progress="12"] .circle .mask.full,.km-radial-progressbar[data-progress="12"] .circle .fill{-webkit-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);transform:rotate(21.6deg)}.km-radial-progressbar[data-progress="12"] .circle .fill.fix{-webkit-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);transform:rotate(43.2deg)}.km-radial-progressbar[data-progress="13"] .circle .mask.full,.km-radial-progressbar[data-progress="13"] .circle .fill{-webkit-transform:rotate(23.400000000000002deg);-ms-transform:rotate(23.400000000000002deg);transform:rotate(23.400000000000002deg)}.km-radial-progressbar[data-progress="13"] .circle .fill.fix{-webkit-transform:rotate(46.800000000000004deg);-ms-transform:rotate(46.800000000000004deg);transform:rotate(46.800000000000004deg)}.km-radial-progressbar[data-progress="14"] .circle .mask.full,.km-radial-progressbar[data-progress="14"] .circle .fill{-webkit-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);transform:rotate(25.2deg)}.km-radial-progressbar[data-progress="14"] .circle .fill.fix{-webkit-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);transform:rotate(50.4deg)}.km-radial-progressbar[data-progress="15"] .circle .mask.full,.km-radial-progressbar[data-progress="15"] .circle .fill{-webkit-transform:rotate(27deg);-ms-transform:rotate(27deg);transform:rotate(27deg)}.km-radial-progressbar[data-progress="15"] .circle .fill.fix{-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.km-radial-progressbar[data-progress="16"] .circle .mask.full,.km-radial-progressbar[data-progress="16"] .circle .fill{-webkit-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);transform:rotate(28.8deg)}.km-radial-progressbar[data-progress="16"] .circle .fill.fix{-webkit-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);transform:rotate(57.6deg)}.km-radial-progressbar[data-progress="17"] .circle .mask.full,.km-radial-progressbar[data-progress="17"] .circle .fill{-webkit-transform:rotate(30.6deg);-ms-transform:rotate(30.6deg);transform:rotate(30.6deg)}.km-radial-progressbar[data-progress="17"] .circle .fill.fix{-webkit-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);transform:rotate(61.2deg)}.km-radial-progressbar[data-progress="18"] .circle .mask.full,.km-radial-progressbar[data-progress="18"] .circle .fill{-webkit-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);transform:rotate(32.4deg)}.km-radial-progressbar[data-progress="18"] .circle .fill.fix{-webkit-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);transform:rotate(64.8deg)}.km-radial-progressbar[data-progress="19"] .circle .mask.full,.km-radial-progressbar[data-progress="19"] .circle .fill{-webkit-transform:rotate(34.2deg);-ms-transform:rotate(34.2deg);transform:rotate(34.2deg)}.km-radial-progressbar[data-progress="19"] .circle .fill.fix{-webkit-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);transform:rotate(68.4deg)}.km-radial-progressbar[data-progress="20"] .circle .mask.full,.km-radial-progressbar[data-progress="20"] .circle .fill{-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.km-radial-progressbar[data-progress="20"] .circle .fill.fix{-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.km-radial-progressbar[data-progress="21"] .circle .mask.full,.km-radial-progressbar[data-progress="21"] .circle .fill{-webkit-transform:rotate(37.800000000000004deg);-ms-transform:rotate(37.800000000000004deg);transform:rotate(37.800000000000004deg)}.km-radial-progressbar[data-progress="21"] .circle .fill.fix{-webkit-transform:rotate(75.60000000000001deg);-ms-transform:rotate(75.60000000000001deg);transform:rotate(75.60000000000001deg)}.km-radial-progressbar[data-progress="22"] .circle .mask.full,.km-radial-progressbar[data-progress="22"] .circle .fill{-webkit-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);transform:rotate(39.6deg)}.km-radial-progressbar[data-progress="22"] .circle .fill.fix{-webkit-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);transform:rotate(79.2deg)}.km-radial-progressbar[data-progress="23"] .circle .mask.full,.km-radial-progressbar[data-progress="23"] .circle .fill{-webkit-transform:rotate(41.4deg);-ms-transform:rotate(41.4deg);transform:rotate(41.4deg)}.km-radial-progressbar[data-progress="23"] .circle .fill.fix{-webkit-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);transform:rotate(82.8deg)}.km-radial-progressbar[data-progress="24"] .circle .mask.full,.km-radial-progressbar[data-progress="24"] .circle .fill{-webkit-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);transform:rotate(43.2deg)}.km-radial-progressbar[data-progress="24"] .circle .fill.fix{-webkit-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);transform:rotate(86.4deg)}.km-radial-progressbar[data-progress="25"] .circle .mask.full,.km-radial-progressbar[data-progress="25"] .circle .fill{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.km-radial-progressbar[data-progress="25"] .circle .fill.fix{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.km-radial-progressbar[data-progress="26"] .circle .mask.full,.km-radial-progressbar[data-progress="26"] .circle .fill{-webkit-transform:rotate(46.800000000000004deg);-ms-transform:rotate(46.800000000000004deg);transform:rotate(46.800000000000004deg)}.km-radial-progressbar[data-progress="26"] .circle .fill.fix{-webkit-transform:rotate(93.60000000000001deg);-ms-transform:rotate(93.60000000000001deg);transform:rotate(93.60000000000001deg)}.km-radial-progressbar[data-progress="27"] .circle .mask.full,.km-radial-progressbar[data-progress="27"] .circle .fill{-webkit-transform:rotate(48.6deg);-ms-transform:rotate(48.6deg);transform:rotate(48.6deg)}.km-radial-progressbar[data-progress="27"] .circle .fill.fix{-webkit-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);transform:rotate(97.2deg)}.km-radial-progressbar[data-progress="28"] .circle .mask.full,.km-radial-progressbar[data-progress="28"] .circle .fill{-webkit-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);transform:rotate(50.4deg)}.km-radial-progressbar[data-progress="28"] .circle .fill.fix{-webkit-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);transform:rotate(100.8deg)}.km-radial-progressbar[data-progress="29"] .circle .mask.full,.km-radial-progressbar[data-progress="29"] .circle .fill{-webkit-transform:rotate(52.2deg);-ms-transform:rotate(52.2deg);transform:rotate(52.2deg)}.km-radial-progressbar[data-progress="29"] .circle .fill.fix{-webkit-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);transform:rotate(104.4deg)}.km-radial-progressbar[data-progress="30"] .circle .mask.full,.km-radial-progressbar[data-progress="30"] .circle .fill{-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.km-radial-progressbar[data-progress="30"] .circle .fill.fix{-webkit-transform:rotate(108deg);-ms-transform:rotate(108deg);transform:rotate(108deg)}.km-radial-progressbar[data-progress="31"] .circle .mask.full,.km-radial-progressbar[data-progress="31"] .circle .fill{-webkit-transform:rotate(55.800000000000004deg);-ms-transform:rotate(55.800000000000004deg);transform:rotate(55.800000000000004deg)}.km-radial-progressbar[data-progress="31"] .circle .fill.fix{-webkit-transform:rotate(111.60000000000001deg);-ms-transform:rotate(111.60000000000001deg);transform:rotate(111.60000000000001deg)}.km-radial-progressbar[data-progress="32"] .circle .mask.full,.km-radial-progressbar[data-progress="32"] .circle .fill{-webkit-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);transform:rotate(57.6deg)}.km-radial-progressbar[data-progress="32"] .circle .fill.fix{-webkit-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);transform:rotate(115.2deg)}.km-radial-progressbar[data-progress="33"] .circle .mask.full,.km-radial-progressbar[data-progress="33"] .circle .fill{-webkit-transform:rotate(59.4deg);-ms-transform:rotate(59.4deg);transform:rotate(59.4deg)}.km-radial-progressbar[data-progress="33"] .circle .fill.fix{-webkit-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);transform:rotate(118.8deg)}.km-radial-progressbar[data-progress="34"] .circle .mask.full,.km-radial-progressbar[data-progress="34"] .circle .fill{-webkit-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);transform:rotate(61.2deg)}.km-radial-progressbar[data-progress="34"] .circle .fill.fix{-webkit-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);transform:rotate(122.4deg)}.km-radial-progressbar[data-progress="35"] .circle .mask.full,.km-radial-progressbar[data-progress="35"] .circle .fill{-webkit-transform:rotate(63deg);-ms-transform:rotate(63deg);transform:rotate(63deg)}.km-radial-progressbar[data-progress="35"] .circle .fill.fix{-webkit-transform:rotate(126deg);-ms-transform:rotate(126deg);transform:rotate(126deg)}.km-radial-progressbar[data-progress="36"] .circle .mask.full,.km-radial-progressbar[data-progress="36"] .circle .fill{-webkit-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);transform:rotate(64.8deg)}.km-radial-progressbar[data-progress="36"] .circle .fill.fix{-webkit-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);transform:rotate(129.6deg)}.km-radial-progressbar[data-progress="37"] .circle .mask.full,.km-radial-progressbar[data-progress="37"] .circle .fill{-webkit-transform:rotate(66.60000000000001deg);-ms-transform:rotate(66.60000000000001deg);transform:rotate(66.60000000000001deg)}.km-radial-progressbar[data-progress="37"] .circle .fill.fix{-webkit-transform:rotate(133.20000000000002deg);-ms-transform:rotate(133.20000000000002deg);transform:rotate(133.20000000000002deg)}.km-radial-progressbar[data-progress="38"] .circle .mask.full,.km-radial-progressbar[data-progress="38"] .circle .fill{-webkit-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);transform:rotate(68.4deg)}.km-radial-progressbar[data-progress="38"] .circle .fill.fix{-webkit-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);transform:rotate(136.8deg)}.km-radial-progressbar[data-progress="39"] .circle .mask.full,.km-radial-progressbar[data-progress="39"] .circle .fill{-webkit-transform:rotate(70.2deg);-ms-transform:rotate(70.2deg);transform:rotate(70.2deg)}.km-radial-progressbar[data-progress="39"] .circle .fill.fix{-webkit-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);transform:rotate(140.4deg)}.km-radial-progressbar[data-progress="40"] .circle .mask.full,.km-radial-progressbar[data-progress="40"] .circle .fill{-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.km-radial-progressbar[data-progress="40"] .circle .fill.fix{-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}.km-radial-progressbar[data-progress="41"] .circle .mask.full,.km-radial-progressbar[data-progress="41"] .circle .fill{-webkit-transform:rotate(73.8deg);-ms-transform:rotate(73.8deg);transform:rotate(73.8deg)}.km-radial-progressbar[data-progress="41"] .circle .fill.fix{-webkit-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);transform:rotate(147.6deg)}.km-radial-progressbar[data-progress="42"] .circle .mask.full,.km-radial-progressbar[data-progress="42"] .circle .fill{-webkit-transform:rotate(75.60000000000001deg);-ms-transform:rotate(75.60000000000001deg);transform:rotate(75.60000000000001deg)}.km-radial-progressbar[data-progress="42"] .circle .fill.fix{-webkit-transform:rotate(151.20000000000002deg);-ms-transform:rotate(151.20000000000002deg);transform:rotate(151.20000000000002deg)}.km-radial-progressbar[data-progress="43"] .circle .mask.full,.km-radial-progressbar[data-progress="43"] .circle .fill{-webkit-transform:rotate(77.4deg);-ms-transform:rotate(77.4deg);transform:rotate(77.4deg)}.km-radial-progressbar[data-progress="43"] .circle .fill.fix{-webkit-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);transform:rotate(154.8deg)}.km-radial-progressbar[data-progress="44"] .circle .mask.full,.km-radial-progressbar[data-progress="44"] .circle .fill{-webkit-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);transform:rotate(79.2deg)}.km-radial-progressbar[data-progress="44"] .circle .fill.fix{-webkit-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);transform:rotate(158.4deg)}.km-radial-progressbar[data-progress="45"] .circle .mask.full,.km-radial-progressbar[data-progress="45"] .circle .fill{-webkit-transform:rotate(81deg);-ms-transform:rotate(81deg);transform:rotate(81deg)}.km-radial-progressbar[data-progress="45"] .circle .fill.fix{-webkit-transform:rotate(162deg);-ms-transform:rotate(162deg);transform:rotate(162deg)}.km-radial-progressbar[data-progress="46"] .circle .mask.full,.km-radial-progressbar[data-progress="46"] .circle .fill{-webkit-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);transform:rotate(82.8deg)}.km-radial-progressbar[data-progress="46"] .circle .fill.fix{-webkit-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);transform:rotate(165.6deg)}.km-radial-progressbar[data-progress="47"] .circle .mask.full,.km-radial-progressbar[data-progress="47"] .circle .fill{-webkit-transform:rotate(84.60000000000001deg);-ms-transform:rotate(84.60000000000001deg);transform:rotate(84.60000000000001deg)}.km-radial-progressbar[data-progress="47"] .circle .fill.fix{-webkit-transform:rotate(169.20000000000002deg);-ms-transform:rotate(169.20000000000002deg);transform:rotate(169.20000000000002deg)}.km-radial-progressbar[data-progress="48"] .circle .mask.full,.km-radial-progressbar[data-progress="48"] .circle .fill{-webkit-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);transform:rotate(86.4deg)}.km-radial-progressbar[data-progress="48"] .circle .fill.fix{-webkit-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);transform:rotate(172.8deg)}.km-radial-progressbar[data-progress="49"] .circle .mask.full,.km-radial-progressbar[data-progress="49"] .circle .fill{-webkit-transform:rotate(88.2deg);-ms-transform:rotate(88.2deg);transform:rotate(88.2deg)}.km-radial-progressbar[data-progress="49"] .circle .fill.fix{-webkit-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);transform:rotate(176.4deg)}.km-radial-progressbar[data-progress="50"] .circle .mask.full,.km-radial-progressbar[data-progress="50"] .circle .fill{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.km-radial-progressbar[data-progress="50"] .circle .fill.fix{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.km-radial-progressbar[data-progress="51"] .circle .mask.full,.km-radial-progressbar[data-progress="51"] .circle .fill{-webkit-transform:rotate(91.8deg);-ms-transform:rotate(91.8deg);transform:rotate(91.8deg)}.km-radial-progressbar[data-progress="51"] .circle .fill.fix{-webkit-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);transform:rotate(183.6deg)}.km-radial-progressbar[data-progress="52"] .circle .mask.full,.km-radial-progressbar[data-progress="52"] .circle .fill{-webkit-transform:rotate(93.60000000000001deg);-ms-transform:rotate(93.60000000000001deg);transform:rotate(93.60000000000001deg)}.km-radial-progressbar[data-progress="52"] .circle .fill.fix{-webkit-transform:rotate(187.20000000000002deg);-ms-transform:rotate(187.20000000000002deg);transform:rotate(187.20000000000002deg)}.km-radial-progressbar[data-progress="53"] .circle .mask.full,.km-radial-progressbar[data-progress="53"] .circle .fill{-webkit-transform:rotate(95.4deg);-ms-transform:rotate(95.4deg);transform:rotate(95.4deg)}.km-radial-progressbar[data-progress="53"] .circle .fill.fix{-webkit-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);transform:rotate(190.8deg)}.km-radial-progressbar[data-progress="54"] .circle .mask.full,.km-radial-progressbar[data-progress="54"] .circle .fill{-webkit-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);transform:rotate(97.2deg)}.km-radial-progressbar[data-progress="54"] .circle .fill.fix{-webkit-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);transform:rotate(194.4deg)}.km-radial-progressbar[data-progress="55"] .circle .mask.full,.km-radial-progressbar[data-progress="55"] .circle .fill{-webkit-transform:rotate(99deg);-ms-transform:rotate(99deg);transform:rotate(99deg)}.km-radial-progressbar[data-progress="55"] .circle .fill.fix{-webkit-transform:rotate(198deg);-ms-transform:rotate(198deg);transform:rotate(198deg)}.km-radial-progressbar[data-progress="56"] .circle .mask.full,.km-radial-progressbar[data-progress="56"] .circle .fill{-webkit-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);transform:rotate(100.8deg)}.km-radial-progressbar[data-progress="56"] .circle .fill.fix{-webkit-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);transform:rotate(201.6deg)}.km-radial-progressbar[data-progress="57"] .circle .mask.full,.km-radial-progressbar[data-progress="57"] .circle .fill{-webkit-transform:rotate(102.60000000000001deg);-ms-transform:rotate(102.60000000000001deg);transform:rotate(102.60000000000001deg)}.km-radial-progressbar[data-progress="57"] .circle .fill.fix{-webkit-transform:rotate(205.20000000000002deg);-ms-transform:rotate(205.20000000000002deg);transform:rotate(205.20000000000002deg)}.km-radial-progressbar[data-progress="58"] .circle .mask.full,.km-radial-progressbar[data-progress="58"] .circle .fill{-webkit-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);transform:rotate(104.4deg)}.km-radial-progressbar[data-progress="58"] .circle .fill.fix{-webkit-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);transform:rotate(208.8deg)}.km-radial-progressbar[data-progress="59"] .circle .mask.full,.km-radial-progressbar[data-progress="59"] .circle .fill{-webkit-transform:rotate(106.2deg);-ms-transform:rotate(106.2deg);transform:rotate(106.2deg)}.km-radial-progressbar[data-progress="59"] .circle .fill.fix{-webkit-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);transform:rotate(212.4deg)}.km-radial-progressbar[data-progress="60"] .circle .mask.full,.km-radial-progressbar[data-progress="60"] .circle .fill{-webkit-transform:rotate(108deg);-ms-transform:rotate(108deg);transform:rotate(108deg)}.km-radial-progressbar[data-progress="60"] .circle .fill.fix{-webkit-transform:rotate(216deg);-ms-transform:rotate(216deg);transform:rotate(216deg)}.km-radial-progressbar[data-progress="61"] .circle .mask.full,.km-radial-progressbar[data-progress="61"] .circle .fill{-webkit-transform:rotate(109.8deg);-ms-transform:rotate(109.8deg);transform:rotate(109.8deg)}.km-radial-progressbar[data-progress="61"] .circle .fill.fix{-webkit-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);transform:rotate(219.6deg)}.km-radial-progressbar[data-progress="62"] .circle .mask.full,.km-radial-progressbar[data-progress="62"] .circle .fill{-webkit-transform:rotate(111.60000000000001deg);-ms-transform:rotate(111.60000000000001deg);transform:rotate(111.60000000000001deg)}.km-radial-progressbar[data-progress="62"] .circle .fill.fix{-webkit-transform:rotate(223.20000000000002deg);-ms-transform:rotate(223.20000000000002deg);transform:rotate(223.20000000000002deg)}.km-radial-progressbar[data-progress="63"] .circle .mask.full,.km-radial-progressbar[data-progress="63"] .circle .fill{-webkit-transform:rotate(113.4deg);-ms-transform:rotate(113.4deg);transform:rotate(113.4deg)}.km-radial-progressbar[data-progress="63"] .circle .fill.fix{-webkit-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);transform:rotate(226.8deg)}.km-radial-progressbar[data-progress="64"] .circle .mask.full,.km-radial-progressbar[data-progress="64"] .circle .fill{-webkit-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);transform:rotate(115.2deg)}.km-radial-progressbar[data-progress="64"] .circle .fill.fix{-webkit-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);transform:rotate(230.4deg)}.km-radial-progressbar[data-progress="65"] .circle .mask.full,.km-radial-progressbar[data-progress="65"] .circle .fill{-webkit-transform:rotate(117deg);-ms-transform:rotate(117deg);transform:rotate(117deg)}.km-radial-progressbar[data-progress="65"] .circle .fill.fix{-webkit-transform:rotate(234deg);-ms-transform:rotate(234deg);transform:rotate(234deg)}.km-radial-progressbar[data-progress="66"] .circle .mask.full,.km-radial-progressbar[data-progress="66"] .circle .fill{-webkit-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);transform:rotate(118.8deg)}.km-radial-progressbar[data-progress="66"] .circle .fill.fix{-webkit-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);transform:rotate(237.6deg)}.km-radial-progressbar[data-progress="67"] .circle .mask.full,.km-radial-progressbar[data-progress="67"] .circle .fill{-webkit-transform:rotate(120.60000000000001deg);-ms-transform:rotate(120.60000000000001deg);transform:rotate(120.60000000000001deg)}.km-radial-progressbar[data-progress="67"] .circle .fill.fix{-webkit-transform:rotate(241.20000000000002deg);-ms-transform:rotate(241.20000000000002deg);transform:rotate(241.20000000000002deg)}.km-radial-progressbar[data-progress="68"] .circle .mask.full,.km-radial-progressbar[data-progress="68"] .circle .fill{-webkit-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);transform:rotate(122.4deg)}.km-radial-progressbar[data-progress="68"] .circle .fill.fix{-webkit-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);transform:rotate(244.8deg)}.km-radial-progressbar[data-progress="69"] .circle .mask.full,.km-radial-progressbar[data-progress="69"] .circle .fill{-webkit-transform:rotate(124.2deg);-ms-transform:rotate(124.2deg);transform:rotate(124.2deg)}.km-radial-progressbar[data-progress="69"] .circle .fill.fix{-webkit-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);transform:rotate(248.4deg)}.km-radial-progressbar[data-progress="70"] .circle .mask.full,.km-radial-progressbar[data-progress="70"] .circle .fill{-webkit-transform:rotate(126deg);-ms-transform:rotate(126deg);transform:rotate(126deg)}.km-radial-progressbar[data-progress="70"] .circle .fill.fix{-webkit-transform:rotate(252deg);-ms-transform:rotate(252deg);transform:rotate(252deg)}.km-radial-progressbar[data-progress="71"] .circle .mask.full,.km-radial-progressbar[data-progress="71"] .circle .fill{-webkit-transform:rotate(127.8deg);-ms-transform:rotate(127.8deg);transform:rotate(127.8deg)}.km-radial-progressbar[data-progress="71"] .circle .fill.fix{-webkit-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);transform:rotate(255.6deg)}.km-radial-progressbar[data-progress="72"] .circle .mask.full,.km-radial-progressbar[data-progress="72"] .circle .fill{-webkit-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);transform:rotate(129.6deg)}.km-radial-progressbar[data-progress="72"] .circle .fill.fix{-webkit-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);transform:rotate(259.2deg)}.km-radial-progressbar[data-progress="73"] .circle .mask.full,.km-radial-progressbar[data-progress="73"] .circle .fill{-webkit-transform:rotate(131.4deg);-ms-transform:rotate(131.4deg);transform:rotate(131.4deg)}.km-radial-progressbar[data-progress="73"] .circle .fill.fix{-webkit-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);transform:rotate(262.8deg)}.km-radial-progressbar[data-progress="74"] .circle .mask.full,.km-radial-progressbar[data-progress="74"] .circle .fill{-webkit-transform:rotate(133.20000000000002deg);-ms-transform:rotate(133.20000000000002deg);transform:rotate(133.20000000000002deg)}.km-radial-progressbar[data-progress="74"] .circle .fill.fix{-webkit-transform:rotate(266.40000000000003deg);-ms-transform:rotate(266.40000000000003deg);transform:rotate(266.40000000000003deg)}.km-radial-progressbar[data-progress="75"] .circle .mask.full,.km-radial-progressbar[data-progress="75"] .circle .fill{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.km-radial-progressbar[data-progress="75"] .circle .fill.fix{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.km-radial-progressbar[data-progress="76"] .circle .mask.full,.km-radial-progressbar[data-progress="76"] .circle .fill{-webkit-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);transform:rotate(136.8deg)}.km-radial-progressbar[data-progress="76"] .circle .fill.fix{-webkit-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);transform:rotate(273.6deg)}.km-radial-progressbar[data-progress="77"] .circle .mask.full,.km-radial-progressbar[data-progress="77"] .circle .fill{-webkit-transform:rotate(138.6deg);-ms-transform:rotate(138.6deg);transform:rotate(138.6deg)}.km-radial-progressbar[data-progress="77"] .circle .fill.fix{-webkit-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);transform:rotate(277.2deg)}.km-radial-progressbar[data-progress="78"] .circle .mask.full,.km-radial-progressbar[data-progress="78"] .circle .fill{-webkit-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);transform:rotate(140.4deg)}.km-radial-progressbar[data-progress="78"] .circle .fill.fix{-webkit-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);transform:rotate(280.8deg)}.km-radial-progressbar[data-progress="79"] .circle .mask.full,.km-radial-progressbar[data-progress="79"] .circle .fill{-webkit-transform:rotate(142.20000000000002deg);-ms-transform:rotate(142.20000000000002deg);transform:rotate(142.20000000000002deg)}.km-radial-progressbar[data-progress="79"] .circle .fill.fix{-webkit-transform:rotate(284.40000000000003deg);-ms-transform:rotate(284.40000000000003deg);transform:rotate(284.40000000000003deg)}.km-radial-progressbar[data-progress="80"] .circle .mask.full,.km-radial-progressbar[data-progress="80"] .circle .fill{-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}.km-radial-progressbar[data-progress="80"] .circle .fill.fix{-webkit-transform:rotate(288deg);-ms-transform:rotate(288deg);transform:rotate(288deg)}.km-radial-progressbar[data-progress="81"] .circle .mask.full,.km-radial-progressbar[data-progress="81"] .circle .fill{-webkit-transform:rotate(145.8deg);-ms-transform:rotate(145.8deg);transform:rotate(145.8deg)}.km-radial-progressbar[data-progress="81"] .circle .fill.fix{-webkit-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);transform:rotate(291.6deg)}.km-radial-progressbar[data-progress="82"] .circle .mask.full,.km-radial-progressbar[data-progress="82"] .circle .fill{-webkit-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);transform:rotate(147.6deg)}.km-radial-progressbar[data-progress="82"] .circle .fill.fix{-webkit-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);transform:rotate(295.2deg)}.km-radial-progressbar[data-progress="83"] .circle .mask.full,.km-radial-progressbar[data-progress="83"] .circle .fill{-webkit-transform:rotate(149.4deg);-ms-transform:rotate(149.4deg);transform:rotate(149.4deg)}.km-radial-progressbar[data-progress="83"] .circle .fill.fix{-webkit-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);transform:rotate(298.8deg)}.km-radial-progressbar[data-progress="84"] .circle .mask.full,.km-radial-progressbar[data-progress="84"] .circle .fill{-webkit-transform:rotate(151.20000000000002deg);-ms-transform:rotate(151.20000000000002deg);transform:rotate(151.20000000000002deg)}.km-radial-progressbar[data-progress="84"] .circle .fill.fix{-webkit-transform:rotate(302.40000000000003deg);-ms-transform:rotate(302.40000000000003deg);transform:rotate(302.40000000000003deg)}.km-radial-progressbar[data-progress="85"] .circle .mask.full,.km-radial-progressbar[data-progress="85"] .circle .fill{-webkit-transform:rotate(153deg);-ms-transform:rotate(153deg);transform:rotate(153deg)}.km-radial-progressbar[data-progress="85"] .circle .fill.fix{-webkit-transform:rotate(306deg);-ms-transform:rotate(306deg);transform:rotate(306deg)}.km-radial-progressbar[data-progress="86"] .circle .mask.full,.km-radial-progressbar[data-progress="86"] .circle .fill{-webkit-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);transform:rotate(154.8deg)}.km-radial-progressbar[data-progress="86"] .circle .fill.fix{-webkit-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);transform:rotate(309.6deg)}.km-radial-progressbar[data-progress="87"] .circle .mask.full,.km-radial-progressbar[data-progress="87"] .circle .fill{-webkit-transform:rotate(156.6deg);-ms-transform:rotate(156.6deg);transform:rotate(156.6deg)}.km-radial-progressbar[data-progress="87"] .circle .fill.fix{-webkit-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);transform:rotate(313.2deg)}.km-radial-progressbar[data-progress="88"] .circle .mask.full,.km-radial-progressbar[data-progress="88"] .circle .fill{-webkit-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);transform:rotate(158.4deg)}.km-radial-progressbar[data-progress="88"] .circle .fill.fix{-webkit-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);transform:rotate(316.8deg)}.km-radial-progressbar[data-progress="89"] .circle .mask.full,.km-radial-progressbar[data-progress="89"] .circle .fill{-webkit-transform:rotate(160.20000000000002deg);-ms-transform:rotate(160.20000000000002deg);transform:rotate(160.20000000000002deg)}.km-radial-progressbar[data-progress="89"] .circle .fill.fix{-webkit-transform:rotate(320.40000000000003deg);-ms-transform:rotate(320.40000000000003deg);transform:rotate(320.40000000000003deg)}.km-radial-progressbar[data-progress="90"] .circle .mask.full,.km-radial-progressbar[data-progress="90"] .circle .fill{-webkit-transform:rotate(162deg);-ms-transform:rotate(162deg);transform:rotate(162deg)}.km-radial-progressbar[data-progress="90"] .circle .fill.fix{-webkit-transform:rotate(324deg);-ms-transform:rotate(324deg);transform:rotate(324deg)}.km-radial-progressbar[data-progress="91"] .circle .mask.full,.km-radial-progressbar[data-progress="91"] .circle .fill{-webkit-transform:rotate(163.8deg);-ms-transform:rotate(163.8deg);transform:rotate(163.8deg)}.km-radial-progressbar[data-progress="91"] .circle .fill.fix{-webkit-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);transform:rotate(327.6deg)}.km-radial-progressbar[data-progress="92"] .circle .mask.full,.km-radial-progressbar[data-progress="92"] .circle .fill{-webkit-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);transform:rotate(165.6deg)}.km-radial-progressbar[data-progress="92"] .circle .fill.fix{-webkit-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);transform:rotate(331.2deg)}.km-radial-progressbar[data-progress="93"] .circle .mask.full,.km-radial-progressbar[data-progress="93"] .circle .fill{-webkit-transform:rotate(167.4deg);-ms-transform:rotate(167.4deg);transform:rotate(167.4deg)}.km-radial-progressbar[data-progress="93"] .circle .fill.fix{-webkit-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);transform:rotate(334.8deg)}.km-radial-progressbar[data-progress="94"] .circle .mask.full,.km-radial-progressbar[data-progress="94"] .circle .fill{-webkit-transform:rotate(169.20000000000002deg);-ms-transform:rotate(169.20000000000002deg);transform:rotate(169.20000000000002deg)}.km-radial-progressbar[data-progress="94"] .circle .fill.fix{-webkit-transform:rotate(338.40000000000003deg);-ms-transform:rotate(338.40000000000003deg);transform:rotate(338.40000000000003deg)}.km-radial-progressbar[data-progress="95"] .circle .mask.full,.km-radial-progressbar[data-progress="95"] .circle .fill{-webkit-transform:rotate(171deg);-ms-transform:rotate(171deg);transform:rotate(171deg)}.km-radial-progressbar[data-progress="95"] .circle .fill.fix{-webkit-transform:rotate(342deg);-ms-transform:rotate(342deg);transform:rotate(342deg)}.km-radial-progressbar[data-progress="96"] .circle .mask.full,.km-radial-progressbar[data-progress="96"] .circle .fill{-webkit-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);transform:rotate(172.8deg)}.km-radial-progressbar[data-progress="96"] .circle .fill.fix{-webkit-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);transform:rotate(345.6deg)}.km-radial-progressbar[data-progress="97"] .circle .mask.full,.km-radial-progressbar[data-progress="97"] .circle .fill{-webkit-transform:rotate(174.6deg);-ms-transform:rotate(174.6deg);transform:rotate(174.6deg)}.km-radial-progressbar[data-progress="97"] .circle .fill.fix{-webkit-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);transform:rotate(349.2deg)}.km-radial-progressbar[data-progress="98"] .circle .mask.full,.km-radial-progressbar[data-progress="98"] .circle .fill{-webkit-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);transform:rotate(176.4deg)}.km-radial-progressbar[data-progress="98"] .circle .fill.fix{-webkit-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);transform:rotate(352.8deg)}.km-radial-progressbar[data-progress="99"] .circle .mask.full,.km-radial-progressbar[data-progress="99"] .circle .fill{-webkit-transform:rotate(178.20000000000002deg);-ms-transform:rotate(178.20000000000002deg);transform:rotate(178.20000000000002deg)}.km-radial-progressbar[data-progress="99"] .circle .fill.fix{-webkit-transform:rotate(356.40000000000003deg);-ms-transform:rotate(356.40000000000003deg);transform:rotate(356.40000000000003deg)}.km-radial-progressbar[data-progress="100"] .circle .mask.full,.km-radial-progressbar[data-progress="100"] .circle .fill{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.km-radial-progressbar[data-progress="100"] .circle .fill.fix{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
/*------------------------
 Progress Bar Shorcodes 
 -------------------------*/
.km-progressbar-container{
	width: 100%;
	float: left;	
	height: auto;
	float: left;
	position: relative;
	margin-bottom: 20px;
	box-sizing:border-box;
}
.km-progressbar{
	background-color: #f8f8f8;
	box-sizing:border-box;
	height: 20px;
	line-height: 20px;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}
.km-progressbar-container[data-strips="normal"] .km-progressbar-thebar,.km-progressbar-container[data-strips="moving"] .km-progressbar-thebar{
	background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    background-size: 20px 20px;
}
.km-progressbar-container[data-strips="moving"] .km-progressbar-thebar{
	-webkit-animation: stripes-moving 1s linear infinite;
    -moz-animation: stripes-moving 1s linear infinite;
    -ms-animation: stripes-moving 1s linear infinite;
    -o-animation: stripes-moving 1s linear infinite;
    animation: stripes-moving 1s linear infinite;
}
.km-progressbar-thebar{
	position: absolute;
	box-sizing:border-box;
	height: 100%;
	float: left;
	left: 0;
	top: 0;
	right: 0;	
	width: 0px;
	background: rgb(0, 175, 209);
	-webkit-transition: all 2s ease-in-out;
	   -moz-transition: all 2s ease-in-out;
	    -ms-transition: all 2s ease-in-out;
	     -o-transition: all 2s ease-in-out;
	        transition: all 2s ease-in-out;
}
.km-progressbar-container[data-style="style_1"] .km-progressbar-tooltip{
	width: 35px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	background: #222;
	text-align: center;
	font-size: 12px;
	position: absolute;
	margin-bottom: 6px;
	left: 0;
	-webkit-transition: all 2s ease-in-out;
	   -moz-transition: all 2s ease-in-out;
	    -ms-transition: all 2s ease-in-out;
	     -o-transition: all 2s ease-in-out;
	        transition: all 2s ease-in-out;
}
.km-progressbar-container[data-style="style_2"] .km-progressbar-tooltip{
	width: auto;
	height: 20px;
	line-height: 20px;
	color: #999;	
	text-align: center;
	font-size: 12px;
	position: absolute;
	margin-bottom: 6px;
	right: 0;
	padding: 0 5px;
}
.km-progressbar-container[data-style="style_2"] .km-progressbar-tooltip:after{
	content: ")";
	color: #999;
	position: absolute;
	right: 0;	
}
.km-progressbar-container[data-style="style_2"] .km-progressbar-tooltip:before{
	content: "(";
	color: #999;
	position: absolute;
	left: 0;
}
.km-progressbar-container[data-style="style_1"] .km-progressbar-tooltip:after{
	content: "";
    position: absolute;
    border-top: 5px solid #222;
    border-left: 12px solid transparent;
    bottom: -4px;
    right: 0px;
}
.km-progressbar-container[data-style="style_1"] .km-progressbar-info{
	width: 100%;
	float: left;
	height: auto;
	position: relative;
	margin-bottom: 10px;
}
.km-progressbar-title{
	letter-spacing: 2px;
}
.km-progressbar-container[data-style="style_1"] .km-progressbar-title{
	float: left;
	font-size: 14px;
	color: inherit;
}

.km-progressbar-container[data-style="style_3"] .km-progressbar-title{
	position: absolute;
	background: rgba(0,0,0,.5);
	left: 0;
	top: 0;
	width: auto;
	height: 100%;
	line-height: inherit;
	z-index: 9;
	color: #FFF;
	padding: 0px 10px;
	font-size: 13px;
	
}
.km-progressbar-container[data-style="style_3"] .km-progressbar-tooltip{
	background: rgba(255,255,255,0.3);
    right: 0;
    position: absolute;
    z-index: 9;
    padding: 0px 5px;
}
@-webkit-keyframes stripes-moving {
	from {
		background-position:20px 0
	}
	to {
		background-position:0 0
	}
}
@-moz-keyframes stripes-moving {
	from {
		background-position:20px 0
	}
	to {
		background-position:0 0
	}
}
@-ms-keyframes stripes-moving {
	from {
		background-position:20px 0
	}
	to {
		background-position:0 0
	}
}
@-o-keyframes stripes-moving {
	from {
		background-position:0 0
	}
	to {
		background-position:20px 0
	}
}
@keyframes stripes-moving {
	from {
		background-position:20px 0
	}
	to {
		background-position:0 0
	}
}



/*------------------------
 Alert Box Shorcodes 
 -------------------------*/
.km-alert-box{
	width: 100%; 
	left: 0%; 
	right: 0%; 
	min-height: 20px; 
	overflow: auto; 
	overflow-x: hidden; 
	border: 1px solid transparent; 
	box-sizing: border-box; 
	padding: 10px 20px; 	
	position: relative;  
} 

.km-alert-box-text{
	float: left; 
	color: inherit; 
	width: 100%;	
	font-size: 14px;	
}
.km-alert-message{
	float: left;
	display: inline-block;
}
.km-alert-title{
	display: inline-block;
    float: left;
    letter-spacing: 2px;
    font-size: 16px;
    margin-right: 10px;
    font-weight: 700;
    margin-left: 3px;
	
}

.km-alert-box-close{
	position: absolute; 
	right: 10px; 
	font-size: 16px; 
	top: 10px; 
	opacity: 0.8;
}
.km-icon-alert{
	display: inline-block;
	float: left;
	font-size: 18px;
	margin-right: 5px;
}

.km-alert-red{
	color: #fff; 
	border-color: #b0352f;  
	background: #df534e;  
	background: -webkit-linear-gradient(#e95b57,#c94039); 
	background: -moz-linear-gradient(#e95b57,#c94039);  
	background: -o-linear-gradient(#e95b57,#c94039);  
	background: linear-gradient(#e95b57,#c94039); 
	background: -ms-linear-gradient(#e95b57,#c94039);
}

.km-alert-green{
	color: #fff;  
	border-color: #4e974e;  
	background: #5ebb5e;  
	background: -webkit-linear-gradient(#61c261,#57a957); 
	background: -moz-linear-gradient(#61c261,#57a957);  
	background: -o-linear-gradient(#61c261,#57a957);  
	background: linear-gradient(#61c261,#57a957); 
	background: -ms-linear-gradient(#61c261,#57a957);
}

.km-alert-blue{
	color: #fff;  
	border-color: #2d8ba6; 
	background: #47adcb; 
	background: -webkit-linear-gradient(#58bddb,#359cba); 
	background: -moz-linear-gradient(#58bddb,#359cba); 
	background: -o-linear-gradient(#58bddb,#359cba); 
	background: linear-gradient(#58bddb,#359cba); 
	background: -ms-linear-gradient(#58bddb,#359cba); 
}

/*------------------------
 MODAL WINDOW  Shorcodes 
 -------------------------*/

.km-modal-button{
	width: auto;	
	text-align: center;
	letter-spacing: 1px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.km-modal-button:hover{
	opacity: .95;
}
.km-modal-button[data-size='small']{
	height: 25px;
	padding: 0px 10px;
	line-height: 25px;
}
.km-modal-button[data-size='normal']{
	height: 40px;
	padding: 0px 15px;
	line-height: 40px;
}
.km-modal-button[data-size='big']{
	height: 50px;
	padding: 0px 25px;
	line-height: 50px;
}
.km-modal-button[data-position="left"]{
	float: left;
}
.km-modal-button[data-position="center"]{
	left: 50%;
	-webkit-transform: 	translateX(-50%);
	   -moz-transform: 	translateX(-50%);
	    -ms-transform: 	translateX(-50%);
	     -o-transform: 	translateX(-50%);
	        transform: 	translateX(-50%);
}
.km-modal-button[data-position="right"]{
	float: right;
}
.km-perspective,
.km-perspective body {
	height: 100%;
	overflow: hidden;
}
.km-perspective body  {	
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
	background: #222;    
}
.km-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 9999999999999999;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.km-show {
	visibility: visible;
}
.km-close:hover{
	background: rgba(0,0,0,0.4);
}
.km-close{
    border: none;
    background: rgba(0,0,0,0.2);
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    padding: 0px 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 2px;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
}
.km-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	top: 0;
	left: 0;
	z-index: 99999999;
	background: rgba(0,0,0,0.7);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
}
/* Content styles */
.km-content {
	position: relative;
	margin: 0 auto;
	padding-bottom: 20px;
}
.km-content h3 {
	margin: 0;
    padding: 0.7em;
    text-align: center;
    font-size: 2em;
    font-weight: 300;
    opacity: 0.8;
    background: rgba(0,0,0,0.1);
    border-radius: 3px 3px 0 0;
}
.km-content > div {
	padding: 25px 40px 25px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}
/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.km-effect-1 .km-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.km-show.km-effect-1 .km-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 2: Slide from the right */
.km-effect-2 .km-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.km-show.km-effect-2 .km-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
/* Effect 3: Slide from the bottom */
.km-effect-3 .km-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.km-show.km-effect-3 .km-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
/* Effect 4: Newspaper */
.km-effect-4 .km-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}
.km-effect-4 .km-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.km-show.km-effect-4 .km-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}
/* Effect 5: fall */
.km-effect-5.km-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.km-effect-5 .km-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}
.km-show.km-effect-5 .km-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}
/* Effect 6: side fall */
.km-effect-6.km-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.km-effect-6 .km-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}
.km-show.km-effect-6 .km-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}
/* Effect 7:  slide and stick to top */
.km-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.km-effect-7 .km-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}
.km-show.km-effect-7 .km-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}
/* Effect 8: 3D flip horizontal */
.km-effect-8.km-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.km-effect-8 .km-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}
.km-show.km-effect-8 .km-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}
/* Effect 9: 3D flip vertical */
.km-effect-9.km-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.km-effect-9 .km-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}
.km-show.km-effect-9 .km-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}
/* Effect 10: 3D sign */
.km-effect-10.km-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.km-effect-10 .km-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.km-show.km-effect-10 .km-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}
/* Effect 11: Super scaled */
.km-effect-11 .km-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.km-show.km-effect-11 .km-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 12:  Just me */
.km-effect-12 .km-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.km-effect-12 .km-content h3,
.km-effect-12 .km-content {
	background: transparent;
}
.km-show.km-effect-12 .km-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 13: 3D slit */
.km-effect-13.km-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.km-effect-13 .km-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.km-show.km-effect-13 .km-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.km-effect-14.km-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.km-effect-14 .km-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.km-show.km-effect-14 .km-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.km-effect-15.km-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.km-effect-15 .km-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.km-show.km-effect-15 .km-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */

.km-show.km-effect-16 ~ .km-wrapper {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.km-effect-16 .km-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.km-show.km-effect-16 ~ .km-wrapper,
.km-effect-16 .km-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.km-show.km-effect-16 .km-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.km-show.km-effect-17 ~ .km-wrapper {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.km-show.km-effect-17 ~ .km-wrapper{
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.km-effect-17 .km-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.km-show.km-effect-17 .km-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.km-show.km-effect-18 ~ #km-wrapper {
	height: 100%;
	overflow: hidden;
}


.km-show.km-effect-18 ~ #km-wrapper,.km-show.km-effect-18 ~ .km-overlay{
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.km-effect-18 .km-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.km-show.km-effect-18 .km-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.km-show.km-effect-19 ~ .km-wrapper {
	height: 100%;
	overflow: hidden;
}
.km-show.km-effect-19 ~ .km-wrapper{
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}
@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}
@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}
@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}
.km-effect-19 .km-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}
.km-show.km-effect-19 .km-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/*------------------------

POST & PORTFOLIO MASONRY  Shorcodes 

-------------------------*/
.syp-items-wrapper,.syp-items-wrapper-post{
	width: 100%;
    box-sizing: border-box;
    position: relative;
}
/* Post Grid */
.syp-itemgrid {
	box-sizing: border-box;
}
.syp-itemgrid-link{
	display: inline;
	position: relative;
	overflow: hidden;
	float: left;
}
.syp-itemgrid img{
	width: 106%!important;
	margin-left: -6%;
	position: relative;
	float: left;
	-webkit-transition: all .4s ease-in;
	   -moz-transition: all .4s ease-in;
	    -ms-transition: all .4s ease-in;
	     -o-transition: all .4s ease-in;
	        transition: all .4s ease-in;
}
.syp-itemgrid-link:hover img{
	margin-left: 0%;	
}
.syp-itemgrid[data-style="style1"] .syp-itemgrid-title{
	border-bottom: 1px solid #eee;
	width: 97%;
	margin-left: 1.5%;
	padding: 10px 0px;		
}

.syp-itemgrid[data-style="style2"] .syp-itemgrid-title,
.syp-itemgrid[data-style="style3"] .syp-itemgrid-title{
	width: 100%;	
	padding-bottom: 15px;	
}
.syp-itemgrid[data-style="style2"] .syp-itemgrid-excerpt,
.syp-itemgrid[data-style="style3"] .syp-itemgrid-excerpt{
	width: 100%;	
}

.syp-itemgrid-title{
	float: left;
	min-height: 10px;
	display: block;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in; 
	-moz-transition: all 0.3s ease-in; 
	transition: all 0.3s ease-in; 
	letter-spacing: 2px;
	font-weight: 500;
}
.syp-itemgrid-title a{
	color: inherit;
}
.syp-itemgrid[data-style="style1"] .syp-itemgrid-excerpt{
	width: 97%;
	margin-left: 1.5%;	
	padding: 15px 0px;
	border-bottom: 1px solid #eee;
}

.syp-itemgrid-excerpt{
	float: left;
	box-sizing: border-box;
	line-height: 1.8em;
}
.syp-itemgrid[data-style="style3"] .syp-itemgrid-excerpt{
	line-height: 1.6em;
}
.syp-itemgrid[data-style="style1"] .syp-itemgrid-info{
	width: 97%;
	margin-left: 1.5%;
	padding: 5px 0px;	
	padding-left: 0px!important;
}

.syp-itemgrid[data-style="style2"] .syp-itemgrid-info{
	width: 100%;
	padding: 8px 13px;
	border-top: 1px solid #f1f1f1;	
}

.syp-itemgrid-user{
	width: 100%;
	float: left;
	height: 0px;
	position: relative;
	text-align: center;
}
.syp-itemgrid-user img{
	width: 40px!important;
	height: 40px!important;
	display: inline-block;
	position: absolute;
	top: -60px;
	left: 50%;
	border: 2px solid #f1f1f1;
	border-color: inherit;
	border-radius: inherit;
}
.syp-itemgrid[data-style="style1"] .syp-itemgrid-user{
	display: none;
}

.syp-itemgrid-center{
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.syp-itemgrid-info{
	box-sizing: border-box;
	font-size: 10px;
	float: left;
	letter-spacing: 1px;
}
.syp-itemgrid-author{
	float: left;
}
.syp-itemgrid-date{
	float: right;
}
.syp-itemgrid[data-style="style2"] .syp-itemgrid-author{
	display: none;
}
.syp-itemgrid[data-style="style2"] .syp-itemgrid-date{
	float: left;	
}

.syp-itemgrid-date i,.syp-itemgrid-author i{
	display: inline-block;
	margin-right: 5px;
}
.syp-itemgrid[data-style="style3"] .syp-itemgrid-title,
.syp-itemgrid[data-style="style3"] .syp-itemgrid-excerpt,
.syp-itemgrid[data-style="style2"] .syp-itemgrid-title,
.syp-itemgrid[data-style="style2"] .syp-itemgrid-excerpt{
	border: 0px!important;
} 
.syp-itemgrid-3-bottom{
	width: 100%;
	float: left;
	height: 25px;
	line-height: 25px;
	box-sizing: border-box;
	padding-top: 15px;
	margin-top: 20px;
}
.syp-itemgrid-3-bottom span{
	display: inline-block;
	float: left; 
	font-size: 11px;
	opacity: .9;
	color: inherit;
	letter-spacing: 1px;
	margin-left: 8px;
	font-weight: 500;
}
.syp-itemgrid-3-bottom .syp-itemgrid-3-image{
	display: inline;
	float: left;
	height: 25px;
	width: 25px;	
}
.syp-itemgrid-3-image img{
	width: 100%;
	height: 100%;
	border-radius: inherit;
}
.syp-itemgrid-date3{
	width: 100%;
    float: left;    
    font-size: 11px;
    color: inherit;
    opacity: .9;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.syp-itemgrid[data-style="style4"]  .syp-itemgrid-date{
	width: 100%;
	float: left;
	margin-top: 13px;
	
}
.syp-itemgrid[data-style="style4"] .syp-itemgrid-title{
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.syp-itemgrid[data-style="style4"] .syp-itemgrid-user img{
	width: 65px!important;
    height: 65px!important;
    float: right;
    position: absolute!important;
    left: inherit;
    right: 30px;
    top: -35px;
	
}

.syp-items-wrapper[data-gutter='25'] .syp-item,.syp-items-wrapper-post[data-gutter='25'] .syp-item{
	margin-bottom: 25px;
}
.syp-items-wrapper,.syp-items-wrapper-post{
	opacity: 0;
}
.syp-item-1{
	width: 100%;
}
.syp-item-2{
	width: 50%;
}
.syp-item-3{
	width: 33.33333%;
}
.syp-item-4{
	width: 25%;
}
.syp-item-5{
	width: 20%;
}
	 
.syp-item-1-gutter{
	width: 100%
}
.syp-item-2-gutter{
	width: calc( ( 100% - 75px ) / 2 + 25px );
}
.syp-item-3-gutter{
	width: calc( ( 100% - 125px ) / 3 + 25px );
	
}
.syp-item-4-gutter{
	width: calc( ( 100% - 175px ) / 4 + 25px );
	
}
.syp-item-5-gutter{
	width: calc( ( 100% - 225px ) / 5 + 25px );
}


.syp-item{
	float: left;
	height: auto;
	overflow: hidden;
}

.syp-item img{
	position: relative;
	float: left;
	height: auto;
	width: 100%;
}


/*---------------*/
/***** Lily *****/
/*---------------*/

.syp-effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

.syp-effect-lily .figcaption {
	text-align: left;
}



.syp-effect-lily .figcaption  {
	position: absolute;
	bottom: 30px;
	left: 0;	
	width: 100%;
	height: auto;	
	padding: 0px 10px;
	z-index: 9999;
}

.syp-effect-lily h2,
.syp-effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}
.syp-effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	font-size: 17px;
	color: #FFF;
	letter-spacing: 2px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.syp-effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	color: #eee;
	font-size: 15px;
	letter-spacing: 1px;
}

.syp-effect-lily:hover img,
.syp-effect-lily:hover p {
	opacity: 1;
}
.syp-effect-lily:hover .syp-overlay,.syp-effect-layla:hover .syp-overlay,
.syp-effect-oscar:hover .syp-overlay,.syp-effect-milo:hover .syp-overlay,
.syp-effect-apollo .syp-overlay {
	background: rgba(1,1,1,.2);
}

.syp-effect-lily:hover img,
.syp-effect-lily:hover h2,
.syp-effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
/*---------------*/
/***** Sadie *****/
/*---------------*/

.syp-effect-sadie .figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(1,1,1,0) 0%, rgba(,1,1,0.6) 75%);
	background: linear-gradient(to bottom, rgba(1,1,1,0) 0%, rgba(1,1,1,0.6) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

.syp-effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	font-size: 19px;
	text-transform: uppercase;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	z-index: 999;
}

.syp-effect-sadie .figcaption::before,
.syp-effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.syp-effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	letter-spacing: 1px;
	color: #eee;
	font-size: 15px;
	padding-bottom: 30px;
	width: 100%;
	z-index: 999;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

.syp-effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

.syp-effect-sadie:hover .figcaption::before ,
.syp-effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syp-effect-sadie:hover .syp-overlay{
	opacity: 0;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

.syp-effect-bubba:hover .syp-overlay{
	background: rgba(1,1,1,.3);
}
.syp-effect-bubba img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.syp-effect-bubba .figcaption{
	position: absolute;
	height: 100%;
	width: 100%;
}

.syp-effect-bubba .figcaption::before,
.syp-effect-bubba .figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.syp-effect-bubba .figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.syp-effect-bubba .figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.syp-effect-bubba h2 {
	padding-top: 25%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	 font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    z-index: 999;
    padding-bottom: 10px;
}

.syp-effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	text-align: center;
	letter-spacing: 1px;
	color: #eee;
	font-size: 15px;
	position: relative;
	z-index: 999;
}

.syp-effect-bubba:hover .figcaption::before,
.syp-effect-bubba:hover .figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.syp-effect-bubba:hover h2,
.syp-effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Layla *****/
/*---------------*/
.syp-effect-layla .figcaption::before,
.syp-effect-layla .figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
	 z-index: 999;
}

.syp-effect-layla .figcaption::before {
	position: absolute;
    top: 30px;
    right: 15px;
    bottom: 30px;
    left: 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
   
}

.syp-effect-layla .figcaption::after {
	top: 15px;
    right: 30px;
    bottom: 15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.syp-effect-layla h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    float: left;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 0px;
    letter-spacing: 2px;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 999;
}

.syp-effect-layla p {	   
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    top: 65%;
    width: 100%;
    z-index: 999;
}


.syp-effect-layla img,
.syp-effect-layla .figcaption::before,
.syp-effect-layla .figcaption::after,
.syp-effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.syp-effect-layla:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.syp-effect-layla:hover .figcaption::before,
.syp-effect-layla:hover .figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.syp-effect-layla:hover  h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.syp-effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.syp-effect-layla:hover .figcaption::after,
.syp-effect-layla:hover h2,
.syp-effect-layla:hover p,
.syp-effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*---------------*/
/***** Oscar *****/
/*---------------*/
.syp-effect-oscar .figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

.syp-effect-oscar h2 {
	-webkit-transition: 0.15s all ease-in;
	transition: 0.15s all ease-in;
	 top: 50%;   
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    z-index: 999;
}
.syp-effect-oscar p {
	text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    top: 60%;
    width: 100%;
    z-index: 999;
}

.syp-effect-oscar .figcaption::before,
.syp-effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.syp-effect-oscar:hover h2 {
	top:45%;
	-webkit-transition: 0.15s all ease-in;
	transition: 0.15s all ease-in;
}

.syp-effect-oscar:hover .figcaption::before,
.syp-effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


/*---------------*/
/***** Marley *****/
/*---------------*/

.syp-effect-marley .figcaption {
	text-align: right;
}

.syp-effect-marley h2,
.syp-effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
	z-index: 999;
}


.syp-effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	 color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
}

.syp-effect-marley h2 {
	top: 30px;
	letter-spacing: 2px;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    z-index: 999;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

.syp-effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

.syp-effect-marley h2::after,
.syp-effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.syp-effect-marley:hover h2::after,
.syp-effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-marley .syp-overlay{
	background: rgba(1,1,1,.4);
}
.syp-effect-marley:hover .syp-overlay{
	background: rgba(1,1,1,.7);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

.syp-effect-ruby:hover .syp-overlay{
	background: rgba(1,1,1,.4);
}
.syp-effect-ruby .figcaption{
	position: absolute;
	float: left;
	width: 100%;
	top: 0;
	left: 0;
}

.syp-effect-ruby img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.syp-effect-ruby:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.syp-effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
   font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    z-index: 999;
}

.syp-effect-ruby p {
	box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 30px;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0) scale(1.1);
    transform: translate3d(0,20px,0) scale(1.1);
    position: relative;
    float: left;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    margin-top: 20px;
    z-index: 999;
} 

.syp-effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

/*---------------*/
/***** Roxy *****/
/*---------------*/
.syp-effect-roxy:hover .syp-overlay{
	background: rgba(1,1,1,.4);
}
.syp-effect-roxy img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

.syp-effect-roxy .figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
	z-index: 999;
}

.syp-effect-roxy .figcaption {	
    text-align: left;
    position: absolute;
    width: 100%;
    height: 100%;
}

.syp-effect-roxy h2 {
	padding: 27% 0 10px 0;
	width: 100%;
	float: left;
	box-sizing: border-box;
	font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    z-index: 999; 
    position: relative;
    float: left;
	padding-left: 60px;
}

.syp-effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	box-sizing: border-box;
    color: #fff;
	padding-left: 60px;
    font-size: 14px;
	z-index: 999;
    letter-spacing: 1px;
    position: relative;
}

.syp-effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-roxy:hover .figcaption::before,
.syp-effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Milo *****/
/*---------------*/

.syp-effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.syp-effect-milo:hover img {	
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
.syp-effect-milo .figcaption{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 999;
}

.syp-effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
	font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    z-index: 999; 
}

.syp-effect-milo p {
	padding: 10px 20px 10px 0;
	width: 40%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
	color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 20px;
}

.syp-effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Dexter *****/
/*---------------*/


.syp-effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.syp-effect-dexter .figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 1px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

.syp-effect-dexter:hover .figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-dexter .figcaption {
    text-align: left;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.syp-effect-dexter h2{
	font-size: 23px;
    text-transform: uppercase;
    color: #fff;
    z-index: 999;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding-left: 50px;
    padding-top: 50px;
} 
.syp-effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
	color: #fff;
font-size: 14px;
	z-index: 999;
    letter-spacing: 1px;
}

.syp-effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syp-effect-dexter:hover .syp-overlay{
	background: rgba(1,1,1,.3);
}

/*---------------*/
/***** Sarah *****/
/*---------------*/
.syp-effect-sarah .syp-overlay{
	background: rgba(1,1,1,.3);
}
.syp-effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.syp-effect-sarah:hover img {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-sarah .figcaption {
    text-align: left;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 30px;
    top: 15%;
    z-index: 999;
}

.syp-effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	font-size: 19px;
    text-transform: uppercase;
    color: #fff;
}

.syp-effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

.syp-effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	color: #fff;
    font-size: 14px;
	z-index: 999;
    letter-spacing: 1px;
    position: relative;
}

.syp-effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Chico *****/
/*---------------*/
.syp-effect-chico:hover .syp-overlay{
	background: rgba(1,1,1,.3);
}

.syp-effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.syp-effect-chico:hover img {	
	-webkit-transform: scale(1);
	transform: scale(1);
}

.syp-effect-chico .figcaption {
	padding: 3em;
	padding: 3em;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    z-index: 999;
}

.syp-effect-chico .figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.syp-effect-chico .figcaption::before,
.syp-effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.syp-effect-chico h2 {
	padding: 20% 0 20px 0;
	font-size: 19px;
    text-transform: uppercase;
    color: #fff;
	letter-spacing: 2px;
}

.syp-effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	color: #fff;
    font-size: 14px;
	z-index: 999;
    letter-spacing: 1px;
    position: relative;
}

.syp-effect-chico:hover .figcaption::before,
.syp-effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/


.syp-effect-apollo img {	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
.syp-effect-apollo .figcaption{
	position: absolute;
    height: 100%;
    width: 100%;
    z-index: 999;
}

.syp-effect-apollo .figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.syp-effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	color: #FFF;
	letter-spacing: 1px;
	font-size: 14px;
}

.syp-effect-apollo h2 {
	text-align: left;
	font-size: 19px;
    text-transform: uppercase;
    color: #fff;
	letter-spacing: 2px;
	padding-top: 40px;
	padding-left: 20px;
}

.syp-effect-apollo:hover img {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.syp-effect-apollo:hover .figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.syp-effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*---------------*/
/***** Jazz *****/
/*---------------*/
.syp-effect-jazz:hover .syp-overlay{
	background: rgba(1,1,1,.2);
}
.syp-effect-jazz .figcaption::after,
.syp-effect-jazz img,
.syp-effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.syp-effect-jazz .figcaption{
	position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999;
}
.syp-effect-jazz .figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.syp-effect-jazz h2,
.syp-effect-jazz p {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

.syp-effect-jazz h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    z-index: 999;
}

.syp-effect-jazz p {
	padding: 0.5em 2em;
	text-transform: none;
	font-size: 0.85em;
	opacity: 0;
	color: #fff;
    font-size: 14px;
	z-index: 999;
    letter-spacing: 1px;
    position: relative;
}

.syp-effect-jazz:hover img {
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

.syp-effect-jazz:hover .figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

.syp-effect-jazz:hover h2,
.syp-effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}


/*---------------*/
/***** Lexi *****/
/*---------------*/
.syp-effect-lexi:hover .syp-overlay{
	background: rgba(1,1,1,0.2);
}
.syp-effect-lexi {
	background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
	background: linear-gradient(-45deg, #000 0%,#fff 100%);
}

.syp-effect-lexi img {
	margin: -10px 0 0 -10px;
	max-width: none;
	width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px);
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.syp-effect-lexi .figcaption::before,
.syp-effect-lexi p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.syp-effect-lexi .figcaption{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.syp-effect-lexi .figcaption::before {
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 300px;
	height: 300px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transform: scale3d(0.5,0.5,1);
	transform: scale3d(0.5,0.5,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.syp-effect-lexi:hover img {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.syp-effect-lexi h2 {
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px,5px,0);
	transform: translate3d(5px,5px,0);
	padding-top: 40px;
	padding-left: 20px;
	font-size: 19px;
    text-transform: uppercase;
    color: #fff;
}

.syp-effect-lexi p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 1.5em 1.5em 0;
	width: 140px;
	text-align: right;
	opacity: 0;
	-webkit-transform: translate3d(20px,20px,0);
	transform: translate3d(20px,20px,0);
	color: #fff;
    font-size: 14px;
	z-index: 999;
    letter-spacing: 1px;    
}

.syp-effect-lexi:hover .figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.syp-effect-lexi:hover h2,
.syp-effect-lexi:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*------------------------
 Teammate Shorcodes 
 -------------------------*/

.km-teammate-container{
	width: 100%;
	height: auto;
	float: left;
	box-sizing:border-box;
	position: relative;
}
.km-teammate-img,.km-teammate-img img{
	width: 100%;
	float: left;
	height: auto;
	position: relative;
	overflow: hidden;
}
/* Teammate Style 1 */
 .km-teammate-info{
	width: 100%;
	height: auto;
	float: left;
	box-sizing:border-box;
	margin-top: 15px;
}

.km-teammate-np{
	display: inline-block;
	float: left;
	left: 0;right: 0;
}

 .km-teammate-name{	
	text-align: left;
	color: #333;
	font-size: 17px;
	letter-spacing: 2px;
}
 .km-teammate-soc{
	display: inline-block;
	float: right;
	text-align: right;
	color: #888;
	font-size: 17px;
	margin-top: 14px;
}
.km-teammate-soc a{
	margin-left: 15px;
	display: inline-block;
	float: left;	
}
.km-teammate-position{
	display: inline-block;
	float: left;
	height: auto;
	box-sizing:border-box;
	color: #888;
	font-style: italic;
	margin-top: 10px;
	letter-spacing: 1px;
}

.km-teammate-content{
	width: 100%;
	float: left;
	height: auto;
	box-sizing:border-box;
	color: #666;
	margin-top: 12px;
	line-height: 1.5em;
}



.km-teammate-img-overlay{
	width: 100%;
	float: left;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: -50%;
	left: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
}





/* Teammate Style 2 */
.km-teammate-container[data-style="style2"] .km-teammate-name{
	width: 100%;
	float: left;
	text-align: center;
	color: #333;
	
}

.km-teammate-container[data-style="style2"] .km-teammate-soc{
	width: 100%;
	float: left;
	text-align: center;
	color: #ddd;
	visibility: hidden;
	opacity: 0;
	margin-top: -20px;
	
}
.km-teammate-container[data-style="style2"] .km-teammate-soc a{
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	float: none;	
}

.km-teammate-container[data-style="style2"] .km-teammate-position{
	text-align: center;
	width: 100%;
	float: left;
	color: #ddd;	
}

.km-teammate-container[data-style="style2"] .km-teammate-content{
	text-align: center;
	margin-top: -40px;
	visibility: hidden;
	opacity: 0;

}


.km-teammate-container[data-style="style2"] .km-teammate-np{
	width: 100%;
	float: left;
	height: auto;	
}
.km-teammate-container[data-style="style2"]:hover .km-teammate-name{
	color: #FFF!important;
}
.km-teammate-container[data-style="style2"]:hover .km-teammate-position{
	color: #FFF!important;
	opacity: 0.8;
	margin-top: 10px;
}
.km-teammate-container[data-style="style2"]:hover .km-teammate-img-overlay{	
	opacity: 1;
	top: 0;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}
.km-teammate-container[data-style="style2"]:hover .km-teammate-np,
.km-teammate-container[data-style="style2"]:hover .km-teammate-soc{
	position: relative;
	margin-top: -40%;
	z-index: 9;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
	   
}
.km-teammate-container[data-style="style2"]:hover .km-teammate-content,
.km-teammate-container[data-style="style2"]:hover .km-teammate-soc{
	height: auto;
	visibility: visible;
	opacity: 1;
	margin-top: 5px;
	-webkit-transition: all .7s ease-in-out;
	   -moz-transition: all .7s ease-in-out;
	    -ms-transition: all .7s ease-in-out;
	     -o-transition: all .7s ease-in-out;
	        transition: all .7s ease-in-out;
}
.km-teammate-container[data-style="style2"]:hover .km-teammate-soc{
	margin-top: -20%;
	color: #FFF!important;
}


/*------------------------
 TESTMONIAL Shorcodes 
 -------------------------*/
 .km-testimonial{
	width: 100%;
	float: left;
	height: auto;
	box-sizing:border-box;
}

.km-testimonial-icon,
.km-testimonial-content-icon{
	display: none;
}
/*Normal*/
.km-testimonial[data-style="style1"] .km-testimonial-icon{
	width: 100%;
	text-align: center;
	font-size: 32px;
	color: inherit;
	margin-bottom: 10px;
	opacity: .3;
	display: block;
}
.km-testimonial[data-style="style1"] .km-testimonial-content{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	box-sizing:border-box;
	line-height: 1.6em;
	color: #555;
	font-size: 14px;
	position: relative;
	text-align: center;
}


.km-testimonial[data-style="style1"] .km-testimonial-user{
	width: 100%;
	float: left;
	height: auto;
	box-sizing:border-box;
}

.km-testimonial[data-style="style1"] .km-testimonial-pic{
	width: 60px;
	height: 60px;
	float: left;
	width: 100%;
	text-align: center;
}
.km-testimonial[data-style="style1"] .km-testimonial-pic img{
	width: 60px;
	display: inline-block;
	height: 60px;	
	border-radius: 50%;
}

.km-testimonial[data-style="style1"] .km-testimonial-name-info{
	float: left;
	width: 100%;	
	margin-top: 10px;
	text-align: center;
}

.km-testimonial[data-style="style1"] .km-testimonial-name{
	display: block;
	width: 100%;
	font-size: 16px;
	color: #333;
	letter-spacing: 2px;
}

.km-testimonial[data-style="style1"] .km-testimonial-info{
	display: block;
	width: 100%;
	color: #888;
	font-size: 12px;
	margin-top: 3px;
	letter-spacing: 1px;
}

/* Bubble*/
.km-testimonial[data-style="style2"] .km-testimonial-content{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	box-sizing:border-box;
	padding: 15px; 
	line-height: 1.6em;
	color: #555;
	background: #f8f8f8;
	border-color: #f8f8f8;
	font-size: 14px;
	position: relative;
}

.km-testimonial[data-style="style2"] .km-testimonial-content:after{
	content: "";
	position: absolute;
	left: 20px;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 13px solid;
	border-top-color:inherit;
	bottom: -13px;
}




.km-testimonial[data-style="style2"] .km-testimonial-user{
	width: 100%;
	float: left;
	box-sizing:border-box;
}

.km-testimonial[data-style="style2"] .km-testimonial-pic{
	width: 60px;
	height: 60px;
	float: left;
	border-radius: 50%;
	margin-left:5px;
	margin-right: 20px;
}
.km-testimonial[data-style="style2"] .km-testimonial-pic img{
	width: 100%;
	height: 100%;	
	border-radius: 50%;
}

.km-testimonial[data-style="style2"] .km-testimonial-name-info{
	float: left;
	width: auto;	
	margin-top: 10px;
}

.km-testimonial[data-style="style2"] .km-testimonial-name{
	display: block;
	font-size: 16px;
	color: #333;
	letter-spacing: 2px;
}

.km-testimonial[data-style="style2"] .km-testimonial-info{
	display: block;
	color: #888;
	font-size: 12px;
	margin-top: 3px;
	letter-spacing: 1px;
}

/* Bubble Right*/
.km-testimonial[data-style="style2"][data-pic-position="right"] .km-testimonial-content:after{
	left: initial;
	right: 20px;
}

.km-testimonial[data-style="style2"][data-pic-position="right"] .km-testimonial-content,
.km-testimonial[data-style="style2"][data-pic-position="right"] .km-testimonial-name-info{
	text-align: right;
	float: none;
}
.km-testimonial[data-style="style2"][data-pic-position="right"] .km-testimonial-pic{
	float: right;
	margin-right:5px;
	margin-left: 20px;	
}


.km-testimonial{
	background: #FFF;
}

.km-testimonial-user{
	background: inherit;
}

/*Modern*/
.km-testimonial[data-style="style3"] .km-testimonial-content{
	width: 100%;
	float: left;
	box-sizing:border-box;
	padding: 15px 45px; 
	line-height: 1.6em;
	color: #555;
	background: #f8f8f8;
	border-color: #f8f8f8;
	font-size: 14px;
	position: relative;
	text-align: center;
}

.km-testimonial[data-style="style3"] .km-testimonial-content:after{
	content: "";
    position: absolute;
    left: 72px;
    border-right: 35px solid transparent;
    border-top: 34px solid;
    border-top-color: inherit;
    bottom: -34px;
}


.km-testimonial[data-style="style3"] .km-testimonial-content-icon{
	display: block;	
	float: left;
	position: absolute;
	z-index: 1;
	top: 50%;
	color: inherit;
	font-size: 24px;
	opacity: .2;
	-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		    -o-transform: translateY(-50%);
		        transform: translateY(-50%);	
}

.km-testimonial[data-style="style3"] .km-testimonial-content-icon[data-position="left"]{
	left: 10px;
}
.km-testimonial[data-style="style3"] .km-testimonial-content-icon[data-position="right"]{
	right: 10px;
}

.km-testimonial[data-style="style3"] .km-testimonial-user{
	width: 100%;
	float: left;
	box-sizing:border-box;
}

.km-testimonial[data-style="style3"] .km-testimonial-pic{
	width: 60px;
	height: 60px;
	float: left;
	border-radius: 50%;
	margin-left:5px;
	margin-right: 20px;
	background: inherit;
	padding: 7px;
	margin-top: -15px;
	position: relative;
	z-index: 9;
}
.km-testimonial[data-style="style3"] .km-testimonial-pic img{
	width: 100%;
	height: 100%;	
	border-radius: 50%;
}

.km-testimonial[data-style="style3"] .km-testimonial-name-info{
	float: left;
	width: auto;	
	margin-top: 10px;
	text-align: right;
}

.km-testimonial[data-style="style3"] .km-testimonial-name{
	display: block;
	font-size: 16px;
	color: #333;
	letter-spacing: 2px;
}

.km-testimonial[data-style="style3"] .km-testimonial-info{
	display: block;
	color: #888;
	font-size: 12px;
	margin-top: 3px;
	letter-spacing: 2px;
}

.km-testimonial[data-style="style3"][data-pic-position="right"] .km-testimonial-name-info{		
	text-align: right;
	float: right;
}
.km-testimonial[data-style="style3"][data-pic-position="left"] .km-testimonial-name-info{		
	text-align: left;
	float: left;
}
.km-testimonial[data-style="style3"][data-pic-position="right"] .km-testimonial-pic{
	float: right;
	margin-right:5px;
	margin-left: 20px;	
}

.km-testimonial[data-style="style3"][data-pic-position="right"] .km-testimonial-content:after{
	content: "";
    position: absolute;
    right: 72px;
    border-right:0px;
    border-left: 35px solid transparent;
    border-top: 34px solid;
    border-top-color: inherit;
    bottom: -34px;
    left: initial;
    
}
.km-co-row{
	margin-bottom: 10px;	
}
.km-co-row i{
	margin-right: 11px;
    color: #289fca;
    font-size: 16px;
}

.smile_icon_list li .icon_description h3{
	font-weight: 500!important;
}
/* Ajax Loader	*/
#ajax-loading-post,#ajax-loading-done{width: 100%; float: left; margin-top: 5px; height: 20px;  color: #888; margin-bottom: 20px; font-size: 12px; font-style: italic; display: none;}
.loader {width: 60px;  height: 20px;  display: inline-block;  position: relative;vertical-align: middle;}
.loader-bars:before,.loader-bars:after,.loader-bars span:before{
  content: '';  display: block;  position: absolute;  left: 0;  top: 4px;  width: 15px;  height: 15px; border-radius: 100%; 
  background-color: #bbb;  animation: grow 1s linear infinite;-webkit-animation: grow 1s linear infinite;  -moz-animation: grow 1s linear infinite;  -ms-animation: grow 1s linear infinite;  -o-animation: grow 1s linear infinite;
}
.loader-bars:after {  left: 15px;  animation-delay: -0.25s;  -webkit-animation-delay: -0.25s;  -moz-animation-delay: -0.25s;  -ms-animation-delay: -0.25s;  -o-animation-delay: -0.25s;}
.loader-bars span:before {  left: 32px;  animation-delay: -0.5s;  -webkit-animation-delay: -0.5s;  -moz-animation-delay: -0.5s;  -ms-animation-delay: -0.5s; -o-animation-delay: -0.5s;}
.loader-bars span:after {  left: 35px;  animation-delay: -0.75s;  -webkit-animation-delay: -0.75s;  -moz-animation-delay: -0.75s;  -ms-animation-delay: -0.75s;  -o-animation-delay: -0.75s;}
@-webkit-keyframes grow {
  0% { 
     -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;  
  }
  100% {
    -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;
  }
  0% {
    -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;
 }
}

@keyframes grow {
  0% { 
     -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;  
  }
  100% {
    -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;
  }
  0% {
    -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;
 }
}


/* No REsult Found */
.noresult-found-container{
	width: 100%;
	float: left;
	height: auto;
	box-sizing: border-box;
}
.noresult-found-container input{
	width: 100%;
	float: left;
	background: #FFF;
	border: 1px solid #eee;	
	height: 35px;
	line-height: 35px;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 15px;
	letter-spacing: 2px;
	margin-top: 25px;
	
}
.noresult-message{
	font-size: 15px;
	letter-spacing: 1px;
	color: #444;
	display: inline-block;
	margin-top: 20px;
}

/*================
===============Contact Form 7 Styling 
==================
*/ 
form.wpcf7-form p{
	font-size: 16px; 
	letter-spacing: 1px;
}
.wpcf7-form-control-wrap{
	width: 100%;
    float: left;
    box-sizing: border-box;
    position: relative;
    display: block;
    border-bottom: 1px solid #f1f1f1;   
    color: #555;
}
.wpcf7-form-control-wrap:after{
	content: "";
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.wpcf7-form-focus-active{
	border-bottom-color: transparent;
}
.wpcf7-form-focus-active:after{	
	content: "";
	width: 100%;
	background: red;	
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

form.wpcf7-form input{
	margin: 5px 0px;
    border: 0px;
    box-sizing: border-box;
    padding: 8px 0px;
    font-size: 16px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    background: transparent;
    color: #555;
	 
}

form.wpcf7-form textarea{
	margin: 20px 0px;
	border: 0px;
    box-sizing: border-box;
    padding: 8px 0px;    
    width: 100%;
	position: relative;
	height: 130px;
	background: transparent;
	 font-size: 17px;
	 color: #555;
}
form.wpcf7-form input:focus,form.wpcf7-form textarea:focus{
	padding-left: 15px;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
form.wpcf7-form input[type="submit"]{
    width: 99%;
	margin-top: 35px;
    font-size: 18px;
    color: #FFF;
    background-color: #111;
    letter-spacing: 2px;
    height: 50px;
    line-height: 48px;
    float: left;
    padding: 0px;
    cursor: pointer;
    color: #FFF;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
/*================
===============404 Page 
==================
*/ 
#page404{width: 100%; min-height: 400px; overflow: auto; margin-top: 150px; text-align: center; color: #444; float: left;}
#page404-iconRound{width: 70px; height: 70px; display: inline-block;  line-height: 70px; color: #fff; border-radius:50% ; top: 40px;  font-size: 40px; position: absolute;  background-color: #444;
    border-top-left-radius: 0;
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
    border-bottom-left-radius: 75px;
	
}


#page404-text{width: 100%; text-align: center; min-height: 100px; overflow: auto; float: left;}
#page404-title{width: 100%; text-align: center; min-height: 120px; display: block;  line-height: 175px;  font-size: 175px; position: relative; float: left; box-sizing: border-box; opacity: 0.6; padding: 20px 0px;}
#page404-msg{width: 100%; text-align: center; position: absolute; display: block; font-size: 28px; line-height: 28px; float: left; top: 50%; color: #000; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
#page404-title #span-404{opacity: 0,6;}


/*==================================================================*\
===============			RESPONSIVE STYLING  			==============
\*==================================================================*/
@media screen and (min-width: 650px) and (max-width: 900px) {
	#footer-column-1,#footer-column-2,#footer-column-3,#footer-column-4{
		width: 50%!important; float: left;
	}
	.footer-column:nth-of-type(2){
		padding-right: 0px;
	}
}

@media screen and (min-width: 300px) and (max-width: 650px) {
	#footer-column-1,#footer-column-2,#footer-column-3,#footer-column-4{
		width: 100%!important; float: left;
	}
	.footer-column{
		padding-right: 0px;
	}
	
}

@media screen and (min-width: 300px) and (max-width: 700px) {
	#km-footer-menu,#km-footer-icons{
		width: 100%; text-align: center;
	}
	#km-footer-bottom-content #km-footer-icons a{
		margin-left: 10px; margin-right: 10px;
	}
	.related-p,.km-grid-2, .km-grid-3,.portfolio-card-2col,.portfolio-simple-2col,
	.portfolio-hover-2col,.portfolio-full-3col,.portfolio-full-4col,.portfolio-full-5col,
	.portfolio-simple-3col,.portfolio-hover-3col,.portfolio-card-3col,.syp-item-2,.syp-item-2-gutter,
	.syp-item-3,.syp-item-3-gutter,.syp-item-4,.syp-item-4-gutter,.syp-item-5,.syp-item-5-gutter{
		width: 100%; 
	}
	.portfolio-simple-4col,.portfolio-hover-4col{
		width: 100%;
	}
	#km-gotop[data-position='left']{left: 10px;bottom: 10px; opacity: 0.5!important;}
	#km-gotop[data-position='right']{right: 10px; bottom: 10px; opacity: 0.5!important;}
	#km-gotop[data-position='center']{bottom: 10px; opacity: 0.5!important;}
	#km-gotop[data-position='left']:hover,#km-gotop[data-position='right']:hover,#km-gotop[data-position='center']:hover{
		opacity: 1!important;
	}
	.input-half-width,.input-half-width-container{ width: 100%;}
	.km-contact-us-map{height: 350px;}
}

@media screen and (min-width: 650px) and (max-width: 850px){
	.km-grid-4{
		width: calc( ( 100% - 75px ) / 2 + 25px );
	}
	
}

@media screen and (min-width: 930px) and (max-width: 1200px){
	.portfolio-full-5col,.syp-item-5-gutter{
		width: calc( 100%  / 3 );
	}
	
	.single-portfolio-data[data-folio-layout='left'] #km-portfolio-gall, .single-portfolio-data[data-folio-layout='right'] #km-portfolio-information,
	.single-portfolio-data[data-folio-layout='right'] #km-portfolio-gall, .single-portfolio-data[data-folio-layout='left'] #km-portfolio-information,
	.single-portfolio-data[data-folio-layout='left'] #km-portfolio-data, .single-portfolio-data[data-folio-layout='left'] #km-portfolio-content{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 700px) and (max-width: 1200px){
	.portfolio-simple-4col,.portfolio-hover-4col,.syp-item-4-gutter{
		width: calc( ( 100% - 75px ) / 2 + 25px );
	}
	.syp-item-4{
		width: 50%;
	}
}


@media screen and (min-width: 700px) and (max-width: 930px){
	.portfolio-full-3col,.portfolio-full-4col,.portfolio-full-5col,.related-p,.syp-item-3{
		width: 50%;
	}
	.portfolio-simple-3col,.portfolio-hover-3col,.portfolio-card-3col,.syp-item-3-gutter{
		width: calc( ( 100% - 75px ) / 2 + 25px );
	}

}
@media screen and (min-width: 300px) and (max-width: 930px){
	#km-portfolio-gall,#km-portfolio-information,#km-portfolio-content,#km-portfolio-data{
		width: 100%!important;
		float: left!important;
		padding-right: 0px!important;
		padding-left: 0px!important;		
	}
	#km-checker[data-sidebar-position='left'] #km-data,
	#km-checker[data-sidebar-position='right'] #km-data,#km-checker[data-sidebar-position='left'] #kameleon-sidebar , #km-checker[data-sidebar-position='right'] #kameleon-sidebar{
		width: 100%;
		position: relative!important;
	}
	#kameleon-sidebar-content{
		padding: 0px 20px;
		box-sizing:border-box;
		width: 100%!important;
	}	
}
@media screen and (min-width: 300px) and (max-width: 650px){
	.km-grid-4{
		width: 100%;
	}
}

@media screen and (min-width: 300px) and (max-width: 600px){
	.related-post-item{
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
}

@media screen and (min-width:300px) and (max-width: 840px){
  	#single-post-comment input[type='text']{width: 100%; float: left; box-sizing: border-box; margin-bottom: 20px;}
  	#single-post-comment input[type='text']:last-of-type{margin-right: 0%; margin-bottom: 0px;}
	.portfolio-excerpt-2col{
		width: 100%;
	}
	#km-single-info{width: 100%; margin-top: 15px;	}
	/* Post Full Width Image */
	.km-pside-thumbnail,.km-pside-info{
		width: 100%;
	}
	/* Left */
	.km-pside-image[data-position='left'] .km-pside-thumbnail,.km-pside-image[data-position='left'] .km-pside-info,
	.km-pside-image[data-position='right'] .km-pside-thumbnail, .km-pside-image[data-position='right'] .km-pside-info{
		float: left;
		float: left; padding-left: 0px;
	}
	.map-form-container[data-type="contact-us3"] .km-contact-us-map, .map-form-container[data-type="contact-us3"] #contact-us-form,
	.map-form-container[data-type="contact-us4"] .km-contact-us-map, .map-form-container[data-type="contact-us4"] #contact-us-form{
		width: 100%;
	}
}

@media screen and (min-width:300px) and (max-width: 765px){
	.wpb_row.vc_row-fluid.sy_rm_pleft,.vc_column-inner.sy_rm_pleft,
	.wpb_row.vc_row-fluid.sy_rm_pleft[data-vc-full-width-init="true"][data-vc-full-width="true"][data-vc-stretch-content="true"]{padding-left: 0px!important;}
	.wpb_row.vc_row-fluid.sy_rm_pright,.vc_column-inner.sy_rm_pright,
	.wpb_row.vc_row-fluid.sy_rm_pright[data-vc-full-width-init="true"][data-vc-full-width="true"][data-vc-stretch-content="true"]{padding-right: 0px!important;}
	.wpb_row.vc_row-fluid.sy_rm_pall,.vc_column-inner.sy_rm_pall,
	.wpb_row.vc_row-fluid.sy_rm_pall[data-vc-full-width-init="true"][data-vc-full-width="true"][data-vc-stretch-content="true"]{padding-right: 0px!important; padding-left: 0px!important;}
	.wpb_row.vc_row-fluid.sy_rm_mleft,.vc_column-inner.sy_rm_mleft{margin-left: 0px!important;}	
	.wpb_row.vc_row-fluid.sy_rm_mright,.vc_column-inner.sy_rm_mright{margin-right: 0px!important;}	
	.wpb_row.vc_row-fluid.sy_rm_mall,.vc_column-inner.sy_rm_mall{margin-right: 0px!important; margin-left: 0px!important;}	
	.wpb_row.vc_row-fluid.sy_rm_bleft,.vc_column-inner.sy_rm_bleft{border-left: 0px!important;}	
	.wpb_row.vc_row-fluid.sy_rm_bright,.vc_column-inner.sy_rm_bright{border-right: 0px!important;}	
	.wpb_row.vc_row-fluid.sy_rm_ball,.vc_column-inner.sy_rm_ball{border-right: 0px!important; border-left: 0px!important;}
	.wpb_row.vc_row-fluid.sy_rm_pleft,
	.wpb_row.vc_row-fluid .vc_column-inner.sy_rm_pleft,
	.wpb_row.vc_row-fluid .vc_column-inner.sy_rm_pleft{padding-left: 15px!important;}	
	.wpb_row.vc_row-fluid.sy_rm_pright,
	.wpb_row.vc_row-fluid .vc_column-inner.sy_rm_pright,
	.wpb_row.vc_row-fluid .vc_column-inner.sy_rm_pright {padding-right: 15px!important;}	
	.wpb_row.vc_row-fluid.sy_rm_pall,
	.wpb_row.vc_row-fluid .vc_column-inner.sy_rm_pall,
	.wpb_row.vc_row-fluid .vc_column-inner.sy_rm_pall {padding-right: 15px!important; padding-left: 15px!important;}
	
}
@media screen and (min-width:765px) and (max-width: 1000px){
	div[class*="vc_custom_"].vc_column-inner{
		padding-left: 25px!important;
	    padding-right: 25px!important;
	}
}

@media screen and (min-width:300px) and (max-width: 1000px){
	body[data-footer-effect='true'] #km-footer{
		position: relative!important;
	}
	#km-wrapper{
		margin-bottom: 0px!important;
	}
}