/*------------------------------------------------------------------
[All Style Shortcode]

  1. Shortcode Social
  2. Heading
  3. Blockquote
  4. List
  5. Tab
  6. CMS Progressbar
  7. CMS Client
  8. CMS Testimonial
  9. CMS Counter
  10. CMS Pricing
  11. CMS Fancybox
  12. CMS Gird
  13. CMS Countdown
  14. CMS Call To Action
  15. CMS Projects
  16. CMS Shop
  17. CMS Overview
  18. CMS Process
  19. CMS Careers
  20. CMS Partner
  21. CMS List

-------------------------------------------------------------------*/
.rs-fullvideo-cover {
	display: none;
}
.line-wrap {
	margin-bottom: 18px;
    padding-bottom: 20px;
    position: relative;
    .line-icon2 {
		&:before {
			height: 3px;
			width: 30px;
			content: "";
			background-color: $primary_color;
			position: absolute;
			left: 0;
			bottom: 4px;
		}
	}
}
.cms-button-video {
  background-color: $primary_color;
  background-image: url(../images/icon-video.png);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1px;
  color: #fff;
  display: inline-block;
  font-size: 32px;
  height: 52px;
  line-height: 52px;
  width: 62px;
  &:hover, &:focus {
  	background-color: $secondary_color;
  }
}
.box-slider {
	background-color: #fff;
	padding: 30px;
	max-width: 370px;
	.box-slider-subtitle {
		font-size: 14px;
		color: #5a5a5a;
	}
	.box-slider-title {
		font-size: 20px !important;
		line-height: 29px !important;
		color: $primary_color;
		text-transform: uppercase !important;
		white-space: pre-wrap;
    	word-wrap: break-word;
    	border-top: 1px solid #eaeaea;
    	margin: 15px 0 22px !important;
    	padding: 15px 0 0 !important;
	}
	.box-slider-readmore a {
		&:last-child {
			margin-left: 20px;
		}
		&.btn-primary:hover {
			background-color: $secondary_color;
			border-color: $secondary_color;
			color: #fff;
		}
	}
}
.cms-grid-filter {
	text-align: center;
	ul {
		margin: 0 0 12px;
		padding: 0;
	}
	li {
		display: inline-block;
		margin: 0 14px 14px 14px;
		a {
			font-size: 13px;
		    color: #5e5e5e;
		    font-weight: 700;
		    text-transform: uppercase;
		    display: inline-block;
		    position: relative;
		    letter-spacing: 0.018em;
		    &:before {
              background-color: $primary_color;
              content: "";
              height: 2px;
              position: absolute;
              bottom: -5px;
              width: 0;
              opacity: 0;
              filter: alpha(opacity=0);
              @include transition(all 300ms linear 0ms);
            }
		    &.active, &:hover {
		    	color: $primary_color;
		    	&:before {
		    		opacity: 1;
		            filter: alpha(opacity=1);
		            width: 100%;
		    	}
		    }
		}
	}
}
/*  Owl bullet
--------------------------------*/
/* Styling Pagination*/
.owl-theme .owl-controls {
	.owl-nav {
		text-align: center;
	}
  	.owl-prev, .owl-next {
	    display: inline-block;
	    margin: 32px 5px 0 5px;
	    i {
	    	height: 51px;
	    	width: 51px;
	    	border: 2px solid #eeeeee;
	    	line-height: 51px;
	    	text-align: center;
	    	@include transition(all 300ms linear 0ms);
	    	background-color: #fff;
	    	font-size: 21px;
		    color: $color_dark;
	    	&:before {
		      content: "\f104";
		  	}
		  	&:hover {
	    		color: $primary_color;
	    	}
	    }
	}
	.owl-next i:before {
		content: "\f105";
	}
	.owl-dots {
		margin-top: 30px;
		text-align: center;
	}
  .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 

    span {
      display: block;
      width: 6px;
      height: 6px;
      margin: 5px 7px;
      background: #808080;
      position: relative;
      @include transition(all 300ms linear 0ms);
      &:before {
      	border: 2px solid transparent;
	    content: "";
	    height: 14px;
	    left: -4px;
	    position: absolute;
	    top: -4px;
	    width: 14px;
      }
    }

    &.active span, &:hover span {
      background: #2f2f2f;
      &:before {
      	border-color: #2f2f2f;
      }
    }
  }
}
.wpb_single_image {
	.vc_figure {
		width: 100%;
	}
	&.icon {
		.vc_single_image-wrapper {
	    	position: relative;
	    	img {
	    		margin-top: 7px;
	    	}
	    	&:before {
	    		height: 60px;
	    		width: 60px;
	    		background-color: $primary_color;
	    		@include border-radius(0px 0px 2px 2px);
	    		content: "";
	    		right: 20px;
	    		top: 7px;
	    		position: absolute;
	    	}
	    	&:after {
	    		content: "\f132";
	    		font-family: FontAwesome;
	    		font-size: 28px;
	    		color: #fff;
	    		position: absolute;
			    right: 39px;
			    top: 24px;
	    	}
	    }
	}
}
.white-popup-block {
    background: #fff;
    margin: 40px auto;
    max-width: 650px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
}
/* ==========================================================================
   [Start] 1. Shortcode social
========================================================================== */
.cms-social-page  {
	text-align: center;
	a {
	    margin: 0 4px;
	    display: inline-block;
	    i {
	    	background-color: #fff;
		    border-radius: 50px;
		    font-size: 18px;
		    height: 50px;
		    line-height: 50px;
		    text-align: center;
		    width: 50px;
		    color: $primary_color;
		    @include transition(all 280ms linear 0ms);
	    }
	    &:hover {
	    	i {
				background-color: $primary_color;
	    		color: #fff;
	    	}
	    }
	    i {
	    	&.icon-facebook {
	    		color: #507cbe;
	    		&:hover {
	    			color: #fff;
	    			background-color: #507cbe;
	    		}
	    	}
	    	&.icon-twitter {
	    		color: #00abef;
	    		&:hover {
	    			color: #fff;
	    			background-color: #00abef;
	    		}
	    	}
	    	&.icon-goolge {
	    		color: #d93e2d;
	    		&:hover {
	    			color: #fff;
	    			background-color: #d93e2d;
	    		}
	    	}
	    	&.icon-linkedin {
	    		color: #3371b7;
	    		&:hover {
	    			color: #fff;
	    			background-color: #3371b7;
	    		}
	    	}
	    	&.icon-pinterest {
	    		color: #c92619;
	    		&:hover {
	    			color: #fff;
	    			background-color: #c92619;
	    		}
	    	}
	    }
	}
}
/* ==========================================================================
   [End] 1. Shortcode social
========================================================================== */

/* ==========================================================================
   [Start] 2. Shortcode Heading
========================================================================== */
.vc_custom_heading cite {
	color: $primary_color;
	font-style: normal;
}
.vc_col-sm-6, .vc_col-sm-4, .vc_col-sm-3 {
	.cms-heading-inner, .cms-heading-button {
		width: 100%;
	}
}
.cms-heading-wrapper {
	padding-top: 10px;
	.subtitle {
		font-size: 14px;
		color: #5a5a5a;
		position: relative;
    	z-index: 2;
	}
	.title {
		font-size: 35px;
		line-height: 1;
		color: #2f2f2f;
		text-transform: uppercase;
		padding-top: 8px;
		padding-bottom: 3px;
		position: relative;
		z-index: 1;
		span {
			color: $primary_color;
		}
		&.box:before {
			border: 2px solid $primary_color;
		    content: "";
		    height: 96px;
		    left: 0;
		    margin: auto;
		    position: absolute;
		    right: 0;
		    top: -35px;
		    width: 70px;
		    z-index: -1;
		}
	}
	.btn {
		background-color: transparent;
		&:hover {
			background-color: $secondary_color;
		}
	}
	.cms-heading-button {
		margin-top: 70px;
	}
	&.des-style {
		.description {
			font-size: 14px;
			line-height: 23px;
			font-style: italic;
		}
	}
	&.des-style2 {
		font-size: 16px;
		line-height: 26px;
	}
	&.heading-style1 {
		text-align: center;
		.cms-heading-inner {
			padding: 0 15px;
		}
		.title {
			padding-bottom: 15px;
		}
		.cms-heading-button {
			margin-top: 44px;
		}
	}
	&.heading-style2 {
		padding: 12px 35px 0 35px;
		.box:before {
			right: inherit;
			left: -35px;
		}
		.cms-heading-button {
			margin-top: 40px;
		}
	}
	&.heading-style3 {
		.cms-heading-inner {
			text-align: right;
		}
		.col-lg-6 {
			padding: 0 35px;
		}
		.box:before {
			left: inherit;
			right: -35px;
		}
	}
	&.heading-style4 {
		.title.line-bottom {
			font-size: 18px;
			line-height: 25px;
			text-transform: uppercase;
			position: relative;
			padding-bottom: 8px;
			&:before {
				content: "";
				height: 3px;
				width: 30px;
				background-color: $primary_color;
				position: absolute;
				bottom: 0;
				left: 0;
			}
		}
	}
	&.heading-style5 {
		.title {
			padding-bottom: 16px;
			&:before {
				height: 2px;
				width: 50px;
				background-color: $primary_color;
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
			}
		}
	}
}
/* ==========================================================================
   [End] 2. Shortcode Heading
========================================================================== */

