/*--------------------------------------------------------------
6.0 Shortcodes
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.page-typography .shortcode-sidebar-area,
	.page-shortcodes .shortcode-sidebar-area {
		display: none;
	}	
}

/*------------------------------
	6.1 Buttons
------------------------------*/
.demo-buttons .cms-button-wrap {
	margin-right: 6px;
	margin-bottom: 10px;
	vertical-align: middle !important;
}

.cms-button-wrap {
	@include opacity(1 !important);
}
.cms-button-wrap.btn-view-all-team {
	a{
		color: $link_color;
		background: #dedede;
		@include border-radius(0);
		&:hover{
			color: #23527c;
			background: #eee !important;
		}
	}
}
/* Revolutuon */
.button.large.thin, 
.button.medium.thin, 
.button.small.thin, 
.button.thin {
    background: transparent;
    border: 2px solid #c5c2c2;
    color: #7a7b80;
    padding: 13px 35px;
    position: relative;
    font-weight: 300;
    font-size: 14px;
   	letter-spacing: normal;
    @include transition (all 0.3s ease 0s);
}
.button.thin.white {
    border-color: #fff;
    color: #fff;
}
.button.thin.hover-dark:hover {
    background-color: $link_color !important;
    border: 2px solid $link_color !important;
    color: #fff !important;
}

.button.thin.white.hover-light:hover {
    background-color: #fff !important;
    border: 2px solid #fff !important;
    color: $link_color !important;
}
/* Default
-----------------------------------------------------*/
.cms-button {
	font-size: 14px;
	display: inline-block;
	padding: 10px 37px;
	background-color: $primary_color;
    @include border-radius(2px);
    color: $link_color;
    outline: 0 none;
    position: relative;
    line-height: 25px;
    text-transform: uppercase;
    border: none;
    @include transition(all 0.4s ease 0s !important);
    text-decoration: none;
    text-align: center;

    &.cms-border-hover {
    	border: 2px solid transparent;
    	padding: 8px 35px;
    }

    &:hover, &:focus, &.cyan:hover, &.gray-line:hover, &.blue:hover, &.teal:hover, &.green:hover, &.lime:hover, &.deeporange:hover {
    	background: $link_color;
    	color: #fff;
    	text-decoration: none;
    }

	/* Size
	-------------------------*/
	/* Large size */
    &.lg {
		font-size: 16px;
		line-height: 20px;
		padding: 20px 40px;
    }

    /* Small size */
    &.sm {
    	padding: 10px 15px;
    	font-size: 11px;
    	line-height: 16px;
    }

    /* Mini Size */
    &.xs {
    	font-size: 10px;
    	padding: 2px 10px;
    	line-height: 1.6;
    }

	/* Color & Hover
	-------------------------*/
	&.gray {
		background: #535961;
		color: #fff;
		&:hover {
			background: #101010;
		}

		&.cms-border-hover:hover {
			background: transparent;
			border: 2px solid #535961;
			color: #535961;
		}
	}

	&.gray-light {
		background: #d7d9dc;
		color: $link_color;
		&:hover {
			background: $link_color;
			color: #fff;
		}
		&.cms-border-hover:hover {
			background: transparent;
			border: 2px solid #d7d9dc;
			color: #d7d9dc;
		}
	}

	&.cyan {
		background: #4cc1d3;
		color: #fff;
		&.cms-border-hover:hover {
			background: transparent;
			border: 2px solid #4cc1d3;
			color: #4cc1d3;
		}
	}

	&.blue {
		background: #37a2d6;
		color: #fff;
		&.cms-border-hover:hover {
			background: transparent;
			border: 2px solid #37a2d6;
			color: #37a2d6;
		}
	}

	&.teal {
		background: #1bbc9b;
		color: #fff;
		&.cms-border-hover:hover {
			background: transparent;
			border: 2px solid #1bbc9b;
			color: #1bbc9b;
		}
	}

	&.green {
		background: #259b24;
		color: #fff;
		&.cms-border-hover:hover {
			background: transparent;
			border: 2px solid #259b24;
			color: #259b24;
		}
	}

	&.lime {
		background: #cddc39;
		color: #fff;
		&.cms-border-hover:hover {
			background: transparent;
			border: 2px solid #cddc39;
			color: #cddc39;
		}
	}

	&.deeporange {
		background: #ff5722;
		color: #fff;
		&.cms-border-hover:hover {
			background: transparent;
			border: 2px solid #ff5722;
			color: #ff5722;
		}
	}

	/* Icon Animate
	-------------------------*/
	/* From top, left */
	&.from-top, &.from-left {
		padding-left: 45px;
		padding-right: 45px;
		overflow: hidden;

		.button-text {
			@include transition(all 0.3s ease 0s);
			@include css3-prefix(backface-visibility, hidden);
			display: inline-block;
		}

		.vc_btn3-icon {
			font-size: 180%;
		    left: 50%;
		    position: absolute;
		    top: -150%;
		    @include transform(translate(-50%, -50%));
		    @include transition(all 0.3s ease 0s);
		}

		&:hover {
			.button-text {
				@include transform(translateY(300%));
			}
			.vc_btn3-icon {
				top: 50%;
			}
		}
	}
	
	/* From left */
	&.from-left {
		.vc_btn3-icon {
			font-size: 180%;
		    left: -250%;
		    position: absolute;
		    top: 50%;
		    @include transform(translate(-50%, -50%));
		    @include transition(all 0.3s ease 0s);
		}

		&:hover {
			.button-text {
				@include transform(translateX(300%));
			}
			.vc_btn3-icon {
				left: 50%;
			}
		}
	}

	/* Right In & Out */
	&.right-in, &.right-out, &.fade-in, &.fade-out {
		padding-left: 40px;
		padding-right: 40px;
		overflow: hidden;

		.vc_btn3-icon {
			font-size: 125%;
		    position: absolute;
		    top: 50%;
		    @include transform(translateY(-50%));
		    @include transition(left 0.3s ease 0s);
		    left: 130%;
		}

		&:hover .vc_btn3-icon {
			left: 76%;
		}
	}

	&.right-out {
		.vc_btn3-icon {
			left: 76%;
		}
		&:hover .vc_btn3-icon {
			left: 130%;
		}
	}

	/* Fade In & Out */
	&.fade-in {
		.vc_btn3-icon {
		    left: 70%;
		    @include opacity(0);
		}
		&:hover .vc_btn3-icon {
			@include opacity(1);
			left: 76%;
		}
	}

	&.fade-out {
		.vc_btn3-icon {
		    left: 76%;
		    @include opacity(1);
		}
		&:hover .vc_btn3-icon {
			@include opacity(0);
			left: 70%;
		}
	}

	/* Button Border
	-------------------------*/
	&.cms-border {
		padding: 8px 35px;
		background: transparent;
		border: 2px solid $primary_color;
		color: $primary_color;

		&:hover {
			background: $primary_color;
			color: $link_color;	
		}

		&.gray {
			border-color: #535961;
			color: #535961;
			&:hover {
				background: #535961;
				color: #fff;
			}
		}

		&.gray-light {
			border-color: #d7d9dc;
			color: #d7d9dc;
			&:hover {
				background: #d7d9dc;
				color: #fff; 
			}
		}

		&.cyan {
			border-color: #4cc1d3;
			color: #4cc1d3;
			&:hover {
				background: #4cc1d3;
				color: #fff;
			}
		}

		&.blue {
			border-color: #37a2d6;
			color: #37a2d6;
			&:hover {
				background: #37a2d6;
				color: #fff;
			}
		}

		&.teal {
			border-color: #1bbc9b;
			color: #1bbc9b;
			&:hover {
				background: #1bbc9b;
				color: #fff;
			}
		}

		&.green {
			border-color: #259b24;
			color: #259b24;
			&:hover {
				background: #259b24;
				color: #fff;
			}
		}

		&.lime {
			border-color: #cddc39;
			color: #cddc39;
			&:hover {
				background: #cddc39;
				color: #fff;
			}
		}

		&.deeporange {
			border-color: #ff5722;
			color: #ff5722;
			&:hover {
				background: #ff5722;
				color: #fff;
			}
		}
		&.white {
			border-color: #fff;
			color: #fff;
			&:hover {
				background: #535961;
				color: #fff;
				border-color: #535961;
			}
			&.hover-light:hover{
				background: #fff;
				color: #535961;
				border-color: #fff;
			}
		}
	}
	
	/* Button ViewAll
	-------------------------*/
	.cms-grid-viewall {
		position: relative;
	}

	&.cms-viewall {
		display: block;
		background-color: #eee;
		padding: 40px 0 37px;
		font-size: 18px;
		line-height: 1;
		text-transform: uppercase;
		font-weight: 300;
		text-align: center;
		color: $link_color;
		&:hover {
			background: #dedede !important;
			color: $link_color !important;
		}

		&.dark {
			background-color: $link_color;
			color: #fff;
			padding-top: 55px;
			padding-bottom: 52px;
			&:hover {
				background: #101010 !important;
				color: #fff !important;
			}
			&:before {
				background-color: $link_color;
			}
		}

		span {
			position: relative;
			z-index: 2;
		}
	}

	&.cms-viewall-grid {
		&:before {
			display: block;
		    height: 100%;
		    position: absolute;
		    right: -2000px;
		    top: 0;
		    width: 10000px;
		    background-color: #eee;
		    content: '';
		    @include transition(all 0.4s ease 0s);
		}

		&.dark {
			background-color: $link_color;
			color: #fff;
			padding-top: 55px;
			padding-bottom: 52px;
			&:hover, &:hover:before {
				background: #101010 !important;
				color: #fff !important;
			}
			&:before {
				background-color: $link_color;
			}
		}

		&:hover, &:hover:before {
			background: #dedede !important;
			color: $link_color !important;
		}
	}
}

