body {
	transition:0.4s all;
	-webkit-transition:0.4s all;
}
html.active {
	overflow:hidden;
}
.modal-open {
	overflow:auto;
}
.main-content,#jws-main {
	overflow:hidden;
}
div {
	outline:none;
}
img {
	max-width:100%;
	height:auto;
}
a:hover,a:focus {
	color:#252525;
}
@media(min-width:1200px) {
	.col-md-5 {
		width:20%;
	}
}
a,button {
	-webkit-transition:.2s ease-out;
	-moz-transition:.2s ease-out;
	transition:.2s ease-out;
}
.woocommerce div.product .content-product-left .product-images-content.bottom .woocommerce-product-gallery img {
	-webkit-transition:.0s ease-out;
	-moz-transition:.0s ease-out;
	transition:.0s ease-out;
}
.grid-sizer.size-2 {
	width:16.666%;
}
.acount-tt {
	display:inline-block !important;
}
.grid-sizer.size-3 {
	width:25%;
}
.grid-sizer.size-4 {
	width:33.3333333333333333333333%;
}
.grid-sizer.size-20 {
	width:20%;
}
.grid-sizer.size-7 {
	width:50%;
}
.grid-sizer.size-12 {
	width:100%;
}
.color-scheme-right {
	text-align:right;
}
.color-scheme-left {
	text-align:left;
}
.color-scheme-center {
	text-align:center;
}
.penna_font {
	font-family:penna !important;
	letter-spacing:11.5px;
	font-weight:bold;
}
h4,.h4,h5,.h5,h6,.h6 {
	margin-top:0;
}
p {
	margin-bottom:0;
}
body {
	line-height:25px;
}
.weight_500 {
	font-weight:500 !important;
}
.weight_300 {
	font-weight:300 !important;
}
.spacing0_2 {
	letter-spacing:0.2px;
}
.border.vc_custom_heading {
	position:relative;
	padding-left:25px;
	&:before {
		content:"";
		width:1px;
		height:43px;
		position:absolute;
		bottom:3px;
		left:0;
	}
}
.admin-bar {
   .is-sticky .mainmenu-area {
    margin-top:32px;
   }
   #jws_header.jws-header-v1 {
    padding: 32px 0;
   }
}
@media (max-width:782px) {
  .admin-bar {
     #jws_header.jws-header-v1 {
    padding: 45px 0;
   }
  .is-sticky .mainmenu-area {
        margin-top: 45px;
   } 
}  
}
@media (max-width:600px) {
   .admin-bar {
  .is-sticky .mainmenu-area {
        margin-top: 0px;
   } 
   }  
}
.search .main-content , .archive .main-content {
    padding: 100px 0;
}
/* Search Content */
.search_item {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
    border: 5px solid #ebebeb;
    padding: 30px;
    .bog-image {
        margin-bottom:25px;
    }
    .link_content {
        a {
        width: 200px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        margin: 0 auto;
        color: #ffffff;
        font-size: 18px;
        margin-top: 15px;
        display: block !important;
        transition: 0.5s all;
        &:hover {
            opacity:0.9;
        }
        }
    }
}
@media(min-width:767px) {
	.vc_row-flex {
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
	}
	.vc_row-o-equal-height {
		>.vc_column_container {
			-webkit-box-align:stretch;
			-webkit-align-items:stretch;
			-ms-flex-align:stretch;
			align-items:stretch;
			display:-webkit-box;
			display:-webkit-flex;
			>.vc_column-inner {
				-webkit-box-pack:center;
				-webkit-justify-content:center;
				-ms-flex-pack:center;
				justify-content:center;
				-webkit-box-flex:1;
				-webkit-flex-grow:1;
				-ms-flex-positive:1;
				flex-grow:1;
				display:flex;
				-webkit-flex-direction:column;
				-ms-flex-direction:column;
				flex-direction:column;
				z-index:1;
				display:-webkit-box;
				display:-webkit-flex;
				display:-ms-flexbox;
				-webkit-box-orient:vertical;
			}
		}
	}
}
@media (min-width:992px) {
	.col-md-20 {
		width:20%;
	}
	.col-md-40 {
		width:40%;
	}
}
.container100 {
	.container {
		width:100%;
	}
}
.canvas_container {
	position:relative;
	#canvas_js {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
}
.has_overlay {
	position:relative;
	.jws-over-lay {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
}
.title_end {
	font-size:60px;
}
.italic {
	font-style:italic !important;
}
.zindex {
	z-index:1;
}
.background-parallax {
	background-attachment:fixed;
}
ins {
	text-decoration:none;
}
a,a:hover {
	text-decoration:none !important;
}
@media (min-width:992px) {
	#quick-view-modal {
		.ct-lg.col-md-3 {
			width:50%;
		}
	}
}
@media (min-width:768px) {
	.container-in-full .no-container {
		width:750px;
	}
}
@media (min-width:992px) {
	.container-in-full .no-container {
		width:970px;
	}
}
@media (min-width:1200px) {
	.container-in-full .no-container {
		width:1170px;
	}
}
.container-in-full .no-container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}
.relative {
	position:relative;
}
abbr[title] {
	border-bottom:none !important;
	cursor:inherit !important;
	text-decoration:none !important;
}
a:focus {
	outline:none;
	outline-offset:initial;
}
ul,ol {
	list-style-type:none;
	padding:0;
	margin:0;
}
input,textarea,button {
	outline:none !important;
}
.row-same-height {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex:0 1 auto;
	-ms-flex:0 1 auto;
	-webkit-box-flex:0;
	flex:0 1 auto;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.display_flex {
	display:flex;
	-webkit-display:flex;
}
.flex_left {
	display:flex;
	justify-content:flex-start;
}
.flex_center {
	display:flex;
	justify-content:center;
	align-items:center;
	flex:1;
}
.flex_right {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.margin_am {
	.wpb_single_image {
		margin-right:-73%;
	}
}
.line-vertical {
	width:1px;
	height:100px;
	margin:0 auto;
}
.colorfff {
	color:#ffffff;
}
.demo_con {
	margin:0 auto;
	margin-bottom:30px;
	width:200px;
	border:1px solid #b8b8b8;
	display:block;
	.demo_theme {
		overflow:hidden;
		position:relative;
		background-position:center top;
		cursor:pointer;
		width:100%;
		margin:0 auto;
		height:120px;
		transition:5s;
		-webkit-transition:5s;
		display:block;
		text-align:center;
		&:hover {
			background-position:center bottom;
		}
		span {
			position:absolute;
			width:100%;
			left:0;
			background-color:#ffffff !important;
			bottom:0;
			font-size:12px;
			text-align: center;
		}
	}
}
/*------------- Mail--------------*/
.form2 {
	.mc4wp-form {
		.mc4wp-success {
			p {
				color:initial;
				margin: 30px auto;
			}
		}
		input {
			width:650px;
			background:#ffffff;
			font-weight:300;
			height:63px;
			border-bottom-left-radius:40px;
			padding-left:40px;
			border-top-left-radius:40px;
			&::-webkit-input-placeholder {
				/* Chrome/Opera/Safari */
				color:#a9a9a9;
			}
			&::-moz-placeholder {
				/* Firefox 19+*/
				color:#a9a9a9;
			}
			&:-ms-input-placeholder {
				/* IE 10+*/
				color:#a9a9a9;
			}
			&:-moz-placeholder {
				/* Firefox 18- */
				color:#a9a9a9;
			}
		}
		button {
			border-top-right-radius:40px;
			border-bottom-right-radius:40px;
			height:63px;
			color:#ffffff;
			margin-left:-4px;
			vertical-align:top;
			padding:0 37px;
			width:auto;
			vertical-align:top;
			background-size:200% auto;
			transition:0.7s all !important;
			-webkit-transition:0.7s all !important;
			&:hover {
				background-position:right center;
			}
			&:before {
				display:none;
			}
		}
	}
}
body .mc4wp-form {
	.mc4wp-success p {
		color:#ffffff;
		margin-top:30px;
		max-width: 500px;
	}
	input {
		height:46px;
		width:400px;
		background:transparent;
		border:1px solid #ffffff;
		padding-left:17px;
        color:#ffffff;
		&::-webkit-input-placeholder {
			/* Chrome/Opera/Safari */
			color:#ffffff;
		}
		&::-moz-placeholder {
			/* Firefox 19+*/
			color:#ffffff;
		}
		&:-ms-input-placeholder {
			/* IE 10+*/
			color:#ffffff;
		}
		&:-moz-placeholder {
			/* Firefox 18- */
			color:#ffffff;
		}
	}
	button {
		height:46px;
		width:140px;
		line-height:46px;
		text-align:center;
		border:0;
		font-weight:500;
		margin-left:7px;
	}
}
.wpcf7 {
	.form_contact {
		input,textarea {
			border:1px solid #b4b4b4;
			width:100%;
			margin-bottom:25px;
			border-radius:0;
			padding-left:15px;
		}
		input {
			height:50px;
		}
		textarea {
			margin-bottom:16px;
			height:190px;
		}
		.wpcf7-submit {
			width:170px;
			height:46px;
			line-height:45px;
			border-radius:25px;
			text-align:center;
			color:#ffffff;
			text-transform:uppercase;
			font-weight:500;
			border:0;
			transition:0.5s all;
			-webkit-transition:0.5s all;
			&:hover {
				background: #171717;
			}
		}
	}
}
/*------------------- Instagram--------------------*/
.instagram-widget {
	&.default {
		.instagram-pics {
			li {
				display:inline-block;
				width:80px;
				margin-right:5px;
				margin-bottom:5px;
				img {
					width: 100%;
				}
			}
		}
	}
}
/*---------------- Info Box-----------------*/
.vc_images_carousel {
	.owl-controls {
		.owl-dots {
			margin-top:42px !important;
			margin-bottom:5px !important;
			text-align:center !important;
			.owl-dot {
				&:after {
					border-color:#ffffff !important;
				}
				&.active {
					background:#ffffff !important;
				}
			}
		}
	}
}
.owl-controls {
	.owl-dots {
		text-align:center;
		margin-top:30px;
		.owl-dot {
			width:11px;
			height:11px;
			position:relative;
			display:inline-block;
			margin:0 10px;
			border-radius:100%;
			&:after {
				position:absolute;
				width:~"calc(100% + 4px)";
				height:~"calc(100% + 4px)";
				top:-2px;
				left:-2px;
				content:"";
				border-radius:100%;
				border:1px solid;
				border-color:#171717;
			}
		}
	}
}
.kloud-info-box {
	cursor:pointer;
	.has_icon {
		position:relative;
		width:66px;
		height:66px;
		line-height:66px;
		text-align:center;
		border-radius:100%;
		background:#f9fcfd;
		transition:0.4s all;
		-webkit-transition:0.4s all;
		&:after {
			content:"";
			width:~"calc(100% + 2px)";
			height:~"calc(100% + 2px)";
			left:-1px;
			top:-1px;
			position:absolute;
			z-index:0;
			border-radius:100%;
		}
		&:before {
			content:"";
			width:100%;
			height:100%;
			left:0px;
			top:0px;
			position:absolute;
			z-index:1;
			border-radius:100%;
			background:#f9fcfd;
			transition:0.4s all;
			-webkit-transition:0.4s all;
		}
		span {
			font-size:36px;
			position:relative;
			z-index:2;
			transition:0.4s all;
			-webkit-transition:0.4s all;
		}
	}
	&.active {
		.info-box-content {
			.info-box-inner {
				color:#ffffff;
				h4 {
					color:#ffffff;
				}
			}
		}
	}
	&.icon-alignment-top {
		&.text-right {
			.info-icon,.has_icon {
				margin-left:auto;
			}
		}
		&.text-center {
			.info-icon,.has_icon {
				margin:0 auto;
			}
		}
		.info-icon {
			margin-bottom:30px !important;
		}
		.has_icon {
			margin-bottom:47px !important;
		}
		.info-box-content {
			padding-left:0 !important;
		}
	}
    &.top_icon_border {
        .box-icon-wrapper {
            .info-box-icon {
                border-bottom: 1px solid #d7d7d7;
                padding-bottom: 25px;
                margin-bottom: 25px;
                .has_icon {
                    display: inline-block;
                    vertical-align: middle;
                    margin-bottom: 0 !important;
                    margin-right: 30px;  
                }
                .title_icon {
                     display: inline-block;
                    vertical-align: middle;
                    font-size: 16px;
                    font-weight: 500;   
                }
            }
            
        }
        &:hover {
          .box-icon-wrapper {
            .info-box-icon {
               .has_icon {
                &:before {
                    opacity:0;
                }
                span {
                    color:#ffffff !important;
                }
               } 
            }
          }  
        }
        
    }
	&.process_icon {
		text-align:center;
		box-shadow:0px 4px 7px rgba(0,0,0,0.1);
		border-radius:50px;
		padding:50px 32px 45px 32px;
		overflow:hidden;
		position:relative;
		.info-box-icon {
			width:98px;
			height:98px;
			position:relative;
			margin:0 auto;
			margin-bottom:49px;
			.number_process {
				width:40px;
				height:40px;
				text-align:center;
				line-height:40px;
				border-radius:100%;
				border:1px solid #b6b6b6;
				position:absolute;
				top:50%;
				left:-20px;
				transform:translateY(-50%);
				-webkit-transform:translateY(-50%);
				z-index:1;
				background:#ffffff;
				font-weight:500;
			}
		}
		.has_icon {
			width:98px;
			height:98px;
			line-height:98px;
			&:before {
				background:#ffffff;
			}
		}
		&:after {
			position:absolute;
			content:"";
			width:100%;
			height:100%;
			left:0;
			top:0;
			transition:0.5s all;
			-webkit-transition:0.5s all;
			opacity:0;
			z-index:-1;
		}
		&:hover {
			&:after {
				opacity:1;
			}
			.info-box-content {
				.info-box-inner {
					color:#ffffff;
					h4 {
						color:#ffffff;
					}
				}
			}
		}
	}
	&.top_icon {
		text-align:center;
		padding:15px 5px;
		.info_inner_slider {
			box-shadow:0px 4px 7px rgba(0,0,0,0.1);
			border-radius:50px;
			padding:50px 32px 45px 32px;
		}
		.box-icon-wrapper {
			padding:4px;
			.info-box-icon {
				.has_icon {
					margin:0 auto;
					margin-bottom:48px;
					&:after {
						width:~"calc(100% + 8px)";
						height:~"calc(100% + 8px)";
						top:-4px;
						left:-4px;
					}
				}
			}
		}
	}
	&.left_icon_2 {
		.box-icon-wrapper {
			.info-box-icon {
				.has_icon {
					box-shadow:none !important;
					line-height:0;
					span {
						font-size:48px;
					}
					background:transparent;
					&:before,&:after {
						display:none;
					}
				}
			}
		}
	}
	&.left_icon,&.left_icon_2 {
		.info-box-content {
			padding-left:23px;
		}
		.box-icon-wrapper {
			.info-box-icon {
				img {
					transition:0.4s all;
					-webkit-transition:0.4s all;
					border-radius:100%;
					max-width:initial;
				}
			}
		}
		&.hover1 {
			&:hover {
				img,.has_icon {
					box-shadow:0px 11px 7px rgba(0,0,0,0.1);
					transform:translateY(-5px);
					-webkit-transform:translateY(-5px);
				}
			}
		}
		&.hover2 {
			&:hover {
				.has_icon span {
					color: #ffffff !important;
				}
			}
		}
	}
}
/*--------------- Portfolio----------------*/
.post-type-archive-portfolio {
	.masonry-container {
		margin-bottom:30px;
	}
}
.portfolio-container {
	margin:100px 0;
	.masonry-inner {
		margin-bottom:25px;
	}
}
.portfolio-footer {
	text-align:center;
	padding:50px 0;
	.kloud-portfolio-load-more {
		width:170px;
		height:46px;
		line-height:46px;
		text-align:center;
		color:#ffffff;
		margin:0 auto;
		border:none;
		display:block;
		display:inline-block;
		&.loading {
			.ion-ios-arrow-thin-down {
				-webkit-animation-name:rotate;
				-webkit-animation-duration:2s;
				-webkit-animation-iteration-count:infinite;
				-webkit-animation-timing-function:linear;
				-moz-animation-name:rotate;
				-moz-animation-duration:2s;
				-moz-animation-iteration-count:infinite;
				-moz-animation-timing-function:linear;
				animation-name:rotate;
				animation-duration:2s;
				animation-iteration-count:infinite;
				animation-timing-function:linear;
				&:before {
					content:"\f45a";
				}
			}
		}
		span {
			font-size:16px;
			vertical-align:middle;
			margin-left:7px;
			display:inline-block;
		}
	}
}
.portfolio-filter {
	margin-bottom:50px;
	ul {
		li {
			a {
				border:1px solid #c3c3c5;
				font-size:16px;
				height:50px;
				line-height:50px;
				min-width:100px;
				display:block;
				padding:0 30px;
				display:block;
				&.filter-active {
					color:#ffffff;
				}
			}
		}
	}
	.nav_2 {
		li {
			a {
				border-radius:25px;
				overflow:hidden;
				&:before {
					border-radius:25px;
				}
				&:hover,&.filter-active {
					border:1px solid transparent !important;
				}
			}
		}
	}
	.nav_3 {
		text-align:right;
		li {
			a {
				border:none;
				position:relative;
				padding:0 20px;
				font-size:14px;
				min-width:auto;
				&:before {
					display:none;
				}
				&:after {
					content:"";
					background:#171717;
					width:1px;
					height:15px;
					transform:rotate(18deg) translateY(-50%);
					-webkit-transform:rotate(18deg) translateY(-50%);
					position:absolute;
					right:0;
					top:50%;
				}
			}
			&:last-child {
				a:after {
					display:none;
				}
				a {
					padding-right:0;
				}
			}
		}
	}
}
.masonry-container {
	&.hover2 {
		.item_portfolio {
			.pp_inner {
				.content_pp {
					background:rgba(0,0,0,0.8);
				}
			}
		}
	}
	&.custom_pp {
		.item_portfolio:nth-child(1),.item_portfolio:nth-child(3) {
			margin-top:100px;
		}
	}
	.item_portfolio {
		&.masonry2 {
			&.x2 {
				height:460px;
			}
			&.x1 {
				height:250px;
			}
		}
		&.grid2 {
			.pp_inner {
				.image_pp {
					img {
						width:100%;
						height:auto;
					}
					margin-bottom:18px;
				}
				.content_pp {
					background:transparent;
					text-align:center;
					.title {
						margin-bottom:4px;
					}
					.content_pp_inner {
						.cat {
							a {
								font-size:12px;
							}
							span:last-child {
								display:none;
							}
						}
					}
				}
			}
		}
		&.grid,&.masonry,&.masonry2,&.metro {
			display:inline-block;
			position:relative;
			overflow:hidden;
			.pp_inner {
				width:100%;
				height:100%;
				background-size:cover;
				background-position:center center;
				background-repeat:no-repeat;
				position:relative;
				overflow:hidden;
				.image_pp {
					-webkit-transform:translate3d(0,0,0);
					-moz-transform:translate3d(0,0,0);
					transform:translate3d(0,0,0);
					-webkit-transition:-webkit-transform .35s .1s;
					-moz-transition:-moz-transform .35s .1s;
					transition:transform .35s .1s;
				}
				.content_pp {
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					text-align:center;
					opacity:1;
					-webkit-transform:translate3d(-100%,0,0);
					-moz-transform:translate3d(-100%,0,0);
					transform:translate3d(-100%,0,0);
					-webkit-transition:transform .5s cubic-bezier(.77,0,.175,1),opacity 0s .5s;
					transition:transform .5s cubic-bezier(.77,0,.175,1),opacity 0s .5s;
					z-index:10;
					span:last-child {
						display:none;
					}
					.content_ct {
						transform:translateY(-50%);
						-webkit-transform:translateY(-50%);
						position:absolute;
						top:50%;
						width:100%;
					}
					.content_pp_inner {
						opacity:0;
						-webkit-transform:translate3d(-50px,0,0);
						-moz-transform:translate3d(-50px,0,0);
						transform:translate3d(-50px,0,0);
						-webkit-transition:transform 0s .25s,opacity .15s .1s;
						transition:transform 0s .25s,opacity .15s .1s;
						.title {
							a {
								color:#ffffff;
							}
							margin-bottom:10px;
						}
						.cat {
							margin-bottom:42px;
							a {
								color:#ffffff;
								font-weight:300;
							}
							span {
								color:#ffffff;
							}
						}
						.redmore {
							text-align:center;
							width:54px;
							height:54px;
							line-height:54px;
							border:1px solid #ffffff;
							border-radius:100%;
							margin:0 auto;
							transition:0.5s all;
							-webkit-transition:0.5s all;
							&:hover {
								background:#ffffff;
							}
							a {
								color:#ffffff;
								font-size:36px;
							}
						}
					}
				}
			}
			img {
				width:100%;
				height:auto;
			}
			&:hover {
				.pp_inner .content_pp {
					opacity:1;
					-webkit-transform:translate3d(0,0,0);
					-moz-transform:translate3d(0,0,0);
					transform:translate3d(0,0,0);
					-webkit-transition:transform .5s cubic-bezier(.77,0,.175,1),opacity 0s;
					transition:transform .5s cubic-bezier(.77,0,.175,1),opacity 0s;
					.content_pp_inner {
						opacity:1;
						-webkit-transform:translate3d(0,0,0);
						-moz-transform:translate3d(0,0,0);
						transform:translate3d(0,0,0);
						-webkit-transition:transform .5s .15s,opacity .2s .2s;
						transition:transform .5s .15s,opacity .2s .2s;
					}
				}
				.image_pp {
					-webkit-transform:translate3d(50px,0,0);
					-moz-transform:translate3d(50px,0,0);
					transform:translate3d(50px,0,0);
					-webkit-transition:-webkit-transform .6s cubic-bezier(.63,.04,.25,1);
					-moz-transition:-moz-transform .6s cubic-bezier(.63,.04,.25,1);
					transition:transform .6s cubic-bezier(.63,.04,.25,1);
				}
			}
		}
		&.x2 {
			height:740px;
		}
		&.x1 {
			height:370px;
		}
	}
	.columns-4 {
		width: 25%;
	}
}
/*---------------- Banner----------------*/
.promo-banner {
	position:relative;
	&.banner-3 {
		.banner-image img {
			width:100%;
		}
		.main-wrapp-img {
			position:relative;
			z-index:2;
		}
		&:before {
			content:"";
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:rgba(255,255,255,0.9);
			z-index:3;
		}
		&:after {
			content:"";
			position:absolute;
			top:-8px;
			left:-8px;
			width:~"calc(100% + 16px)";
			height:~"calc(100% + 16px)";
		}
		.wrapper-content-baner {
			position:absolute;
			top:0;
			left:0;
			text-align:center;
			width:100%;
			height:100%;
			z-index:4;
			.banner-inner {
				position:absolute;
				top:50%;
				transform:translatey(-50%);
				-webkit-transform:translatey(-50%);
				width:100%;
			}
		}
	}
}
.btn2 {
	width:170px;
	height:46px;
	line-height:46px;
	text-align:center;
	color:#ffffff;
	margin:0 auto;
	border:none;
	display:block;
	&:hover {
		color: #ffffff;
	}
}
/*------------ Team Buttn popup -------------------------*/
.popup_team {
	span {
		display:none;
	}
	font-size:36px !important;
	background-color:#ffffff;
	border-radius:100%;
	line-height:40px !important;
	display:block;
	width:40px;
	height:40px;
	text-align:center !important;
	transition:0.4s all !important;
	-webkit-transition:0.4s all !important;
	cursor:pointer;
	&:hover {
		background-color:#02c1b2;
		color:#ffffff;
	}
}
.layout2 {
	.extra-counter {
		&:after {
			display:none;
		}
		.text_content {
			position:relative;
			>span {
				display:block;
				margin:0;
				margin-bottom:9px;
			}
			h2 , p {
				color:#ffffff;
			}
			&:after {
				content:"";
				position:absolute;
				top:-45px;
				left:50%;
				width:130px;
				height:65px;
				border-top-left-radius:100px;
				border-top-right-radius:100px;
				border:1px solid;
				border-bottom:none;
				transform:translateX(-50%);
				-webkit-transform:translateX(-50%);
			}
		}
	}
}
.extra-counter {
	&.custom {
		text-align:left;
		&:after {
			display:none;
		}
	}
	&.cutom {
		&:after {
			background:#ffffff;
		}
		span,.counter-label,h2 {
			color:#ffffff !important;
		}
	}
	&.not_after:after {
		display:none;
	}
	&:after {
		content:"";
		position:absolute;
		top:29%;
		right:9px;
		width:1px;
		height:30px;
		background:#b1b1b3;
		transform:rotate(16deg);
		-webkit-transform:rotate(16deg);
	}
	.odometer-formatting-mark {
		display:none;
	}
	text-align:center;
	.text_content {
		>span {
			font-size:36px;
			vertical-align:middle;
			margin-right:20px;
		}
		.counter-value {
			margin:0;
			font-weight:400;
		}
		.counter-label {
			margin-top:3px;
			letter-spacing: 1px;
		}
	}
}
/*------------- Blog --------------*/
.blog-footer {
	margin-top:52px;
	margin-bottom:15px;
	&.border-bottom {
		margin-top:1px;
	}
	.posts-loaded {
		text-align:center;
		display:none;
		font-weight:500;
		&.active {
			display:block;
		}
	}
	.kloud-blog-load-more {
		position:relative;
		display:block;
		height:44px;
		width:170px;
		margin:0 auto;
		line-height:44px;
		&.loading {
			.icon {
				&:before {
					content:"\f459";
				}
				-webkit-animation-name:rotate;
				-webkit-animation-duration:2s;
				-webkit-animation-iteration-count:infinite;
				-webkit-animation-timing-function:linear;
				-moz-animation-name:rotate;
				-moz-animation-duration:2s;
				-moz-animation-iteration-count:infinite;
				-moz-animation-timing-function:linear;
				animation-name:rotate;
				animation-duration:2s;
				animation-iteration-count:infinite;
				animation-timing-function:linear;
			}
		}
		.icon {
			width:46px;
			height:46px;
			display:inline-block;
			position:absolute;
			right:-3px;
			border-radius:100%;
			color:#ffffff;
			font-size:16px;
			top:-1px;
			line-height:46px;
			text-align:center;
			z-index:1;
			-webkit-transition-property:-webkit-transform;
			-webkit-transition-duration:1s;
			-moz-transition-property:-moz-transform;
			-moz-transition-duration:1s;
			transition-property:transform;
			transition-duration:1s;
		}
		.text_label {
			display:block;
			z-index:1;
			position:relative;
			font-weight:600;
			padding-left:25px;
		}
		&:before {
			content:"";
			width:100%;
			height:100%;
			left:0px;
			top:0px;
			position:absolute;
			z-index:1;
			border-radius:25px;
			background:#ffffff;
			transition:0.4s all;
			-webkit-transition:0.4s all;
		}
		&:after {
			content:"";
			width:calc(~"100% + 2px");
			height:calc(~"100% + 2px");
			left:-1px;
			top:-1px;
			position:absolute;
			z-index:0;
			border-radius:25px;
			background-size:200% auto;
			transition:0.5s all;
			-webkit-transition:0.5s all;
		}
	}
}
.kloud-blog-holder {
	.like {
		.zilla-likes {
			background:none;
			position:relative;
			&:before {
				content:"\f442";
				display:inline-block;
				font-family:"Ionicons";
				speak:none;
				font-style:normal;
				font-weight:normal;
				font-variant:normal;
				text-transform:none;
				text-rendering:auto;
				line-height:1;
				-webkit-font-smoothing:antialiased;
				position:absolute;
				left:0;
				top:6px;
			}
			&.active:before {
				content:"\f443";
			}
		}
	}
	.link_content {
		text-align:center;
		width:54px;
		height:54px;
		line-height:54px;
		border:1px solid #ffffff;
		border-radius:100%;
		margin:0 auto;
		position:relative;
		z-index:1;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		opacity:0;
		transition:0.5s all;
		-webkit-transition:0.5s all;
		a {
			font-size:36px;
			color:#ffffff;
		}
		&:hover {
			background:#ffffff;
		}
	}
	&.blog-menu {
		.top {
			margin-bottom:18px;
		}
		.post-item {
			.link_content {
				a {
					border-bottom:1px solid #c9c9c9;
				}
				span {
					font-size:18px;
					margin-left:14px;
					vertical-align:middle;
				}
			}
			.bog-image {
				margin-right:30px;
				img {
					max-width:initial;
					;
				}
			}
			.content-blog {
				.content-inner {
					.title {
						h6 {
							font-size:14px;
							margin-bottom:4px;
							line-height:20px;
						}
					}
					.blog-innfo {
						font-size:12px;
						margin-bottom:9px;
					}
					.blog-bottom {
						font-size:12px;
						margin-bottom:10px;
						.comment {
							font-size:14px;
						}
						.author {
							padding-right:34px;
							position:relative;
							&:after {
								width:1px;
								height:14px;
								background:#c0c0c0;
								position:absolute;
								content:"";
								right:15px;
								top:5px;
							}
						}
					}
				}
			}
		}
	}
	&.border-bottom,&.border-center {
		.post-item {
			margin-bottom:50px;
		}
		.bog-image {
			position:relative;
			overflow:hidden;
			img {
				width:100%;
				height:auto;
				transition:3s all;
				-webkit-transition:3s all
			}
			&:after {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				content:"";
				opacity:0;
				transition:0.5s all;
				-webkit-transition:0.5s all;
			}
		}
		.content-blog {
			border:1px solid #b8b8b8;
			border-top:none;
			padding:30px 28px 20px 28px;
			&.border_top {
				border-top:1px solid #b8b8b8;
			}
			.blog-innfo {
				margin-bottom:7px;
			}
			.blog-excrept {
				color:#a9a9a9;
				margin-bottom:15px;
			}
			.title {
				h6 {
					margin-bottom:11px;
					font-size:18px;
					line-height:29px;
				}
			}
			.blog-bottom {
				.like {
					.zilla-likes {
						color:#a9a9a9;
						&:before {
							color:#a9a9a9;
						}
					}
				}
				.share {
					margin-left:auto;
					padding:0;
					cursor:pointer;
					.social_share {
						position:absolute;
						padding:10px 0;
						left:0;
						margin:0;
						margin-top:14px;
						margin-left:5px;
						min-width:150px;
						visibility:hidden;
						opacity:0;
						-webkit-transition:all .2s ease-in;
						transition:all .2s ease-in;
						-ms-transform:translateX(-50%);
						-webkit-transform:translateX(-50%);
						transform:translateX(-50%);
						border:1px solid #efefef;
						border-radius:2px;
						background:#ffffff;
						font-size:12px;
						font-weight:600;
						z-index:1;
						&:before,&:after {
							bottom:100%;
							left:50%;
							border:solid transparent;
							content:" ";
							height:0;
							width:0;
							position:absolute;
						}
						&:before {
							border-color:rgba(239,239,239,0);
							border-bottom-color:#e2e2e2;
							border-width:9px;
							margin-left:-9px;
						}
						ul {
							li {
								a {
									display:block;
									padding:5px 22px;
									line-height:20px;
									letter-spacing:0;
									font-weight:400;
									color:inherit;
									>span {
										display:inline-block;
										margin-top:-2px;
										margin-right:11px;
										vertical-align:middle;
										font-size:15px;
										line-height:1;
									}
								}
							}
						}
					}
					&:hover {
						.social_share {
							visibility:visible;
							opacity:1;
						}
					}
				}
				color:#a9a9a9;
				>div {
					padding:0 15px;
					position:relative;
					&:first-child {
						padding-left:0;
					}
					&:after {
						width:1px;
						height:14px;
						background:#c0c0c0;
						position:absolute;
						content:"";
						right:0;
						top:6px;
					}
					&:nth-last-child(2),&:last-child {
						&:after {
							display:none;
						}
					}
				}
				.review {
					span {
						font-size:21px;
						vertical-align:middle;
					}
				}
			}
		}
		.post-item:hover {
			.bog-image {
				.link_content {
					opacity:1;
				}
				&:after {
					opacity:0.5;
				}
				img {
					transform:scale(1.1);
					-webkit-transform:scale(1.1);
				}
			}
		}
	}
	&.border-center {
		.content-blog {
			text-align:center;
			.title {
				h6 {
					font-size:24px;
				}
			}
			.blog-bottom {
				justify-content:center;
				.share {
					margin:0;
				}
			}
		}
	}
	&.default {
		.post-item {
			padding:0;
			position:relative;
			overflow:hidden;
			.bog-image {
				img {
					width:100%;
					height:auto;
				}
			}
			.content-blog {
				z-index:1;
				position:absolute;
				bottom:3px;
				left:0;
				width:100%;
				padding:0 26px;
				.link_content {
					position:initial;
					margin-bottom:11%;
					transform:translate(0);
					-webkit-ransform:translate(0);
				}
				.title {
					transform:translateY(70px);
					-webkit-transform:translateY(70px);
					transition:0.5s all;
					-webkit-transition:0.5s all;
				}
				.blog-innfo {
					color:#ffffff;
					font-weight:300;
					margin-bottom:8px;
					transform:translateY(70px);
					-webkit-transform:translateY(70px);
					transition:0.5s all;
					-webkit-transition:0.5s all;
				}
				h6 {
					a {
						color:#ffffff;
						font-weight:400;
					}
					line-height:25px;
					margin-bottom:21px;
				}
				.blog-bottom {
					color:#ffffff;
					transform:translateY(70px);
					-webkit-transform:translateY(70px);
					transition:0.5s all;
					-webkit-transition:0.5s all;
					opacity:0;
					padding:15px 0;
					border-top:1px solid #ffffff;
					div {
						padding:0 15px;
						position:relative;
						&:first-child {
							padding-left:0;
						}
						&:after {
							width:1px;
							height:14px;
							background:#cde0d7;
							position:absolute;
							content:"";
							right:0;
							top:6px;
						}
						&:last-child {
							&:after {
								display:none;
							}
						}
						span {
							vertical-align:middle;
						}
					}
					.like {
						.zilla-likes {
							color:#ffffff;
							&:before {
								color:#ffffff;
							}
						}
					}
					.review {
						span {
							font-size:21px;
						}
					}
				}
			}
			.item_inner {
				cursor:pointer;
				&:after {
					background:linear-gradient(to top,#181818 0%,rgba(0,0,0,0) 50%);
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					content:"";
					z-index:0;
				}
				&:before {
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					content:"";
					z-index:1;
					transition:0.5s all;
					-webkit-transition:0.5s all;
					opacity:0;
				}
			}
			&:hover {
				.link_content {
					opacity:1;
				}
				.item_inner {
					&:after {
						opacity:0;
					}
					&:before {
						opacity:0.7;
					}
					.content-blog {
						.title,.line,.blog-bottom,.blog-innfo {
							transform:translateY(0px);
							-webkit-transform:translateY(0px);
							opacity: 1;
						}
					}
				}
			}
		}
	}
}
/*------------------ testimonials -------------------*/
.testimonials-wrapper {
	&.layout5 {
		.slick-dots {
			margin-top:53px;
			li {
				&.slick-active {
					background:#171717;
				}
			}
		}
		.testimonial {
			.slider_container {
				padding:30px 15px;
				.slider_inner {
				display: flex;
                -webkit-display: flex;
                align-items: center;
                background: #fff;
                padding: 38px 30px 39px 30px;
                box-shadow: 0 5px 20px rgba(0,0,0,0.08);
					.testimonial-avatar {
						margin-right:25px;
						img {
							border-radius:100%;
							max-width:initial;
						}
					}
					.slider_inner_child {
						.testimonial-content {
							margin-bottom:24px;
						}
						footer {
							display:flex;
							align-items:center;
							h5 {
								margin-bottom:0;
								font-size:18px;
								font-weight:bold;
								padding-right:15px;
								position:relative;
								&:after {
								    position: absolute;
                                    content: "";
                                    width: 5px;
                                    height: 2px;
                                    top: 9px;
                                    right: 4px;
                                    background: #171717;
								}
							}
						}
					}
				}
			}
		}
	}
	&.layout4 {
		.slick-slide {
			margin:0 5px;
		}
		.slick-arrow {
			background:#ffffff;
			border:none;
			width:54px;
			height:54px;
			text-align:center;
			border-radius:100%;
			line-height:54px;
			font-size:36px;
			cursor:pointer;
			border:1px solid #b5b5b5;
			position:absolute;
			right:0;
			bottom:0;
			z-index:1;
			transition:0.4s all;
			-webkit-transition:0.4s all;
			transform:translateY(0);
			-webkit-transform:translateY(0);
			top:initial;
			&:hover {
				color:#ffffff;
			}
			&.ion-ios-arrow-thin-left {
				right:70px;
				left:initial;
			}
		}
		.testimonial {
			.slider_container {
				.slider_inner {
					position:relative;
					.slider_inner_child {
						.testimonial-content {
							font-size:16px;
							font-style:italic;
							margin-bottom:39px;
							line-height:37px;
							box-shadow:0px 7px 11px rgba(0,0,0,0.1);
							-webkit-box-shadow:0px 7px 11px rgba(0,0,0,0.1);
							padding:30px 58px;
						}
						.testimonial-avatar {
							display:inline-block;
							width:70px;
							height:70px;
							border-radius:100%;
							overflow:hidden;
							vertical-align:middle;
							margin-right:20px;
							line-height:35px;
						}
						footer {
							display:inline-block;
							vertical-align:middle;
							h5 {
								font-size:18px;
								font-weight:600;
								margin-bottom:5px;
							}
						}
					}
				}
			}
		}
	}
	&.layout3 {
		.ion-ios-arrow-thin-left {
			display:none !important;
		}
		.slick-arrow {
			position:absolute;
			right:47px;
			bottom:111px;
			background:#ffffff;
			border:none;
			width:54px;
			height:54px;
			text-align:center;
			border-radius:100%;
			line-height:54px;
			font-size:36px;
			cursor:pointer;
			top:initial;
			transform:translateY(0);
			-webkit-transform:translateY(0);
		}
		.testimonial {
			.slider_container {
				padding:0 0 60px 60px;
				.slider_inner {
					position:relative;
					.slider_inner_child {
						position:relative;
						z-index:1;
						padding:37px 43px 49px 49px;
						.testimonial-content {
							font-size:16px;
							color:#ffffff;
							font-style:italic;
							margin-bottom:44px;
							line-height:34px;
						}
						.testimonial-avatar {
							display:inline-block;
							width:70px;
							height:70px;
							border-radius:100%;
							overflow:hidden;
							vertical-align:middle;
							margin-right:20px;
							line-height:35px;
						}
						footer {
							display:inline-block;
							vertical-align:middle;
							h5 {
								color:#ffffff;
								font-size:18px;
								margin-bottom:4px;
							}
							span {
								color:#ffffff;
							}
						}
					}
					&:before {
						content:"";
						position:absolute;
						border:1px solid;
						width:100%;
						height:100%;
						left:-30px;
						bottom:-30px;
						background:#ffffff;
						z-index:1;
					}
					&:after {
						content:"";
						position:absolute;
						border:1px solid;
						width:100%;
						height:100%;
						left:-60px;
						bottom:-60px;
						background:#ffffff;
						z-index:0;
					}
				}
			}
		}
	}
	.slick-dots {
		text-align:center;
		margin-top:41px;
		li {
			width:11px;
			height:11px;
			position:relative;
			display:inline-block;
			margin:0 10px;
			border-radius:100%;
			&.slick-active {
				border-radius:100%;
			}
			button {
				font-size:0px;
				background:none;
				border:none;
			}
			&:after {
				position:absolute;
				width:~"calc(100% + 4px)";
				height:~"calc(100% + 4px)";
				top:-2px;
				left:-2px;
				content:"";
				border-radius:100%;
				border:1px solid;
				border-color:#171717;
			}
		}
	}
	&.layout2 {
		.slider_container {
			padding:10px;
		}
		.slider_inner {
			box-shadow:0px 4px 7px rgba(0,0,0,0.1);
			border-radius:50px;
			padding:50px 32px 51px 32px;
			text-align:center;
			.testimonial-avatar {
				text-align:center;
				img {
					margin:auto;
					position:relative;
					z-index:1;
					border-radius:100%;
					width:100%;
					height:auto;
				}
				.image {
					width:76px;
					height:76px;
					margin:0 auto;
					border-radius:100%;
					overflow:hidden;
					position:relative;
					padding:3px;
					&:after {
						content:"";
						width:calc(100% + 6px);
						height:calc(100% + 6px);
						left:-3px;
						top:-3px;
						position:absolute;
						z-index:0;
						border-radius:100%;
						z-index:0;
						transition:0.5s all;
					}
				}
			}
			.testimonial-content {
				font-size:16px;
				font-style:italic;
				letter-spacing:0.5px;
				line-height:36px;
			}
			footer {
				display:flex;
				align-items:center;
				justify-content:center;
				margin-top:18px;
				margin-bottom:30px;
				h5 {
					font-size:14px;
					margin:0;
					font-weight:600;
					padding-right:15px;
					position:relative;
					&:after {
						position:absolute;
						content:"";
						width:3px;
						height:1px;
						top:7px;
						right:5px;
					}
				}
			}
		}
	}
	&.layout1 {
		padding:51px 75px 60px 51px;
		box-shadow:0px 15px 27px rgba(0,0,0,0.12);
		-webkit-box-shadow:0px 15px 27px rgba(0,0,0,0.12);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		.icon_inner {
			font-size:110px;
			background:#ffffff;
			position:absolute;
			padding:0 15px;
			&.icon_left {
				top:-44px;
				left:-120px;
			}
			&.icon_right {
				bottom:-44px;
				right:-120px;
				transform:rotate(180deg);
				-webkit-transform:rotate(180deg);
			}
		}
		.slick-list {
			padding:0 !important;
		}
		.content_bottom {
			footer {
				opacity:0;
				transition:0.5s all;
				display:flex;
				align-items:center;
				text-align:center;
				justify-content:center;
				align-items:center;
				h5 {
					position:relative;
					margin:0;
					padding-right:15px;
					font-weight:800;
					font-size:18px;
					&:after {
						position:absolute;
						content:"";
						width:4px;
						height:2px;
						background:#171717;
						top:9px;
						right:5px;
					}
					span {
						color:#858585;
					}
				}
			}
		}
		#content2 {
			margin-top:10px;
			.testimonial-content {
				display:none;
			}
			.testimonial-avatar {
				.image {
					display:none;
				}
			}
			.slick-current {
				footer {
					opacity:1;
				}
			}
		}
		#thmbnail-img {
			width:300px;
			margin:0 auto;
			margin-top:54px;
			.slick-arrow {
				position:absolute;
				top:50%;
				font-size:30px;
				color:#858585;
				cursor:pointer;
				transform:translateY(-50%);
				transform:translateY(-50%);
				&.ion-ios-arrow-thin-right {
					right:-18px;
				}
				&.ion-ios-arrow-thin-left {
					left:-18px;
				}
			}
			.testimonial-content {
				display:none;
			}
			footer {
				display:none;
			}
			.testimonial-avatar {
				text-align:center;
				footer {
					display:none;
				}
				img {
					margin:auto;
					position:relative;
					z-index:1;
					border-radius:100%;
					width:100%;
					height:auto;
				}
				.image {
					width:76px;
					height:76px;
					margin:0 auto;
					border-radius:100%;
					overflow:hidden;
					position:relative;
					padding:3px;
					transform:scale(0.7);
					-webkit-transform:scale(0.7);
					transition:0.3s all;
					-webkit-transition:0.3s all;
					&:after {
						content:"";
						width:calc(100% + 6px);
						height:calc(100% + 6px);
						left:-3px;
						top:-3px;
						position:absolute;
						z-index:0;
						border-radius:100%;
						z-index:0;
						opacity:0;
						transition:0.5s all;
					}
				}
			}
			.slick-current {
				.image {
					transform:scale(1);
					-webkit-transform:scale(1);
					&:after {
						opacity:1;
					}
				}
			}
		}
		#content {
			.testimonial-avatar {
				display:none;
			}
			.testimonial-content {
				text-align:center;
				font-size:16px;
				font-style:italic;
				letter-spacing:0.5px;
				line-height:36px;
				img {
					margin-top:19px;
				}
			}
			.aligncenter {
				margin:0 auto;
				text-align: center;
			}
		}
	}
}
/*-------------- logo waper-----------------*/
.logo-wrapper {
	text-align:center;
	display:flex;
	-webkit-display:flex;
	align-items:center;
	.logo_inner {
		overflow:hidden;
		.logo_hover {
			-webkit-transition:transform .5s .15s,opacity .2s .2s;
			transition:transform .5s .15s,opacity .2s .2s;
			img {
				max-width:initial;
			}
		}
		.logo_show {
			-webkit-transition:transform .5s .15s,opacity .2s .2s;
			transition:transform .5s .15s,opacity .2s .2s;
			img {
				max-width:initial;
			}
		}
		.logo_hover {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			-webkit-transform:translatey(-100%);
			-moz-transform:translatey(-100%);
		}
		&:hover {
			.logo_hover {
				-webkit-transform:translatey(0%);
				-moz-transform:translatey(0%);
			}
			.logo_show {
				-webkit-transform:translatey(100%);
				-moz-transform:translatey(100%);
				-webkit-transition:transform .3s .15s,opacity .2s .2s;
				transition: transform .3s .15s,opacity .2s .2s;
			}
		}
	}
}
/*-------------- Button--------------*/
.button_kloud {
	transition:0.7s all !important;
	-webkit-transition:0.7s all !important;
	&:hover {
		background-position: right center;
	}
}
/*--------------- Team Nember------------------*/
.team-member {
    &.member-layout-layout9 {
        padding-top:50px;
       .team_container {
        position:relative;
        .member-image {
            position:relative;
            text-align: center;
            .ion-ios-plus-empty{
                 width: 40px;
                height: 40px;
                line-height: 40px;
                display: block;
                background: #ffffff;
                font-size: 36px;
                position: absolute;
                top: 29%;
                left: 40%;
                text-align: center;
                border-radius: 100%;
                cursor: pointer;
                transition: 0.4s all;
                -webkit-transition: 0.4s all;  
                &:hover {
                    color:#ffffff;
                } 
            }
        }
        .team_inner {
            padding: 43px 35px;
            position: relative;
            width: 348px;
            text-align: center;
            left: 0;
            top: calc(~"-100% - 100px");
            color: #ffffff;
            margin: 0px auto 30px;
            transform: translateY(-50px);
            -webkit-transform: translateY(-50px);
            visibility: hidden;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            opacity: 0;
            &:after {
       	    width: 0;
            height: 0;
            border-left: 38px solid transparent !important;
            border-right: 38px solid transparent !important;
            border-top: 23px solid;
            position: absolute;
            content: "";
            bottom: -23px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            }
                .member-details {
                    .member-name {
                        display:inline-block;
                        color:#ffffff;
                        font-size:18px;
                        position: relative;
                        padding-right: 15px;
                        
                        &:before {
                              position: absolute;
                                content: "";
                                width: 5px;
                                height: 2px;
                                background-color: #ffffff;
                                right: 5px;
                                top: 10px;
                        }
                    }
                  .member-bio {
                     position: relative;
                    line-height: 24px;
                    padding-bottom: 14px;
                    margin-bottom: 15px;

                    &:before {
                    width: 50px;
                    height: 1px;
                    background-color: #d7d7d7;
                    content: "";
                    display: block;
                    margin: 0 auto;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    }
                  }  
                }
                .member-social {
                        margin-top: 8px;
                    ul {
                        li {
                            display:inline-block;
                            vertical-align: middle;
                            a {
                                color: #ffffff;
                                width: 36px;
                                height: 36px;
                                line-height: 36px;
                                border-radius: 100%;
                                -webkit-border-radius: 100%;
                                border: 1px solid #ffffff !important;
                                margin: 0 10px;
                                display: block;
                                background-color: transparent;
                                &:before {
                                    display:none;
                                }
                                &:hover {
                                   background-color: #ffffff; 
                                }
                            }
                        }
                    }
                }
        }
        &.active {
          .team_inner {
            opacity:1;
            visibility: visible;
            transform: translatey(0);
            -webkit-transform: translatey(0);
          }  
        }
       } 
    }
	&.member-layout-layout4 {
		position:relative;
		.member-image-wrapper {
			img {
				width:100%;
				height:auto;
			}
		}
		.team_container {
			&:after {
				position:absolute;
				width:100%;
				height:100%;
				left:0;
				top:0;
				content:"";
				opacity:0;
				transition:0.4s all !important;
				-webkit-transition:0.4s all !important;
			}
			.team_inner {
				position:absolute;
				top:50%;
				transform:translateY(-50%);
				-webkit-transform:translateY(-50%);
				left:0;
				width:100%;
				text-align:center;
				z-index:1;
				.member-social {
					transition:0.4s all !important;
					-webkit-transition:0.4s all !important;
					transform:translatey(25px);
					-webkit-transform:translatey(25px);
					opacity:0;
					ul {
						li {
							display:inline-block;
							a {
								width:45px;
								height:45px;
								line-height:45px;
								display:block;
								border-radius:100%;
								text-align:center;
								color:#ffffff;
								border:1px solid #ffffff;
								background:transparent;
								margin:0 12.5px;
								&:hover {
									background-color:#ffffff;
									border-color:#ffffff !important;
								}
								&:before {
									display:none;
								}
							}
						}
					}
				}
				.member-details {
					.member-position {
						color:#171717;
						margin-bottom:11px;
						display:block;
						transition:0.4s all !important;
						-webkit-transition:0.4s all !important;
						transform:translatey(25px);
						-webkit-transform:translatey(25px);
						opacity:0;
                        color: #ffffff;
					}
					.member-name {
						font-size:18px;
						font-weight:600;
						margin-bottom:2px;
						transition:0.4s all !important;
						-webkit-transition:0.4s all !important;
						transform:translatey(25px);
						-webkit-transform:translatey(25px);
						opacity:0;
                        color: #ffffff;
					}
					.member-bio {
						color:#ffffff;
						margin-bottom:19px;
						transition:0.4s all !important;
						-webkit-transition:0.4s all !important;
						transform:translatey(25px);
						-webkit-transform:translatey(25px);
						opacity:0;
					}
				}
			}
		}
		&:hover {
			.team_container {
				.team_inner {
					.member-social {
						transform:translatey(0px);
						-webkit-transform:translatey(0px);
						opacity:1;
					}
					.member-details {
						.member-bio,.member-name,.member-position {
							transform:translatey(0px);
							-webkit-transform:translatey(0px);
							opacity:1;
						}
					}
				}
				&:after {
					opacity:1;
				}
				.member-social {
				}
			}
		}
	}
	&.member-layout-layout3 {
		.team_container {
			.member-image-wrapper {
				margin-bottom:50px;
			}
		}
	}
	&.member-layout-layout3,&.member-layout-layout5,&.member-layout-layout6,&.member-layout-layout7 {
		margin-bottom:70px;
		.team_container {
			.team_inner {
				.member-social {
					ul {
						li {
							display:inline-block;
							&:last-child {
								a {
									margin-right:0;
								}
							}
							a {
								width:46px;
								height:46px;
								line-height:46px;
								text-align:center;
								border-radius:100%;
								border:1px solid #b7b7b7;
								display:block;
								margin-right:25px;
							}
						}
					}
				}
				.member-details {
					margin-bottom:21px;
					h6 {
						margin-bottom:2px;
						font-weight:600;
						font-size:18px;
					}
					span {
						margin-bottom:11px;
						display:block;
					}
					.member-bio {
						letter-spacing:0.3px;
						line-height:24px;
					}
				}
			}
			.member-image-wrapper {
				.member-image {
					position:relative;
					overflow:hidden;
					img {
						width:100%;
						height:auto;
					}
					.button {
						position:absolute;
						background:rgba(0,0,0,0.8);
						width:100%;
						height:100%;
						top:0;
						left:0;
						-webkit-transform:translate3d(-101%,0,0);
						-moz-transform:translate3d(-101%,0,0);
						transform:translate3d(-101%,0,0);
						-webkit-transition:transform .5s .15s,opacity .2s .2s;
						transition:transform .5s .15s,opacity .2s .2s;
						a {
							text-align:center;
							width:54px;
							height:54px;
							line-height:54px;
							border:1px solid #ffffff;
							border-radius:100%;
							margin:0 auto;
							position:relative;
							z-index:1;
							position:absolute;
							left:50%;
							top:50%;
							transform:translate(-50%,-50%);
							-webkit-transform:translate(-50%,-50%);
							color:#ffffff;
							font-size:36px;
							&:hover {
								background:#ffffff;
							}
						}
					}
				}
			}
		}
		&:hover {
			.team_container .member-image-wrapper .member-image .button {
				-webkit-transform:translate3d(0,0,0);
				-moz-transform:translate3d(0,0,0);
				transform:translate3d(0,0,0);
			}
		}
	}
	&.member-layout-layout7 {
		.team_container .team_inner .member-details {
			margin-bottom:22px;
		}
	}
	&.member-layout-layout6 {
		.team_container {
			.member-image-wrapper {
				margin-bottom:50px;
			}
			.team_inner {
				.action_team {
					position:relative;
					&:after {
						width:100%;
						height:1px;
						background:#f0f0f0;
						content:"";
						position:absolute;
						left:0;
						top:50%;
						z-index:0;
					}
					.line {
						width:40px;
						height:40px;
						border:1px solid #b6b6b6;
						position:relative;
						margin:0 auto;
						display:block;
						border-radius:100%;
						z-index:1;
						cursor:pointer;
						background:#ffffff;
						transition:0.5s all;
						-webkit-transition:0.5s all;
						&:hover {
							&:before,&:after {
								background:#ffffff;
							}
						}
						&:before,&:after {
							width:18px;
							height:1px;
							position:absolute;
							top:19px;
							left:10px;
							content:"";
							transition:0.5s all;
						}
						&:after {
							-webkit-transform:rotate(90deg);
							transform:rotate(90deg);
						}
					}
					&.active {
						.line {
							&:after {
								-webkit-transform:rotate(0deg);
								transform:rotate(0deg);
							}
						}
					}
				}
				.member-details {
					margin-bottom:24px;
					.member-bio {
						display:none;
						margin-bottom:44px;
					}
				}
				.member-social {
					display:none;
					margin-bottom:50px;
					ul {
						justify-content:center;
						li {
							&:last-child {
								a {
									margin-right:0;
								}
							}
						}
					}
				}
			}
		}
	}
	&.member-layout-layout5 {
		.team_container {
			.team_inner {
				position:relative;
				.member-details {
					h6 {
						margin-bottom:10px;
					}
					.member-position {
						-webkit-transition:0.5s all;
						transition:0.5s all;
					}
				}
				.member-social {
					transform:translatey(15px);
					-webkit-transform:translatey(15px);
					-webkit-transition:0.5s all;
					transition:0.5s all;
					opacity:0;
					visibility:hidden;
					ul {
						justify-content:center;
						position:absolute;
						bottom:25px;
						left:50%;
						transform:translateX(-50%);
						-webkit-transform:translateX(-50%);
						li {
							&:last-child a {
								margin-right:0;
							}
							a {
								width:auto;
								height:auto;
								line-height:initial;
								margin-right:20px;
								border:none;
								background-color:transparent;
								&:before {
									display:none;
								}
							}
						}
					}
				}
			}
			.member-image-wrapper {
				margin-bottom:50px;
				.member-image {
					border-radius:100%;
					.button {
						border-radius:100%;
						transform:scale(0.8);
						-webkit-transform:scale(0.8);
						opacity:0;
					}
				}
			}
		}
		&:hover {
			.team_container .member-image-wrapper .member-image .button {
				transform:scale(1);
				-webkit-transform:scale(1);
				opacity:1;
			}
			.team_container .team_inner .member-details .member-position {
				transform:translatey(-15px);
				-webkit-transform:translatey(-15px);
				opacity:0;
				visibility:hidden;
			}
			.team_container .team_inner .member-social {
				transform:translatey(0px);
				-webkit-transform:translatey(0px);
				opacity:1;
				visibility:visible;
			}
		}
	}
	&.member-layout-layout1 {
		overflow:hidden;
		.team_container {
			position:relative;
			&:after {
				position:absolute;
				width:100%;
				height:100%;
				left:0;
				top:0;
				content:"";
				opacity:0.9;
				-webkit-transform:translate3d(0,100%,0);
				-moz-transform:translate3d(0,100%,0);
				transform:translate3d(0,100%,0);
				-webkit-transition:transform .5s .15s,opacity .2s .2s;
				transition:transform .5s .15s,opacity .2s .2s;
			}
		}
		.team_inner {
			position:absolute;
			padding-bottom:50px;
			z-index:1;
			left:0;
			bottom:0;
			width:100%;
			text-align:center;
			-webkit-transform:translate3d(0,100%,0);
			-moz-transform:translate3d(0,100%,0);
			transform:translate3d(0,100%,0);
			-webkit-transition:transform .5s .15s,opacity .2s .2s;
			transition:transform .5s .15s,opacity .2s .2s;
			.member-social {
				position:relative;
				z-index:1;
				margin-top:22px;
				ul {
					li {
						display:inline-block;
						margin-right:20px;
						&:last-child {
							margin-right:0;
						}
						a {
							color:#ffffff;
							width:36px;
							height:36px;
							text-align:center;
							display:inline-block;
							line-height:36px;
							border-radius:100%;
							-webkit-border-radius:100%;
							border:1px solid #ffffff;
							-webkit-transition:0.5s all;
							transition:0.5s all;
							background:transparent;
							&:hover {
								background:#ffffff;
								border-color:#ffffff !important;
							}
							&:before {
								display:none;
							}
						}
					}
				}
			}
			.button {
				text-align:center;
				width:54px;
				height:54px;
				line-height:54px;
				border:1px solid #ffffff;
				border-radius:100%;
				margin:0 auto;
				position:relative;
				z-index:1;
				position:absolute;
				left:50%;
				top:50%;
				transform:translate(-50%,-50%);
				-webkit-transform:translate(-50%,-50%);
				a {
					color:#ffffff;
					font-size:36px;
				}
			}
			.member-details {
				position:relative;
				z-index:1;
				h6 {
					color:#ffffff;
					font-weight:600;
					margin-bottom:3px;
					font-size:18px;
				}
				span {
					color:#ffffff;
					font-weight:300;
				}
			}
		}
		&:hover {
			.team_container:after,.team_inner {
				-webkit-transform:translate3d(0,0%,0);
				-moz-transform:translate3d(0,0%,0);
				transform: translate3d(0,0%,0);
			}
		}
	}
}
/*------------------ Instagram---------------------*/
.instagram-pics {
	li {
		position:relative;
		>a {
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			opacity:0;
			&:hover {
				opacity:1;
			}
			span {
				font-size:30px;
				color:#ffffff;
				position:absolute;
				top:50%;
				-webkit-transform:translate3d(-50%,-50%,0);
				-moz-transform:translate3d(0,100%,0);
				transform:translate3d(-50%,-50%,0);
				left:50%;
				z-index:1;
			}
			&:after {
				position:absolute;
				width:100%;
				height:100%;
				top:0;
				left:0;
				z-index:0;
				opacity:0.7;
				content:"";
			}
		}
	}
}
.teams-wrapper {
	.flexslider:hover {
		.flex-direction-nav .flex-prev {
			left:-30px;
		}
		.flex-direction-nav .flex-next {
			right:-30px;
		}
	}
	.flex-direction-nav {
		a:before {
			font-family:"Ionicons";
			content:"\f3d6" !important;
		}
		.flex-prev:before {
			content:"\f3d5"!important;
		}
	}
	&.layout2 {
		#slider {
			ul {
				li {
					.team-member-avatar-image {
						display:none;
					}
					.container {
						width:100%;
						padding:0;
					}
				}
			}
		}
		#carousel {
			margin-bottom:40px;
			.flex-direction-nav {
				display:none;
			}
			ul {
				li {
					position:relative;
					&:after {
						border-bottom:1px solid;
						content:"";
						position:absolute;
						bottom:0;
						left:0;
						width:0%;
						height:1px;
						transition:0.5s all;
						-webkit-transition:0.5s all;
					}
					&.flex-active-slide {
						&:after {
							width:100%;
						}
					}
				}
			}
			.hidenav {
				display:none;
			}
			.team-member-avatar-image {
				border-radius:100%;
				margin-bottom:50px;
				cursor:pointer;
			}
		}
	}
}
.teams-wrapper2 {
	visibility:hidden;
	.slick-arrow {
		position:absolute;
		top:50%;
		left:50%;
		z-index:1;
		font-size:48px;
		border-radius:100%;
		background:#ffffff;
		display:block;
		height:54px;
		width:54px;
		line-height:54px;
		text-align:center;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		&:hover {
			padding-left:5px;
		}
		&.slick-next {
			display:none !important;
		}
	}
	.slick-list {
		overflow:initial;
	}
	.slick-slide {
		.member-image-wrapper {
			img {
				opacity:0;
				transition:0.5s all;
				position:relative;
			}
		}
	}
	.slick-active {
		.member-image-wrapper {
			img {
				opacity:1;
			}
			&:before {
				content:"";
				position:absolute;
				background:rgba(255,255,255,0.5);
				top:0;
				left:0;
				width:100%;
				height:100%;
				z-index:1;
			}
		}
	}
	.works {
		.member-image-wrapper {
			img {
				opacity:1;
			}
			&:before {
				opacity:0;
			}
		}
		.team_inner {
			opacity:1 !important;
			visibility:visible !important;
			.member-details {
				.member-name,.member-position,.member-social,.member-bio {
					transform:translatey(0px) !important;
					-webkit-transform:translatey(0px) !important;
					opacity:1 !important;
				}
			}
		}
	}
	.team-member {
		.team_container {
			position:relative;
			margin-right:-50%;
		}
		.member-image-wrapper {
			position:relative;
			z-index:1;
			img {
				width:100%;
				height:auto;
			}
		}
		.team_inner {
			opacity:0;
			visibility:hidden;
			position:absolute;
			left:100%;
			height:100%;
			width:460px;
			top:0;
			z-index:2;
			padding:64px 50px;
			.member-details {
				position:relative;
				z-index:2;
				height:100%;
				overflow:hidden;
				animation:0.5s delay-overflow;
				-webkit-animation:0.5s delay-overflow;
				&::-webkit-scrollbar-track {
						-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
						background-color:#fafafa;
				}
				&::-webkit-scrollbar {
						width:6px;
						background-color:#fafafa;
				}
				&::-webkit-scrollbar-thumb {
						background-color:#222222;
				}
				&:hover {
					overflow:auto;
				}
				.member-name {
					color:#ffffff;
					font-weight:600;
					margin-bottom:3px;
					font-size:18px;
					transform:translatey(25px);
					-webkit-transform:translatey(25px);
					opacity:0;
					transition:0.5s all;
					-webkit-transition:0.5s all;
				}
				.member-position {
					color:#ffffff;
					margin-bottom:20px;
					display:block;
					transform:translatey(25px);
					-webkit-transform:translatey(25px);
					opacity:0;
					transition:0.5s all;
					-webkit-transition:0.5s all;
					transition-delay:0.2s;
				}
				.member-bio {
					color:#ffffff;
					transform:translatey(25px);
					-webkit-transform:translatey(25px);
					opacity:0;
					transition:0.5s all;
					-webkit-transition:0.5s all;
					transition-delay:0.6s;
				}
				.member-social {
					padding-bottom:17px;
					margin-bottom:2px;
					transform:translatey(25px);
					-webkit-transform:translatey(25px);
					opacity:0;
					transition:0.5s all;
					-webkit-transition:0.5s all;
					transition-delay:0.4s;
					ul {
						li {
							display:inline-block;
							margin-right:20px;
							a {
								color:#ffffff;
								width:36px;
								height:36px;
								text-align:center;
								display:inline-block;
								line-height:36px;
								border-radius:100%;
								-webkit-border-radius:100%;
								border:1px solid #ffffff;
								-webkit-transition:0.5s all;
								transition:0.5s all;
								background:transparent;
								&:hover {
									background:#ffffff;
									border-color:#ffffff !important;
								}
								&:before {
									display:none;
								}
							}
						}
					}
				}
			}
			&:after {
				position:absolute;
				left:100%;
				height:100%;
				top:0;
				left:0;
				content:"";
				width:1000px;
				z-index: 0;
			}
		}
	}
}
/*---------------------- Tabs Process----------------------*/
body .vc_tta-tabs {
	.vc_tta-panels-container {
		.vc_tta-panels {
			background-color:transparent !important;
			border:none !important;
			.vc_tta-panel {
				.vc_tta-panel-heading {
					background:transparent;
					i {
						display:block;
						margin-bottom:15px;
						margin-top:15px;
					}
					.vc_tta-title-text {
						margin-left:0;
						font-size:14px;
					}
					&:hover {
						color:#ffffff;
						i {
							color:#ffffff;
						}
						.vc_tta-title-text {
							color:#ffffff;
						}
					}
				}
				.vc_tta-panel-body {
					display:none !important;
					top:0;
					opacity:0;
					position:relative;
					-webkit-transform:translatey(30px) !important;
					transform:translatey(30px) !important;
					height:0 !important;
					padding:0;
					background:transparent;
					border:none;
				}
				&.vc_active {
					.vc_tta-panel-heading {
						color:#ffffff;
						i {
							color:#ffffff;
						}
						.vc_tta-title-text {
							color:#ffffff;
						}
					}
					.vc_tta-panel-body {
						-webkit-transform:translatey(0px) !important;
						transform:translatey(0px)!important;
						opacity:1;
						transition:0.5s all !important;
						-webkit-transition:0.5s all !important;
						display:block !important;
						animation:fadeIn 0.5s both;
						height:auto !important;
					}
				}
			}
		}
	}
	.vc_tta-tabs-container {
		border-bottom:1px solid #d4d4d4;
		padding-bottom:50px;
		margin-bottom:44px !important;
		overflow:initial !important;
		.vc_tta-tabs-list {
			.vc_tta-tab {
				width:150px;
				height:150px;
				border:1px solid #b5b5b5;
				background:none;
				vertical-align:top;
				border-radius:100%;
				text-align:center;
				padding-top:15px !important;
				&:after {
					width:20px;
					height:20px;
					position:absolute;
					content:"";
					bottom:-10px;
					border-radius:100%;
					transform:translateX(-50%);
					-webkit-transform:translateX(-50%);
					opacity:0;
					transition:0.5s all;
					-webkit-transition:0.5s all;
				}
				&.vc_active {
					border:1px solid transparent;
					&:after {
						opacity:1;
					}
					a {
						i {
							color:#ffffff !important;
						}
						.vc_tta-title-text {
							color:#ffffff;
						}
					}
				}
				a {
					background:none !important;
					border:none !important;
					padding:10px !important;
					i {
						font-size:36px;
						margin-bottom:9px;
						display:block;
						line-height:initial;
					}
					.vc_tta-title-text {
						margin-left:0 !important;
						font-size:16px;
						h6 {
							line-height:24px;
						}
					}
				}
			}
		}
	}
}
/*---------------------- Pricing Table-----------------------*/ .pricing-tables {
	text-align:center;
	.demo {
		padding:0 15px;
	}
	.kloud-price-table {
		display:inline-block;
		text-align:center;
		width:30%;
		box-shadow:3px 0 62px rgba(117,58,136,0.1);
		vertical-align:middle;
		margin:0 4px;
	}
}
.kloud-price-table {
	text-align:center;
	&.layout2 {
		.pricing_top {
			.kloud-plan {
				.kloud-plan-name {
					h6 {
						color:#ffffff;
					}
				}
			}
		}
		.kloud-plan-inner {
			border:1px solid #bababa;
			border-top:none;
			.kloud-plan-price {
				.kloud-price-suffix:before {
					background:#171717;
				}
				span {
					color:#171717;
				}
			}
			.kloud-plan-footer {
				a {
					border-radius:25px;
					color:#ffffff !important;
				}
			}
		}
	}
	&.layout1 {
		.kloud-plan-inner {
			.kloud-plan-price {
				span {
					color:#171717;
				}
			}
			.kloud-plan-footer {
				&:after {
					content:"";
					width:calc(~"100% + 2px");
					height:calc(~"100% + 2px");
					left:-1px;
					top:-1px;
					position:absolute;
					z-index:0;
					border-radius:25px;
					background-size:200% auto;
					transition:0.5s all;
					-webkit-transition:0.5s all;
				}
				&:before {
					content:"";
					width:100%;
					height:100%;
					left:0px;
					top:0px;
					position:absolute;
					z-index:1;
					border-radius:25px;
					background:#ffffff;
					transition:0.4s all;
					-webkit-transition:0.4s all;
				}
				a {
					background:transparent !important;
                    font-weight: 500;
				}
				&:hover {
					&:after {
						background-position:right center;
					}
					&:before {
						opacity:0;
					}
					a {
						color:#ffffff !important;
					}
				}
			}
		}
	}
	&.active {
		width:35%;
		.pricing_top {
			padding:77px 15px 62px 15px;
			.kloud-plan-name {
				h6 {
					color:#ffffff !important;
				}
			}
		}
		.kloud-plan-inner {
			.kloud-plan-footer {
				&:before {
					display:none;
				}
				a {
					color:#ffffff !important;
				}
			}
		}
	}
	.pricing_top {
		background-color:#e3d8e7;
		padding:40px 15px 27px 15px;
		.icon {
			margin-bottom:12px;
		}
	}
	.kloud-plan-inner {
		padding-top:41px;
		padding-bottom:70px;
		background:#ffffff;
		.kloud-plan-feature {
			line-height:30px;
		}
		.kloud-plan-footer {
			position:relative;
			display:block;
			position:relative;
			display:block;
			height:44px;
			width:170px;
			margin:0 auto;
			line-height:44px;
			a {
				z-index:1;
				position:relative;
				display:block;
			}
		}
		.kloud-plan-price {
			margin-top:42px;
			margin-bottom:50px;
			span {
				vertical-align:top;
				display:inline-block;
			}
			.kloud-price-currency {
				transform:translate(3px,-4px);
			}
			.kloud-price-value {
				font-size:30px;
			}
			.kloud-price-suffix {
				position:relative;
				padding-left:4px;
				transform:translateY(6px);
				&:before {
					height:15px;
					width:1px;
					position:absolute;
					content:"";
					left:0px;
					transform:rotate(15deg);
					-webkit-transform:rotate(15deg);
					bottom: 6px;
				}
			}
		}
	}
}
/*------------------- Google Map--------------------*/
.ro-maps-info-content {
	p {
		color:#252525;
	}
}
.custom_button {
	.button_footer {
		display:inline-block;
		margin:0 12px;
		vertical-align:middle;
        margin-bottom:10px !important;
		&.button_ct2 {
			color:#ffffff;
		}
	}
}
.button_footer {
	height:46px;
	line-height:46px;
	width:170px;
	text-align:center;
	color:#171717;
	font-weight:600;
	border-radius:25px;
	-webkit-border-radius:25px;
	border:1px solid;
	display:block;
	overflow: hidden;
}
/*------------------------- Progress-------------------------*/
.vc_progress_bar {
	.vc_label {
		margin-bottom:15px;
	}
	.vc_single_bar {
		border:none;
		box-shadow:none !important;
		margin-bottom:25px !important;
		background:#e5e5e5 !important;
		border-radius:0 !important;
		.spacing {
			display:block;
			position:relative;
			width:100%;
			height:7px;
		}
		.vc_bar {
			border-radius:0 !important;
		}
		.vc_label_units {
			position:absolute;
			right:-14px;
			top: -38px;
		}
	}
}
/*----------------- Custom Css-------------------*/
.box-line {
	h6 {
		margin-bottom:15px;
	}
	position:relative;
	padding-left:94px;
	&:after {
		width:75px;
		height:1px;
		background:#43cea2;
		content:"";
		position:absolute;
		top:6px;
		left: 0;
	}
}
/*------------------- Hover Box--------------------------*/
.vc-hoverbox-wrapper {
	.vc-hoverbox-inner-child {
		.vc-hoverbox-back {
			.overlay_box {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				opacity:0.85;
				z-index:0;
			}
			.vc-hoverbox-back-inner {
				position:relative;
				z-index:1;
				color: #ffffff;
			}
		}
	}
}
/*------------------- Title bar-------------------*/
.title-bar-header {
	h4 {
		font-weight:300;
		text-transform: uppercase;
	}
}
/*----------------- Pagination------------------*/
.kloud-pagination {
	text-align:center;
	.item {
		width:23px;
		height:23px;
		line-height:23px;
		border-radius:100%;
		position:relative;
		display:inline-block;
		text-align:center;
		color:#a9a9a9;
		margin:0 14px;
		&.current {
			color:#ffffff;
		}
		&:after {
			position:absolute;
			content:"";
			border:1px solid #a9a9a9;
			width:calc(~"100% + 6px");
			height:calc(~"100% + 6px");
			border-radius:100%;
			top:-3px;
			left:-3px;
		}
	}
}
/*-------------------- Blog Sidebar--------------------*/ .sidebar_blog {
	.widget {
		margin-bottom:48px;
		.widget-title {
			margin-bottom:28px;
		}
		&.widget_tag_cloud {
			.tagcloud {
				a {
					font-size:14px !important;
					height:40px;
					line-height:40px;
					padding:0 5px;
					margin:0 2px 5px 0px;
					display:inline-block;
					padding:0 12px;
					&:before {
						background:#eeeeee;
					}
				}
			}
		}
		&.widget_portfolio-list {
			.portfolio-list {
				li {
					text-align:center;
					margin-bottom:30px;
					div.img {
						margin-bottom:22px;
					}
					.cat {
						a {
						}
						span:last-child {
							display:none;
						}
					}
					.title {
					}
				}
			}
		}
		&.widget_zo-recent-posts-widget-with-thumbnails {
			ul {
				li {
					margin-bottom:18px;
					.tb-recent-detail {
						.post-tumb {
							margin-right:14px;
							width:100px;
							display:inline-block;
							vertical-align:middle;
						}
						.post-title-and-date {
							display:inline-block;
							width:calc(~"100% - 120px");
							vertical-align:middle;
							a,.post-meta {
								font-size:12px;
							}
							.tb-post-author {
								font-size:12px;
								display:flex;
								-webkit-display:flex;
								display:flex;
								p {
									margin-right:34px;
									position:relative;
									&:after {
										content:"";
										position:absolute;
										height:14px;
										width:1px;
										background:#c0c0c0;
										right:-19px;
										top:24%;
									}
								}
								.comment {
									span {
										font-size:14px;
									}
								}
							}
						}
					}
				}
			}
		}
		&.widget_categories {
			ul {
				li {
					margin-bottom:11px;
					&:last-child {
						margin-bottom:0px;
					}
					a {
						position:relative;
						.cat-count {
							float:right;
						}
						.cat-name {
							transition:0.5s all;
							-webkit-transition:0.5s all;
							display:inline-block;
						}
						&:after {
							width:0px;
							height:1px;
							position:absolute;
							content:"";
							left:0;
							top:50%;
							transform:translatey(-50%);
							-webkit-transform:translatey(-50%);
							transition:0.5s all;
							-webkit-transition:0.5s all;
						}
						&:hover {
							.cat-name {
								transform:translateX(25px);
								-webkit-ransform:translateX(25px);
							}
							&:after {
								width:20px;
							}
						}
					}
				}
			}
		}
	}
}
.searchform {
	border:1px solid #bababa;
	>div {
		display:flex;
		-webkit-display:flex;
	}
	#s {
		width:100%;
		height:46px;
		border:none;
		border-right:none;
		font-size:12px;
		padding-left:14px;
	}
	#searchsubmit {
		width:46px;
		height:46px;
		border:none;
		border-left:none;
		background:none;
		font-size:18px;
		color: #171717;
	}
}
/*------------------------ Blog Single---------------------------*/
.jws-blog-detail {
	margin-top:100px;
	margin-bottom:83px;
	&.has_sidebar {
		.blog-about-author .blog-author-info {
			width:90%;
		}
	}
	.comments-area {
		.comments-title {
			border-top:1px solid #d4d4d4;
			padding-top:50px;
			margin-bottom:28px;
			margin-top:10px;
		}
		.comment-respond {
			border-top:1px solid #d4d4d4;
			.comment-reply-title {
				margin-top:46px;
				margin-bottom:39px;
			}
			form {
				.form-submit {
					.submit {
						width:170px;
						height:46px;
						line-height:45px;
						border-radius:25px;
						text-align:center;
						color:#ffffff;
						text-transform:uppercase;
						font-weight:500;
						border:0;
						transition:0.5s all;
						-webkit-transition:0.5s all;
						&:hover {
							background-color:#171717;
						}
					}
				}
				span {
					margin-bottom:18px;
					display:block;
				}
				input,textarea {
					border:1px solid #dddddd;
					width:100%;
					margin-bottom:18px;
					padding-left:15px;
				}
				input {
					height:40px;
				}
			}
		}
		.comment-list {
			li {
				.children {
					padding-left:59px;
				}
				.comment-body {
					align-items:center;
					margin-bottom:45px;
					.comment-avatar {
						border-radius:100%;
						overflow:hidden;
						margin-right:47px;
						display:inline-block;
						width:80px;
						vertical-align:middle;
					}
					.comment-info {
						vertical-align:middle;
						width:calc(~"100% - 135px");
						display:inline-block;
					}
					.comment-header-info {
						margin-top:11px;
						.comment-author {
							padding-right:15px;
							position:relative;
							color:#171717;
							font-weight:500;
							&:after {
								width:3px;
								height:1px;
								background:#a9a9a9;
								position:absolute;
								content:"";
								right:5px;
								top:50%;
							}
						}
						.comment-date {
							padding-right:31px;
							position:relative;
							color:#a9a9a9;
							&:after {
								width:1px;
								height:14px;
								background:#a9a9a9;
								position:absolute;
								content:"";
								right:15px;
								top:20%;
								transform:rotate(14deg);
								-webkit-transform:rotate(14deg);
							}
						}
						.reply {
							a {
								border-bottom:1px solid #cecece;
								span {
									vertical-align:middle;
								}
								color:#a9a9a9;
								font-weight:400;
							}
						}
					}
				}
			}
		}
	}
	.post-related {
		.tt {
			margin-top:46px;
			margin-bottom:45px;
		}
		&.kloud-blog-holder.border-bottom .content-blog .blog-bottom .share {
			.social_share {
				top:-140px;
				&:before {
					border-top-color:#e2e2e2;
					border-bottom-color:transparent;
				}
				&:before,&:after {
					bottom:-18px;
				}
			}
		}
	}
	.nav-post {
		justify-content:space-between;
		border-top:1px solid #d4d4d4;
		border-bottom:1px solid #d4d4d4;
		padding-top:44px;
		padding-bottom:44px;
		.nav-box {
			&.next {
				.text-nav {
					>span {
						margin-right:0px;
						margin-left:26px;
					}
					p {
						text-align:right;
					}
				}
			}
			.text-nav {
				align-items:center;
				>span {
					font-size:36px;
					color:#a9a9a9;
					margin-right:26px;
				}
				p {
					span {
						display:block;
						color:#a9a9a9;
						margin-bottom:5px;
						transition:0.5s all;
						-webkit-transition:0.5s all;
					}
					font-weight:500;
				}
			}
		}
	}
	.blog-about-author {
		margin-bottom:41px;
		.blog-author-avatar {
			border-radius:100%;
			margin-right:24px;
			img {
				max-width:initial;
			}
		}
		.blog-author-info {
			width:44%;
			.position {
				margin-bottom:10px;
			}
			.icon-author {
				a {
					margin-right:16px;
				}
			}
		}
	}
	.blog-meta {
		border-top:1px solid #d4d4d4;
		border-bottom:1px solid #d4d4d4;
		padding-top:44px;
		padding-bottom:44px;
		justify-content:space-between;
		margin-bottom:55px;
		.post-tags {
			span {
				font-weight:500;
			}
		}
		.social_share {
			li {
				display:inline-block;
				margin-left:12px;
			}
		}
	}
	.single-blog-page {
		.blog-details-img {
			img {
				width:100%;
				height:auto;
			}
		}
		.blog-content {
			margin-bottom:44px;
			.container {
				width:100%;
				padding:0;
			}
			blockquote {
				position:relative;
				padding:0;
				border:none;
				font-style:italic;
				font-size:24px;
				line-height:36px;
				padding-top:82px;
				&:before {
					content:"\f347";
					left:50%;
					transform:translatex(-50%);
					-webkit-transform:translatex(-50%);
					position:absolute;
					display:inline-block;
					font-family:"Ionicons";
					speak:none;
					font-style:normal;
					font-weight:normal;
					font-variant:normal;
					text-transform:none;
					text-rendering:auto;
					line-height:1;
					-webkit-font-smoothing:antialiased;
					font-size:60px;
					font-style:italic;
					top:0;
				}
			}
		}
		.blog-details {
			h3 {
				margin-top:30px;
				margin-bottom:15px;
				line-height:30px;
			}
			.title-and-meta {
				margin-bottom:28px;
			}
			.post-meta {
				>div {
					padding:0 15px;
					position:relative;
					&:after {
						width:1px;
						height:14px;
						background:#c0c0c0;
						position:absolute;
						content:"";
						right:0;
						top:6px;
					}
					&.like {
						.zilla-likes {
							&.active {
								&:before {
									content:"\f443";
								}
							}
							background:none;
							position:relative;
							&:before {
								content:"\f442";
								display:inline-block;
								font-family:"Ionicons";
								speak:none;
								font-style:normal;
								font-weight:normal;
								font-variant:normal;
								text-transform:none;
								text-rendering:auto;
								line-height:1;
								-webkit-font-smoothing:antialiased;
								position:absolute;
								left:0;
								top:6px;
							}
						}
					}
					&:first-child {
						padding-left:0;
					}
					&:last-child {
						&:after {
							display: none;
						}
					}
				}
			}
		}
	}
}
.post-related {
	   .slick-arrow.ion-ios-arrow-thin-right {
	      right: -20px;
	   }
       .slick-arrow.ion-ios-arrow-thin-left {
        left: -20px;
       }
 }      
