/* ==========================================================================

   =Accordions

   ========================================================================== */



	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {

		border: 2px solid #979797 !important;

		border-radius: 0 !important;

		margin-bottom: 30px !important;

		background-color: transparent !important;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {

		padding: 14px 25px !important;

		color: #979797 !important;

		font-family: 'Montserrat', Arial, sans-serif;

		font-size: 14px;

		line-height: 25px;

		font-weight: 700;

		letter-spacing: 2px;

	}

	

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a:after {

		position: absolute;

		top: 15px;

		right: 15px;

		font-size: 18px;

		content: "+";

	}

	

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a:after { content: "-"; }

	

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:hover .vc_tta-panel-heading,

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {

		border-color: #232323 !important;	

	}

	

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:hover .vc_tta-panel-title > a,

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {

		color: #232323 !important;

	}

	

	.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:before, 

	.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:after {

		border: none !important;

		font-size: 18px;

		content: none !important;

	}

	

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {

		padding: 0 25px 30px 25px;

		border: none !important;

		background-color: transparent !important;

	}



/* ==========================================================================

   =Alerts

   ========================================================================== */



	.alert {

		position: relative;

		padding: 13px 20px;

		border: 2px solid #212121;

		margin-bottom: 30px;

		background-color: #fff;

		color: #212121;

		font-family: 'Montserrat', Arial, sans-serif;

		text-transform: uppercase;

		letter-spacing: 2px;

	}

	

	.alert i {

		position: relative;

		top: 1px;

		margin-right: 7px;

		font-size: 16px;

	}

	

	.alert.info {

		border: 2px solid #212121;

		color: #212121;

	}

	

	.alert.success {

		border: 2px solid #5bb254;

		color: #5bb254;

	}

	

	.alert.error {

		border: 2px solid #ff3b3b;

		color: #ff3b3b;

	}

	

	.alert.warning {

		border: 2px solid #eed377;

		color: #eed377;

	}

	

/* ==========================================================================

   =Animations

   ========================================================================== */

   

   .animate {

		-webkit-animation-duration: 1s;

				animation-duration: 1s;

		-webkit-animation-fill-mode: both;

				animation-fill-mode: both;

		visibility: hidden;

	}



	.animate.visible { visibility: visible; }

	.animate.hidden { visibility: hidden; }

   

/* ==========================================================================

   =Buttons

   ========================================================================== */



/* =Default Button

   ========================================================================== */

   

	.btn { 

		display: inline-block; 

		padding: 6px 20px; 

		border: 2px solid #232323;

		border-radius: 20px;

		margin: 0 5px 20px 0;

		background-color: #232323;

		color: #fff;

		font-size: 10px;

		line-height: 18px;

		font-weight: 400;

		letter-spacing: 2px;		

		text-transform: uppercase;

		vertical-align: middle;

		cursor: pointer;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	a.btn { 

		color: #fff;

		text-decoration: none;

	}

	

	.btn:focus { outline: 0; }

	

	.btn-large {

		padding: 10px 30px;

		font-size: 13px;

	}

	

	.btn i,

	.btn-large i { 

		float: left; 

		margin: 2px 8px 0 -4px;

		font-size: 14px; 

		line-height: 14px; 

	}

	

	.btn:hover { 

		background: transparent;

		color: #232323;

	}

	

	.btn .icon-left { float:left;margin-left:0;margin-right:8px; }

	.btn .icon-right { float:right;margin-left:8px;margin-right:0; }



/* =Colored Buttons

   ========================================================================== */

	

	.btn-white {

		border: 2px solid #232323 !important;

		background-color: #fff !important;

		color: #232323 !important;

	}



	.btn-white:hover { 

		border-color: #232323 !important;

		background-color: #232323 !important;

		color: #fff !important;

	}



/* ==========================================================================

   =Dividers

   ========================================================================== */



	.divider { margin: 30px 0; }

	

	.divider.single-line { border-top: 1px solid #e1e1e1; }

	

	.divider.double-line { border-top: 4px double #e1e1e1; }

   

/* ==========================================================================

   =Google Maps

   ========================================================================== */



	 /**

	 * 1. needed so that Google Maps controls are not distorted

	 */

	 

	.google-map {

		width: 100%; 

		height: 400px;

	}

	

	.google-map  img { max-width: none; }	/* 1 */

	

	.map { margin-bottom: 100px; }

	

	@media (max-width: 767px) {



		.map { padding: 0 20px; }

		.row .map { padding: 0; }

		

	}



/* ==========================================================================

   =Headlines

   ========================================================================== */



	.headline { margin-bottom: 15px; }

	

	.headline h3 { 

		margin-bottom: 0;

		font-weight: 700;

	}

	

	.headline h6 {

		margin-bottom: 0;

		color: #979797;

		font-family: 'Open Sans', Arial, sans-serif;

		font-weight: 800;

		letter-spacing: 2px;

	}

	

/* ==========================================================================

   =Icon Boxes

   ========================================================================== */



/* =Icon Box 1

   ========================================================================== */

   

	.icon-box-1 { 

		position: relative; 

		margin-bottom: 50px; 

	}

		

	.icon-box-1 > i {

		position: absolute;

		top: 50%;

		left: 0;

		display: block;

		color: #232323;  

		font-size: 32px; 

		line-height: 32px; 

		-webkit-transform: translateY(-50%);

			-ms-transform: translateY(-50%);

				transform: translateY(-50%);

	} 

	

	.icon-box-1 > img { 

		position: absolute;

		top: 50%;

		left: 0;

		display: block;  

		-webkit-transform: translateY(-50%);

			-ms-transform: translateY(-50%);

				transform: translateY(-50%); 

	} 

	

	.icon-box-1 .icon-box-content { margin-left: 70px; }

	

	.icon-box-1 .icon-box-content > :last-child { margin-bottom: 0; }



/* =Icon Box 2

   ========================================================================== */

   

	.icon-box-2 { 

		position: relative;

		padding: 0 20px; 

		margin-bottom: 50px; 

		text-align: center;

	}

		

	.icon-box-2 > i { 

		display: block;

		width: 64px;

		height: 64px;

		border: 2px solid #232323;

		border-radius: 50%;

		margin: 0 auto 20px auto;

		color: #232323;

		font-size: 32px;

		line-height: 64px;

		text-align: center;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	.icon-box-2 > img { margin: 0 auto 20px auto; }

	

	.icon-box-2 h5 { font-weight: 700; }

	

	.icon-box-2 h5:after {

		display: block;

		width: 30px;

		border-bottom: 2px solid #e1e1e1;

		margin: 20px auto;

		content: "";

	}

	

	.icon-box-2 .icon-box-content {}	

	

	.icon-box-2:hover > i {

		background-color: #232323;

		color: #fff;

	}



/* =Icon Box 3

   ========================================================================== */

   

	.icon-box-3 { 

		position: relative; 

		margin-bottom: 70px; 

	}	

	

	.icon-box-3 > i { 

		float: left;

		color: #232323;

		font-size: 32px; 

	} 

	

	.icon-box-3 > img { float: left; } 

	

	.icon-box-3 h4 { 

		margin-left: 60px;

		line-height: 16px;

		font-weight: 700;

	}

	

	.icon-box-3 h4:after {

		display: block;

		width: 30px;

		border-bottom: 2px solid #e1e1e1;

		margin: 20px 0;

		content: "";

	}

	

	.icon-box-3 .icon-box-content {}



/* =Icon Box 4

   ========================================================================== */

   

	.icon-box-4 { 

		position: relative;

		padding: 100px 25px; 

		border: 2px solid #e1e1e1; 

		margin-bottom: 30px;

		text-align: center; 

		-webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s;

				transition: color 0.3s, border-color 0.3s, background-color 0.3s;

	}	

	

	.icon-box-4 > i {

		display: inline-block;

		margin-bottom: 10px;

		font-size: 32px;

	}

	

	.icon-box-4 a {		

		-webkit-transition: color 0.3s;

				transition: color 0.3s;

	}

	

	.icon-box-4 .icon-box-content { 

		display: none;

		line-height: 24px;

	}

	

	.icon-box-4 .icon-box-content :last-child { margin-bottom: 0; }

	

	.icon-box-4:hover { 

		padding: 40px 25px;

		border-color: #232323;

		background-color: #232323;

		color: #fff;

	}

	

	.icon-box-4:hover a { color: #fff; }

	

	.icon-box-4:hover .icon-box-content { display: block; }

	

	@media (min-width: 1200px) {

		

		.icon-box-4:hover { padding: 52px 25px; }

		

	}

	

	@media (min-width: 768px) and (max-width: 991px) {

		

		.icon-box-4 { padding: 100px 15px; }

		.icon-box-4:hover { padding: 16px 15px; }

		

	}

	

/* =Icon Box 5

   ========================================================================== */

   

	.icon-box-5 { 

		position: relative;

		margin-bottom: 70px; 

	}

		

	.icon-box-5 > i { 

		display: block;

		margin-bottom: 20px;

		color: #232323;

		font-size: 32px;

	}

	

	.icon-box-5 > img { margin-bottom: 20px; }

	

	.icon-box-5 h4 { font-weight: 700; }

	

	.icon-box-5 h4:after {

		/*display: block;

		width: 30px;

		border-bottom: 2px solid #e1e1e1;

		margin: 20px 0;

		content: "";*/

	}

	

	.icon-box-5 .icon-box-content {}

	

/* ==========================================================================

   =Milestones

   ========================================================================== */



	.milestone {

		position: relative;

		margin-bottom: 50px;

		text-align: center;

	}

	

	/*

	 * 1. Clearfix hack 

	 */

	.milestone:after { /* 1 */

		visibility: hidden;

		display: block;

		height: 0;

		font-size: 0;

		content: " ";

		clear: both;		

	}

	

	.milestone i {

		z-index: 2;

		margin-right: 10px;

		font-size: 32px;

	}

	

	.milestone .milestone-content {

		z-index: 1;

		color: #232323;

		font-family: 'Montserrat', Arial, sans-serif;

		font-size: 72px;

		line-height: 100px;

	}

	

	.milestone .milestone-description { 

		font-size: 16px; 

		line-height: 28px;

		letter-spacing: 2px;

		text-transform: uppercase;

	}

	

	@media (min-width: 768px) and (max-width: 991px) {

		

		.milestone .milestone-content {

			font-size: 64px;

			line-height: 72px;

		}

		

	}



/* ==========================================================================

   =Our Process

   ========================================================================== */



/* =Horizontal process

   ========================================================================== */



	.horizontal-process-builder { 

		position: relative;

		margin-bottom: 70px;

		list-style: none;

		text-align: center; 

	}

	

	.horizontal-process-builder:before {

		position: absolute;

		z-index: 1;

		top: 103px;

		left: 125px;

		display: block;

		width: 75%;

		border-top: 2px solid #232323;

		content: "";

	}

	

	.horizontal-process-builder li { 

		float: left;

		width: 25%;  

	}

	

	.horizontal-process-builder li h6 { letter-spacing: 2px; }

	

	.horizontal-process-builder li i {

		position: relative;

		z-index: 2;

		display: block;

		width: 100px; 

		height: 100px;

		overflow: hidden;  

		border: 2px solid #232323;

		border-radius: 50%;

		margin: 30px auto;

		/*outline: 10px solid #fff;*/

		background-color: #232323;

		background-clip: padding-box;

		color: #fff;

		font-size: 32px; 

		line-height: 100px;

		-webkit-transition: all 0.3s;

				transition: all 0.3s; 

	}

	

	.horizontal-process-builder li:hover i { 

		background-color: #fff;

		color: #232323;

	}



	.horizontal-process-builder.four-items li { width: 25%; }

	.horizontal-process-builder.five-items li { width: 20%; }

	

	.process-description { padding: 0 15px; }

	

	/*

	 * 1. Clearfix hack 

	 */

	.horizontal-process-builder:after { /* 1 */

		visibility: hidden;

		display: block;

		height: 0;

		font-size: 0;

		content: " ";

		clear: both;		

	}

	

	@media (max-width: 767px) {

		

		.horizontal-process-builder li { 

			float: none;

			width: 100%;

			margin-bottom: 40px; 

		}

		

		.horizontal-process-builder:before { content: none; }

		

		.horizontal-process-builder.four-items li { width: 100%; }

		.horizontal-process-builder.five-items li { width: 100%; }

		

	}

	

/* =Vertical process

   ========================================================================== */



	.vertical-process-builder {

		position: relative;

		margin-bottom: 40px;

		list-style: none;

	}

	

	.vertical-process-builder:before {

		position: absolute;

		z-index: 1;

		top: 0;

		left: 26px;

		display: block;

		height: 85%;

		border-left: 1px solid #e1e1e1;

		content: "";

	}

	

	.vertical-process-builder li { margin-bottom: 70px; }

	

	.vertical-process-builder li i,

	.vertical-process-builder li h1 {

		position: relative;

		z-index: 2;

		float: left;

		display: block;

		width: 72px;

		height: 72px;

		overflow: hidden;

		border: 1px solid #e1e1e1;

		border-radius: 50%;

		margin-left: -10px;

		outline: 10px solid #fff;

		background-color: #fff;

		background-clip: padding-box;

		font-size: 36px;

		line-height: 72px;

		text-align: center;

		-webkit-transition: backgroud-color 0.3s;

				transition: backgroud-color 0.3s;

	}

	

	.vertical-process-builder .process-description { margin-left: 100px; }

	

	.vertical-process-builder li:hover i,

	.vertical-process-builder li:hover h1 { background-color: #f3f3f3; }

	

	@media (max-width: 767px) {

		

		.vertical-process-builder li i,

		.vertical-process-builder li h1 { margin-left: 0; }

		

		.vertical-process-builder:before { left: 36px; }

		

	}



/* ==========================================================================

   =Pie charts

   ========================================================================== */



	.pie-chart {

		position: relative;	

		margin: 0 auto 50px;

		text-align: center;

	}

	

	.pie-chart canvas {

		position: absolute;

		z-index: 1;

		top: 0;

		left: 0;

	}

	

	.pie-chart i, 

	.pie-chart .pie-chart-custom-text, 

	.pie-chart .pie-chart-percent {

		position: absolute;

		z-index: 2;

		top: 0;

		left: 0;

		display: block;

		width: 100%;

		color: #232323;

		text-align: center;

	}

	

	.pie-chart img {

		max-width: 100%;

		vertical-align: middle;

	}

	

	.pie-chart .pie-chart-custom-text {

		font-size: 18px;

	}

	

	.pie-chart .pie-chart-percent {

		font-family: 'Montserrat', Arial, sans-serif;

		font-size: 24px;

	}

	

	.pie-chart-description {

		display: block;

		font-size: 14px;

		text-align: center;

	}

	

	.pie-chart-description h4 {

		margin-bottom: 30px;

	}



/* ==========================================================================

   =Pricing Tables

   ========================================================================== */



	.pricing-table {

		-webkit-box-sizing: border-box;

		   -moz-box-sizing: border-box;

				box-sizing: border-box;

		padding: 50px 20px;

		border: 2px solid #232323;

		margin-bottom: 50px;

		text-align: center;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}



	.pricing-table-header {	margin-bottom: 35px; }



	.pricing-table-header h1 {

		padding: 10px 0;

		margin-bottom: 0;

		font-size: 48px;

		line-height: 25px;

	}

	

	.pricing-table-header h1 small {

		display: block;

		margin-top: 20px;

		font-size: 12px;

	}

	

	.pricing-table-header h1 small:before {

		display: block;

		content: "/";

	}



	.pricing-table-header h4 { margin-bottom: 40px; }

		

	.pricing-table-offer {}

	

	.pricing-table-offer ul {

		margin-bottom: 50px;

		font-size: 12px;

		letter-spacing: 5px;

		list-style: none;

		text-transform: uppercase;

	}

	

	.pricing-table-offer ul li {}

	

	.pricing-table-offer ul li:after {

		display: block;

		width: 20px;

		border-bottom: 1px solid #e6e6e6;

		margin: 10px auto;

		content: "";

	}

	

	.pricing-table-offer ul li:last-child:after { display: none; }

	

	.pricing-table .btn { margin-bottom: 0; }

	

	.pricing-table:hover {

		border-color: #f3f3f3;

		box-shadow: 0 0 20px 10px #f3f3f3;

	}



/* ==========================================================================

   =Progress Bar

   ========================================================================== */



	.progress-bar-description {

		position: relative;

		display: block;

		margin-bottom: 25px;

		font-size: 16px;

		line-height: 16px;

		font-weight: 700;

		letter-spacing: 3px;

		text-transform: uppercase;		

	}

	

	.progress-bar-description span {

		position: absolute;

		top: 0;

		left: 0;

	}

	

	.progress-bar {

		position: relative;

		display: block;

		height: 10px;

		margin-bottom: 30px;

		background-color: #d7d7d7;

	}

	

	.progress-bar .progress-bar-outer {

		position: absolute;

		top: 0;

		left: 0;

		height: 100%;

		background-color: #232323;

	}

	

	.progress-bar .progress-bar-outer .progress-bar-inner {

		position: absolute;

		z-index: 1;

		overflow: hidden;

		top: 0;

		left: 0;

		display: block;

		height: 100%;

		width: 100%;

		background: url(../images/pattern.png) repeat top left;

	}



/* ==========================================================================

   =Revolution Slider

   ========================================================================== */



/* =Rev Slider navigation

   ========================================================================== */



	.tparrows.tp-leftarrow.default,

	.tparrows.tp-rightarrow.default {

		width: 28px;

		height: 28px;

		border: 2px solid #fff;

		opacity: 0.5;

	}



	.tparrows.tp-leftarrow.default:hover,

	.tparrows.tp-rightarrow.default:hover { opacity: 1; }



	.tparrows.tp-leftarrow.default { background: url(../images/left.png) no-repeat center center; }

	.tparrows.tp-rightarrow.default { background: url(../images/right.png) no-repeat center center; }

	

	.caption.subtitle:after {

		display: block;

		width: 30px;

		border-bottom: 2px solid #d7d7d7;

		margin-top: 15px;

		content: "";

	}

	

/* ==========================================================================

   =Social Media

   ========================================================================== */



	a.social-icon {

		float: left;

		display: block;

		width: 28px;

		height: 28px;

		border: 2px solid #232323;

		margin-right: 10px;

		margin-bottom: 10px;

		color: #232323;

		text-align: center;

	}



	a.social-icon:last-child { margin-right: 0; }



	a.social-icon i {

		font-size: 16px;

		line-height: 28px;

	}

	

	a.social-icon:hover {

		color: #fff;

		text-decoration: none;

	}

	

	a.facebook-icon:hover { background-color: #0e59a0 !important; }

	a.twitter-icon:hover { background-color: #0ea4ff !important; }

	a.dribble-icon:hover { background-color: #ea73a0 !important; }

	a.pinterest-icon:hover { background-color: #d73532 !important; }

	a.googleplus-icon:hover { background-color: #282927 !important; }

	a.tumblr-icon:hover { background-color: #586980 !important; }

	a.instagram-icon:hover { background-color: #82685a !important; }

	a.rss-icon:hover { background-color: #f79638 !important; }

	a.linkedin-icon:hover { background-color: #018faf !important; }

	a.skype-icon:hover { background-color: #00b0f6 !important; }

	a.flickr-icon:hover { background-color: #0061db !important; }

	a.vimeo-icon:hover { background-color: #63879c !important; }

	a.github-icon:hover { background-color: #3b3b3b !important; }

	a.youtube-icon:hover { background-color: #cc181e !important; }

	a.windows-icon:hover { background-color: #6dc2e9 !important; }

	a.dropbox-icon:hover { background-color: #007ee5 !important; }

	a.xing-icon:hover { background-color: #026566 !important; }	

	a.adn-icon:hover { background-color: #1ea076 !important; }

	a.android-icon:hover { background-color: #98cb02 !important; }

	a.apple-icon:hover { background-color: #000000 !important; }

	a.behance-icon:hover { background-color: #2d9ad2 !important; }

	a.bitbucket-icon:hover { background-color: #214f81 !important; }

	a.bitcoin-icon:hover { background-color: #f7931b !important; }

	a.codepan-icon:hover { background-color: #000000 !important; }

	a.css3-icon:hover { background-color: #3289ce !important; }

	a.delicious-icon:hover { background-color: #3399fe !important; }

	a.deviantart-icon:hover { background-color: #c8da30 !important; }

	a.digg-icon:hover { background-color: #0080c2 !important; }

	a.drupal-icon:hover { background-color: #0077b9 !important; }

	a.empire-icon:hover { background-color: #000000 !important; }

	a.foursquare-icon:hover { background-color: #daecb0 !important; }

	a.git-icon:hover { background-color: #f34f29 !important; }

	a.gitti-icon:hover { background-color: #634c3e !important; }

	a.hacker-news-icon:hover { background-color: #f18642 !important; }

	a.html5-icon:hover { background-color: #e54c1f !important; }

	a.joomla-icon:hover { background-color: #016fb9 !important; }

	a.jsfiddle-icon:hover { background-color: #4679a4 !important; }

	a.linux-icon:hover { background-color: #fece0e !important; }

	a.maxcdn-icon:hover { background-color: #f36f20 !important; }

	a.openid-icon:hover { background-color: #fe6101 !important; }

	a.pagelines-icon:hover { background-color: #3783e3 !important; }

	a.pied-piper-icon:hover { background-color: #0c7b48 !important; }

	a.qq-icon:hover { background-color: #23286c !important; }

	a.rebel-icon:hover { background-color: #000000 !important; }

	a.reddit-icon:hover { background-color: #cee3f8 !important; }

	a.renren-icon:hover { background-color: #0d81e4 !important; }

	a.share-icon:hover { background-color: #252525 !important; }

	a.slack-icon:hover { background-color: #453744 !important; }

	a.soundcloud-icon:hover { background-color: #fe4e00 !important; }

	a.spotify-icon:hover { background-color: #80bb41 !important; }

	a.stack-exchange-icon:hover { background-color: #265a93 !important; }

	a.stackoverflow-icon:hover { background-color: #fea501 !important; }

	a.steam-icon:hover { background-color: #191919 !important; }

	a.stumbleupon-icon:hover { background-color: #f04f23 !important; }

	a.tencent-weibo-icon:hover { background-color: #0063a7 !important; }

	a.trello-icon:hover { background-color: #226784 !important; }

	a.vine-icon:hover { background-color: #00b081 !important; }

	a.vk-icon:hover { background-color: #50769d !important; }

	a.wechat-icon:hover { background-color: #a4dc31 !important; }

	a.weibo-icon:hover { background-color: #d82828 !important; }

	a.wordpress-icon:hover { background-color: #454442 !important; }

	a.yahoo-icon:hover { background-color: #4b04a8 !important; }



/* ==========================================================================

   =Tabs

   ========================================================================== */



	.vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) .vc_tta-tabs-container, 

	.vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-modern:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill) .vc_tta-tabs-container { margin-bottom: 0 !important; }

	

	.vc_tta.vc_tta-shape-rounded .vc_tta-tabs-container { margin: 0 !important; }

	

	.vc_tta.vc_tta-spacing-1 .vc_tta-tabs-list { margin: 0 !important; }

	

	.vc_tta.vc_tta-spacing-1 .vc_tta-tab { margin: 0 2px 0 0 !important; }

	

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {

		padding: 10px 25px !important; 

		border: 2px solid #7c7c7c !important;

		border-radius: 0 !important;

		background-color: #7c7c7c !important;

		color: #fff !important;

		font-family: 'Montserrat', Arial, sans-serif;

		font-size: 14px;

		line-height: 25px;

		letter-spacing: 1px;

		text-transform: uppercase;

		-webkit-transition: background-color 0.3s, color 0.3s;

				transition: background-color 0.3s, color 0.3s;

	}

	

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab:hover > a,

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {

		border-color: #232323 !important;

		border-bottom-color: #fff !important;

		background-color: #fff !important;

		color: #232323 !important;

	}

	

	.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {

		padding: 30px 40px 5px 40px !important;

		border: 2px solid #232323 !important;

		border-top: none !important;

		border-radius: 0 !important;

		background-color: transparent !important;

	}

	

/* ==========================================================================

   =Testimonials

   ========================================================================== */



	.testimonial { 

		margin: 60px 0;

		text-align: center;

	}

	

	.testimonial blockquote {

		position: relative;

		margin-bottom: 40px; 

	}

	

	.testimonial blockquote:before {

		position: absolute;

		top: -55px;

		left: 50%;

		font-family: "FontAwesome";

		font-size: 22px;

		content: "\f10d";

		-webkit-transform: translateX(-50%);

				transform: translateX(-50%);

	}

	

	.testimonial blockquote :last-child { margin-bottom: 0; }



	.testimonial img {

		display: inline-block;

		margin-bottom: 40px;

	}

	

	.testimonial h4 {}

	

	/*

	 * 1. Clearfix hack 

	 */

	.testimonial:after { /* 1 */

		visibility: hidden;

		display: block;

		height: 0;

		font-size: 0;

		content: " ";

		clear: both;		

	}

	

/* ==========================================================================

   =Team Member

   ========================================================================== */



	.team-member {

		margin-bottom: 30px;

		text-align: center;

	}

	

	.team-member img {

		display: block;

		width: 100%;

		margin-bottom: 50px;

	}

	

	.team-member h6 {

		color: #979797;

		font-size: 13px;

	}

	

/* ==========================================================================

   =Portfolio Item

   ========================================================================== */

	

	.portfolio-item { 

		position: relative; 

		margin-bottom: 30px;

	}

	

	.portfolio-item-preview { position: relative; }

	

	

	.portfolio-item-preview > img {

		display: block;

		width: 100%;

	}

	

	.portfolio-filter-hidden { display:none; }

	

	.portfolio-item-overlay {

		position: absolute; 

		top: 0; 

		right: 0; 

		bottom: 0; 

		left: 0;

		margin: 30px;

		background-color: rgba(0, 0, 0, 0.7);

		color: #fff;

		opacity: 0;

		-webkit-transform: scale(0);

			-ms-transform: scale(0);

				transform: scale(0);

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	.portfolio-item-overlay a { color: #fff; }

	

	.portfolio-item:hover .portfolio-item-overlay { 

		opacity: 1;

		-webkit-transform: scale(1);

			-ms-transform: scale(1);

				transform: scale(1);

	}	

		

	.portfolio-item-overlay-actions {

		position: absolute;

		top: 0;

		width: 100%;

		-webkit-box-sizing: border-box;

		   -moz-box-sizing: border-box;

				box-sizing: border-box;

		text-align: center;

		opacity: 0;

		-webkit-transition: all 0.3s 0.2s;

				transition: all 0.3s 0.2s;

	}

	

	.portfolio-item:hover .portfolio-item-overlay-actions { 

		top: 50%;

		opacity: 1;

	}

	

	.portfolio-item-overlay-actions .portfolio-item-zoom,

	.portfolio-item-overlay-actions .portfolio-item-link {

		display: inline-block;

		padding: 10px; 

		margin: 0 5px;

		text-decoration: none;

		-webkit-transform: translateY(-50%);

			-ms-transform: translateY(-50%);

				transform: translateY(-50%);

	}

	

	.portfolio-item-overlay-actions .portfolio-item-zoom i,

	.portfolio-item-overlay-actions .portfolio-item-link i {

		color: #fff; 

		font-size: 22px; 

		line-height: 40px; 

	}

	

	.portfolio-item-description { text-align: center; }

	

	.portfolio-item-preview + .portfolio-item-description { margin: 50px 0; }

	

	.portfolio-item-description h4 {

		margin-bottom: 0;

		font-weight: 700; padding: 0 35px; 

	}

	

	.portfolio-item-description p {

		margin-bottom: 0;

		font-size: 10px;

		letter-spacing: 2px;

		text-transform: uppercase;

	}

	

	.portfolio-item-overlay .portfolio-item-description {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		opacity: 0;

		-webkit-transform: translateY(-50%);

			-ms-transform: translateY(-50%);

				transform: translateY(-50%);

		-webkit-transition: all 0.3s 0.2s;

				transition: all 0.3s 0.2s;

	}

	

	.portfolio-item:hover .portfolio-item-overlay .portfolio-item-description { 

		top: 50%;

		opacity: 1;

	}

	

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		

		.portfolio-item-overlay { margin: 15px; }

		

	}

	

/* ==========================================================================

   =Portfolio Filter

   ========================================================================== */

	

	.portfolio-filter ul {

		margin-bottom: 70px;

		list-style: none;

		text-align: center;

	}

	

	.portfolio-filter ul li { 

		display: inline-block;

		margin-right: 10px;

	}

	

	.portfolio-filter ul li:last-child { margin-right: 0; }

	

	.portfolio-filter ul li a {

		display: block;

		padding: 5px 15px;

		border: 2px solid transparent;

		color: #979797;

		text-decoration: none;

		-webkit-transition: border-color 0.3s;

				transition: border-color 0.3s;

	}

	

	.portfolio-filter ul li a:hover,

	.portfolio-filter ul li a.active { 

		border-color: #232323;

		color: #232323; 

	}	

	

	@media (max-width: 767px) {

		

		.portfolio-filter ul li { 

			display: block;

			margin-bottom: 10px;

		}

		

		.portfolio-filter ul li:last-child { margin-bottom: 0; }

		

	}



/* ==========================================================================

   =Portfolio Pagination

   ========================================================================== */

	

	.portfolio-pagination { 

		margin-bottom: 50px;

		text-align: center;

	}



	/*

	 * 1. Clearfix hack 

	 */

	.portfolio-pagination:after { /* 1 */

		visibility: hidden;

		display: block;

		height: 0;

		font-size: 0;

		content: " ";

		clear: both;		

	}	

	

	.portfolio-pagination .nav-links {}



	.portfolio-pagination .page-numbers {

		display: inline-block;

		width: 32px;

		height: 32px;

		border: 2px solid #232323;

		margin-right: 10px;

		font-family: 'Montserrat', Arial, sans-serif;

		font-size: 14px;

		line-height: 32px;

		text-align: center;

		text-decoration: none;

		-webkit-transition: all 0.3s;

				transition: all 0.3s;

	}

	

	.portfolio-pagination .page-numbers:last-child { margin-right: 0; }



	.portfolio-pagination .page-numbers:hover,

	.portfolio-pagination .page-numbers.current {

		background-color: #232323;

		color: #fff;

	}



	.portfolio-pagination .current {}

	

	.portfolio-pagination .page-numbers.dots {

		border: none;

	}

	

	.portfolio-pagination .page-numbers.dots:hover {

		background-color: transparent;

		color: #212121;

	}



	.portfolio-pagination .prev,

	.portfolio-pagination .next {}



	.portfolio-pagination .prev:before,

	.portfolio-pagination .next:before { font-family: "FontAwesome"; }



	.portfolio-pagination .prev:hover,

	.portfolio-pagination .prev:focus,

	.portfolio-pagination .next:hover,

	.portfolio-pagination .next:focus {}



	.portfolio-pagination .prev {}



	.portfolio-pagination .prev:before { content: "\f104"; }



	.portfolio-pagination .next {}



	.portfolio-pagination .next:before { content: "\f105"; }

   

/* ==========================================================================

   =Portfolio Grid

   ========================================================================== */



   .portfolio-grid {

		margin-bottom: 70px;

		list-style: none;

	}

	

	.portfolio-grid.gutter { margin: 0px -15px 60px -15px; }

	

	.portfolio-grid .item {

		float: left;

		width: 33.33333%;

		-webkit-box-sizing: border-box;

		   -moz-box-sizing: border-box;

				box-sizing: border-box;

	}

	

	.portfolio-grid.gutter .item { padding: 15px; }

	

	.portfolio-grid .portfolio-item { margin-bottom: 0; }

	

	/*

	 * 1. Clearfix hack 

	 */

	.portfolio-grid:after { /* 1 */

		visibility: hidden;

		display: block;

		height: 0;

		font-size: 0;

		content: " ";

		clear: both;		

	}

	

	@media (min-width: 768px) and (max-width: 991px) {

		

		.portfolio-grid .item { width: 50%; } 

		

	}

	

	@media (max-width: 767px) {

		

		.portfolio-grid .item {

			float: none;

			width: 100%; 

		}

		

	}

	

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		

		.portfolio-grid .item {

			float: left;

			width: 50%; 

		}

		

	}

   

/* ==========================================================================

   =Portfolio Strip

   ========================================================================== */

   

   .portfolio-strip {

		margin-bottom: 30px;

		list-style: none;

	}

	

	.portfolio-strip .item {

		float: left;

		width: 25%;

	}

	

	.portfolio-strip .item:last-child { display: none; }

	

	.portfolio-strip .portfolio-item { margin-bottom: 0; } 

	

	/*

	 * 1. Clearfix hack 

	 */

	.portfolio-strip:after { /* 1 */

		visibility: hidden;

		display: block;

		height: 0;

		font-size: 0;

		content: " ";

		clear: both;		

	}

	

	@media (min-width: 1200px) {

		

		.portfolio-strip .item { width: 20%; }

		.portfolio-strip .item:last-child { display: block; } 

		

	}

	

	@media (min-width: 768px) and (max-width: 991px) {

		

		.portfolio-strip .item { width: 33.3333333333%; }

		.portfolio-strip .item:last-child { display: block; } 

		

	}

	

	@media (max-width: 767px) {

		

		.portfolio-strip .item {

			float: none;

			width: 100%; 

		}

		

		.portfolio-strip .item:last-child { display: block; } 

		

	}

	

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		

		.portfolio-strip .item {

			float: left;

			width: 50%; 

		}

		

	}

	

/* ==========================================================================

   =Bx Slider

   ========================================================================== */

   

/* =Bx Slider reset

   ========================================================================== */

   

   .bx-wrapper { margin: 0 auto 40px; }

   

/* =Bx Slider theme

   ========================================================================== */   

   

   .bx-wrapper .bx-viewport {		

		left: auto;

		border: none;

		-webkit-box-shadow: none;

		   -moz-box-shadow: none;

				box-shadow: none;		

		background: none;

	}

	

/* =Bx Slider Pager

   ========================================================================== */ 

   

	.bx-wrapper .bx-pager,

	.bx-wrapper .bx-controls-auto { bottom: 30px; }

	

/* =Bx Slider Dir Nav

   ========================================================================== */ 

   

	.bx-wrapper .bx-prev {

		left: 0;

		background: url(../images/left.png) no-repeat center center;

	}



	.bx-wrapper .bx-next {

		right: 0;

		background: url(../images/right.png) no-repeat center center;

	}

	

	.bx-wrapper .bx-prev:hover, 

	.bx-wrapper .bx-next:hover { background-position: center center; }

	

	/*

	 * 1. We are changing the original z-index from 9999 to 1000 so that it doesn't overlap other elements that need to be above this one

	 */

	.bx-wrapper .bx-controls-direction a {

		width: 36px;

		height: 36px;

		z-index: 1000; /* 1 */

		border: 2px solid #232323;

		margin-top: 0;

		background-color: #232323;

		opacity: 0.5;

	}	

	

	.bx-wrapper .bx-controls-direction a:hover { opacity: 1; }

	

	.bx-wrapper .bx-pager.bx-default-pager a {

		width: 8px;

		height: 8px;

		border: 1px solid #7c7c7c;

		background: #7c7c7c;

	}

	

	.bx-wrapper .bx-pager.bx-default-pager a:hover,

	.bx-wrapper .bx-pager.bx-default-pager a.active {

		border-color: #232323;

		background: #232323;

	}

	

	.images-slider { margin-bottom: 100px; }

	

	.images-slider .bx-wrapper .bx-prev { left: 30px; }

	.images-slider .bx-wrapper .bx-next { right: 30px; }

	

	.images-slider .bx-wrapper .bx-controls-direction a { 

		border-color: #fff;

		background-color: transparent;

		

	}		

	

	.testimonial-slider .bx-viewport { overflow: visible !important; }

	

	.testimonial-slider .testimonial { 

		width: 75%;

		margin: 60px auto 0 auto;

	}

	

	.testimonial-slider .bx-wrapper .bx-controls-direction a { display: none; }

	

	.testimonial-slider .bx-wrapper .bx-prev { left: -30px; }

	.testimonial-slider .bx-wrapper .bx-next { right: -30px; }

	

	.testimonial-slider .bx-wrapper .bx-pager,

	.testimonial-slider .bx-wrapper .bx-controls-auto { bottom: -50px; }

	

	.features-slider .bx-wrapper .bx-controls-direction a { display: none; }

	

	.features-slider .bx-wrapper .bx-prev { left: -100px; }

	.features-slider .bx-wrapper .bx-next { right: -100px; }

	

	.features-slider .bx-wrapper .bx-pager,

	.features-slider .bx-wrapper .bx-controls-auto { bottom: -50px; }

	

	#images-slider-2-pager {

		margin-bottom: 30px;

		text-align: center; 

	}

	

	#images-slider-2-pager a {

		display: inline-block;

		margin: 0 3px; 

	}

	

	@media (min-width: 1200px) {

		

		.testimonial-slider .bx-wrapper .bx-pager,

		.testimonial-slider .bx-wrapper .bx-controls-auto,

		.features-slider .bx-wrapper .bx-pager,

		.features-slider .bx-wrapper .bx-controls-auto { display: none; }

		

		.testimonial-slider .bx-wrapper .bx-controls-direction a,

		.features-slider .bx-wrapper .bx-controls-direction a { display: block; }

		

		#images-slider-2-pager a { margin: 0 10px; }				

		

	}

	

	@media (min-width: 768px) and (max-width: 991px) {

		

		#images-slider-2-pager a { margin: 5px; }

		

	}

	

	@media (max-width: 767px) {

		

		.testimonial-slider .testimonial { width: 100%; }

		

		#images-slider-2-pager a { margin: 5px; }

		

	}

	

/* ==========================================================================

   =Custom colors

   ========================================================================== */

	

	.custom-color-selected a,

	.custom-color-selected h1,

	.custom-color-selected h2,

	.custom-color-selected h3,

	.custom-color-selected h4,

	.custom-color-selected h5,

	.custom-color-selected h6,

	.custom-color-selected .icon-box-1 > i,

	.custom-color-selected .icon-box-2 > i,

	.custom-color-selected .icon-box-3 > i,

	.custom-color-selected .icon-box-5 > i,

	.custom-color-selected .milestone .milestone-content,

	.custom-color-selected .pie-chart i, 

	.custom-color-selected .pie-chart .pie-chart-custom-text, 

	.custom-color-selected .pie-chart .pie-chart-percent,

	.custom-color-selected .portfolio-filter ul li a:hover,

	.custom-color-selected .portfolio-filter ul li a.active,

	.custom-color-selected ul.fill-circle li:before,

	.custom-color-selected .widget_categories ul li:before,

	.custom-color-selected .widget_pages ul li:before,

	.custom-color-selected .widget_archive ul li:before,

	.custom-color-selected .widget_meta ul li:before,

	.custom-color-selected .widget_nav_menu ul li:before,

	.custom-color-selected .ewf_widget_navigation ul li:before,

	.custom-color-selected .ewf_widget_latest_posts ul li .title,

	.custom-color-selected span.posted-on,

	.custom-color-selected #newsletter-subscribe-form input[type="submit"]:hover,

	.custom-color-selected .comment-list .reply a:hover,

	.custom-color-selected .comment-form #submit:hover,

	.custom-color-selected  .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:hover .vc_tta-panel-title > a, 

	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a,

	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:hover .vc_tta-panel-heading, 

	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,

	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a	{ color: inherit !important; }

	

	.custom-color-selected .accordion-item:hover,

	.custom-color-selected .accordion-item.active,

	.custom-color-selected .toggle-item:hover,

	.custom-color-selected .toggle-item.active,

	.custom-color-selected .divider.single-line,

	.custom-color-selected .divider.double-line,

	.custom-color-selected .icon-box-2 > i,

	.custom-color-selected .icon-box-2 h5::after,

	.custom-color-selected .icon-box-3 h4::after,

	.custom-color-selected .pricing-table,

	.custom-color-selected a.social-icon,

	.custom-color-selected .portfolio-filter ul li a:hover,

	.custom-color-selected .portfolio-filter ul li a.active,

	.custom-color-selected .portfolio-pagination .page-numbers,

	.custom-color-selected span.posted-on,

	.custom-color-selected #newsletter-subscribe-form input[type="submit"]:hover,

	.custom-color-selected .comment-list .reply a:hover,

	.custom-color-selected .comment-form #submit:hover,

	.custom-color-selected .bx-wrapper .bx-controls-direction a,

	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading	{ border-color: inherit !important; }

	

	.custom-color-selected .pricing-table:hover { box-shadow: 0 0 10px 1px #f3f3f3; }

	

	.custom-color-selected .bx-wrapper .bx-pager.bx-default-pager a { background-color: #fff; }

	

	.custom-color-selected .bx-wrapper .bx-pager.bx-default-pager a:hover,

	.custom-color-selected .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #232323; }



	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {

		background-color: inherit !important;

		border-color: inherit !important;

	}



	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab:hover > a, 

	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {

		background-color: none !important;

		border-color: inherit !important;

		color: inherit !important;

	}



	.custom-color-selected .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {

		border-color: inherit !important;

	}

	

/* ==========================================================================

   #Woocommerce corrections

   ========================================================================== */	



	.woocommerce {  }

   

	.woocommerce .quantity .qty { width: 10em; }   



	.woocommerce-cart .cart-collaterals .cart_totals table td, 

	.woocommerce-cart .cart-collaterals .cart_totals table th {

		border-left: 0 none;

		border-right: 0 none;

		line-height: 2em;

		padding: 10px;

		vertical-align: top;

	}



	.woocommerce table th {

		color: #fff;

	}	

	

	.woocommerce-cart table.cart td.actions .coupon .input-text {

		padding: 7px 6px;

	}

	

	.address {

		-webkit-box-sizing: border-box;

		   -moz-box-sizing: border-box;

			    box-sizing: border-box;

		padding: 30px 20px;

		border: 2px solid #e1e1e1;

		border-radius: 3px;

		margin-bottom: 10px;		

	}

	

	.woocommerce a.added_to_cart {

		background-color: #232323;

		border: 2px solid #232323;

		border-radius: 20px;

		color: #fff;

		cursor: pointer;

		display: inline-block;

		font-size: 10px;

		font-weight: 400;

		letter-spacing: 2px;

		line-height: 18px;

		margin: 0 5px 20px 0;

		padding: 6px 20px;

		text-transform: uppercase;

		transition: all 0.3s ease 0s;

		vertical-align: middle;

	}

	

	.woocommerce a.added_to_cart:hover {



	}

	

	.woocommerce nav.woocommerce-pagination ul li a, 

	.woocommerce nav.woocommerce-pagination ul li span {

		padding: 12px;

	}

	

	.woocommerce nav.woocommerce-pagination ul {

		border-radius: 2px;

	}

	

	.woocommerce nav.woocommerce-pagination {

		margin-bottom: 35px;

	}

	

	.woocommerce .woocommerce-ordering, 

	.woocommerce .woocommerce-result-count {

		margin: 0 0 75px;

	}

	

	.woocommerce #respond input#submit.alt, 

	.woocommerce a.button.alt, 

	.woocommerce button.button.alt, 

	.woocommerce input.button.alt {

		border-radius: 20px;

		padding: 0.8em 1.2em;

	}

	

	

	.woocommerce .cart .button, 

	.woocommerce .cart input.button {

		border-radius: 20px;

	}

	

	.woocommerce .star-rating {

		height: 1.1em;

		width: 6em;

	}

	

	.woocommerce .related ul li.product, 

	.woocommerce .related ul.products li.product, 

	.woocommerce .upsells.products ul li.product, 

	.woocommerce .upsells.products ul.products li.product, 

	.woocommerce-page .related ul li.product, 

	.woocommerce-page .related ul.products li.product, 

	.woocommerce-page .upsells.products ul li.product, 

	.woocommerce-page .upsells.products ul.products li.product {

		 width: 30%;

		 -webkit-box-sizing: border-box;

		   -moz-box-sizing: border-box;

			    box-sizing: border-box;

	}