.cms-button-wrap.dark-hover {
	.cms-button:hover {
		background-color: $link_color !important;
	    border: 2px solid $link_color !important;
	    color: #fff !important;
	}

	&.cms-grey-light {
		.cms-button {
			border: 2px solid #c5c2c2;
			color: #7a7b80;
		}
	}
}

.a-blue{
	color: #37a2d6;
	&:hover{
		color: $link_color;
	}
}

.cms-grid-viewall {
	position: relative;

	.cms-button-wrap {
		
	}
}

/* Fix overWidth of view more button */
#primary {
	overflow: hidden;
}

/*------------------------------
	6.2 VC Custom Heading
------------------------------*/
.cms-custom-heading {
	position: relative;
	/* Heading line
	-----------------------------------------------------*/
	&.heading-line {
		&:before {
			content: '';
			position: absolute;
			width: 100%;
			height: 0;
			border-top: 2px solid #eee;
			left: auto;
			top: 58%;
			right: 0;
		}

		&.cms-h2:before {
			top: 59%;
		}

		&.cms-h3:before {
			top: 61%;
		}

		&.cms-h4:before {
			top: 55%;
		}

		&.cms-h5:before, &.cms-h6:before {
			top: 55%;
		}

		.cms-heading-inner {
			background: #fff;
		}
	}

	.cms-heading-inner {
		position: relative;
		display: inline-block;
		padding-right: 15px;
	}
	h3.cms-heading-inner{line-height: 45px !important}
	/* Heading underline
	-----------------------------------------------------*/
	&.heading-underline {
		.cms-heading-inner {
			border-bottom: 1px solid #eee;
			padding-bottom:16px;
			display: block;
		}

		&.cms-h2 .cms-heading-inner {
			padding-bottom:20px;
		}
	}

	/* Heading underline and bold
	-----------------------------------------------------*/
	&.heading-underline-textbold .cms-heading-inner {
		margin-top: 0;
		&:before {
			background: $link_color none repeat scroll 0 0;
		    height: 3px;
		    bottom: -15px;
		    width: 100px;
		    content: '';
		    display: inline-block;
		    position: absolute;
		    left: 0;
		}
	}
	@media only screen and (max-width : 768px) {
		&.heading-underline-textbold .cms-heading-inner {
			font-size: 40px !important;
			line-height: 40px !important;
		}
	}

	/* Heading borderleft and bold
	-----------------------------------------------------*/
	&.heading-borderleft-textbold {
		.cms-heading-inner {
			padding: 22px 25px 24px;
			border-left: 2px solid $link_color;
			margin: 0;
		}
	}

	/* Heading inline and text bold
	-----------------------------------------------------*/
	&.heading-inline-textbold {
		.cms-heading-inner {
			margin: 0;
			padding: 0;
		}
	}

	&.dis-block .cms-heading-inner {
		display: block !important;
	}

	/* Set color & border is #f1f1f1
	-----------------------------------------------------*/
	&.special-color .cms-heading-inner {
		background: transparent;
		border-color: #f1f1f1 !important;
		color: #f1f1f1 !important;
	}

	/* New style custom link
	-----------------------------------------------------*/
	&.cms-link-style {
		.cms-heading-inner {
			padding-right: 0 !important;
			display: block;
		}
		.cms-new-link {
			color: #7e8082;
		    font-size: 14px;
		    font-weight: 400;
		    float: right;
		    text-transform: uppercase;
		    &:hover {
		    	color: #101010;
		    }
		}
	}
}

/* Vc text */
.wpb_text_column p{margin: 0} 

@media only screen and (max-width : 768px) {
	.cms-custom-heading {

	}
}

/*------------------------------
	6.3 Dropcaps
------------------------------*/
.cms-dropcap {
	margin-bottom: 30px !important;
	.cms-first-letter {
		display: inline-block;
		float: left;
		font-size: 60px;
		font-weight: 300;
		line-height: 60px;
		margin: 0 20px 0 0;
		text-align: center;
		padding: 0;
	}

	&.box.square .cms-first-letter {
		display: inline-block;
		float: left;
		font-size: 50px;
		font-weight: 400;
		line-height: 75px;
		margin: 6px 20px 0 0;
		padding-bottom: 2px;
		text-align: center;
		width: 56px;		
	}

	&.box.circle .cms-first-letter {
		display: inline-block;
		float: left;
		font-size: 40px;
		height: 75px;
		line-height: 70px;
		text-align: center;
		width: 75px;
		border-radius: 50%;
		padding-left: 1px;
		background-attachment: scroll;
		background-color: #8f8f8f;
		background-image: none;
		background-repeat: repeat;
		background-position: 0 0;
		margin:8px 20px 0 0;
	}
}

/*------------------------------
	6.4 Testimonials
------------------------------*/
/* Testimonials Grid layout 1
-----------------------------------------------------*/
.cms-grid-testimonials-layout1 {
	.cms-testimonials-wrap {
		display: block;
		overflow: hidden;
		background-color: rgba(255,234,0,.5);
		position:relative;
	}

	.cms-icon-container-bg {
		width:85px;
		float:left;
	}

	.cms-icon-container {
		background-color:$primary_color;
		width:85px;
		height:85px;
		opacity:1;
		text-align:center;
		padding:19px;
		position: absolute;
		left: 0;
		top: 50%;
		@include transform(translateY(-50%));

		span {
			padding:0;
			margin:0;
			font-size:26px;
			color:$link_color;
			border:2px solid $link_color;
			border-radius: 50%;
			font-weight: 100;
			height: 46px;
			width: 46px;
			line-height: 46px;
			display: block;
		}
	}

	.cms-main-container-bg {
		background-color:#eee;
		overflow: hidden;
	}

	.cms-main-container-bg{
		margin-left: 85px;
	}

	.cms-lines:before {
		content: "";
		display: block;
		width: 300%;
		height: 40px;
		background: #dfdfdf;
		position: absolute;
		top: 0;
		left: -300%;
		filter: alpha(opacity=50);
		height:190px;
	}

	.cms-text-container {
		position:relative;
		min-height:190px; 
		padding-top: 70px;
		padding-left: 40px;
		padding-right: 240px;
		font-size: 14px;
		line-height: 22px;
	}

	.cms-img-container {
		width:200px; 
		height:190px; 
		position:absolute;
		right:0;
		top:0;
		img{
			width:200px; 
			height:190px; 
		}
	}

	.quote-author {
		position: relative;
		left: 15px;
		margin-top: 20px;
	}

	.quote-author-description {
		display: block;
		font-size: 12px;
	}

	.author-testimonial {
		display: inline;
		margin-top: 7px;
		font-size: 16px;
		color: $link_color;
	}
}