/* ==========================================================================
   [Start] 3. Shortcode Blockquote
========================================================================== */
blockquote {
	padding: 26px 30px;
	background: transparent;
	margin: 20px 0;
	font-style: italic;
	border-left: 6px solid #1b1a1a;
	font-size: 20px;
	line-height: 28px;
	color: #828282;
	cite {
		color: #959595;
	    display: block;
	    font-family: Open Sans;
	    font-size: 13px;
	    font-style: normal;
	    margin-top: 8px;
	}
	&.st1 {
		border: none;
		position: relative;
		&:before, &:after {
			content: "\f10d";
			font-family: FontAwesome;
			font-style: normal;
			font-size: 16px;
			color: #666666;
			position: absolute;
			top: 0;
			left: 0;
		}
		&:after {
			content: "\f10e";
			top: inherit;
			bottom: 0;
			left: inherit;
			right: 0;
		}
	}
	&.st2 {
		border: none;
		background-color: #f9f9f9;
		@include border-radius(5px);
		color: $primary_color;
	}
	&.st3 {
		border: none;
		background-color: #2f2f2f;
		color: #fff;
		@include border-radius(5px);
	}
}

/* ==========================================================================
   [End] 3. Shortcode Blockquote
========================================================================== */

/* ==========================================================================
   [Start] 4. List
========================================================================== */
[class*="cms-list-"], [class^="cms-list-"] {
	ul li {
		line-height: 30px;
		&:before {
			color: #1b1a1a;
			font-family: 'ElegantIcons';
			padding-right: 10px;
			position: relative;
			top: 1px;
		}
	}
}
.cms-list-arrow-round ul li:before {
	font-size: 15px;
	content: "I";
}
.cms-list-check-round ul li:before {
	font-size: 13px;
	content: "R";
}
.cms-list-arrow-icon1 ul li:before {
	font-size: 17px;
	content: "5";
}
.cms-list-arrow-icon2 ul li:before {
	font-size: 14px;
	content: "\e03c";
}
.cms-list-arrow-icon3 ul li:before {
	font-size: 15px;
	content: "E";
}
.cms-list-round-icon ul li:before {
	font-size: 7px;
	content: "\f111";
	font-family: FontAwesome;
	top: -2px;
	padding-right: 15px;
	padding-left: 5px;
}
.cms-list-star-icon ul li:before {
	font-size: 13px;
	content: "\e031";
}
.cms-list-number ol {
	counter-reset: li;
	list-style: none;
	padding: 0;
	li {
	    line-height: 30px;
	    &:before {
	    	counter-increment: li;         
  			content: counter(li)".";
  			color: #1b1a1a;
  			font-weight: 700;
  			padding-right: 13px;
	    }
	}
}
.cms-list-round-icon2 ul li{
	font-size: 15px;
	line-height: 27px;
	font-family: Raleway;
	&:before {
		font-size: 13px;
		content: "\f0a3";
		font-family: FontAwesome;
		color: $primary_color;
		top: -1px;
		padding-right: 16px;
	}
}
/* ==========================================================================
   [End] 4. List
========================================================================== */