/*------------------------ Portfolio Single-------------------------*/
.portfolio-single {
	margin-bottom:100px;
	margin-top:100px;
	&.layout1 {
		.pp_meta_box {
			margin-bottom:43px;
			>div {
				width:25%;
				text-align:center;
				border:1px solid #bababa;
				position:relative;
				border-right:0;
				padding-top:12px;
				padding-bottom:11px;
				display:inline-block &.tags {
					a {
						&:first-child {
							margin-left:5px;
						}
					}
				}
				span {
					margin-right:5px;
				}
				a {
					font-weight:300;
				}
				&:after {
					background:#bababa;
					position:absolute;
					height:100%;
					right:0;
					top:0;
					content:"";
				}
				&:last-child {
					&:after {
						display:none;
					}
					border-right:1px solid #bababa;
				}
			}
		}
	}
	&.layout2 {
		.pp_row {
			margin-bottom:64px;
		}
		.content_pp {
			.pp_description_2 {
				position:relative;
				padding-bottom:35px;
				margin-bottom:35px;
				&:after {
					content:"";
					position:absolute;
					background:#d4d4d4;
					height:1px;
					width:100px;
					left:0;
					bottom:0;
				}
			}
			.pp_meta {
				margin-bottom:35px;
				.pp-title {
					margin-top:0;
				}
			}
			.pp_meta_box {
				position:relative;
				padding-top:35px;
				padding-bottom:35px;
				margin-bottom:33px;
				&:before,&:after {
					content:"";
					position:absolute;
					background:#d4d4d4;
					height:1px;
					width:100px;
					left:0;
				}
				&:before {
					top:0;
				}
				&:after {
					bottom:0;
				}
				div {
					margin-bottom:24px;
					&:last-child {
						margin-bottom:0px;
					}
					span {
						margin-right:5px;
					}
					a {
						font-weight:400;
					}
				}
			}
		}
	}
	.pp-content-vc {
		.container {
			padding:0;
			width:100%;
		}
	}
	.icon-get-link {
		text-align:center;
		a {
			font-size:36px;
			transform:translateY(-119%);
			display:inline-block;
			z-index:2;
			position:relative;
		}
	}
	.nav-post {
		justify-content:space-between;
		position:relative;
		z-index:1;
		.nav-box {
			&.next {
				.text-nav {
					>span {
						margin-right:0px;
						margin-left:26px;
					}
				}
			}
			.text-nav {
				align-items:center;
				>span {
					font-size:36px;
					margin-right:26px;
				}
				p {
					span {
						display:block;
						margin-bottom:5px;
					}
					font-weight:500;
				}
			}
		}
	}
	.related_pp {
		.tt {
			margin-top:56px;
			margin-bottom:49px;
		}
		.kloud-blog-holder.border-bottom .post-item {
			margin-bottom:0;
		}
	}
	.pp_description_2 {
		margin-bottom:90px;
		p {
			margin-bottom:12px;
		}
	}
	.pp_meta {
		justify-content:space-between;
		align-items:flex-end;
		margin-bottom:45px;
		.meta_left {
			.pp-title {
				margin-bottom:14px;
			}
			.category {
				a {
					&:last-child {
						span {
							display:none;
						}
					}
				}
			}
		}
	}
	.social_pp {
		.social_share {
			ul {
				li {
					display:inline-block;
					margin-left: 12px;
				}
			}
		}
	}
}
/*---------------------- Count Down-------------------------*/
.kloud-timer {
	h4 {
		width:21%;
		background:url(../../../assets/images/cloud.png);
		text-align:center;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		height:166px;
		padding-top:35px;
		font-size:60px;
		display:inline-block;
		margin:0 15px;
		font-weight:400;
		position:relative;
		span {
			font-size:18px;
			color:#68686d;
			position:absolute;
			bottom:44px;
			left:50%;
			transform:translatex(-50%);
			-webkit-transform:translatex(-50%);
		}
	}
}
.coming-soon {
	.mc4wp-form {
		button {
			margin-left:-4px;
			border-bottom-right-radius:25px;
			border-top-right-radius:25px;
			color:#ffffff;
			&:before {
				border-bottom-right-radius:25px;
				border-top-right-radius: 25px;
			}
		}
		input {
			width:342px;
			border-color:#bababa;
			border-bottom-left-radius:25px;
			border-top-left-radius:25px;
			&::-webkit-input-placeholder {
				/* Chrome/Opera/Safari */
				color:#a9a9a9;
			}
			&::-moz-placeholder {
				/* Firefox 19+*/
				color:#a9a9a9;
			}
			&:-ms-input-placeholder {
				/* IE 10+*/
				color:#a9a9a9;
			}
			&:-moz-placeholder {
				/* Firefox 18- */
				color:#a9a9a9;
			}
		}
		.mc4wp-form-fields {
			display:flex;
			justify-content:center;
		}
	}
}
#back-to-top {
	display:none;
	position:fixed;
	bottom:50px;
	right:30px;
	z-index:99999;
	border-radius:100%;
	width:40px;
	height:40px;
	line-height:40px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	font-size:22px;
	i {
		transition:0.5s all;
		-webkit-transition:0.5s all;
	}
	&:hover {
		i {
			transform:translatey(-3px);
			-webkit-transform:translatey(-3px);
		}
	}
	&.show {
		display:block;
		animation:fadeInUp 0.5s both;
		-webkit-animation:fadeInUp 0.5s both;
	}
}
.no-results {
	.searchform {
		max-width:500px;
	}
	.none_des {
		margin:70px 0 0px 0;
		border-top:1px solid #aaa;
		padding: 20px 0;
	}
}
.action-popup-url.icon {
font-size: 24px;
    width: 42px;
    height: 42px;
    border: 1px solid #ffffff;
    display: inline-block;
    line-height: 42px;
    border-radius: 100%;
    text-align: center;
    color: #ffffff;
    padding-left: 2px;
    &:focus {
        span {
            color:#ffffff;
        }
    }
    &:hover {
        color:#ffffff;
    }  
}
.no-sidebar {
  .alignfull {
    max-width: 100vw !important;
    width: 100vw !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-left: 50% !important;
}
.alignwide {
     width: ~"calc(100% + 100px)";

 max-width: ~"calc(100% + 100px)";
margin-left: -50px;
 margin-right: -50px;
}  
}