/* Testimonials Grid layout 2
-----------------------------------------------------*/
.cms-grid-testimonials-layout2 {
	.cms-text-container {
		background: #eee;
		padding: 25px 25px 75px;

		p:last-child {
			margin-bottom: 0;
		}
	}

	.cms-small-author-container {
		margin-top: -55px;

		.author-testimonial {
			font-size:14px;
			line-height:15px;
			color:$link_color;
			text-transform: uppercase;
			display: block;
		}

		.quote-author-description {
			margin-top:5px;
  			font-size:12px;
  			display: block;
  			line-height: 25px;
		}
	}

	.cms-img-container {
		float: left;
		margin-right: 10px;
		width: 100px;

		img {
			width: 100px;
			height: 100px;
		}		
	}
}

/* Testimonials Grid layout 3
-----------------------------------------------------*/
blockquote {
 	font-size: 16px;
}
.blockquote-reverse, blockquote.pull-right {
 	padding-right: 25px;
}

blockquote.custom-blockquote, 
blockquote.custom-blockquote p {
	font-size: 16px;
	line-height: 24px;
	color: #777;
	font-style: italic;
	font-weight: 300;
}
blockquote.custom-blockquote {
	margin: 0 0 10px 0;
	padding: 25px 20px 19px 26px;
	position:relative;
	background-color:#f8f8f8;
  	border-left: 40px solid $primary_color;

	&:before {
		z-index:9;
		height:100%;
		width:38px;
		display:block;
		content:'"';
		position:absolute;
		left:-29px;
		top:47%;
		font-size:42px;
		font-style:normal;
	}
}

/* Testimonials carousel layout 1
-----------------------------------------------------*/
.cms-author-cont {
	padding-top: 70px;
	padding-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
}

.cms-author-img {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 128px; 
}

.testimonial-2 {
	padding: 10px 20px;
	margin: 15px 0 15px 10px; 
	border-left: none;
	p {
		margin-bottom: 24px;
		color: $link_color;
		font-size: 21px;
		line-height: 32px;
		font-weight: 300 !important;
		font-style: normal;
	}
	&:before {
		content: '"';
		position: absolute;
		top: 0;
		left: 0;
		font-size: 60px;
		line-height: 40px;
		color: #dcdddd;
	}
}

/*------------------------------
	6.5 Pricing
------------------------------*/
/* Pricing style 1
-----------------------------------------------------*/
.cms-grid-item-pricing {
	.cms-pricing-title {
		margin: 0;
		padding: 40px 20px 40px 20px;
		border: 2px solid $link_color;
		border-bottom: none;
		text-align: center;
		text-transform: uppercase;

		&.pr-feature {
			border-color: $primary_color;
		}
	}

	.price-heading {
		background-color: $link_color;
	    padding: 20px 20px 15px;
	    position: relative;
	    text-align: center;

	    span {
	    	display: inline-block;
	    	color: #fff;
	    	font-family: Lato,Arial,Helvetica,sans-serif;
	    	line-height: 25px;
	    }

	    .currency {
	    	font-size: 30px;
	    }

		.price {
			font-size: 60px;
    		line-height: 50px;
		}

		.cents-cont {
	   		font-size: 20px;
		    width: 5px;

		    .cents {
		    	font-size: 30px;
			    position: absolute;
			    top: 19px;
		    }

		    .place2 {
		    	font-size: 14px;
			    height: 13px;
			    width: 35px;
			    color: #bcbcbc;
		    }
		}

		&.pr-feature {
			background: $primary_color;
			span, .place2 {
				color: $link_color;
			}
		}
	}

	.price-content {
		border-right: 2px solid $link_color;
		border-left: 2px solid $link_color;

		ul {
			margin: 0;
			padding: 0;
			list-style: none;
			background-color: #fff;

			li {
				background: #fff;
				margin: 0;
				padding: 0;
				display: block;
				color: #6b6b6b;
				line-height: 50px;
				border-bottom: 1px solid #efefef;
				margin-left: 20px;
			}
		}

		&.pr-feature {
			border-right: 2px solid $primary_color;
			border-left: 2px solid $primary_color;
		}
	}

	.price-button {
		background-color: #f5f5f5;
	}
}

.cms-grid-item-pricing .cms-button.pricing-button {
	cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 100%;
    line-height: 72px;
    padding: 0;
    text-align: center;
    width: 100%;

    &:hover {
    	background: #101010;
    }
}

/* Pricing style 2
-----------------------------------------------------*/
.cms-grid-pricing-layout1.pr-layout-2 {
	.cms-pricing-item-wrap {
		padding: 0 15px 30px;
		background: #efefef;
		overflow: hidden;
	}

	.cms-grid-item-pricing {
		margin-top: 30px;
	}

	.cms-pricing-title {
		background-color: #fff;
	    color: $link_color;
	    display: block;
	    font-size: 30px;
	    font-weight: 400;
	    line-height: 40px;
	    margin: 0;
	    padding: 30px 20px;
	    text-transform: uppercase;
	    border: none;
	}

	.price-heading {
		font-size: 60px;
  		line-height: 50px;
  		text-align: left;
  		border: none;

  		span {display: inline;}
	}

	.price-content {
		border: none;
	}

	&.pr-pricing-animate {
		.cms-grid-item-pricing {
			margin-top: 0;
		}

		.cms-pricing-title.pr-feature {
			background: $primary_color;
		}

		.price-heading.pr-feature {
			background: $link_color;

			span {
				color: #fff;

				.place2 {
					color: #bcbcbc;
				}
			}
		}
	}

	&.pr-pricing-animate .price-heading {
		font-size: inherit;
    	line-height: inherit;
	}
}

@media screen and (width : 992px) {
	.cms-grid-item-pricing .price-heading {
		text-align: left;
	}
}

/* Pricing style 3 - Cols
-----------------------------------------------------*/
.cms-grid-pricing-layout2 {
	.cms-grid-item-pricing {
		margin-bottom: 30px;
	}

	.pricing-horizontal-content {
		border: 2px solid #eee;
		@include for (large-screens) {
			border: 2px solid #eee;
			border-right: none;
		}
		padding: 5px 0 25px 30px;

		ul {
			margin: 0;
			padding: 0;
			list-style-type: none;

			li {
				position: relative;
				margin: 0;

				span {
					position: relative;
					top: 2px;
					font-size: 15px;
				}

				.icon-li  {
					margin-right: 10px;
				}
			}
		}
	}

	.pricing-horizontal-container {
		padding:0;
		background:#eee;
		height:100%;
		@include for (large-screens) {
			position:absolute;
			right:15px;	
		}

		.price-heading {
			background: #eee;

			span, span .place2 {
				color: $link_color;
			}
		}
	}
	
	.price-container {
		background:#eee;
		padding: 20px 20px 15px;
	    position: relative;
	    text-align: center;
	}

	.cms-pricing-title {
		background-color: #fff;
	    display: inline-block;
	    padding-right: 15px;
	    position: relative;
	    padding: 0 15px 0 0;
	    border: none;
	    margin: 21px 0 19px;
	}
}

/* Pricing style 4
-----------------------------------------------------*/
.cms-grid-pricing-layout3 {
	.pricing-wrap {
		margin: 0 auto;
		width: 300px;
	}

	.cms-grid-item-pricing {
		background: #eee;
		&.pricing-feature-item{
			background: #fff;
		}
	}

	.cms-pricing-title {
		border-bottom: medium none;
	    font-weight: 600;
	    margin: 0;
	    padding: 80px 20px 25px;
	    border: none;
	    text-align: left;
	}

	.price-heading {
		padding: 0 20px 15px;
    	position: relative;
    	border: none;
    	background: 0 none;
    	text-align: left;

    	.currency {
    		font-size: 14px;
		    font-weight: 600;
		    line-height: 25px;
		    margin-right: 5px;
		    color: $link_color;
    	}

    	.price {
    		font-size: 100px;
		    font-weight: 500;
		    line-height: 100px;
		    color: $link_color;
    	}

    	.place {
    		font-size: 18px;
		    font-weight: 300;
		    margin-left: 4px;
		    display: inline-block;
		    color: $link_color;
    	}

    	&.pr-feature {
    		background: 0 none;
    	}
	}

	.price-content {
		border: none;

		ul {
			margin: 25px 0 40px;
			padding: 0;
			background: 0 none;

			li {
				color: #696c6f;
			    display: block;
			    line-height: 35px;
			    margin: 0 0 0 20px;
			    padding: 0;
			    background: 0 none;
			    border: none;
			}
		}

		&.pr-feature {
			border: none;
		}
	}

	.price-button  {
		background: 0 none;
		padding: 0 0 80px 20px;
	}
}