/* ==========================================================================
   [Start] 5. Shortcode Tab
========================================================================== */
body .vc_tta-container {
	.vc_tta-tabs {
		&.vc_tta-style-classic:not(.vc_tta-tabs-position-left) {
			.vc_tta-tabs-container {
				text-align: center;
				margin-bottom: 40px !important;
				.vc_tta-tabs-list {
					.vc_tta-tab {
						a {
							padding: 11px 5px;
							font-size: 13px;
							letter-spacing: 0.05em;
							color: #b3b3b3;
							line-height: 1;
							text-transform: uppercase;
							position: relative;
							border: none;
							font-weight: 700;
							background-color: transparent;
							&:before {
								background-color: $primary_color;
							    bottom: 0 !important;
							    content: "";
							    display: block;
							    height: 2px !important;
							    left: 0;
							    margin: auto;
							    opacity: 0;
							    position: absolute;
							    right: 0 !important;
							    top: inherit !important;
							    width: 0;
								@include transition(all 300ms linear 0ms);
							}
						}
						&.vc_active, &:hover {
							a {
								color: $color_dark;
								&:before {
									width: 100%;
									opacity: 1;
								}
							}
						}
					}
				}
			}
			.vc_tta-panels-container {
				.vc_tta-panels {
					border: none;
					background-color: transparent;
					.vc_tta-panel-body {
						padding: 0;
					}
				}
			}
		}
		&.vc_tta-style-classic.vc_tta-tabs-position-left {
			.vc_tta-tabs-container {
				.vc_tta-tabs-list {
					text-align: right;
					border-right: 1px solid #efefef;
					overflow: visible;
					.vc_tta-tab {
						a {
							padding: 12px 25px;
							font-size: 13px;
							letter-spacing: 0.05em;
							color: #b3b3b3;
							line-height: 1;
							font-weight: 700;
							text-transform: uppercase;
							position: relative;
							border: none;
							background-color: transparent;
							position: relative;
							&:before {
								height: 100%;
								width: 1px;
								opacity: 0;
								position: absolute;
								top: 0;
								bottom: 0;
								right: -1px;
								content: "";
								background-color: $color_dark;
								@include transition(all 300ms linear 0ms);
								left: inherit;
							}
						}
						&.vc_active, &:hover {
							a {
								color: $color_dark;
								&:before {
									opacity: 1;
								}
							}
						}
					}
				}
			}
			.vc_tta-panels-container {
				padding-left: 50px;
				.vc_tta-panels {
					border: none;
					background-color: transparent;
					.vc_tta-panel-body {
						padding: 0;
					}
				}
			}
		}
		&.vc_tta-style-modern:not(.vc_tta-tabs-position-left) {
			.vc_tta-tabs-container {
				text-align: center;
				margin-bottom: 47px !important;
				.vc_tta-tabs-list {
					.vc_tta-tab {
						a {
							padding: 11px 35px;
							font-size: 16px;
							letter-spacing: 0.05em;
							color: #b3b3b3;
							line-height: 1;
							position: relative;
							border: none;
							background-color: transparent;
							i {
								height: 72px;
								line-height: 72px;
								width: 72px;
								background-color: $primary_color;
								font-size: 30px;
								color: #ffffff;
								@include border-radius(3px);
								display: inline-block;
								margin-bottom: 23px;
								@include transition(all 300ms linear 0ms);
							}
							span {
								display: block;
								margin: 0 !important;
								+ i {
									margin-bottom: 0;
									margin-top: 23px;
								}
							}
						}
						&.vc_active, &:hover {
							a {
								color: $color_dark;
							}
							i {
								background-color: $color_dark;
							}
						}
					}
				}
			}
			.vc_tta-panels-container {
				.vc_tta-panels {
					border: none;
					background-color: transparent;
					text-align: center;
					.vc_tta-panel-body {
						padding: 0;
					}
				}
			}
			&.tabs-position-bottom {
				padding-bottom: 188px;
				position: relative;
				.vc_tta-tabs-container {
					bottom: 0;
				    margin-bottom: 0 !important;
				    position: absolute;
				    width: 100%;
				    .vc_tta-tabs-list .vc_tta-tab a i {
				    	font-size: 24px;
				    }
				}
			}
		}
		.vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
			border-color: transparent;
			border-width: 0px;
			background-color: #fff;
		    padding: 0px;
		    font-size: 16px;
		    line-height: 28px;
		    img {
		    	margin-top: 8px;
		    	@include border-radius(2px);
		    }
		    .vc_single_image-wrapper {
		    	position: relative;
		    	&:before {
		    		height: 60px;
		    		width: 60px;
		    		background-color: $primary_color;
		    		@include border-radius(0px 0px 2px 2px);
		    		content: "";
		    		right: 20px;
		    		top: 8px;
		    		position: absolute;
		    	}
		    	&:after {
		    		content: "\f132";
		    		font-family: FontAwesome;
		    		font-size: 28px;
		    		color: #fff;
		    		position: absolute;
				    right: 39px;
				    top: 24px;
		    	}
		    }
		}
		&.vc_tta-tabs-position-left, &.vc_tta-tabs-position-right {
			.vc_tta-tabs-container {
				width: inherit;
				margin-top: 15px;
				.vc_tta-tabs-list {
					.vc_tta-tab {
						margin-top: 0;
						&:first-child {
							margin-top: 1px;
						}
						a {
							background-color: #fff;
							color: #282828;
							padding: 18px 30px;
							font-size: 14px;
							line-height: 1.1;
							text-transform: uppercase;
							@include border-radius(0px);
							border-color: transparent #e5e4e4 transparent transparent;
							border-width: 1px;
							border-style: solid;
							font-weight: 700;
							text-align: right;
						}
						&.vc_active, &:hover {
							a {
								border-color: #e5e4e4 transparent #e5e4e4 #e5e4e4;
							}
						}
					}
				}
			}
			.vc_tta-panels-container {
				width: inherit;
				padding-left: 30px;
				.vc_tta-panels {
					background-color: transparent;
					border: none;
				}
			}
		}
		&.vc_tta-tabs-position-right {
			.vc_tta-panels-container {
				padding-left: 0px;
				padding-right: 30px;
				.vc_tta-tabs-list .vc_tta-tab { 
					text-align: left;
				}
			}
		}
	}
}
body .vc_tta-container {
	.vc_tta-accordion {
		.vc_tta-panels {
			border: 1px solid #efefef;
			@include border-radius(1px);
			padding: 9px 30px;
			background-color: #fff;
			.vc_tta-panel-heading {
				border: none;
				.vc_tta-panel-title a {
					border: none;
					padding: 15px 0;
					color: $color_dark !important;
			    	font-size: 16px;
			    	line-height: normal;
			    	background-color: #fff;
			    	position: relative;
			    	font-weight: 700;
			    	background-image: none;
			    	border-bottom: 3px solid #efefef;
			    	text-transform: uppercase;
				}
				.vc_tta-controls-icon-position-left.vc_tta-panel-title a span {
					padding-left: 12px;
				}
				.vc_tta-controls-icon-position-right.vc_tta-panel-title a span {
					padding-right: 12px;
				}
				.vc_tta-controls-icon {
					left: inherit;
					right: 0;
					height: 10px;
					width: 10px;
					&:before,
					&:after {
						border-color: $primary_color !important;
					}
				}
			}
			.vc_tta-panel-body {
				background-color: #fff !important;
				padding: 0;
				border: none;
				font-size: 14px;
				line-height: 25px;
				.media-left {
					padding-right: 20px;
					img {
						margin-top: 6px;
					}
				}
				.more {
					font-weight: 700;
					color: $primary_color;
					display: block;
					padding-top: 4px;
					i {
						padding-left: 10px;
					}
					&:hover {
						color: $color_dark;
					}
				}
			}
			.vc_active {
				.vc_tta-panel-heading .vc_tta-panel-title a {
					border-bottom: none;
				}
				.vc_tta-panel-body {
					border-bottom: 3px solid #ebebeb;
					padding-bottom: 24px;
				}
			}
			.vc_tta-panel:last-child {
				.vc_tta-panel-heading .vc_tta-panel-title a {
					border-bottom: none;
				}
			}
			.vc_tta-panel.vc_active:last-child .vc_tta-panel-body {
				border-bottom: none;
				padding-bottom: 10px;
			}
		}
		.vc_tta-tabs .vc_tta-panels {
			padding-left: 0;
			padding-right: 0;
		}
		&.vc_tta-style-modern {
			.vc_tta-panels {
				border: none;
				padding: 0;
				background-color: transparent;
				.vc_tta-panel {
					background-color: #fff;
				}
				.vc_tta-panel-heading {
					.vc_tta-panel-title a {
						border: none;
						padding: 8px 0;
						text-transform: none;
						span {
							padding-left: 0;
						}
						&:before {
							background-color: transparent;
						    border-radius: 2px;
						    bottom: 0;
						    content: "";
						    height: 30px;
						    margin: auto;
						    position: absolute;
						    right: -10px;
						    top: 0;
						    width: 30px;
						    @include transition(all 300ms ease 0s);
						}
						&:after {
							background-color: #eaeaea;
						    bottom: 0;
						    content: "";
						    height: 30px;
						    margin: auto;
						    position: absolute;
						    right: 42px;
						    top: 0;
						    width: 1px;
						}
					}
				}
				.vc_tta-panel-body {
					border-bottom: none;
					padding-top: 4px;
					padding-bottom: 13px;
				}
				.vc_tta-panel {
					border: 1px solid #ebebeb;
	    			padding: 20px 31px 20px 24px;
	    			margin-bottom: 20px;
	    			@include transition(all 550ms ease 0s);
	    			@include border-radius(1px);
	    			&.vc_active {
	    				padding: 20px 31px 20px 24px;
	    				.vc_tta-panel-title a {
	    					&:before {
	    						background-color: $primary_color;
	    					}
	    					.vc_tta-controls-icon {
								&:before {
									border-color: #fff !important;
								}
							}
	    				}
	    				.vc_tta-panel-body {
	    					border-top: 1px solid #efefef;
	    					padding-top: 12px;
	    					margin-top: 18px;
	    				}
	    			}
				}
			}
			&.style-dark {
				.vc_tta-panels .vc_tta-panel {
					background-color: transparent;
					border-color: #434343;
					.vc_tta-panel-heading {
						background: none;
						.vc_tta-panel-title a {
							background-color: transparent;
							color: #fff !important;
							&:after {
								background-color: transparent;
							}
						}
					}
					.vc_tta-panel-body {
						background: none !important;
						border-top-color: #434343;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 767px) {
	body .vc_tta-container {
		.vc_tta-panels {
			padding: 0;
			.vc_tta-panel-heading {
				.vc_tta-panel-title a {
			    	&:after {
						border: none;
					}
				}
			}
		}
		.vc_tta-panels-container {
			padding: 0 !important;
		}
	}
}
/* ==========================================================================
   [End] 5. Shortcode Tab
========================================================================== */

/* ==========================================================================
   [Start] 6. CMS Progressbar
========================================================================== */
.cms-progress-layout1 {
	.cms-progress-item-wrap {
		position: relative;
		.cms-progress-title {
			font-weight: 800;
			color: #434343;
			font-size: 13px;
			text-transform: uppercase;
			margin-bottom: 6px;
			i {
				padding-right: 5px;
			}
		}
		.progress-bar {
			background-color: $primary_color;
			@include box-shadow(none);
		}
		.cms-progress.progress {
			background-color: #eeeeee;
			@include box-shadow(none);
			@include border-radius(0px);
			margin-bottom: 26px;
		}
		.progress-couter {
			color: #9e9e9e;
			top: -1px;
		    position: absolute;
		    right: 0;
		}
	}
}
/* ==========================================================================
   [End] 6. CMS Progressbar
========================================================================== */

/* ==========================================================================
   [Start] 7. CMS Client
========================================================================== */
.cms-carousel-client {
	.cms-carousel-media {
		display: block;
		img {
			display: inline-block;
    		width: inherit !important;
    		margin: auto;
		}
	}
}
.cms-carousel-client-layout1 {
	.owl-stage-outer {
		margin-right: 2px;
	}
	.cms-carousel-item {
		text-align: center;
		.cms-carousel-media {
			position: relative;
			&:after {
				background: #e5e5e5;
			    bottom: 0;
			    content: "";
			    height: 30px;
			    margin: auto;
			    position: absolute;
			    right: 0;
			    top: 0;
			    width: 2px;
			}
		}
	}
	.owl-item:last-child .cms-carousel-item .cms-carousel-media:after {
		width: 0;
	}
	&.style-dark .cms-carousel-item .cms-carousel-media::after {
		background-color: #414141;
	}
}
/* ==========================================================================
   [End] 7. CMS Client
========================================================================== */

/* ==========================================================================
   [Start] 8. CMS Testimonial
========================================================================== */
.cms-testimonial {
	.cms-testimonial-position {
		margin-bottom: 7px;
		.author {
			font-size: 15px;
			text-transform: uppercase;
			display: inline-block;
			line-height: 22px;
			margin: 0;
		}
		.position {
			font-size: 13px;
			font-weight: normal;
		}
	}
	.cms-testimonial-body {
		font-size: 16px;
	    font-style: italic;
	    line-height: 26px;
	    font-weight: normal;
	    padding-top: 16px;
	}
	&.nav-custom-br .owl-dots {
		bottom: 5px;
	    margin: 0;
	    position: absolute;
	    right: 0;
	}
	&.nav-custom-tr .owl-dots {
		margin: 0;
	    position: absolute;
	    right: 10px;
	    top: 25px;
	}
}
.cms-testimonial-layout1 {
	.cms-carousel-item {
		padding: 20px 4px 0 4px;
	}
	.cms-testimonial-wrapper {
		padding: 35px 30px 26px;
		background-color: #fff;
		border-width: 0 1px 1px 1px;
		border-color: #f1f1f1;
		border-style: solid;
		@include box-shadow(0 2.3px 4px 0.1px #e8e8e8);
		position: relative;
		&:before {
			content: "";
		    left: -2px;
		    bottom: -14px;
		    position: absolute;
		    width: 0;
		    height: 14px;
		    width: 15px;
		    background: url(../images/testimonial-arrow.png) no-repeat center;
		}
		.cms-testimonial-body p {
			margin-bottom: 0;
		}
	}
	.icon-quote {
		i {
			color: #fff;
			font-size: 16px;
			background-color: $primary_color;
			height: 30px;
			text-align: center;
			line-height: 30px;
			width: 30px;
			position: absolute;
			top: 0;
			left: 30px;
			@include border-radius(0 0 0 2px);
		}
		img {
			@include border-radius(2px 2px 2px 0);
		    left: 60px;
		    max-width: 50px;
		    position: absolute;
		    top: -20px;
		}
	}
	.cms-testimonial-footer {
		margin-top: 23px;
	}
	&.style-dark {
		.cms-testimonial-wrapper {
			background-color: #2e2e2e;
			@include box-shadow(none);
			border: none;
			&:before {
				background: url(../images/testimonial-arrow-dark.png) no-repeat center;
				bottom: -12px;
			}
		}
		.cms-testimonial-position h3 {
			color: #fff;
		}
		.owl-controls .owl-dot.active span, 
		.owl-controls .owl-dot:hover span {
			background-color: #fff;
			&:before {
				border-color: #fff;
			}
		}
	}
	&.style-dark2 {
		.cms-testimonial-wrapper {
			@include box-shadow(none);
			border: none;
		}
		.cms-testimonial-position h3 {
			color: #fff;
		}
		.owl-controls .owl-dot.active span, 
		.owl-controls .owl-dot:hover span {
			background-color: $primary_color;
			&:before {
				border-color: $primary_color;
			}
		}
	}
}

.cms-testimonial-layout2 {
	.cms-carousel-item {
		.cms-testimonial-wrapper {
			padding: 28px 28px 49px;
			background-color: $primary_color;
			@include border-radius(1px);
			.icon-quote {
				color: #ff8600;
    			font-size: 80px;
			}
			.cms-testimonial-body {
				color: #fff;
				margin-top: 10px;
			}
		}
		.cms-testimonial-footer {
			img {
				@include border-radius(1px);
			    margin-left: 30px;
			    margin-top: -20px;
			    max-width: 50px;
			}
		    .cms-testimonial-position {
		    	bottom: -5px;
			    left: 100px;
			    line-height: 1;
			    margin-bottom: 0;
			    position: absolute;
		    }
		}
	}
	&.nav-custom-tr .owl-dots {
		right: 27px;
    	top: 27px;
	}
	&.nav-custom-br .owl-dots {
		bottom: -2px;
	}
}
.cms-testimonial-layout3 {
	.cms-carousel-item {
		.cms-testimonial-wrapper {
			padding-top: 10px;
			.icon-quote {
				i {
					color: $primary_color;
					opacity: 0.5;
					filter: alpha(opacity=0.5);
					font-size: 80px;
					left: 0;
				    margin: auto;
				    position: absolute;
				    right: 0;
				    top: -2px;
				    z-index: -1;
				}
			}
			.cms-testimonial-body {
				font-weight: 500;
				font-size: 20px;
				line-height: 27px;
				color: #828282;
			}
		}
		.cms-testimonial-position {
			margin-top: 17px;
		}
	}
}

/* ==========================================================================
   [End] 8. CMS Testimonial
========================================================================== */

/* ==========================================================================
   [Start] 9. CMS Couter
========================================================================== */
.cms-counter-wraper {
	position: relative;
	.cms-counter-icon {
		margin-bottom: 22px;
		i {
			font-size: 40px;
			color: $color_dark;
		}
	}
	.cms-counter {
		font-size: 30px;
		line-height: 1;
		font-family: Montserrat;
		font-weight: 700;
		color: $color_dark;
	}
	.cms-counter-title {
		color: #5a5a5a;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: normal;
		margin: 6px 0 0;
	}
}

/* ==========================================================================
   [End] 9. CMS Couter
========================================================================== */

/* ==========================================================================
   [Start] 10. CMS Pricing
========================================================================== */
.resize-title {
	font-size: 16px;
	line-height: normal;
	text-transform: uppercase;
}
.cms-pricing-layout1 {
	.cms-grid-header {
		background-color: $primary_color;
		padding: 72px 30px 92px 30px;
		text-align: center;
		.cms-pricing-title {
			margin: 28px 0 0;
		}
		.cms-pricing-price {
			color: #fff;
			.unit {
				font-size: 30px;
				padding-right: 4px;
				font-weight: 700;
			}
			.price {
				font-size: 100px;
				line-height: 1;
				font-weight: 700;
			}
			.time {
				font-size: 13px;
				font-weight: 700;
			}
		}
	}
	.cms-pricing-body {
		background-color: #f9f9f9;
	    padding: 34px 49px 49px 49px;
	    text-align: center;
	    .cms-pricing-content {
	    	ul {
	    		list-style: none;
	    		margin: 0 0 34px;
	    		li {
					line-height: 40px;
					font-size: 13px;
					border-bottom: 1px solid #e9e8e8;
					position: relative;
					&:last-child {
						border-bottom: none;
					}
	    		}
	    	}
	    }
	}
}
/* ==========================================================================
   [End] 10. CMS Pricing
========================================================================== */

/* ==========================================================================
   [Start] 11. CMS Fancybox
========================================================================== */
.cms-fancyboxes-wraper {
	.cms-fancybox-title {
		font-size: 15px;
		text-transform: uppercase;
		margin: 0;
	}
	.cms-fancybox-icon {
    	.fancy-box-icon {
    		display: block;
    		i {
	    		font-size: 40px;
	    		color: #434343;
	    	}
    	}
    }
}
.cms-fancyboxes-deault {
	border: 1px solid #eaeaea;
    padding: 15px 19px 18px 19px;
    @include transition(all 300ms linear 0ms);
    background-color: #fff;
    &.box-shadow {
    	border-color: #f7f7f7;
    	border-top: none;
    	@include box-shadow(0 2.3px 2px 0.1px #f1f1f1);
    	&:hover {
    		border-color: #f1f1f1 !important;
    	}
    }
    &:hover {
    	border-color: $primary_color;
    }
    .cms-fancybox-title {
	    line-height: 1;
	    margin: 5px 0 0;
    }
    .cms-fancybox-icon {
    	.fancy-box-icon i {
    		color: $primary_color;
    	}
    }
    &.style-dark {
    	border-color: transparent;
    	&:hover {
    		border-color: $primary_color;
    	}
    }
}
.cms-fancyboxes-layout1 {
	.cms-fancybox-icon .fancy-box-icon {
    	margin-bottom: 14px;
    }
	&.box-icon {
		.cms-fancybox-icon .fancy-box-icon {
	    	i {
	    		background-color: $secondary_color;
			    color: #fff;
			    display: inline-block;
			    font-size: 40px;
			    height: 70px;
			    line-height: 70px;
			    text-align: center;
			    width: 70px;
			    margin-bottom: 5px;
			    @include transition(all 300ms linear 0ms);
			    &.lnr:before {
			    	position: relative;
			    	left: 2px;
			    }
	    	}
	    }
	    &:hover .cms-fancybox-icon .fancy-box-icon i {
			background-color: $primary_color;
	    }
	    &.box-primary .cms-fancybox-icon .fancy-box-icon i {
	    	background-color: $primary_color;
	    }
	}
	&.box-primary {
		.cms-fancybox-icon .fancy-box-icon i {
			background-color: $primary_color;
		}
		&:hover .cms-fancybox-icon .fancy-box-icon i {
			background-color: $secondary_color;
		}
	}
}
.cms-fancyboxes-layout2 {
	.cms-fancybox-icon {
		width: 80px;
		float: left;
		position: relative;
		top: 3px;
    	.fancy-box-icon {
    		i {
    			color: $primary_color;
    		}
    	}
    	&:before {
    		height: 22px;
    		width: 2px;
    		background-color: #1f1f1f;
    		position: absolute;
    		right: 19px;
    		top: 12px;
    		content: "";
    	}
    }
    .fancy-box-content-wraaper {
    	padding-left: 80px;
    	.cms-fancybox-title {
    		font-size: 14px;
    		text-transform: none;
    	}
    	.fancy-box-content {
    		color: #828282;
    		font-weight: normal;
    		font-family: Montserrat;
    		padding-top: 2px;
    	}
    }
}
.cms-fancyboxes-wraper.cms-fancyboxes-layout3 {
	@include border-radius(2px);
	padding: 25px;
	background-color: $primary_color;
	.cms-fancybox-icon {
		float: left;
    	width: 32px;
    	height: 32px;
    	line-height: 32px;
    	text-align: center;
    	@include border-radius(2px);
    	background-color: $color_dark;
    	@include transition(all 300ms linear 0ms);
    	margin-top: 6px;
    	i {
    		color: #fff;
    		font-size: 15px;
    		vertical-align: middle;
    	}
	}
	.cms-fancybox-content {
		padding-left: 50px;
		color: #fff;
		font-size: 13px;
		letter-spacing: 0.02em;
		line-height: 18px;
		p {
			margin-bottom: 0;
		}
		.cms-fancybox-title {
			margin-bottom: 14px;
			color: #fff;
		}
		.cms-fancybox-title {
			font-size: 14px;
		    font-weight: 500;
		    line-height: normal;
		    margin: 0;
		    text-transform: none;
		}
	}
}
.page-social-style2 {
	.cms-social-page  {
		text-align: left;
		a {
		    margin: 0 6px;
		    display: inline-block;
		    i {
		    	background-color: $primary_color;
			    font-size: 16px;
			    height: 50px;
			    line-height: 50px;
			    text-align: center;
			    width: 50px;
			    color: #fff;
			    @include transition(all 280ms linear 0ms);
			    &.fa-facebook {
		    		background-color: #5d82d1;
		    	}
		    	&.fa-twitter {
					background-color: #40bff5;
		    	}
		    	&.fa-google-plus {
					background-color: #eb5e4c;
		    	}
		    	&.fa-linkedin {
					background-color: #238cc8;
		    	}
		    	&.fa-envelope {
		    		background-color: #ec971f;
		    	}
		    	&:hover {
		    		opacity: 0.8;
		    	}
		    }
		    &:first-child {
		    	margin-left: 0;
		    }
		}
	}
}
.about-list {
	margin-top: 20px;
	font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    list-style: outside none disc;
    padding-left: 43px;
}
/* ==========================================================================
   [End] 11. CMS Fancybox
========================================================================== */

/* ==========================================================================
   [Start] 12. CMS Grid
========================================================================== */

/* Grid Blog */
.cms-grid-blog-layout1, .cms-carousel-blog-layout1 {
	.entry-blog {
		margin-bottom: 43px;
		padding-bottom: 0;
		border: none;
		.entry-header .entry-feature .blog-date {
			top: 20px;
			left: 20px;
		}
		.entry-meta {
			font-size: 12px;
			.detail-author, .detail-tags {
				display: none;
			}
			.detail-terms {
				margin-left: 0;
			}
		}
		.entry-title {
			font-size: 16px;
			line-height: 25px;
			margin-bottom: 9px;
		}
		.entry-readmore {
			margin-top: 16px;
		}
	}
	.pagination {
		margin-top: 3px;
	}
	.cms-grid-media img {
		width: 100%;
	}
}
/* End Grid Blog */

/* Grid Teams */
.team-overlay {
	@include background-gradient(rgba(255,255,255,0) 0%, $primary_color 100%);
	height: 50%;
    left: 0;
    position: absolute;
    top: 75px;
    width: 100%;
    @include transition(all 220ms linear 0ms);
    opacity: 0;
    filter: alpha(opacity=0);
    &:before {
    	background-color: $primary_color;
	    content: "";
	    height: 75px;
	    position: absolute;
	    top: -75px;
	    width: 100%;
    }
}
.cms-team-image {
	position: relative;
	img {
		@include transition(all 220ms linear 0ms);
	}
}
.cms-team-title {
	font-size: 17px;
	color: #313131;
	font-weight: normal;
	text-transform: uppercase;
	margin: 24px 0 0px;
}
.cms-team-position {
	font-size: 14px;
	color: #5a5a5a;
	font-style: italic;
}
.team-layout1 {
	.cms-team-item {
		margin-bottom: 60px;
		position: relative;
		overflow: hidden;
		.cms-team-social {
			padding: 25px 0;
		    position: absolute;
		    text-align: center;
		    top: 0;
		    width: 100%;
		    @include transition(all 220ms linear 0ms);
			a {
				color: #fff;
				font-size: 15px;
				padding: 0 15px;
				&:hover {
					color: $color_dark;
				}
			}
			opacity: 0;
			filter: alpha(opacity=0);
		}
		.cms-team-meta {
			@include transition(all 220ms linear 0ms);
		}
		&:hover {
			.cms-team-image img {
				transform: translateY(75px);
			}
			.cms-team-meta {
				transform: translateY(100px);
			}
			.cms-team-social, .team-overlay {
				opacity: 1;
				filter: alpha(opacity=1);
			}
		}
	}
}
.team-layout2 {
	.cms-team-item-inner {
		position: relative;
		.cms-team-body {
			position: absolute;
			bottom: 50px;
			left: 50px;
			right: 50px;
			background-color: $primary_color;
			padding: 44px 30px 50px;
			@include transform(translateY(-80px));
			@include transition(all 300ms linear 0ms);
			opacity: 0;
			filter: alpha(opacity=0);
			.cms-team-title {
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 5px;
			}
			.cms-team-social {
				margin-top: 34px;
				a {
					display: inline-block;
					height: 42px;
					width: 42px;
					background-color: $secondary_color;
					color: #fff;
					font-size: 15px;
					line-height: 42px;
					margin: 0 4px;
					&:hover {
						color: $primary_color;
					}
				}
			}
		}
		&:hover .cms-team-body {
			opacity: 1;
			filter: alpha(opacity=1);
			@include transform(translateY(0px));
		}
	}
}
.grid-team-layout2, .grid-team-layout3 {
	.cms-team-item-inner {
		margin-bottom: 70px;
		.cms-team-more {
			color: #2f2f2f;
		    font-size: 12px;
		    text-transform: uppercase;
		    font-family: Montserrat;
		    font-weight: 700;
			i {
				padding-right: 6px;
			}
			&:hover {
				color: $primary_color;
			}
		}
		.cms-team-title {
			font-weight: 700;
			margin-top: 3px;
		}
		.cms-team-desc {
			padding-bottom: 22px;
		}
		.cms-team-position {
			font-weight: 500;
		}
	}
}

.grid-team-layout3 .cms-team-item-inner .cms-team-title {
	margin-top: 22px;
}
/* End Grid Team */

/* Start Grid Services */
.cms-grid-wraper .cms-grid-item {
	&.col-lg-4:nth-child(3n+4) {
		clear: left;
	}
}
.layout-services {
	.style-overlay {
		position: relative;
		&:before {
			height: 100%;
			width: 100%;
			background-color: $primary_color;
			opacity: 0;
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			@include transition(all 300ms linear 0ms);
		}
		&:after {
			height: 60%;
			width: 100%;
			@include background-gradient2(rgba(255,255,255,0), rgba(0,0,0,0.4));
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 2;
			opacity: 0;
			@include transition(all 300ms linear 0ms);
		}
		.more {
			color: #fff;
		    display: block;
		    font-size: 40px;
		    height: 40px;
		    left: 0;
		    line-height: 40px;
		    margin: auto;
		    position: absolute;
		    right: 0;
		    text-align: center;
		    top: 50%;
		    @include transform(translate(0px, -50%));
		    width: 40px;
		    z-index: 3;
		    opacity: 0;
		}
	}
	.cms-grid-item-inner:hover {
		.style-overlay {
			&:before {
				opacity: 0.8;
			}
			&:after, .more {
				opacity: 1;
			}
		}
	}
	.cms-services-header {
		img {
			width: 100%;
		}
		.cms-services-icon {
			@include transition(all 300ms linear 0ms);
			max-width: 100px;
		}
	}
	.cms-services-title {
		font-size: 17px;
		line-height: 25px;
		text-transform: uppercase;
		margin-bottom: 16px;
		&.line {
			position: relative;
			&:before {
				content: "";
				width: 20px;
				height: 2px;
				position: absolute;
				bottom: -6px;
				left: 0;
				background-color: $secondary_color;
				@include transition(all 300ms linear 0ms);
			}
		}
	}
	.cms-services-readmore {
		margin-top: 6px;
		a {
			text-transform: uppercase;
			font-size: 12px;
			font-weight: 700;
			.cms-services-icon {
				padding-right: 5px;
			}
			span {
				@include transition(all 300ms linear 0ms);
				opacity: 0;
				filter: alpha(opacity=0);
				padding-left: 6px;
			}
		}
	}
	.cms-services-item:hover {
		.cms-services-readmore span {
			opacity: 1;
			filter: alpha(opacity=1);
		}
		.cms-services-title.line {
			a {
				color: $primary_color;
			}
			&:before {
				background-color: $primary_color;
			}
		}
	}
	&.services-layout1 {
		.cms-services-header .cms-services-icon {
			font-size: 45px;
			color: $secondary_color;
		}
		.cms-services-body {
			padding-top: 19px;
		}
		.cms-services-item:hover .cms-services-header .cms-services-icon {
			color: $primary_color;
		}
		&.services1-dark {
			.cms-services-header .cms-services-icon {
				color: #fff;
			}
			.cms-services-title {
				&:before {
					background-color: $primary_color;
				}
				a {
					color: #fff;
				}
			}
			.cms-services-readmore a {
				color: #fff;
			}
		}
	}
	&.services-layout2 {
		&.show-icon {
			.style-overlay {
				&:before, &:after, .more {
					display: none;
				}
			}
		}
		.cms-services-header {
			position: relative;
			.cms-services-icon {
				color: #fff;
			    display: block;
			    font-size: 45px;
			    height: 70px;
			    line-height: 70px;
			    text-align: center;
			    width: 70px;
				background-color: $secondary_color;
				position: absolute;
				left: 30px;
				bottom: -30px;
				@include transition(all 300ms linear 0ms);
				z-index: 100;
				display: inline-block;
				img {
					max-width: 55px;
				}
			}
		}
		.cms-services-body {
			margin-bottom: 52px;
			padding-left: 30px;
			.cms-services-title {
				margin-top: 43px;
			}
		}
		.cms-services-item:hover {
			.cms-services-header .cms-services-icon {
				background-color: $primary_color;
			}
		}
		&.hidden-icon-style1, &.hidden-icon-style2 {
			.cms-services-header .cms-services-icon {
				display: none;
			}
			.cms-services-body .cms-services-title {
				margin-top: 24px;
			}
		}
		&.hidden-icon-style2 {
			.cms-services-body {
				padding-left: 0;
				.cms-services-title {
					margin-bottom: 9px;
					&:before {
						display: none;
					}
				}
			}
		}
	}
	&.services-layout3 {
		.cms-services-body {
			padding-top: 24px;
			.cms-services-icon {
				float: left;
			    margin-top: 22px;
			    text-align: center;
			    width: 70px;
			    i {
			    	font-size: 30px;
			    	color: $color_dark2;
			    }
			}
			.cms-services-content-inner {
				padding-left: 70px;
				.cms-services-title {
					margin-bottom: 6px;
				}
			}
		}
	}
	&.services-layout4 {
		.cms-services-header {
			max-width: 80px;
			float: left;
		}
		.cms-services-body {
			padding-left: 100px;
			.cms-services-title {
				margin-bottom: 7px;
			}
		}
	}
	&.services-layout5 {
		.cms-services-item {
			padding: 0;
		}
		.cms-grid-item-inner {
			padding: 30px;
			@include transition(all 300ms linear 0ms);
			.cms-services-header {
				margin-bottom: 15px;
				.cms-services-icon {
					color: #fff;
				    display: block;
				    font-size: 45px;
				    height: 70px;
				    line-height: 70px;
				    text-align: center;
				    width: 70px;
					background-color: $secondary_color;
					@include transition(all 300ms linear 0ms);
				}
			}
			&:hover {
				background-color: $primary_color;
				color: #fff;
				.cms-services-header .cms-services-icon {
					background-color: $primary_color;
				}
				.cms-services-title {
					a {
						color: #fff;
					}
					&:before {
						background-color: #fff;
					}
				}
			}
		}
		.cms-services-readmore a:hover {
			color: #fff;
		}
	}
	&.sv-custom-border {
		.cms-services-item:nth-child(1) {
			border-right: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
		}
		.cms-services-item:nth-child(2) {
			border-bottom: 1px solid #e5e5e5;
			.cms-grid-item-inner {
				position: relative;
				&:before {
					background-color: #e5e5e5;
				    bottom: -1px;
				    content: "";
				    height: 1px;
				    left: 0;
				    position: absolute;
				    width: 2000px;
				}
			}
		}
		.cms-services-item:nth-child(3) {
			border-right: 1px solid #e5e5e5;
		}
	}
}
.cms-services-wraper {
	.nav-tabs {
		border: none;
		text-align: center;
		padding: 0 20px;
		margin-bottom: 26px;
		li {
			float: none;
			display: inline-block;
			margin-bottom: 10px;
			a {
				color: #313131;
				background-color: transparent !important;
				border: none !important;
				margin: 0;
				span {
					display: block;
				    font-family: Montserrat;
				    font-size: 15px;
				    font-weight: 700;
				    text-transform: uppercase;
				    margin-top: 21px;
				}
				i {
					font-size: 40px;
				}
				&:focus {
					border: none;
					background-color: transparent;
				}
			}
			&.active a, &:hover a {
				color: $primary_color;
			}
		}
	}
	&.cms-services-default {
		.tab-pane {
			background-color: $primary_color;
			.post-thumbnail {
				background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    height: inherit;
			}
			.cms-services-content-left {
				left: 0;
			    padding: 0;
			    position: absolute;
			}
			.cms-services-content-right {
				padding: 90px 100px;
				color: #fff;
				position: relative;
				&:after {
					content: "";
					height: 100%;
					width: 2000px;
					position: absolute;
					top: 0;
					right: -2000px;
					background-color: $primary_color;
				}
				h3 {
					color: #fff;
				    font-size: 37px;
				    text-transform: uppercase;
				    margin-bottom: 35px;
				    line-height: normal;
				    span {
				    	font-size: 67px;
					    left: -95px;
					    line-height: 1;
					    position: absolute;
					    top: 78px;
					    color: $primary_color;
				    }
				}
				.cms-services-content {
					font-size: 19px;
					line-height: 29px;
					margin-bottom: 50px;
				}
			}
		}
	}
	&.cms-services-layout1 {
		.tab-pane {
			.cms-services-content-image {
				height: 715px;
			}
			.post-thumbnail {
				background-size: cover;
			    height: 715px;
			    left: 0;
			    position: absolute;
			    right: 0;
			    width: 100%;
			}
		}
	}
}
/* End Grid Services */

/* Start Gallery */
.layout-gallery {
	.cms-grid-item-inner {
		position: relative;
		margin-bottom: 30px;
		overflow: hidden;
		.cms-gallery-image-zoom  {
			margin-bottom: 25px;
			i {
				background-color: #fff;
			    border-radius: 2px;
			    color: #333333;
			    font-size: 14px;
			    height: 34px;
			    line-height: 34px;
			    text-align: center;
			    width: 34px;
			    @include transition(all .5s);
			    &:hover {
			    	background-color: $color_dark;
			    	color: #fff;
			    }
			}
		}
		.cms-gallery-title {
			color: #fff;
		    font-size: 22px;
		    font-weight: 500;
		    line-height: 28px;
		    margin-bottom: 8px;
		}
		.cms-gallery-category a {
			color: #fff;
		}
		.cms-gallery-content {
			background-color: $primary_color;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			text-align: center;
			@include transition(all .5s);
			opacity: 0;
			filter: alpha(opacity=0);
			@include transform(scale(0.8));
			.cms-gallery-content-inner {
				position: absolute;
			    top: 50%;
			    @include transform(translate(0px, -50%));
			    width: 100%;
			}
		}
		&:hover {
			.cms-gallery-content {
				@include transform(scale(1));
				opacity: 1;
				filter: alpha(opacity=1);
			}
		}
	}
	.navigation {
		margin-top: 20px;
	}
}
/* End GAllery */
/* ==========================================================================
   [End] 12. CMS Grid
========================================================================== */

.cms-countdown-wraper {
	text-align: center;
	.countdown-item-container {
		.countdown-amount {
			font-size: 30px;
			line-height: 25px;
			color: $color_dark2;
			font-family: 'Montserrat';
			display: block;
			margin-bottom: 10px;
			font-weight: bold;
		}
		.countdown-period {
			font-size: 13px;
			font-weight: normal;
			color: #5a5a5a;
			font-family: 'Montserrat';
			text-transform: uppercase;
		}
		border-left: 2px solid #eaeaea;
	}
	.col-md-3:nth-child(1) .countdown-item-container {
		border-left: none;
	}
}

.pagination li {
	a, span {
		@include border-radius(0 !important);
    	padding: 9px 0;
    	border-color: #e5e5e5;
	    border-width: 1px;
	    color: $color_dark;
	    font-size: 14px;
	    font-weight: 400;
	    margin-bottom: 10px;
	    margin-left: 10px;
	    max-width: 40px;
	    min-width: 40px;
	    padding: 9px 0;
	    text-align: center;
	    text-transform: uppercase;
	}
	&.active a, &:hover a {
		background-color: $primary_color;
		border-color: $primary_color;
		color: #fff;
	}
}

/* 
   [Start] 14. Call To Action
   +-----------------------------------+
*/
.cms-cta-wrapper {
	.cms-cta-text {
		display: inline-block;
		.subtext {
			font-size: 14px;
			color: #fff;
			line-height: 1;
			margin-bottom: 12px;
		}
		.text {
			font-size: 22px;
			line-height: 1;
			font-family: Montserrat;
			font-weight: 700;
			color: #fff;
			text-transform: uppercase;
		}
	}
	.cms-cta-button {
    	a:nth-child(2) {
			margin-left: 6px;
    	}
    }
    .cms-cta-text {
    	
    }
    &.cta-right .cms-cta-button {
		text-align: right;
		float: right;
    }
    &.cta-left .cms-cta-text {
    	float: right;
    }
	&.cms-style-default {
		background-color: $primary_color;
		padding: 35px 35px 35px 200px;
		position: relative;
		&:before {
			content: "";
			height: 184px;
			width: 127px;
			background-image: url(../images/cta.png);
			background-repeat: no-repeat;
			position: absolute;
			bottom: 0;
			left: 35px;
		}
		&.style1 {
			padding-left: 115px;
			&:before {
				background: none;
				content: "\e801";
				font-family: "Linearicons-Free";
				font-size: 40px;
			    left: 40px;
			    position: absolute;
			    top: 50px;
			    color: #fff;
			}
		}
		.cms-cta-text {
			position: relative;
			&:before {
				background-color: #ff8600;
			    content: "";
			    height: 23px;
			    left: -20px;
			    position: absolute;
			    top: 15px;
			    width: 2px;
			}
		}
	}

	&.cms-style-2 {
		.cms-cta-text {
			.subtext {
				color: $color_dark;
				margin-bottom: 18px;
				font-weight: 500;
			}
			.text {
				color: $color_dark;
				font-size: 40px;
				line-height: 1;
			}
			.decs {
				font-size: 17px;
				line-height: 26px;
				font-style: italic;
				margin: 15px 0 0;
			}
		}
		.cms-cta-button {
			float: none;
    		text-align: inherit;
    		margin-top: 40px;
    		.btn-secondary:hover {
    			border-color: $secondary_color;
    			background-color: transparent;
    			color: $secondary_color;
    		}
		}
		&.cta-align-center {
			text-align: center;
		}
		&.cta-align-left {
			text-align: left;
		}
		&.cta-align-right {
			text-align: right;
		}
	}
}
/* 
   [Start] 14. Call To Action
   +-----------------------------------+
*/

/* 
   [Start] 15. CMS Projects
   +-----------------------------------+
*/
.cms-projects-style {
	&.grid-dark {
		.cms-grid-filter li a {
			color: #807f7f;
			&:hover, &.active {
				color: $primary_color;
			}
		}
		.cms-load-posts .btn {
			border-color: #807f7f;
			color: #807f7f;
			background-color: transparent;
			&:hover {
				border-color: $primary_color;
				color: $primary_color;
			}
		}
	}
}
.cms-projects-style1 {
	.cms_pagination {
		margin-top: 50px;
	}
	.cms-projects-item-inner {
		position: relative;
		overflow: hidden;
		.cms-projects-image {
			img {
				width: 100%;
			}
			&:before {
				background: rgba(47,47,47,0.95);
			    content: "";
			    height: 100%;
			    left: 0;
			    position: absolute;
			    top: 0;
			    width: 100%;
			    opacity: 0;
			    filter: alpha(opacity=0);
			    @include transition(all 290ms linear 0ms);
			}
		}
		.cms-projects-hover {
			left: 0;
		    position: absolute;
		    right: 0;
		    top: 0;
		    bottom: 0;
		    padding: 50px;
		    .cms-projects-category {
		    	@include transform(translateX(-100px));
		    	@include transition(all 290ms linear 0ms);
		    	opacity: 0;
		    	filter: alpha(opacity=0);
		    	a {
					color: #a9a9a9;
					font-size: 13px;
					text-transform: uppercase;
					line-height: 1;
					margin-bottom: 2px;
					&:hover {
						color: $primary_color;
					}
		    	}
		    }
		    .cms-projects-title {
		    	@include transform(translateX(-100px));
		    	@include transition(all 320ms linear 0ms);
		    	opacity: 0;
		    	filter: alpha(opacity=0);
		    	a {
					color: #fff;
					font-size: 18px;
					text-transform: uppercase;
					line-height: normal;
					&:hover {
						color: $primary_color;
					}
		    	}
		    }
		    .cms-projects-readmore {
		    	a {
		    		color: $primary_color;
				    font-size: 36px;
				    font-weight: 300;
				    position: absolute;
				    left: 50px;
				    bottom: 50px;
				    @include transition(all 290ms linear 0ms);
				    opacity: 0;
				    filter: alpha(opacity=0);
		    	}
		    }
		}
		&:hover {
			.cms-projects-hover {
				.cms-projects-category, .cms-projects-title {
					@include transform(translateX(0px));
			    	opacity: 1;
			    	filter: alpha(opacity=1);
				}
				.cms-projects-readmore a {
					opacity: 1;
					filter: alpha(opacity=1);
				}
			}
			.cms-projects-image:before {
				opacity: 1;
				filter: alpha(opacity=1);
			}
		}
	}
	.cms-projects-item.col-lg-3 {
		.cms-projects-hover {
			padding: 25px;
			.cms-projects-readmore a {
				left: 25px;
				bottom: 25px;
			}
		}
	}
	&.style-dark {
		.btn {
			border-color: #fff;
			color: #fff;
			&:hover {
				border-color: $primary_color;
				background-color: $primary_color;
			}
		}
	}
}
/* 
   [End] 15. CMS Projects
   +-----------------------------------+
*/

.custom-map > .vc_column_wrapper {
	background-color: #fff;
    margin: 0 15px;
    padding: 88px;
}

/* Loading */
.cms-loader:before,
.cms-loader:after,
.cms-loader {
  border-radius: 50%;
  height: 18px;
   width: 18px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.cms-loader {
  font-size: 10px;
  margin: auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  	animation-delay: -0.16s;
    top: 50%;
	@include transform(translate(0px, -50%));
	&:before, &:after {
		content: '';
		position: absolute;
		top: 0;
	}
	&:before {
		left: -28px;
		  -webkit-animation-delay: -0.32s;
		  animation-delay: -0.32s;
	}
	&:after {
		left: 28px;
	}
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #ffc527;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #ffc527;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #ffc527;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #ffc527;
  }
}


/* CMS Shop */
.cms-grid-shop-layout1 {
	.cshere-woo-item-wrap {
		.cshero-woo-image {
			background-color: #f6f6f6;
			position: relative;
			img {
				margin-bottom: 0;
			}
			.cshero-add-to-cart {
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				opacity: 0;
				@include transition(all 400ms ease 0ms);
				a {
					display: block;
					left: 30px;
					position: absolute;
					right: 30px;
					bottom: 30px;
					text-align: center;
					background-color: $color_dark;
					border-color: $color_dark;
					border-style: solid;
					color: #fff;
					font-family: Montserrat;
	                font-size: 13px;
	                font-weight: 700;
	                letter-spacing: 0.02em;
	                line-height: 1;
	                margin: 0;
	                padding: 17px 26px;
	                border-width: 2px;
	                text-transform: uppercase;
					&.add_to_cart_button.added {
					  display: none;
					}
					&:hover {
					  background-color: transparent !important;
					  color: $color_dark;
					}
				}
			}
			&:hover {
				.cshero-add-to-cart {
				opacity: 1;
				}
			}
		}
		.cshero-woo-meta {
			padding: 19px 0 70px;
			text-align: center;
			.cshero-product-title {
				font-size: 14px;
			    line-height: 26px;
			    margin: 0 0 8px;
			    padding: 4px 0 0;
			    text-transform: uppercase;
			}
			.cshero-product-price {
				color: $primary_color;
			    font-family: Montserrat;
			    font-size: 17px;
			    font-weight: 700;
			    ins {
					background-color: transparent;
					color: inherit;
			    }
			    del {
			    	font-size: 13px;
			    	color: #a9a9a9;
			    }
			}
		}
	}
}

/* 
   [Start] 17. Carousel
   +-----------------------------------+
*/
.cms-carousel-layout1 {
	.cms-carousel-inner {
		position: relative;
		img {
			width: 100%;
		}
		.cms-carousel-content{
			position: absolute;
			max-width: 370px;
			left: 30px;
			padding: 30px 30px 15px 30px;
			top: 50%;
    		@include transform(translate(0px, -50%));
    		z-index: 2;
    		background-color: #fff;
    		.cms-carousel-subtitle {
    			display: block;
    			border-bottom: 1px solid #eaeaea;
    			padding-bottom: 15px;
    			margin-bottom: 15px;
    		}
			.cms-carousel-title {
			    font-size: 20px;
			    line-height: 29px;
			    color: $primary_color;
			    text-transform: uppercase;
			    margin-bottom: 23px;
			}
			.cms-carousel-description {
				color: rgba(255,255,255,0.8);
				font-size: 17px;
				line-height: 26px;
				max-width: 400px;
			}
			.cms-carousel-readmore {
				.btn {
					padding-left: 26px;
					padding-right: 26px;
					margin-bottom: 15px;
					&.btn-primary {
						margin-right: 16px;
					}
				}
			}
		}
	}
	.owl-controls {
		.owl-dots {
			bottom: 24px;
		    left: 50%;
		    margin: 0;
		    position: absolute;
		    @include transform(translate(-50%, 0px));
		    .owl-dot {
		    	span {
		    		background-color: rgba(255,255,255,0.4);
		    	}
		    	&.active span {
		    		background-color: #fff;
		    	}
		    }
		}
		.owl-nav {
			.owl-prev, .owl-next {
				margin-top: 0;
				position: absolute;
				bottom: 30px;
				left: 30px;
				margin: 0;
				i {
					height: 70px;
					width: 27px;
					line-height: 70px;
					background-color: #2f2f2f;
					border: none;
					color: #fff;
				}
				&:hover {
					i {
						background-color: $primary_color;
						width: 70px;
					}
				}
			}
			.owl-prev {
				z-index: 2;
			}
			.owl-next {
				left: 70px;
				z-index: 1;
			}
		}
	}
}

/* 
   [Start] 18. CMS Process
   +-----------------------------------+
*/
.cms-process-layout1 {
	.cms-process-list {
		position: relative;
		padding-top: 15px;
		&:before {
			height: 100%;
			width: 2px;
			background-color: #cecece;
			position: absolute;
			top: 0;
			left: 84px;
			content: "";
		}
		li {
			padding-bottom: 45px;
			&:last-child {
				padding-bottom: 0;
			}
		}
		.cms-process-year {
			font-size: 25px;
			color: $primary_color;
			float: left;
			width: 85px;
			line-height: 29px;
			position: relative;
			padding-right: 18px;
			i {
				background-color: #fff;
			    color: $color_dark;
			    font-size: 20px;
			    height: 40px;
			    line-height: 40px;
			    position: absolute;
			    right: -20px;
			    text-align: center;
			    top: -5px;
			    width: 40px;
			}
		}
		.cms-process-title {
			font-size: 20px;
			font-weight: 500;
			line-height: 29px;
			margin-bottom: 7px;
		}
		.cms-process-content {
			padding-left: 120px;
		}
	}
}

/* 
   [Start] 19. CMS Careers
   +-----------------------------------+
*/
.single-careers-wrap {
	margin-bottom: 100px;
}
.cms-careers-default {
	.cms-careers-inner {
		border: 1px solid #e8e8e8;
    	@include border-radius(2px);
		ul {
			border-bottom: 1px solid #e8e8e8;
			padding: 32px 15px;
			li {
				display: inline-block;
				font-size: 13px;
				color: #9b9b9b;
				font-weight: 500;
				line-height: 23px;
				a {
					color: #9b9b9b;
				}
				&.cms-careers-title a {
					font-size: 15px;
					color: $primary_color;
					font-weight: 700;
					&:hover {
						color: $color_dark;
					}
				}
				i {
					font-size: 16px;
					padding-right: 5px;
				}
			}
		}
	}
}

/* 
   [Start] 20. CMS Partner
   +-----------------------------------+
*/
.cms-partner-layout1 {
	.cms-partner-image {
		float: left;
		width: 170px;
		margin-bottom: 64px;
		a {
			background-color: #f9f9f9;
		    border: 1px solid #e7e9e9;
		    display: block;
		    max-height: 115px;
		    width: 100%;
		    text-align: center;
		    @include border-radius(2px);
		    img {
		    	max-height: 115px;
    			max-width: 100%;
		    }
		}
	}
	.cms-partner-content {
		padding-left: 200px;
		margin-bottom: 64px;
		.cms-partner-title {
			font-size: 20px;
		    line-height: 30px;
		    margin-bottom: 5px;
		}
		.cms-partner-subtitle {
			position: relative;
			padding-bottom: 20px;
			margin-bottom: 10px;
		}
	}
}

/* 
   [Start] 21. CMS Lists
   +-----------------------------------+
*/
.cms-lists {
	.list-style {
		font-size: 13px;
		line-height: 30px;
		color: #7f7f7f;
		li {
			padding-left: 28px;
			position: relative;
			&:before {
				content: "";
				font-family: FontAwesome;
				color: $color_dark;
				left: 0;
			    position: absolute;
			    top: 50%;
			    @include transform(translate(0px, -50%));
			    font-size: 15px;
			}
		}
		&.list-style1 li {
			&:before {
				content: "\f01d";
			}
		}
		&.list-style2 li {
			&:before {
				content: "\f058";
			}
		}
		&.list-style3 li {
			&:before {
				content: "\f105";
			}
		}
		&.list-style4 li {
			&:before {
				content: "\f006";
			}
		}
		&.list-style5 li {
			&:before {
				content: "\f006";
			}
		}
		&.list-style6 li {
			&:before {
				content: "\f0da";
			}
		}
		&.list-style7 li {
			&:before {
				content: "\f111";
				font-size: 7px;
			}
		}
		&.list-style8 {
			counter-reset: li;
			padding-left: 0;
			list-style: none;
			li:after {
				counter-increment: li;         
  				content: counter(li)".";
  				color: $color_dark;
  				left: 0;
			    position: absolute;
			    top: 50%;
			    @include transform(translate(0px, -50%));
			}
		}
	}
}