/*------------------------------
	6.6 HighLight
------------------------------*/
.cms-highlight-gray {
	background-color: #C0C0C0;
	color: #fff;
}

.cms-highlight-yellow {
	background-color: $primary_color;
	color:$link_color;
	padding: 0 3px;
}

/*------------------------------
	6.7 Accordions
------------------------------*/
/* Accordion border heading
-----------------------------------------------------*/
.vc_tta.vc_tta-accordion.vc_tta-style-bg-heading,
.vc_tta.vc_tta-accordion.vc_tta-style-border-heading {
	.vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body {
		@include transition(height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s !important);
	}
}

.vc_tta.vc_general .vc_tta-panel-body {
	@include transition(none !important);
}

.vc_tta-controls-icon-position-right .vc_tta-controls-icon {
	top: 45% !important;
	right: 10px !important;
}

.vc_tta.vc_tta-accordion.vc_tta-style-border-heading {
	.vc_tta-panel-heading {
		margin-top: 0px !important;
		border: none !important;
	}
	.vc_tta-panel .vc_tta-panel-title a {
		display: block;
		position: relative;
		color: #777;
		text-decoration: none;
		padding: 14px 20px;
		border: 1px solid #e5e5e5;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.1;
		@include transition(all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000));

		&:hover {
			text-decoration: none;
			border-color: #ddd;
			background-color: #fcfcfc;	
			color: #444;
		}

		i.vc_tta-controls-icon-chevron {
			font-style: initial;
			&:before {
				content: '\f107';
				font-family: fontawesome;
				border: none !important;
				font-size: 15px;
				line-height: 1;
				color: #999;
				@include transform(none);
			}
		}
	}

	.vc_tta-panel.vc_active .vc_tta-panel-title a {
		color: #000;
		border-color: #ddd;
		background-color: #fcfcfc;
		cursor: default;

		i.vc_tta-controls-icon-chevron {
			&:before {
				content: '\f106';
				color: #111;
			}
		}
	}
}

/* Accordion background heading
-----------------------------------------------------*/
.vc_tta.vc_tta-accordion.vc_tta-style-bg-heading {
	.vc_tta-panel-heading {
		margin-top: 0px !important;
		border: none !important;
	}
	.vc_tta-panel .vc_tta-panel-title a {
		display: block;
		position: relative;
		color: $link_color;
		text-decoration: none;
		padding: 14px 20px;
		border: none;
		font-weight: 400;
		line-height: 1.1;
		@include transition(all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000));
		font-size: 14px;
  		font-family: 'Open Sans',Arial,Helvetica,sans-serif;
  		background: #f5f5f5;

		&:hover {
			text-decoration: none;
			color: $link_color_hover;
		}

		i.vc_tta-controls-icon-chevron {
			font-style: initial;
			&:before {
				content: '\f107';
				font-family: fontawesome;
				border: none !important;
				font-size: 15px;
				line-height: 1;
				color: #999;
				@include transform(none);
			}
		}
	}

	.vc_tta-panel.vc_active .vc_tta-panel-title a {
		color: #000;
		cursor: default;

		i.vc_tta-controls-icon-chevron {
			&:before {
				content: '\f106';
				color: #111;
			}
		}
	}
}

/*------------------------------
	6.8 Toggle
------------------------------*/
/* Toggle border
-----------------------------------------------------*/
.vc_toggle.vc_toggle_border-heading {
	margin-bottom: 10px;

	.vc_toggle_title h4 {
		display: block;
		border: 1px solid #e5e5e5;
	    color: #7e8082;
	    padding: 14px 20px;
	    @include transition(all 0.25s cubic-bezier(0, 0, 0.58, 1) 0s);
	    font-size: 12px;
	    font-weight: 400;
	    letter-spacing: 1px;
	    line-height: 1.4;
	    margin: 0;
	    position: relative;

	    &:before {
	    	content: '\f107';
			font-family: fontawesome;
			border: none !important;
			font-size: 15px;
			line-height: 1;
			color: #999;
			position: absolute;
			right: 10px;
			top: 50%;
			@include transform(translateY(-50%));
	    }

	    &:hover {
	    	color: #111;
	    }
	}

	.vc_toggle_content {
		font-size: 14px;
	    line-height: 1.8;
	    padding: 10px 20px 20px;
	    margin-bottom: 10px;
	    margin-top: 10px;
	}

	&.vc_toggle_active {
		.vc_toggle_title h4 {
			color: #111;
		}

		.vc_toggle_title h4:before {
			content: '\f106';
			color: #111;
		}
	}
}

/* Toggle with Background
-----------------------------------------------------*/
.vc_toggle.vc_toggle_bg-heading {
	margin: 0;
	.vc_toggle_title h4 {
		background-color: #eee;
	    font-size: 14px;
	    line-height: 50px;
	    font-family: $font_open_san;
	    display: block;
	    margin: 0;
	    text-transform: uppercase;

	    span {
	    	position:relative;
			background-color: #7c8187;
			display: block;
			float: left;
			height: 50px;
			width: 49px;
			margin-right: 15px;
			@include transition(all .3s ease 0s);

			&:before {
				display: block;
				content: '+';
				position: absolute;
				left: 19px;
				font-size: 18px;
				font-style: normal;
				color: #fff;
			}
	    }

	    &:hover span {
			background: $primary_color;
		}
	}

	.vc_toggle_content {
		border:none;
		border-radius:0;
		border-right: 15px solid #eee;
		margin:0;
		margin-left: 49px;
		padding: 15px;
		padding-right: 17px;
		@include box-shadow(none);
	}

	&.vc_toggle_active {
		.vc_toggle_title h4 {
			span {
				background: $primary_color;
				&:before {
					content:'–';
					left: 20px;
  					color: $link_color;
				}
			}
		}
	}

	/* style 2 */
	&.style2 {
		.vc_toggle_title h4 {
			background: 0 none;
		}

		.vc_toggle_content {
			border-left: 5px solid #dfdfdf;
			border-right: none;
			display: none;
			margin-left: 23px;
			padding: 15px 0 15px 36px;
		}
	}
}

/*------------------------------
	6.9 Tabs
------------------------------*/
/* Tab Border Bold
-----------------------------------------------------*/
.vc_tta-tabs.vc_tta-style-border-bold {
	.vc_tta-tabs-container {
		ul {
			border-bottom: 1px solid #eee;
		}
		.vc_tta-tab {
			margin-bottom: -1px;
			position: relative;
			a {
				border: none;
			    border-radius: 0;
			    color: #7e8082;
			    padding: 15px 20px;
			    line-height: 1.4;
			    margin-right: 2px;
			    cursor: pointer;
			}

			&.vc_active a, a:hover, a:focus {
				background: #eee;
			}
		}
	}

	.vc_tta-panels-container {
		.vc_tta-panel .vc_tta-panel-body {
			background-color: #fff;
			border: 15px solid #eee;
			border-top: 14px solid #eee;
			border-left: none;
			padding: 15px 15px 5px 0;
			
			p {
				margin: 0 0 10px !important;
			}
		}
	}
}

/* Tab Vertical
-----------------------------------------------------*/
body .vc_tta-tabs.vc_tta-tabs-position-left {
	.vc_tta-tabs-container {
		.vc_tta-tab {
			margin-bottom: -1px;
			position: relative;
			a {
				border: none;
			    border-radius: 0;
			    color: #7e8082;
			    padding: 15px 20px;
			    line-height: 1.4;
			    cursor: pointer;
			    background-color: transparent;
			}

			&.vc_active a, a:hover, a:focus {
				background: #eee;
			}
		}
	}

	.vc_tta-panels-container {
		.vc_tta-panels {
			border-radius: 0 !important;
			border: none !important;
			background: transparent !important; 
			margin: 0;

			&:before, &:after {
				display: none;
				border-radius: 0;
			}
			
			.vc_tta-panel {
				margin: 0;
			}

			.vc_tta-panel-body {
				&:before, &:after {
					display: none;
					border-radius: 0;
				}
				background-color: #fff;
				border: 15px solid #eee;
				border-right: none;
				padding: 15px 10px 5px 15px;
			}
		}
	}
}

/* Tab Border Normal
-----------------------------------------------------*/
.vc_tta-tabs.vc_tta-style-border-normal {
	.vc_tta-tabs-container {
		display: block !important;
		.vc_tta-tabs-list {
			margin: 0  0 20px 0;
			border-bottom: 1px solid #ddd;
			overflow: visible;
			&:before, &:after {
				content: '';
				display: table;
				clear: both;
			}
		}

		.vc_tta-tab {
			margin-bottom: -1px;
			margin-right: 2px;
			float: left;
			display: block;
			position: relative;

			a  {
				border-radius: 0;
			    font-size: 12px;
			    letter-spacing: 1px;
			    padding: 14px 20px;
			    border: 1px solid transparent;
			    line-height: 1.4;
			    margin-right: 0px;
			    color: #7e8082;
			    @include transition(none !important);

			    &:hover {
			    	border-color: #eee #eee #ddd;
			    	background: #eee;
			    }
			}

			&.vc_active {
				color: #101010;
				border-color: #ddd #ddd transparent;
			    border-image: none;
			    border-style: solid;
			    border-width: 1px;
			    color: #555;
			    cursor: pointer;
			    background-color: #fff;

			    a, a:hover, a:focus {
			    	color: #101010;
			    	background-color: #fff;
			    	border: none;
			    }
			}
		}
	}

	.vc_tta-panels-container {
		.vc_tta-panels {
			.vc_tta-panel {
				@include transition(opacity 0.15s linear 0s);
				@include opacity(0);

				.vc_tta-panel-heading {
					display: none !important; 
				}

				&.vc_active {
					@include transition(opacity 0.15s linear 0s);
					@include opacity(1);
				}	
			}
			.vc_tta-panel-body {
				padding: 0;
				border: none;
				@include transition(none !important);
			}
		}
	}
}

@media screen and (max-width: 350px) {
 	.vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab a {
 		padding: 10px;
 	}
}

/* Tab 3
-----------------------------------------------------*/
.tabs-3 {
	.nav-tabs {
		margin-bottom: 20px;
	}

	.nav a {
		@include border-radius(0);
		font-size: 12px;
	    letter-spacing: 1px;
	    padding: 14px 20px;
	    color: #101010;
	    text-transform: uppercase;
	}

	.tab-content {
		margin-top: 0;
		border: none;
	}
}

/*------------------------------
	6.10 Divider
------------------------------*/
/* Divider
-----------------------------------------------------*/
.divider {
	position: relative;
	overflow: hidden;
	margin: 35px 0;
	color: #eee;
	width: 100%;

	i {
		position: absolute;
		line-height: 1;
		font-size: 14px!important;
		text-align: center;
		top: -7px;
		background: #fff;
	}

	&.vc_sep_pos_align_left i {
		left: 0;
		border-right: 10px solid #fff;
	}

	&.vc_sep_pos_align_right i {
		right: 0;
		border-left: 10px solid #fff;
	}

	&.vc_sep_pos_align_center i {
		left: 50%;
		@include transform(translate(-50%));
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
	}

	.divider-center {
		text-align: center;

		i	{
			border-left: 10px solid #fff;
			border-right: 10px solid #fff;
			z-index: 1;
		}

		&:after {
			left: 0;
		}
	}
}

.divider-line {
	height:2px;
	width:100%;
	background: #eee;
}

.divider-dashed {
	height:0px;
	width:100%;
	margin:20px 0 20px 0;
	border-top: 2px dashed #eee;
}

/* Hr
-----------------------------------------------------*/
hr {
	border-top: 1px solid #eee;
	margin: 22px 0 22px 0;
	height: 0;

	&.gradient {
		background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
		background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, .2), transparent);
		border: 0;
		height: 1px;
		margin: 22px 0 22px 0;
	}

	&.short {
		margin: 11px 0 11px 0;
	}

	&.tall {
		margin: 44px 0 44px 0;
	}

	&.taller {
		margin: 66px 0 66px 0;
	}

	&.light {
		background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, .2), transparent);
		background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .2), transparent);
	}

	&.invisible {
		background: none;
	}
}

/*------------------------------
	6.11 Labels
------------------------------*/
.container .label {
	font-weight: 400;
}

/*------------------------------
	6.12 Image Owl Carousel
------------------------------*/
.owl-images-wrap {
	/* .cms-image-item {
		margin-bottom: 30px;
	} */

	.owl-carousel .owl-prev, .owl-carousel .owl-next {
		@include box-shadow(1px, 1px, 0px, rgba(0, 0, 0, 0.1));
		width: 40px;
		height: 70px;
		line-height: 50px;
		text-align: center;
		background: #fff;
		color: rgba(75, 78, 83, 1);

		i {
			display: block;
		    height: 70px;
		    line-height: 75px;
		    margin: 0;
		    text-align: center;
		    width: 40px;
		}

		&:hover {
			color: rgba(75, 78, 83, 1);
		}
	}

	.owl-carousel:hover {
		.owl-next {
			right: 0;
		}
		.owl-prev {
			left: 0;
		}
	}

	&.paging_outside {
		.cms-image-item {
			margin-bottom: 35px;
		}
	}

	&.paging_inside {
		.owl-carousel .owl-dots {
			bottom: 10px;
		}
		.owl-dots .owl-dot span {
			background: #fff;
		}
	}

	.owl-carousel .cms-image-item img {
		width: auto;
	}

	.owl-carousel .cms-image-item.w-100 img {
		width: 100px;
	}
}

/*------------------------------
	6.13 Single Image
------------------------------*/
.wpb_single_image {
	.none-hover-effect {
		> a:hover {
			img {
				@include transform(scale(1));
			}
			.vc_single_image-wrapper:before, .vc_single_image-wrapper:after {
				@include opacity(0);
				margin: 0;
			}
		}
	}

	.cms-lightbox, .lightbox {
		display: block;
		> div {
			position: relative;
			overflow: hidden;
			@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);

			&:before {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: block;
				background: rgba(16,16,16, .85);
				content: '';
				z-index: 2;
				@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);
				@include opacity(0);
			}

			&:after {
				position: absolute;
				width: 30px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				content: "U";
				font-family: ElegantIcons;
				font-weight: 400;
				line-height: 1;
				color: #fff;
				font-size: 26px;
				display: block;
				top: 50%;
				left: 50%;
				margin-top: -20px;
				@include transform(translate(-50%, -50%));
				z-index: 2;
				@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);
				@include opacity(0);
			}
		}

		img {
			@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);
			width: 100%;
		}

		&:hover {
			img {
				@include transform(scale(1.3) translateZ(0px));
			}
			.vc_single_image-wrapper:before, .vc_single_image-wrapper:after {
				@include opacity(1);
				margin: 0;
			}
		}
	}

	.cms-img-bg {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;

		&.vc_single_image-wrapper {
			background-position: 50% 50%;
			background-size: cover;
			background-repeat: no-repeat;
			height: 390px;
		}
	}
}

.equal-height.h-100 .cms-img-bg {
	height: 100%;
}



@media screen and (min-width: 992px) {
	body .cms-abs-992 {
		position: absolute;
		height: 100%;
	}

	.wpb_single_image .cms-img-bg {
		position: absolute;
		height: 100%;
		&.vc_single_image-wrapper {height: 100%;}
	}
}

/*------------------------------
	6.14 Gallery Image
------------------------------*/
.cms-popup-gallery {
	margin: 0 -3px;

	.isotope-item {
		margin: 0 3px 3px 0 !important;
	}
}

.fes9-img-center {
	height: 300px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    width: 416px;

    img {
    	left: 0;
	    position: absolute;
	    top: 0;
    }
}

/*------------------------------
	6.14 Video popup
------------------------------*/
.cms_map_lightbox,
.wpb_video_popup_wrapper {
	a {
		display: block;
	}
	
	.video-img-thumb, .map-img-thumb {
		position: relative;
		overflow: hidden;
		@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);

		&:before {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: block;
			background: rgba(16,16,16, .85);
			content: '';
			z-index: 2;
			@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);
			@include opacity(0);
		}

		i {
			position: absolute;
			width: 30px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			font-weight: 400;
			line-height: 1;
			color: #fff;
			font-size: 26px;
			display: block;
			top: 50%;
			left: 50%;
			margin-top: -15px;
			@include transform(translate(-50%, -50%));
			z-index: 2;
			@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);
			@include opacity(0);
		}
	}

	.map-img-thumb:after {
		position: absolute;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		content: '\e01f';
		font-family: ElegantIcons;
		font-weight: 400;
		line-height: 1;
		color: #fff;
		font-size: 26px;
		display: block;
		top: 50%;
		left: 50%;
		margin-top: -15px;
		@include transform(translate(-50%, -50%));
		z-index: 2;
		@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);
		@include opacity(0);
	}

	img {
		@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);
	}

	&:hover {
		img {
			@include transform(scale(1.3) translateZ(0px));
		}
		.video-img-thumb:before, .video-img-thumb i, .map-img-thumb:before, .map-img-thumb:after {
			@include opacity(1);
			margin: 0;
		}
	}
}

/*------------------------------
	6.15 - ProgressBar
------------------------------*/
/* ProgressBar Style 1
-----------------------------------------------------*/
.cms-progress-item-wrap {
	.cms-progress {
		margin-bottom: 10px;
		@include css3-prefix(box-shadow, none);
	}

	.progress-bar {
		@include css3-prefix(box-shadow, none);
	}

	.cms-progress-title {
		font-size: 14px;
	    font-weight: 400;
	    line-height: 25px;
	    text-align: left;
	    padding-left: 15px;
	}
}

/* ProgressBar Style 2
-----------------------------------------------------*/
.cms-progress-item-wrap.style2 {
	.cms-progress {
		height: 2px;
		position: relative;
		display: block;
		margin-top: 25px;
		margin-bottom: 55px;
		width: 100%;
		background: #eee;
		overflow: visible;
		@include transition(.4s linear);
		-webkit-transition-property:width, background-color;
		-moz-transition-property:width, background-color;
		-ms-transition-property:width, background-color;
		-o-transition-property:width, background-color;
		transition-property:width, background-color;
	}

	.cms-progress-title {
		padding: 0;
		position:absolute;
		bottom:0;
		left:0;
		color:$link_color;
		span {
			display:block;
			height: 40px;
			line-height: 40px;
		}
	}

	.progress-bar {
		height: 2px;
		width: 0px;
		background: $link_color; 
	}

	.csm-bar-percent {
		position: absolute;
		right: 0px;
		bottom: 0;
		color: rgba(0, 0, 0, .6); 
		display:block;
		height: 40px;
		line-height: 40px;
	}
}

/* ProgressBar Style 3
-----------------------------------------------------*/
.progress.style3 {
	.show_value {
		display: block;
		text-align: center;

		.sr-only {
			clip: inherit;
			width: auto;
			display: inline-block;
			margin: 0;
			position: static;
			height: auto;
		}
	}
}

/*------------------------------
	6.16 - Counter & Charts
------------------------------*/
.cms-counter-wraper {
	.cms-counter-body > div {
		&:first-child {
			border: none;
		}

		@include for(large-screens) {
			border-left: 1px solid #dadada;
		}
	}
	.cms-counter {
		color: $link_color;
	    font-size: 45px;
	    font-weight: 100;
	    line-height: 45px;
	    margin-top: 17px;
	}

	h3 {
		margin: 10px 0;
		font-size: 14px;
		font-weight: 400;
    	line-height: 25px;
    	font-family: $font_open_san;
    	color: #7e8082;
	}
}

@media screen and (max-width: 350px) {
	#counters-charts .col-xs-6 {
		width: 100% !important;
		margin-bottom: 15px;
	}	
}


/*------------------------------
	6.17 - Blog Timeline
------------------------------*/
.blog-timeline-wrap {
	position: relative;
	&:before {
		background: #e5e5e5 none repeat scroll 0 0;
	    content: "";
	    height: 100%;
	    left: 50%;
	    position: absolute;
	    top: 0;
	    width: 4px;
	}

	.timeline-start {
		position: relative;
		display: block;
		clear: both;
		width: 250px;
		padding: 15px;
		border: 3px solid #E5E5E5;
		margin: 0 auto 10px;
		background: #FFF;
		z-index: 1;
		text-align:center;
		font-family: $font_open_san;

		&.timeline-final {
			margin-bottom: 0;
			.cms-load-posts {
				margin-bottom: 0;
			}
		}

		.timeline-start-caption {
			color: $link_color;
			font-size:20px;
			padding-top:10px;
			padding-bottom:10px;
		}

		.timeline-start-date {
			margin-bottom: 5px;
		}
	}
	
	.timeline-block {
		margin: 4em 0;
		position: relative;

		&:after {
			display: table;
			content: '';
			clear: both;
		}

		.timeline-icon {
			background: #dfdfdf none repeat scroll 0 0;
		    color: #fff;
		    font-size: 24px;
		    padding-top: 16px;
		    text-align: center;
		    height: 60px;
		    left: 50%;
		    margin-left: -30px;
		    width: 60px;
			border-radius: 50%;
			top: 0;
			position: absolute;

			span {
				font-size: 24px;
				color: #fff;
				text-align: center;
			}
		}

		.timeline-content {
			background: #f3f3f3 none repeat scroll 0 0;
		    margin-left: 0px;
		    padding: 20px;
		    position: relative;
		    padding: 1.6em;
    		width: 45%;

    		.entry-title {
    			font-size: 20px;
			    line-height: 28px;
			    margin-bottom: 10px;
			    margin-top: 0;
			    text-transform: uppercase;
    		}

    		.entry-date {
    			left: 122%;
			    position: absolute;
			    top: 6px;
			    width: 100%;
			    float: left;

			    span {
			    	display: block;
			    	font-weight: 400;
			    	font-family: $font_lato;
			    	text-transform: uppercase;
			    }

			    .entry-date-year {
			    	font-size: 20px;
			    }

			    .entry-date-month {
			    	font-size: 14px;
			    }
    		}

    		&:before {
				border-color: transparent transparent transparent #f3f3f3;
			    left: 100%;
			    top: 24px;
			    content: '';
				position: absolute;
				height: 0;
				width: 0;
				border: 7px solid transparent;
				border-left: 7px solid #f3f3f3;
    		}

    		&:after {
				display: table;
    		}
		}

		@include for (large-screens) {
			&:nth-child(2n) {
				.timeline-content {
					float: right;

					&:before {
						border-color: transparent #f3f3f3 transparent transparent;
					    left: auto;
					    right: 100%;
					}

					.entry-date {
						left: auto;
					    right: 122%;
					    text-align: right;
					}
				}
			}
		}

	}
}

@media screen and (max-width: 992px) {
	.blog-timeline-wrap {
		&:before {
			left: 18px;
		}
		.timeline-start {
			margin: 0;	
		}

		.timeline-block  {
			margin: 2em 0;

			.timeline-icon {
				left: 0;
				margin-left: 0;
				padding-top: 0px;
				width: 40px;
				height: 40px;
				line-height: 40px;
				span {
					font-size: 18px;
				}
			}

			.timeline-content {
				width: auto;
				margin-left: 60px;

				.entry-date {
				    background: #fff none repeat scroll 0 0;
				    margin-bottom: -5px;
				    margin-left: -20px;
				    margin-top: 15px;
				    padding: 15px;
				}

				.entry-date {
					background: #fff none repeat scroll 0 0;
				    margin-bottom: -5px;
				    margin-left: -23px;
				    margin-top: 15px;
				    padding: 15px;
				    display: inline-block;
				    position: static;
				    float: none;
				    width: auto;

				    span {
				    	display: inline-block;
				    	font-size: 14px !important;
				    	margin-right: 10px;
				    }
				}

				&:before {
					border-color: transparent #f3f3f3 transparent transparent;
				    left: auto;
				    right: 100%;
				    top: 16px;
				}
			}
		}
	}
}

/*------------------------------
	6.16 - Alerts
------------------------------*/
body .vc_message_box {
	padding: 15px 15px 15px 38px;
	margin-bottom: 20px;

	.vc_message_box-icon {
		width: 45px;
		i {
			font-size: 14px;
			font-weight: 400;
			line-height: 25px;
		}	
	}

	&.hide-icon {
		padding: 15px;
		.vc_message_box-icon {
			display: none;
		}
	}

	&.vc_message_box-square {
		@include css3-prefix(border-radius, 0);
	}

	&.vc_color-success {
		background-color: #dff0d8;
	    border-color: #d6e9c6;
	    color: #3c763d;
	    .vc_message_box-icon i {color: #3c763d;}
	    a { color: #2b542c; }
	}

	&.vc_color-info {
		background-color: #d9edf7;
	    border-color: #bce8f1;
	    color: #31708f;
	    .vc_message_box-icon i {color: #31708f;}
	    a {
	    	color: #245269;
	    }
	}

	&.vc_color-warning {
		background-color: #fff4e2;
	    border-color: #ffeccc;
	    color: #9d8967;
	    .vc_message_box-icon i {color: #9d8967;}
	    a { color: #66512c; }
	}

	&.vc_color-danger {
		background-color: #f2dede;
	    border-color: #ebccd1;
	    color: #a94442;
	    .vc_message_box-icon i {color: #a94442;}
	    a { color: #843534; }
	}
}

/*------------------------------
	6.17 Clients
------------------------------*/
.cms-grid-clients-wrap {
	.cms-grid-item {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		border-left: 1px solid #eee;

		&:first-child {
			border-left: none;
		}

		img {
			height: 100px;
			width: auto;
		}
	}

	.border-bot {
		border-bottom: 1px solid #eee;
	}
}

.client-row.border-bot {
  border-bottom: 1px solid #eee;
}

@media only screen and (max-width: 992px) {
	.cms-grid-clients-wrap .cms-grid-item, .cms-grid-clients-wrap .border-bot {
		border: none;
	}
}

/*------------------------------
	6.18 BlockQuote
------------------------------*/
blockquote {
	.cms-blogquote-1 {
		border-left: none;
	}

	&.quote {
		border: none !important;
		p {
			margin-bottom: 24px;
		}
	}
}

/*------------------------------
	6.19 Fancy Box Single
------------------------------*/
.cms-fancybox-item {
	&.has-fancy-icon {
		padding-bottom: 10px;
	    padding-left: 55px;
	    position: relative;
	}
	
	.fancy-box-icon {
		color: $link_color;
	    left: 0;
	    position: absolute;
	    top: 0;
	    font-size: 35px;

	    i {
	    	color: $link_color;
	    	margin: 0;
	    }
	}

	.fancy-title {
		color: $link_color;
	    font-family: $font_open_san;
	    font-size: 18px;
	    font-weight: 700;
	    margin-bottom: 10px;
	    margin-top: 10px;
	    letter-spacing: normal;
    	line-height: 33px;
	}
}

/* Fancy Box Single style 2
--------------------------------*/
.cms_fancybox_layout2 .cms-fancybox-item {
	padding-left: 47px;
	padding-bottom: 10px;

	.fancy-title {
		margin: 5px 0;
		font-size: 16px;
	}

	.fancy-box-icon {
		font-size: 30px;
		top: 2px;
	}
}

/* Fancy Box Single style 3
--------------------------------*/
.cms_fancybox_layout3 .cms-fancybox-item {
	padding: 0;
	margin-bottom: 50px;
	.cms-fancybox-element {
		padding-bottom: 15px;
	    padding-left: 70px;
	    position: relative;

	    .fancy-box-icon {
	    	font-size: 45px;
	    	top: 7px;
	    }

	    .fancy-title {
	    	font-size: 18px;
	    	margin: 0;

	    	p {
	    		text-transform: uppercase;
	    	}
	    }
	}

	.fancy-box-content p {
		margin-bottom: 0;
	}
}

/* Fancy Box Single style 4
--------------------------------*/
.cms_fancybox_layout4 .cms-fancybox-item {
	padding: 0;
	margin-bottom: 50px;
	color: #f1f1f1;
	.cms-fancybox-element {
		padding-bottom: 15px;
	    padding-left: 70px;
	    position: relative;

	    .fancy-box-icon {
	    	font-size: 45px;
	    	top: 7px;
	    	i {color: #f1f1f1;}
	    }

	    .fancy-title {
	    	font-size: 18px;
	    	margin: 0;
	    	color: #f1f1f1;

	    	p {
	    		text-transform: uppercase;
	    	}
	    }
	}

	.fancy-box-content p {
		margin-bottom: 0;
	}
	
}

.cms_fancybox_layout4.default-color .cms-fancybox-item{
	color: $link_color;

	.cms-fancybox-element {
	    .fancy-box-icon {
	    	i {color: $link_color;}
	    }

	    .fancy-title {
	    	color: $link_color;
	    }
	}
}




/* Fancy Box Single style 5
--------------------------------*/
.template-cms_fancybox_single--layout5 .cms-fancybox-item{
	padding: 0;
	.fancy-box-icon{
		width: 100%;
		clear: both;
		float: left;
		position: static;
		i{
			color: $link_color;
			display: inline;
		    line-height: 64px;
		}
	}
	.fancy-title{
		width: 100%;
		font-size: 18px;
		font-weight: 400;
		margin: 0;
	}
}
/* Fancy Box Single style 6
--------------------------------*/
.cms_fancybox_layout6 .cms-fancybox-item {
	padding: 0;
	margin-bottom: 50px;
	.cms-fancybox-element {
		padding-bottom: 15px;
	    padding-left: 52px;
	    position: relative;

	    .fancy-box-icon {
	    	font-size: 30px;
	    	top: 0;
	    }

	    .fancy-title {
	    	font-weight: 400;
    		margin: 0;
    		font-size: 16px;
	    }
	}

	.fancy-box-content p {
		margin-bottom: 0;
	}
}

/* Fancy Box Single Maintenance
--------------------------------*/
.template-cms_fancybox_single--maintenance{
	h1{
		font-size: 70px;
	    font-weight: 600;
	    line-height: 70px;
	    margin-bottom: 10px;
	    margin-top: 0;
	}
	h2{margin-top: 0}
	.maintenance-icon-container{
		margin-bottom: 50px;
    	margin-top: 10px;
    	text-align: center;
    	i{font-size: 175px;}
	}
 }
/*------------------------------
	6.20 Teams
------------------------------*/
.cms-grid-team {
	text-align: center;
	.cms-grid-title {
		font-family: $font_open_san;
	    font-size: 16px;
	    font-weight: 700;
	    line-height: 24px;
	    margin: 0;
	    padding-bottom: 5px;
	    padding-top: 20px;
	    text-transform: uppercase;
	}

	span {
		font-size: 14px;
    	font-style: normal;
    	display: block;
    	text-transform: uppercase;
	}

	.team-social {
		list-style: none;
		margin: 15px 0 0;
    	padding: 0;
    	overflow: hidden;
    	clear: both;
    	display: block;

    	li {
		    font-size: 18px;
		    margin: 0 5px;
		    display: inline-block;

		    a {
				color: $link_color_hover;
				text-decoration: none;
				outline: none;
				display: inline-block;
				&:hover {
					color: #101010;
				}
		    }
    	}
	}
}

/*------------------------------
	6.21 Latest News
------------------------------*/
.cms-latest-news-wrapper {
	.latest-title {
		margin-bottom: 50px;
		.section-title{padding-right: 0}
		.section-more{
			float: right;
			color: #7e8082;
    		font-size: 14px;
    		font-weight: 400;

    		&:hover {
    			color: #101010;
    		}
		}
	}
	.post-info {
		font-size: 13px;
		margin-bottom: 14px;
		ul {
			padding-left: 0;
			list-style: none;
			li {
				display: inline-block;
				text-transform: uppercase;
				&:after{
					content: "/";
					padding: 0 3px;
					color: #a3a6a8
				}
				&:last-child:after{display: none}
				a,span{color: #a3a6a8}
			}
		}
	}

	.cms-blog-item {
		h3 {font-family: $font_open_san}
		.entry-title {
			font-size: 16px;
		    font-weight: 700;
		    line-height: 26px;
		    margin-bottom: 0;
		    text-transform: uppercase;
		}

		.post-info {
			margin-bottom: 14px;
			li, a {
				color: #a3a6a8;
				font-size: 13px;
				text-transform: uppercase;
			}

			a:hover {
				color: #101010;
			}
		}
	}
}

/* Layout 2 */
.cms-latest-layout-fullwidth {
	.blog2-post-title-cont {
		margin-bottom: 20px;
		position: relative;
		.post-prev-date-cont {
			position: absolute;
			top: 50%;
			@include transform(translateY(-50%));
			.blog2-date-numb{
				font-size: 35px;
    			font-weight: 100;
			}
			.blog2-month {
				font-size: 13px;
    			padding-left: 3px;
			}
		}

		.post-title {
			border-left: 1px solid #c9cacb;
    		margin-left: 120px;
    		padding: 15px 0 15px 20px;
    		h3{
    			margin: 0;
    			line-height: 26px;
		    	font-weight: bold;
		    	font-family:$font_open_san;
	    		a{
		    		font-size: 16px;
		    		font-weight: bold;
		    		text-transform: uppercase;
		    		line-height: 1;
	    		}
    		}
    		.post-info{margin: 0}
		}
	}
	.content-excrept {
		margin-bottom: 20px;
		p{margin: 0}
	}
}

@media screen and (max-width: 768px) {
	.cms-latest-layout-fullwidth {
		.blog2-post-title-cont {
			.post-prev-date-cont {
				.blog2-month {display: block; line-height: 18px;}
			}

			.post-title {
				margin-left: 70px;

				ul {
					margin: 0;
				}
			}
		}
	}
}

@media screen and (max-width: 480px) {
	.cms-latest-news-wrapper .latest-title .section-more {
		display: block;
		float: none !important;
		margin-top: 5px;
	}
}

.cms-latest-news-wrapper .cms-blog-item {
	overflow: hidden;
}

/* Magazine layout */
.special-row .cms-blog-item {
	.entry-feature-image {
		margin: 0 15px 0 0;
		img {
			width: 70px;
		}
	}
	
	.entry-post-info ul {
		list-style: none;
		margin: 0;
		padding: 0;

		li {
			float: left;
			&:after {
				color: #7e8082;
			    content: "/";
			    margin: 0 7px;
			    display: inline-block;
			    font-size: 13px;
			}

			&:last-child:after {
				display: none;
				content: '';
			}

			a, span {
				color: #7e8082;
				text-transform: none;
				font-size: 13px;
			}
		}
	}


}



/*------------------------------
	6.22 - Event countdown
------------------------------*/
.template-cms_countdown{
	.countdown-item-container{
		background: $link_color;
		text-align: center;
		padding: 38px 0;
		max-width: 170px;
		margin: 0 auto 20px auto;
		.countdown-amount{
			width: 100%;
			clear: both;
			display: block;
			color: #fff;
			font-size: 40px; 
			line-height: 50px;
			font-weight: 300;
		}
		.countdown-period{
			text-transform: uppercase;
			font-size: 14px;
			color:rgba(255,255,255, .7);
			margin-top: 5px;
		}
	}
}

/*------------------------------
	6.23 Woo Category
------------------------------*/
.woo-category-item {
	position: relative;
	overflow: hidden;
	a {
		display: block;
		overflow: hidden;
		margin: 5px;

		&:hover {
			.woo-category-thumb {
				@include transform(scale(1.3) translateZ(0px));
			}
		}
	}

	.woo-category-thumb {
    	width: 100%;
    	@include transition(all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s);
    }

	.category-info {
		background: #fff;
	    bottom: 20px;
	    left: 24px;
	    min-width: 160px;
	    padding: 17px 20px 15px;
	    position: absolute;

	    h4 {
	    	margin: 0;
	    	padding: 0;
	    	text-transform: uppercase;
	    }

	    .category-desc {
	    	color: #7e8082;
	    	text-transform: uppercase;
	    }

	    p {
	    	margin-bottom: 0;
	    }
	}

	&.custom-title .category-info {
		background: $primary_color;
	}
}

/*------------------------------
	6.24 Owl Carousel
------------------------------*/
.template-cms_carousel {
	.cms-carousel-item {
		margin-bottom: 50px;
	}

	.cms-carousel-title {
		font-family: $font_open_san;
	    font-size: 16px;
	    font-weight: 700;
	    line-height: 24px;
	    margin: 0;
	    padding-bottom: 5px;
	    padding-top: 20px;
	    text-transform: uppercase;
	    color: #444;
	}
}

.template-cms_grid--portfolio-shuffle {
	.cms-port-shuffle-wrap {
		overflow: visible !important;
	}
}

/*------------------------------
	6.25 Landing Item
------------------------------*/
.cms-lading-wrap {
	.landing-thumb-wrap {
		border: 7px solid #e8e8e8;
		margin-bottom: 25px;

		a:hover {
			@include opacity(0.6);
		}

		img {
			width: 100%;
		}
	}

	h3 {
		font-size: 16px;
	    font-weight: 700;
	    line-height: 26px;
	    margin: 0;
	    font-family: $font_open_san;
	    text-transform: uppercase;
	}
}

/*------------------------------
	6.26 Carousel Travel
------------------------------*/
.cms-carousel-default.owl-carousel {
	.owl-prev, .owl-next {
		background: #fff;
	    @include box-shadow(1px, 1px, 0, rgba(0, 0, 0, 0.1));
	    color: rgba(16, 16, 16, 0.7);
	    font-size: 30px;
	    height: 70px;
	    line-height: 30px;
	    margin-top: 10px;
	    padding-top: 5px;
	    width: 40px;

	    i {
	    	margin: 0;
	    	line-height: 70px;
	    	display: block;
	    	width: 40px;
	    }
	}

	.owl-prev {
		left: -50px;
	}

	.owl-next {
		right: -50px;
	}

	/* &:hover {
		.owl-prev {
			left: -15px;
		}

		.owl-next {
			right: -15px;
		}
	} */
}

.cms-carousel-travel {
	.owl-stage-outer {
		padding-top: 110px;
	}

	&.owl-carousel {
		overflow: inherit;
		.owl-stage-outer {
			overflow: inherit;
		}
	}

	.cms-grid-media {
		position: relative;
		a {display: block;}
		a:hover {
			@include opacity(0.6);
		}

		span {
			display: block;
			position: absolute;
			width: 60px;
			height: 60px;
			line-height: 60px;
			text-align: center;
			color: $link_color;
			background-color: $primary_color;
			font-size: 13px;
			right: -10px;
    		top: -20px;
    		border-radius: 50%;
		}
	}

	.cms-carousel-title a {
		font-size: 16px;
	    line-height: 26px;
	    margin: 0;
	    color: #7e8082;

	    &:hover {
	    	color: #101010;
	    }
	}

	.cms-travel-price {
		color: $link_color;
	    font-size: 16px;
	    margin-bottom: 20px;
	    font-weight: bold;
	    overflow: hidden;
	    del span {
	    	font-weight: normal;
	    }
		ins {
			text-decoration: none;
			span {
				font-weight: bold;
			}
		}
	}
}

/*------------------------------
	6.27 Grid Travel
------------------------------*/
.cms-travel-wrap {
	&.cms-product {
		padding-left: 0;
		padding-right: 0;
	}

	.price ins span {
		font-weight: bold;
	}

	.cms-woo-image .cms-onsale {
		right: -10px;
	}
}

/*------------------------------
	6.28 tabs 3
------------------------------*/
.tabs-3{
	.tab-nav-opacity {
	    border-color: rgba(255,255,255,.9);
	}
	.nav-tabs>li>a {
	    border-radius: 0;
	    font-size: 12px;
	    letter-spacing: 1px;
	    padding: 14px 20px;
	}
	.tab-nav-opacity>li>a {
	    font-weight: 600;
	}
	.tab-nav-opacity li.active>a {
	    border-color: rgba(255,255,255,.9)!important;
	    background-color: rgba(255,255,255,.9);
	}
	.nav-tabs>li.active>a,
	.nav-tabs>li.active>a:focus,
	.nav-tabs>li.active>a:hover {
	    color: #101010;
	}
	.tab-pane {
	    background-color: #fff;
	}
	.bg-opacity, .tab-content-opacity {
	    background: rgba(255,255,255,.7);
	}
	.bg-opacity {
	    padding: 30px;
	}
	.form-group {
	    margin-bottom: 15px;
	}
	.display-block, .travel-form label {
	    display: block;
	}
	.input-group-addon2 {
	    background: 0 0;
	    border: none;
	}
	select{
	    border: none;
	    border-bottom: 1px solid #a6a7a9;
	    border-radius: 0;
	    background: 0 0;
	    color: #4b4e53;
	    font-size: 14px;
	    margin: 0;
	    outline: 0;
	    padding: 8px 20px 8px 0;
	    -webkit-appearance: initial;
	    -moz-appearance: initial;
	    appearance: initial;
	}
}




