/* ==========================================================================
   =Accordions and Toggles
   ========================================================================== */

/* =Accordion
   ========================================================================== */
	
	.accordion { margin-bottom: 30px; }

	.accordion .accordion-item {
		color: #ffffff;
		display: block;
		font-weight: 600;
		margin-bottom: 10px;
		padding: 15px 30px 15px 20px;
		position: relative;
		text-transform: uppercase;
		background-color: #811c14;
	}
	
	.accordion-item:after {
		position: absolute;
		top: 15px;
		right: 15px;
		font-size: 18px;
		content: "+";
	}
	
	.accordion-item.active:after { content: "-"; }
	
	.accordion-item:hover,
	.accordion-item.active { text-decoration: none; }
	
	.accordion-item-content { 
		display: none; 
		padding: 15px; 
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	 
	.accordion-item-content:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
/* =Toggle
   ========================================================================== */
	
	.toggle { margin-bottom: 30px; }

	.toggle .toggle-item {
		display: block;
		font-weight: 600;
		margin-bottom: 10px;
		padding: 15px 30px 15px 20px;
		position: relative;
		text-transform: uppercase;
		color: #ffffff;
		background-color: #811c14;
	}

	.toggle-item:after {
		position: absolute;
		top: 15px;
		right: 15px;
		font-size: 18px;
		content: "+";
	}
	
	.toggle-item.active:after { content: "-"; }
	
	.toggle-item:hover,
	.toggle-item.active { text-decoration: none; }
	
	.toggle-item-content { 
		display: none; 
		padding: 15px; 
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	 
	.toggle-item-content:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}

/* ==========================================================================
   =Alerts
   ========================================================================== */

	.alert {
		margin-bottom: 30px;
		padding: 15px 20px;
		background-color: #ffffff;
		color: #3e3d3d;
	}
	
	.alert.success,
	.alert.info,
	.alert.warning,
	.alert.error { 
		border: none;
		color: #ffffff;
	}

	.alert.success { background-color: #4CAF50; }
	
	.alert.info {background-color: #2196F3;}
	
	.alert.warning {background-color: #ff9800;}
	
	.alert.error { background-color: #f44336; }

	.closebtn {
		margin-left: 15px;
		color: #ffffff;
		float: right;
		font-size: 18px;
		line-height: 20px;
		cursor: pointer;
		-webkit-transition: 0.5s;
				transition: 0.5s;
	}
	
	.alert .closebtn { color: #272727; }

	.closebtn:hover { 
		color: black; 
		-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
				transform: rotate(180deg);
	}
	
/* ==========================================================================
   =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; }

/* ==========================================================================
   =Boxes
   ========================================================================== */

	.box { 
		position: relative;
		box-sizing: border-box;
		padding: 30px; 
		margin-bottom: 30px;
	}
	
	.box > *:last-child { margin-bottom: 0; } 

	.box.box-style-1 { border: 1px solid #811c14; }

	.box.box-style-2 { background-color: #ffffff; }
	
	.box.box-style-2.alt-1,
	.box.box-style-2.alt-2 { color: #ffffff; }
	
	.box.box-style-2.alt-1 { background-color: #262626; }
	
	.box.box-style-2.alt-2 { background-color: #ba8652; }
	
	.box.box-style-2.background-image { background-size: cover; }
   
	/*
	 * 1. Clearfix hack 
	 */
	 
	.box:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
	.boxes-wrapper { display: table; }
	
	.boxes-wrapper .box {
		display: table-cell; 
		vertical-align: middle;
	}
	
	.boxes-wrapper.two-cols .box { width: 50%; }
	
	.boxes-wrapper.three-cols .box { width: 33.333333%; }
	
	.boxes-wrapper.four-cols .box { width: 25%;	}
	
	@media (min-width: 1200px) {
	
		.box { padding: 50px; }
		
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.boxes-wrapper.three-cols .box { padding: 20px; }
		
	}
	
	@media (max-width: 767px) {
		
		.box { padding: 20px; }
		
		.boxes-wrapper { display: block; }
		
		.boxes-wrapper.two-cols .box,
		.boxes-wrapper.three-cols .box,
		.boxes-wrapper.four-cols .box { 
			width: 100%;
			display: block;
			margin-bottom: 0;
		}
		 
	}

/* ==========================================================================
   =Buttons
   ========================================================================== */

/* =Default Button
   ========================================================================== */
   
	.btn { 
		position: relative;
		display: inline-block; 
		padding: 12px 25px; 
		border: 2px solid #811c14;
		margin: 0 5px 20px 0;
		background-color: transparent;
		color: #811c14;
		font-size: 16px;
		font-weight: 600;
		line-height: 18px; 
		text-decoration: none !important;
		vertical-align: middle;
		cursor: pointer; 	
		-webkit-transition: all .2s linear;
				transition: all .2s linear;
	}
	
	a.btn { color: #811c14; }
	
	.btn:focus { outline: 0; }
	
	.btn-large {
		padding: 15px 30px;
		font-size: 18px;
	}
	
	.btn-small {
		padding: 6px 25px;
		font-size: 14px;
	}
	
	.btn-small i,
	.btn i,
	.btn-large i { 
		float: right; 
		margin: 2px 0 0 8px;
		font-size: 24px; 
		line-height: 14px; 
	}
	
	.btn-small i { font-size: 16px; }
	
	.btn:hover { 
		background-color: #811c14;
		color: #ffffff;
	}

/* =Button alternative
   ========================================================================== */	
   
   .btn.alt {
	   background-color: #811c14;
	   color: #ffffff;
	   	-webkit-transition: all 0.3s;
				transition: all 0.3s;
		-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
				transform: translateZ(0);
   }
   
	.btn.alt:after {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #d3d3d3;
		content: "";
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0);
	}
	
	.btn.alt:hover { 
		background: #d3d3d3;
		color: #ffffff;
		border-color: #d3d3d3;
	}
	
	.btn.alt:hover:after {
		-webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
	}
	
/* ==========================================================================
   =Callouts
   ========================================================================== */

	.callout { 
		position: relative; 
		padding: 30px 0; 
		display: table;
		width: 100%;
	}

	.callout-content > *:last-child,
	.callout-action > *:last-child { margin-bottom: 0; }

	/*
	 * 1. Clearfix hack 
	 */
	 
	.callout:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
	.callout-content,
	.callout-action {
		display: table-cell;
		vertical-align: middle;
		width: 70%;
	}
	
	.callout-action { 
		width: 30%;
		text-align: center;
	}
	
	@media (max-width: 767px) {
		
		.callout-content,
		.callout-action {
			display: block;
			vertical-align: middle;
			width: 100%;
			text-align: center;
		}
		
		.callout-content { margin-bottom: 30px; }
		
	}
   
/* ==========================================================================
   =Contact form
   ========================================================================== */
  
	#contact-form { 
		overflow: hidden; 
		margin-bottom: 30px; 
	}
	
	#contact-form fieldset {}
	
	label.validation-error { color: #d50f25; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #e0e0e0; }
	
	#contact-form #formstatus {}
		
	#contact-form textarea { margin-bottom: 50px; }	
	
	/*
	 * 1. Clearfix hack 
	 */
	#contact-form:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
/* ==========================================================================
   =Countdown
   ========================================================================== */

	#defaultCountdown { 
		margin: 0 auto;
		text-align: center;
	}

	.countdown-section {
		position: relative;
		display: inline-block;
		width: 90px;
		padding: 60px 0;
		margin-right: 50px;
		background-color: transparent;
		text-align: center;
	}
	
	.countdown-section:last-child { margin-right: 0; }
	
 	.countdown-amount {
		font-size: 42px;
		font-weight: 700;
		color: #ffffff;
	}
	
	.countdown-period { 
		display: block; 
		margin-top: 10px; 
		font-size: 16px;
		font-weight: 700;
	}

	/*
	 * 1. Clearfix hack 
	 */
	#defaultCountdown:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	@media (min-width: 1200px) {
		
		.countdown-section {
			width: 90px;
			padding: 60px 0;
			margin-right: 50px;
		}
		
		.countdown-amount {
			font-size: 60px;
			font-weight: 700;
			color: #ffffff;
		}
		
	}

	@media (min-width: 768px) and (max-width: 991px) {
		
		.countdown-section { 
			width: 90px; 
			margin-right: 30px;
		}
		
	}
	
	@media (max-width: 767px) {
		
		#defaultCountdown {}
		
		.countdown-section {
			display: block;
			width: 100%;
			margin: 0 auto 30px;
			padding: 0;
		}
		
		.countdown-section:last-child {
			margin-right: auto;
			margin-bottom: 0;
		}
		
		.countdown-amount { 
			font-size: 30px;
			margin-top: 110px;
		}
		
	}		

/* ==========================================================================
   =Dividers
   ========================================================================== */

	.divider { margin: 30px 0; }
	
	.divider.single-line { border-top: 1px solid #b0b0b0; }
	
	.divider.double-line { border-top: 4px double #b0b0b0; }

/* ==========================================================================
   =Dropcaps
   ========================================================================== */
   
	.dropcap {
		float: left;
		display: block;
		margin: 5px 10px 0 0;
		font-size: 34px;
		line-height: 34px;
	}
	
	.dropcap.dropcap-square {
		width: 34px;
		height: 34px;
		border-radius: 2px;
		background-color: #811c14;		
		color: #ffffff;
		font-size: 20px;		
		line-height: 34px;
		text-align: center;
		
	}
	
	.dropcap.dropcap-circle {
		width: 34px;
		height: 34px;
		border-radius: 50%;
		background-color: #811c14;		
		color: #ffffff;
		font-size: 20px;		
		line-height: 34px;
		text-align: center;
	}
	
	.dropcap.dropcap-border {
		width: 34px;
		height: 34px;
		border-radius: 50%;	
		font-size: 20px;		
		line-height: 34px;
		text-align: center;
		border: 2px solid #811c14;	
	}
   
/* ==========================================================================
   =Galleries
   ========================================================================== */
	
	
	
/* ==========================================================================
   =Google Maps
   ========================================================================== */

	.google-map {
		width: 100%; 
		height: 550px;
	}
	
	/**
	 * 1. needed so that Google Maps controls are not distorted
	 */
	
	.google-map  img { max-width: none; }	/* 1 */
	
	@media (max-width: 767px) {

		.map { padding: 0 20px; }
		.row .map { padding: 0; }
		
	}

/* ==========================================================================
   =Headlines
   ========================================================================== */

	.headline { 
		margin-bottom: 80px;
		text-align: center;
	}
	
	.headline.headline-style-2 { 
		margin-bottom: 50px; 
		text-align: left;
	}
	
	.headline h1 { letter-spacing: 2px; }
	
	.headline.headline-style-2 h1 { font-size: 22px; }
	
	.headline h1 span {
		position: relative;
		display: inline-block;
		padding-bottom: 25px;
	}
	
	.headline.headline-style-2 h1 span { padding-bottom: 20px; }
	
	.headline h1 span:before {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: "";
		width: 100px;
		height: 3px;
		background-color: #811c14;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	
	.headline.headline-style-2 h1 span:before {
		left: 0;
		width: 80px;
		-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
				transform: translateX(0);
	}
	
/* ==========================================================================
   =Icon Boxes
   ========================================================================== */

/* =Icon Box 1
   ========================================================================== */
   
	.icon-box-1 { 
		position: relative; 
		margin-bottom: 50px; 
	}
		
	.icon-box-1 > i { 
		float: left;
		display: block;  
		font-size: 50px; 
		color: #811c14;
	} 
	
	.icon-box-1 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-1 .icon-box-content { /*margin-left: 75px;*/ }
	
	.icon-box-1 .icon-box-content > *:last-child { margin-bottom: 0; }	
	
	.icon-box-1 .icon-box-content h2 {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 30px;	
	}
	
	.icon-box-1 .icon-box-content h2:before {
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 45px;
		height: 2px;
		background-color: #811c14;
	}
	
	@-webkit-keyframes hvr-wobble-vertical {
		16.65% {
			-webkit-transform: translateY(8px);
					transform: translateY(8px);
		}

		33.3% {
		-webkit-transform: translateY(-6px);
				transform: translateY(-6px);
		}

		49.95% {
		-webkit-transform: translateY(4px);
				transform: translateY(4px);
		}

		66.6% {
		-webkit-transform: translateY(-2px);
				transform: translateY(-2px);
		}

		83.25% {
		-webkit-transform: translateY(1px);
				transform: translateY(1px);
		}

		100% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		}
	}

	@keyframes hvr-wobble-vertical {
		16.65% {
			-webkit-transform: translateY(8px);
					transform: translateY(8px);
		}

		33.3% {
			-webkit-transform: translateY(-6px);
				transform: translateY(-6px);
		}

		49.95% {
			-webkit-transform: translateY(4px);
					transform: translateY(4px);
		}

		66.6% {
			-webkit-transform: translateY(-2px);
					transform: translateY(-2px);
		}

		83.25% {
			-webkit-transform: translateY(1px);
					transform: translateY(1px);
		}

		100% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
		}
	}

	.icon-box-1:hover i {
		-webkit-animation-name: hvr-wobble-vertical;
				animation-name: hvr-wobble-vertical;
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
				animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
				animation-iteration-count: 1;
	}

/* =Icon Box 2
   ========================================================================== */
   
	.icon-box-2 { 
		position: relative; 
		margin-bottom: 50px;
		border: 2px solid transparent;
		padding: 30px;
		text-align: center;
		-webkit-transition: all .2s linear;
				transition: all .2s linear;
	}
	
	.icon-box-2:hover { border-color: #811c14; }
		
	.icon-box-2 > i { 
		display: block;
		margin-bottom: 30px; 
		font-size: 50px; 
		color: #811c14;
	}
	
	.icon-box-2 > img { margin-bottom: 30px; }
	
	.icon-box-2 .icon-box-content {}

	.icon-box-2 .icon-box-content > *:last-child { margin-bottom: 0; }	
	
	.icon-box-2 .icon-box-content h2 {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 30px;	
	}
	
	.icon-box-2 .icon-box-content h2:before {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: "";
		width: 45px;
		height: 2px;
		background-color: #811c14;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}	

/* =Icon Box 3
   ========================================================================== */
   
	.icon-box-3 { 
		position: relative; 
		margin-bottom: 50px; 
	}
		
	.icon-box-3 > i { 
		float: right;
		display: block;  
		font-size: 50px; 
		color: #811c14;
	} 
	
	.icon-box-3 > img { 
		float: right; 
		display: block; 
	} 
	
	.icon-box-3 .icon-box-content { 
		margin-right: 75px; 
		text-align: right;
	}
	
	.icon-box-3 .icon-box-content > *:last-child { margin-bottom: 0; }	
	
	.icon-box-3 .icon-box-content h2 {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	
	.icon-box-3 .icon-box-content h2:before {
		position: absolute;
		bottom: 0;
		right: 0;
		content: "";
		width: 45px;
		height: 2px;
		background-color: #811c14;
	}
	
	.icon-box-3:hover i {
		-webkit-animation-name: hvr-wobble-vertical;
				animation-name: hvr-wobble-vertical;
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
				animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
				animation-iteration-count: 1;
	}

/* =Icon Box 4
   ========================================================================== */
   
	.icon-box-4 { 
		position: relative; 
		margin-bottom: 50px; 
		padding: 30px;
		-webkit-transition: all .2s linear;
				transition: all .2s linear;
	}
	
	.icon-box-4:hover { background-color: #811c14; }
	
	.icon-box-4 > i { 
		float: left;
		display: block;  
		font-size: 50px; 
		color: #811c14;
		-webkit-transition: all .2s linear;
				transition: all .2s linear;
	} 

	.icon-box-4 > img { 
		float: left; 
		display: block; 
	} 
	
	.icon-box-4	.icon-box-content {
		margin-left: 75px;
		-webkit-transition: all .2s linear;
			transition: all .2s linear;
	}
	
	.icon-box-4 .icon-box-content > *:last-child { margin-bottom: 0; }	
	
	.icon-box-4 .icon-box-content h2 {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 30px;	
	}
	
	.icon-box-4 .icon-box-content h2 a {
		-webkit-transition: all .2s linear;
				transition: all .2s linear;	
	}
	
	.icon-box-4 .icon-box-content h2:before {
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 45px;
		height: 2px;
		background-color: #811c14;
		-webkit-transition: all .2s linear;
				transition: all .2s linear;
	}
	
	.icon-box-4:hover i,
	.icon-box-4:hover .icon-box-content,
	.icon-box-4:hover .icon-box-content h2 a,
	.icon-box-4:hover .icon-box-content .btn { color: #ffffff; }
	
	.icon-box-4:hover .icon-box-content h2:before { background-color: #ffffff;  }
	
	.icon-box-4:hover .icon-box-content .btn { border-color: #ffffff; }
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.icon-box-4 { padding: 20px; }
		
		.icon-box-4 > i,
		.icon-box-4 > img { 
			float: none;
			display: block;  
			margin-bottom: 30px;
			text-align:center;
		} 

		.icon-box-4	.icon-box-content { margin-left: 0; }	
		
	}

/* ==========================================================================
   =Image Box
   ========================================================================== */

	.image-box {
		overflow: hidden;
		padding: 30px;
		margin-bottom: 30px;	
		border: 1px solid #811c14;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);
		text-align: center;
	}
	
	.image-box-img { margin: -30px -30px 30px; }
	
	.image-box-img  img {
		display: block;
		width: 100%;
	}
	
	.image-box > *:last-child { margin-bottom: 0; }
	
/* ==========================================================================
   =Info Box
   ========================================================================== */
	
	.info-box {
		position: relative;
		overflow: hidden;
		padding: 150px 0;
	}
	
	.info-box-2 {
		color: #ffffff;
		background-color: #262626;
	}
	
	.info-box-3 { 
		padding: 100px 0 50px 0;
		color: #ffffff;
		background-color: #262626; 
	}
	
	.info-box-3 .icon-box-4 .icon-box-content h2 a { color: #ffffff; }
	
	.info-box-img {
		position: absolute;
		z-index: 0;
		top: 0;
		width: 50%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
				background-size: cover;
	}
	
	.info-box-3 .info-box-img { width: 40%; }
	
	.info-box-bg-left .info-box-img { left: 0; }

	.info-box-bg-right .info-box-img { right: 0; }
	
	.info-box-img img { display: none; }
	
	.info-box > p {
		font-size: 20px;
		line-height: 30px;
		font-weight: 400;
	}
	
	@media (max-width: 991px) {
		
		.info-box { padding: 30px 0; }
		
		.info-box-img {
			position: relative;
			width: 100%;
			background: none !important;		 
		}

		.info-box-bg-left .info-box-img { left: 0; }
		
		.info-box-bg-right .info-box-img { right: 0; }
		
		.info-box-img img { 
			display: block;
			width: 100%;
			margin-bottom: 50px;
		}
		
	}	

	@media (max-width: 1199px)  {
		
		.info-box-3 .container { width: auto; }

		.info-box-3 .span5, 
		.info-box-3 .span7 {
			width: 100%;
		}
		
		.info-box-3 .offset1 { margin-left: 0; }
		
		.info-box-3 .info-box-img {
			position: relative;
			width: 100%;
			background: none !important;		 
		}
		
		.info-box-3 .info-box-img img {
			display: block;
			width: 100%;
			margin-bottom: 50px;
		}
		
	}
   
/* ==========================================================================
   =Milestones
   ========================================================================== */

	.milestone {
		position: relative;
		margin-bottom: 30px;
		padding: 50px 0;
		background-color: #ffffff;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.milestone:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	.milestone:hover { background-color: #811c14; }
	
	.milestone i {
		display: block;
		margin-bottom: 30px;
		text-align: center;
		font-size: 50px;
		color: #811c14;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.milestone:hover i { color: #ffffff; }
	
	.milestone .milestone-content { text-align: center; }
	
	.milestone .milestone-content .milestone-value {
		position: relative;
		display: inline-block;
		margin-bottom: 30px;
		padding-bottom: 30px;
		font-size: 35px;
		line-height: 30px;
		font-weight: 600;
		color: #3d3d3d;
		-webkit-transition: all .3s;
				transition: all .3s;
	} 
	
	.milestone .milestone-content .milestone-value:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: "";
		width: 45px;
		height: 2px;
		background-color: #811c14;
		-webkit-transition: all .3s;
				transition: all .3s;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	
	.milestone:hover .milestone-content .milestone-value:after { background-color: #ffffff; }
	
	.milestone .milestone-description { 
		display: block;
		font-size: 21px; 
		line-height: 21px;
		font-weight: 400;
		color: #3d3d3d;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.milestone:hover .milestone-content .milestone-value,
	.milestone:hover .milestone-description { color: #ffffff; }
	
	.milestone-list {}
	
	.milestone-list .milestone {
		margin-bottom: 0;
		width: 25%;
		float: left;
		background-color: transparent;
	}
	
	.milestone-list .milestone:hover { background-color: #811c14; }
	
	/*
	 * 1. Clearfix hack 
	 */
	.milestone-list:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	@media (max-width: 768px){
		
		.milestone-list .milestone {
			width: 100%;
			float: none;
		}
		
	}

/* ==========================================================================
   =Modal window
   ========================================================================== */	
   
	.popup {
		position: relative;
		width: auto;
		max-width: 500px;
		padding: 30px;
		margin: 20px auto;
		background: #262626;
		text-align: center;
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);
	}	
	
	.popup.white-popup { background-color: #ffffff; }
	
	.popup img { margin-bottom: 50px; }
	
	.popup .btn { 
		margin-bottom: 0;
		margin-right: 0;
	}
	
	.magnificPopup-modal  { margin: 0; }
	
	.popup .btn:last-child { margin-right: 0; }
	
	.popup form { margin-bottom: 0; }
	
	.mfp-fade.mfp-bg {
	  opacity: 0;
	  background-color: #ffffff;
	  -webkit-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
	}
	
	.magnificPopup-modal-dismiss {
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	.magnificPopup-modal-dismiss i {
		color: #ffffff;
		font-size: 20px;
	}
	
	.mfp-image-holder .mfp-close,
	.mfp-iframe-holder .mfp-close { background-color: transparent; }
	
	/* overlay animate in */
	.mfp-fade.mfp-bg.mfp-ready { opacity: 0.9; }
	
	/* overlay animate out */
	.mfp-fade.mfp-bg.mfp-removing { opacity: 0;  }

	/* content at start */
	.mfp-fade.mfp-wrap .mfp-content {
	  opacity: 0;
	  -webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
			 transition: all 0.3s ease-out;
	  -webkit-transform: translateY(-200px);		
		 -ms-transform: translateY(-200px);		
			 transform: translateY(-200px);		
	}
	
	/* content animate it */
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	  opacity: 1;
	   -webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
	}
	
	/* content animate out */
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	  opacity: 0;
	   -webkit-transform: translateY(-200px);		
		 -ms-transform: translateY(-200px);		
			 transform: translateY(-200px);
	}
	
/* ==========================================================================
   =Our Process
   ========================================================================== */

/* =Horizontal process
   ========================================================================== */

	.horizontal-process-builder { 
		margin-bottom: 40px;
		list-style: none;
		text-align: center; 
	}
	
	.horizontal-process-builder li {
		position: relative;
		float: left;
		width: 25%;  
	}
	
	.horizontal-process-builder li:after { 
		position: absolute;
		top: 60px;
		right: 0;
		font-family: 'iconfontcustom';
		font-size: 40px;
		content: "\e7ac";
		color: #811c14;
		-webkit-transform: translateX(50%);
			-ms-transform: translateX(50%);
				transform: translateX(50%);
	}
	
	.horizontal-process-builder li:last-child:after { display: none; }
	
	.horizontal-process-builder li > i,
	.horizontal-process-builder li > h1 {
		position: relative;
		display: block;
		width: 120px; 
		height: 120px;
		border: 2px solid #d3d3d3;
		margin: 0 auto 20px;
		background-color: #ffffff;
		background-clip: padding-box;
		color: #3e3d3d;
		line-height: 120px;
		font-size: 30px;
		-webkit-transition: all 0.3s;
				transition: all 0.3s; 
	}
	
	.horizontal-process-builder li:hover > i,
	.horizontal-process-builder li:hover > h1 { 
		color: #ffffff;
		background-color: #811c14;
		border-color: #811c14;
	}
	
	.horizontal-process-builder .process-description h3 {
		font-family: "Source Sans Pro",sans-serif;
		font-weight: 600;
	}

	.horizontal-process-builder.three-items li { width: 33.3333333333%; }
	.horizontal-process-builder.four-items li { width: 25%; }
	.horizontal-process-builder.five-items li { width: 20%; }
	
	/*
	 * 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.three-items li { width: 100%; }
		.horizontal-process-builder.four-items li { width: 100%; }
		.horizontal-process-builder.five-items li { width: 100%; }
		
	}

/* ==========================================================================
   =Animated Timeline
   ========================================================================== */
   
	.timeline {
		margin-bottom: 50px;
		padding-left: 160px;
		position: relative;
		list-style: outside none none;
	}
	
	.timeline li { margin-bottom: 25px; }
	
	.timeline li:last-child {
		border-bottom: medium none;
		margin-bottom: 0;
	}
	
	.timeline-title {
		cursor: pointer;
		position: relative;
	}
	
	.timeline-title:before {
		display: block;
		position: absolute;
		left: -68px;
		top: 8px;
		content: "";
		width: 10px;
		height: 10px;
		background-color: #811c14; 
		border-radius: 50%;
	}
	
	.timeline-title:after {
		position: absolute;
		top: 4px;
		left: -72px;
		display: block;
		width: 16px;
		height: 16px;
		border: 1px solid transparent;
		border-radius: 50%;
		content: "";
		-webkit-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;
	}
	
	.timeline-title h6 {
		position: absolute;
		left: -160px;
		display: inline-block;
		margin-bottom: 0;
		font-size: 18px;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 600;
		color: #811c14;
	}
	
	.timeline-title h5 {
		display: inline-block;
		font-family: "Source Sans Pro",sans-serif;
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	
	.timeline-content {
		display: none;
		padding-top: 30px;
		padding-right: 15px;
		position: relative;
	}
	
	.timeline-content:before {
		border-left: 1px solid #b0b0b0;
		content: "";
		display: block;
		height: 100%;
		left: -62px;
		position: absolute;
		top: 0;
		-webkit-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;
	}
	
	.timeline-content i {
		background-color: #f85b38;
		border-radius: 30px;
		color: #fff;
		display: inline-block;
		font-size: 32px;
		height: 130px;
		line-height: 130px;
		margin-top: -20px;
		text-align: center;
		transform: rotate(15deg);
		width: 130px;
	}
	
	.timeline-title:hover:after, 
	.timeline-title.opened:after { border-color: #811c14; }
	
	@media (max-width: 767px) {
		
		.timeline-content i { margin-top: 0; }
		
		.timeline-title h6 { left: -140px; }
		
	}
	
/* ==========================================================================
   =Pie charts
   ========================================================================== */

	.pie-chart {
		position: relative;	
		margin: 0 auto 20px;
		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%;
		text-align: center;
		font-size: 35px;
		font-weight: 400;
	}
	
	.pie-chart img {
		max-width:100%;
		vertical-align: middle;
	}
	
	.pie-chart-description {
		display: block;
		margin-bottom: 30px;
		font-size: 18px;
		font-weight: 400;
		text-align: center;
	}

/* ==========================================================================
   =Pricing Tables
   ========================================================================== */
	
	.pricing-table {
		margin-bottom: 30px;
		padding: 60px 20px;
		text-align: center;
		background-color: #ffffff;
		box-shadow: 0 4px 10px -2px gray;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-transition: all .3s;
				transition: all .3s;		
	}

	.pricing-table:hover { background-color: #811c14; }

	.pricing-table .pricing-table-header {
		-webkit-transition: all .3s;
				transition: all .3s;
	}

	.pricing-table .pricing-table-header h2 { 
		margin: 0;
		color: #3d3d3d;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.pricing-table:hover .pricing-table-header h2 { color: #ffffff; }

	.pricing-table .pricing-table-offer { 
		padding: 30px 0;
		color: #3e3d3d;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.pricing-table .pricing-table-offer i {
		display: block;
		margin-bottom: 30px;
		text-align: center;
		font-size: 60px;
		color: #811c14;
		-webkit-transition: all .3s;
				transition: all .3s;
	}

	.pricing-table .pricing-table-offer h1 { 
		position: relative;
		padding-bottom: 30px;
		color: #811c14;
		font-size: 36px;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.pricing-table .pricing-table-offer h1:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: "";
		width: 0;
		height: 3px;
		background-color: #811c14;
		-webkit-transition: all .3s;
				transition: all .3s;
		-webkit-transition-delay: .1s;		
				transition-delay: .1s;		
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	
	.pricing-table:hover .pricing-table-offer h1:after {
		width: 100px;
		background-color: #ffffff;
	}
	
	.pricing-table .pricing-table-offer h1 span { 
		display: inline-block;
		font-size: 30px;
	}

	.pricing-table .pricing-table-offer h1 sup {
		position: relative;
		color: #3e3d3d;
		font-size: 18px;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.pricing-table:hover .pricing-table-offer h1 sup { color: #ffffff; }

	.pricing-table .pricing-table-footer {}
	
	.pricing-table .pricing-table-footer > *:last-child,
	.pricing-table .pricing-table-offer > *:last-child { margin: 0; }

	.pricing-table:hover,
	.pricing-table:hover .pricing-table-header h2,
	.pricing-table:hover .pricing-table-offer i,
	.pricing-table:hover .pricing-table-offer,
	.pricing-table:hover .pricing-table-offer h1,
	.pricing-table:hover .btn { color: #ffffff; }
	
	/* .pricing-table:hover .btn { border-color: #ffffff; } */

/* ==========================================================================
   =Progress Bar
   ========================================================================== */

	.progress-bar-description {
		display: block;
		margin-bottom: 10px;
		font-weight: 600;	
		overflow: visible;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	.progress-bar {
		position: relative;
		display: block;
		height: 3px;
		margin-bottom: 40px;
		background-color: #e1c8ae;
	}
	
	.progress-bar .progress-bar-outer {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color: #811c14; 
	}
	
	.progress-bar .progress-bar-outer .progress-bar-inner {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		width: 100%;
	}
	
	.progress-bar .percentage {
		position: absolute;
		display: inline-block;
		right: 0;
		top: -35px;
		font-size: 14px;
		font-weight: 600;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.progress-bar-inner:before {
		position: absolute;
		display: inline-block;
		z-index: 2;
		right: 0;
		top: 50%;
		content: "";
		width: 10px;
		height: 10px;
		background-color: #ffffff; 
		border: 2px solid #811c14; 
		border-radius: 50%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}

/* ==========================================================================
   =Revolution Slider
   ========================================================================== */
   
/* =Rev Slider Basics
   ========================================================================== */   
   
	.rev_slider_wrapper { margin-bottom: 120px; }
	
	.rev_slider_wrapper.no-margin { margin-bottom: 0; }
	
	.tp-bannertimer {
		top: auto;
		bottom: 0;
	}

/* =Rev Slider Pager
   ========================================================================== */

   /**
 	 * 1. changing the z-index from 1000 so that the bullets don't go over the sticky menu
 	 */
   
	.tp-bullets { 
		z-index: 100; /* 1 */
	}
	
	.tp-bullets.default .tp-bullet {
		width: 8px;
		height: 8px;
		margin-right: 15px;
		background: #ffffff;
		-webkit-transition: all .2s;
				transition: all .2s;
	}

	.tp-bullets.default .tp-bullet:hover,
	.tp-bullets.default .tp-bullet.selected { background: #811c14; }

/* =Rev Slider navigation
   ========================================================================== */
	.tp-leftarrow.default,
	.tp-rightarrow.default {
		width: 60px;
		height: 60px;
		opacity: 0.5;
		background-color: #111;
	}

	.tp-leftarrow.default:hover,
	.tp-rightarrow.default:hover { opacity: 1; }
	
	.tp-leftarrow.default:before,
	.tp-rightarrow.default:before {
		font-family: "FontAwesome";
		color: #fff;
		font-size: 32px;
		line-height: 60px;
		-webkit-transition: color 0.3s;
				transition: color 0.3s;
	}
	
	.tp-leftarrow.default:before { content: "\f060"; }
	.tp-rightarrow.default:before { content: "\f061"; }

	@media (min-width: 768px) and (max-width: 991px) {
		
		.tp-leftarrow.default,
		.tp-rightarrow.default { display: none; }
		
	}

	@media (max-width: 767px) {
		
		.tp-leftarrow.default,
		.tp-rightarrow.default,
		.tp-bullets { display: none; }
		
	}
	
/* =Rev Slider Typography
   ========================================================================== */

	.tp-caption.title {
		font-family: 'Playfair Display', serif;
		font-weight: 400; 
		font-size: 36px;
		line-height: 72px;
		font-weight: 700;
		color: #ffffff;
	}
	
	.tp-caption.text {
		font-weight: 400;
		font-size: 30px;
		color: #ffffff;
	}
	
	@media (max-width: 767px) {
			
		.tp-caption .btn {
			padding: 2px 15px;
			font-size: 8px;
			line-height: 12px;
		}
		
		.tp-caption.title {

		font-size: 26px !important;
		line-height: 52px !important;

	}
		
	}

/* ==========================================================================
   =Search Results
   ========================================================================== */	
   
   .search-result { 
	   padding: 30px;
	   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
   }
   
   .search-result h4 { 
		margin-bottom: 20px; 
		padding-bottom: 20px;
		border-bottom: 1px solid #f1f0f0;
   }
   
   .search-result h4 a {}
	
/* ==========================================================================
   =Social Media
   ========================================================================== */

	a.social-icon {
		float: left;
		display: block;
		width: 28px;
		height: 28px;
		border: 1px solid #811c14;
		margin-right: 20px;
		margin-bottom: 20px;
		color: #811c14;
		text-align: center;
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}

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

	a.social-icon i {
		font-size: 12px;
		line-height: 28px;
		-webkit-transition: all .3s ease-in;
				transition: all .3s ease-in;
	}
	
	a.social-icon:hover { 
		text-decoration: none;
		background-color: #811c14;
		border-color: #811c14;
	}
	
	a.social-icon:hover i { color: #ffffff; }
	
/* ==========================================================================
   =Tabs
   ========================================================================== */

/* =Horizontal tabs
   ========================================================================== */
		
   /*
    *  1. Wraps around a horizontal tab group
	*/
   
	.tabs-container { margin-bottom: 40px; } /* 1 */

	.tabs-container .tabs-menu { 
		border-bottom: 1px solid #e0e0e0;
		margin-bottom: 0;
		list-style: none; 
	}
	
	.tabs-container .tabs-menu li { display: inline; }
	
	.tabs-container .tabs-menu li a { 
		float: left; 
		display: block;
		padding: 12px 15px; 
		background-color: #ffffff;
		color: #3e3d3d;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
	}
	
	.tabs-container .tabs-menu li a i { margin-right: 15px; }
	
	.tabs-container .tabs-menu li a:hover { text-decoration: none; }

	.tabs-container .tabs-menu li.active a {
		background-color: #811c14;
		color: #ffffff;
	}
	
	.tabs-container .tabs {
		border: 1px solid #e0e0e0; 
		border-top: none;   
		margin-bottom: 30px;
	}
	
	.tabs-container .tab-content { padding: 25px; }
	
	.tabs-container .tab-content > *:last-child { margin-bottom: 0; }	
	
	/*
	 * 1. Clearfix hack 
	 */
	.tabs-container .tabs-menu:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
/* =Vertical tabs
   ========================================================================== */
	
	.vertical-tabs-container {
		position: relative;
		border: 1px solid #e0e0e0;
		margin-bottom: 40px;
	}
	
	.vertical-tabs-container .tabs-menu { 
		float: left;
		width: 220px;
		margin-bottom: 0;
		list-style: none;
	}
	
	.vertical-tabs-container .tabs-menu li { margin-bottom: 0; }
	
	.vertical-tabs-container .tabs-menu li a { 
		display: block;
		padding: 12px 15px; 
		background-color: #ffffff;
		color: #3e3d3d;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
	}
	
	.vertical-tabs-container .tabs-menu li a i { margin-right: 15px; }
	
	.vertical-tabs-container .tabs-menu li.active a {
		background-color: #811c14;
		color: #ffffff;
	}
	
	.vertical-tabs-container .tabs { margin-left: 220px; }
	
	.vertical-tabs-container .tab-content { padding: 25px; }
	
	
	@media (max-width: 991px) {
	
		.tabs-container .tabs-menu { border-bottom: none; }
		
		.tabs-container .tabs-menu li { display: block; }
	
		.tabs-container .tabs-menu li a { 
			float: none; 
			display: block;
			padding: 20px 25px;
			border-top: none;
			margin: 0;
		}
		
		.tabs-container .tabs-menu li a:hover { text-decoration: none; }
		
		.tabs-container .tabs-menu li:first-child a { border-top: 1px solid #e0e0e0; }
		
		.tabs-container .tabs-menu li.active a {  
			padding: 20px 25px;
			margin: 0;
			background-color:  #811c14;
			color: #ffffff; 
		}
		
		.vertical-tabs-container .tabs-menu { 
			float: none;
			width: 100%;
		}
		
		.vertical-tabs-container .tabs { margin-left: 0; }
		
		.vertical-tabs-container .tabs-menu li a { 
			padding: 20px 25px;
			border-right: none;
			margin-right: 0;
		}
	  
	}
	
/* ==========================================================================
   =Testimonials
   ========================================================================== */

	.testimonial {
		position: relative; 
		margin-bottom: 30px; 
		margin-left: 15px;
		padding: 30px 35px 30px 115px;
		border: 2px solid #811c14;
		background-color: #ffffff;
	}
	
	.testimonial blockquote { 
		text-align: center;
		margin-bottom: 30px;
		border-bottom: 1px solid #f0f0f0;
		padding-bottom: 30px;
	}
	
	.testimonial blockquote p {
		position: relative; 
		margin: 0; 
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.testimonial blockquote p:after,
	.testimonial blockquote p:before {
		position: absolute;
		font-family: 'FontAwesome';
		font-size: 10px;
		color: #811c14;
	}
	
	.testimonial blockquote p:before {
		top: 0;
		left: 0;
		content: "\f10e";
	}
	
	.testimonial blockquote p:after {
		bottom: 0;
		right: 0;
		content: "\f10d";
	}

	.testimonial img { 
		position: absolute;
		top: 50%;
		left: -15px;
		-webkit-transition: all .3s;
				transition: all .3s;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.testimonial h6 { 
		display: inline-block;
		color: #811c14;
		font-weight: 700;
	}
	
	.testimonial a {}
	
	.testimonial h6 span {
		color: #3e3d3d;
		font-weight: 300;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.testimonial:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
/* ==========================================================================
   =Team Member
   ========================================================================== */

	.team-member {
		box-sizing: border-box;
		margin-bottom: 30px;
		text-align: center;
	}
	
	.team-member,
	.team-member img,
	.team-member .team-member-details,
	.team-member .team-member-details h4,
	.team-member .social-media a.social-icon,
	.team-member .social-media a.social-icon i {
		-webkit-transition: all .3s linear;
				transition: all .3s linear;
	}
	
	.team-member .team-member-image {
		position: relative;
		overflow: hidden;
	}
	
	.team-member .team-member-image:before {
		position: absolute;
		top: 60px;
		left: 0;
		bottom: 0;
		right: 0;
		content: "";
		background-color: #f0f0f0;
	}
	
	.team-member img {
		position: relative;
		display: block;
		width: 100%;
		z-index: 1;
		-webkit-transform: translateY(12px);
			-ms-transform: translateY(12px);
				transform: translateY(12px);
	}
	
	.team-member:hover .team-member-image img {
		-webkit-transform: translateY(3px);
			-ms-transform: translateY(3px);
				transform: translateY(3px);
	}
	
	.team-member .show-details {
		cursor: pointer;
		font-size: 13px;
		font-weight: 700;
		padding: 10px 0;
		text-transform: uppercase;
		transition: all 0.3s ease 0s;
	}
	
	.team-member .show-details:hover { color: #811c14; }
	
	.team-member .team-member-details {
		position: relative;
		border-top: 4px solid #811c14;
		padding: 35px 0;
		background-color: #ffffff;
	}
	
	.team-member.team-member-style-2 .team-member-details { display: none; }
	
	.team-member:hover .team-member-details { 
		background-color: #811c14;
		color: #ffffff;
	}
	
	.team-member .team-member-details h4,
	.team-member .team-member-details h5 {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px; 
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.team-member .team-member-details h4 {
		font-weight: 600;
		margin-bottom: 20px;
		letter-spacing: .5px;	
		color: #3d3d3d;
	}
	
	.team-member .team-member-details h5 {
		font-weight: 300; 
		margin-bottom: 30px;
		color: #3d3d3d;
	}
	
	.team-member:hover .team-member-details h5,
	.team-member:hover .team-member-details h4 { color: #ffffff; }
	
	.team-member:hover .team-member-details h4 { letter-spacing: 2px; }
	
	.team-member .social-media {
		padding-top: 30px;
		border-top: 1px solid #f0f0f0;
	}
	
	.team-member .social-media a.social-icon {
		float: none;
		display: inline-block;
		width: 25px;
		height: 25px;
		border: 1px solid #811c14;
		margin-bottom: 0;
		margin-right: 20px;
		font-size: 14px;
	}
	
	.team-member:hover .social-media a.social-icon { border-color: #ffffff; }
	
	.team-member .social-media a.social-icon:last-child { margin-right: 0; }
	
	.team-member .social-media a.social-icon i {
		font-size: 16px;
		color: #811c14;
		line-height: 25px;
	}
	
	.team-member:hover .social-media a.social-icon i { color: #ffffff; }
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.team-member .social-media a.social-icon { margin-right: 3px; }
		
	}
	
/* ==========================================================================
   =Portfolio Item
   ========================================================================== */
	
	.portfolio-item { 
		position: relative; 
		margin-bottom: 30px;
	}

	.portfolio-item-preview { position: relative; }
	
	.portfolio-item-preview > img {
		display: block;
		width: 100%;
	}
	
	.portfolio-item-overlay {
		position: absolute; 
		top: 0; 
		right: 0; 
		bottom: 0; 
		left: 0; 
		background-color: rgba(204, 153, 102, .7);
		opacity: 0;
		-webkit-transition: all .3s;
				transition: all .3s;
	}
	
	.portfolio-item-overlay:hover { opacity: 1; }	
		
	.portfolio-item-overlay-actions {
		position: absolute;
		right: 12px;
		bottom: 12px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: center;
	}

	.portfolio-item-overlay-actions .portfolio-item-zoom {
		position: relative;
		display: block;
		width: 45px;
		height: 45px;
		background-color: #811c14;
	   	-webkit-transition: all 0.3s;
				transition: all 0.3s;
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0);
	}
	
	.portfolio-item:hover .portfolio-item-overlay-actions .portfolio-item-zoom {
		-webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom:after {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #d3d3d3;
		content: "";
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0);
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom:hover { 
		background: #d3d3d3;
		color: #ffffff;
		border-color: #d3d3d3;
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom:hover:after {
		-webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom i,
	.portfolio-item-overlay-actions .portfolio-item-link i {
		color: #ffffff; 
		font-size: 18px; 
		line-height: 45px; 
	}
	
	.portfolio-item-overlay .portfolio-item-description {
		position: absolute;
		top: 50%;
		width: 100%;
		color: #ffffff;
		text-align: center;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.portfolio-item-description > *:last-child { margin-bottom: 0; }	
	
	.portfolio-item-overlay .portfolio-item-description h3,
	.portfolio-item-overlay .portfolio-item-description p {
		opacity: 0;
		-webkit-transition: all .3s;
				transition: all .3s;
		-webkit-transform: translateY(-20px);
			-ms-transform: translateY(-20px);
				transform: translateY(-20px);
	}
	
	.portfolio-item-overlay .portfolio-item-description p {
		-webkit-transition-delay: .1s;
				transition-delay: .1s;
	}
	
	.portfolio-item:hover .portfolio-item-overlay .portfolio-item-description h3,
	.portfolio-item:hover .portfolio-item-overlay .portfolio-item-description p {
		opacity: 1;
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
	}
	
	.portfolio-item-overlay .portfolio-item-description h3 a {
		color: #ffffff;
		font-family: 'Source Sans Pro', sans-serif;
	}
	
	.portfolio-item-preview + .portfolio-item-description { 
		text-align: center; 
		margin: 30px 0;
	}
	
/* ==========================================================================
   =Portfolio Filter
   ========================================================================== */
	
	.portfolio-filter ul {
		margin: 0 auto 50px;
		list-style: none;
		text-align: center;
	}
	
	.portfolio-filter ul li { 
		display: inline-block;
		margin-right: 30px;
	}
	
	.portfolio-filter ul li:last-child { margin-right: 0; }
	
	.portfolio-filter ul li a { 
		text-decoration: none;
		font-family: 'Playfair Display', serif;
		font-weight: 400; 
		text-transform: uppercase;
	}
	
	.portfolio-filter ul li a:hover,
	.portfolio-filter ul li a.active { color: #811c14; }	
	
	@media (max-width: 767px) {
		
		.portfolio-filter ul li { 
			display: block;
			margin-right: 0;
		}
		
	}

/* ==========================================================================
   =Portfolio Pagination
   ========================================================================== */
	
	.portfolio-pagination { margin-bottom: 80px; }

	/*
	 * 1. Clearfix hack 
	 */
	.portfolio-pagination:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}	
	
	.portfolio-pagination .nav-links {
		position: relative;
		text-align: center;
	}
	
	.portfolio-pagination .page-numbers,
	.portfolio-pagination .prev,
	.portfolio-pagination .next {
		display: inline-block;
		width: 50px;
		height: 50px;
		margin-right: 10px;
		border: 1px solid #811c14;
		color: #811c14;
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		line-height: 50px;
		-webkit-transition: all .3s;
				transition: all .3s;
	}

	.portfolio-pagination .page-numbers:last-child { margin-right: 0; }
	
	.portfolio-pagination .page-numbers:hover,
	.portfolio-pagination .page-numbers.current {
		text-decoration: none;
		background-color: #811c14;
		color: #ffffff;
	}
	
	.portfolio-pagination .page-numbers.dots { border: none; }
	
	.portfolio-pagination .page-numbers.dots:hover{ 
		background-color: transparent;
		color: #811c14;
	}

	.portfolio-pagination .prev:before,
	.portfolio-pagination .next:before {
		line-height: 50px;
		position: relative;
		font-family: "FontAwesome";
	}

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

	.portfolio-pagination .next:before { content: "\f105"; }	
	
	@media (max-width: 767px) {
		
		.portfolio-pagination .page-numbers,
		.portfolio-pagination .prev,
		.portfolio-pagination .next {
			width: 35px;
			height: 35px;
			font-size: 14px;
			line-height: 35px;
		}
		
		.portfolio-pagination .prev:before,
		.portfolio-pagination .next:before { line-height: 35px; }
		
	}
   
/* ==========================================================================
   =Portfolio Grid
   ========================================================================== */

    .portfolio-grid {
		margin-bottom: 60px;
		list-style: none;
	}
	
	.portfolio-grid.no-margin { margin: 0; }
	
	.portfolio-grid.gutter { margin: -15px -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; }
	
	.portfolio-grid.three-cols .item, 
	.portfolio-grid.four-cols .item,  
	.portfolio-grid.five-cols .item { width: 33.333333%; } 
	
	.portfolio-grid .item.width-1 { width: 25%; }
	.portfolio-grid .item.width-2 { width: 50%; }
	
	/*
	 * 1. Clearfix hack 
	 */
	.portfolio-grid:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	@media (min-width: 1200px) {
		
		.portfolio-grid.four-cols .item { width: 25%; } 
		
		.portfolio-grid.five-cols .item { width: 20%; } 
		
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.portfolio-grid.three-cols .item,
		.portfolio-grid.four-cols .item,
		.portfolio-grid.five-cols .item,
		.portfolio-grid .item.width-1,
		.portfolio-grid .item.width-2 { width: 50%; }
		
	}
	
	@media (max-width: 767px) {
		
		.portfolio-grid .item {
			float: none;
			width: 100%; 
		}
		
		.portfolio-grid.three-cols .item,
		.portfolio-grid.four-cols .item,
		.portfolio-grid.five-cols .item { width: 100%; }
		
		.portfolio-grid .item.width-1,
		.portfolio-grid .item.width-2 { width: 100%; }
		
	}
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.portfolio-grid .item {
			float: left;
			width: 50%; 
		}
		
		.portfolio-grid.three-cols .item,
		.portfolio-grid.four-cols .item,
		.portfolio-grid.five-cols .item,
		.portfolio-grid .item.width-1,
		.portfolio-grid .item.width-2 { 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%; 
		}
		
	}
	
/* ==========================================================================
   =Portfolio Single
   ========================================================================== */	

   .project-description { margin-bottom: 30px; }
   
   .project-description .project-description-item {
	   padding: 10px 0;
	   border-bottom: 1px solid #b0b0b0;
   }
   
   	/*
	 * 1. Clearfix hack 
	 */
	 .project-description .project-description-item:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}

	.project-description .project-description-item .category,
	.project-description .project-description-item .value {
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
	}
	
	.project-description .project-description-item .category {
		color: #909090;
		margin-right: 10px;
	}
	
	.project-description .project-description-item .value { text-align: right; }
	
/* ==========================================================================
   =Bx Slider
   ========================================================================== */
   
/* =Bx Slider reset
   ========================================================================== */
   
	.bx-wrapper { margin: 0 auto 40px; }
   
	.bx-pager,
	.bx-controls-auto,
	.bx-controls-direction  { z-index: 100; }
   
/* =Bx Slider theme
   ========================================================================== */   
   
   .bx-wrapper {		
		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: #111 url("../images/left.png") no-repeat center center;
	}

	.bx-wrapper .bx-next {
		right: 0;
		background: #111 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: 48px;
		height: 48px;
		z-index: 1000; /* 1 */	
	}	
	
/* ==========================================================================
   =Owl Carousel
   ========================================================================== */
	
	.owl-carousel { margin-bottom: 50px; }
	
	.owl-carousel .owl-item img {
		display: block;
		width: auto;
	}
	
	.owl-carousel.testimonial-carousel .owl-item img { border: 2px solid #811c14; }
	
	.owl-pagination {
		position: absolute;
		bottom: 30px;
		left: 0;
		width: 100%; 
		text-align: center;
	}
	
	.owl-page {
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin-right: 5px;
		background-color: #fff;
	}
	
	.owl-page:hover,
	.owl-page.active { background-color: #000; }
	
	.owl-page:last-child { margin-right: 0; }
	
	.owl-prev,
	.owl-next {
		position: absolute;
		top: 50%;
		width: 32px;
		height: 32px;
		background: #fff no-repeat center center;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.owl-prev {
		left: 0;
		background-image: url("../images/left.png");
	}
	
	.owl-next {
		right: 0;
		background-image: url("../images/right.png");
	}
	
	.owl-carousel.clients-carousel .owl-prev { left: -32px; }
	
	.owl-carousel.clients-carousel .owl-next { right: -32px; }
	
	.owl-dots { 
		text-align: center;
		margin-top: 50px; 
	}
	
	.owl-dots .owl-dot { display: inline-block; }
	
	.owl-dots .owl-dot.active span { background-color: #678694; }
	
	.owl-dots .owl-dot span {
		background-color: #333;
		border-radius: 0;
		display: inline-block;
		height: 10px;
		width: 10px;
		margin: 0 5px;
		border-radius: 50%;
		-webkit-transition: opacity 0.2s ease 0s;
				transition: opacity 0.2s ease 0s;
	}
	
	
	@media (max-width: 991px) {

		.owl-prev,
		.owl-next {
			display: none;
		}

	}	
	
/* ==========================================================================
   =Contact Section
   ========================================================================== */	
   
   .contact-list {}
   
   .contact-list .contact-item {
	   padding: 40px 30px;
	   box-sizing: border-box;
	   width: 33.333333%;
	   float: left;
	   border-right: 1px solid #b0b0b0;
   }
   
   .contact-list .contact-item:last-child { border-right: none; }
   
   .contact-list .contact-item > *:last-child { margin-bottom: 0; } 
   
   
   .contact-list .contact-item h3 { margin-bottom: 30px; }
   
    .contact-list .contact-item h4 { 
		margin-bottom: 30px; 
		font-family: 'Source Sans Pro', sans-serif;
	}
	
	.contact-list .schedule {}
	
	.contact-list .schedule-row {
		padding: 10px 0;
		border-bottom: 1px solid #b0b0b0;
	}
	
	.contact-list .schedule-row:last-child { border-bottom: none; }
	
	.contact-list .schedule-row .day {
		width: 50%;
		float: left;
		text-align: left;
	}
	
	.contact-list .schedule-row .hours {
		width: 50%;
		float: left;
		text-align: right;
	}
   
	/*
	* 1. Clearfix hack 
	*/
	
	.contact-list :after,
	.schedule-row:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	@media (max-width: 767px) {
		
		.contact-list .contact-item {
			width: 100%;
			padding: 40px 10px;
			border-right: none;
			border-bottom: 1px solid #b0b0b0;
			float: none;
			text-align: center;
		}
		
	}
	
/* ==========================================================================
   =Fullwidth Section
   ========================================================================== */

	.fullwidth-section.custom-color-selected {
		background-color: #333;
		color: #ffffff;
	}	

	.fullwidth-section.custom-color-selected a,
	.fullwidth-section.custom-color-selected h1,
	.fullwidth-section.custom-color-selected h2,
	.fullwidth-section.custom-color-selected h3,
	.fullwidth-section.custom-color-selected h4,
	.fullwidth-section.custom-color-selected h5,
	.fullwidth-section.custom-color-selected h6,
	.fullwidth-section.custom-color-selected .btn:hover,
	.fullwidth-section.custom-color-selected .team-member:hover .team-member-details h4,
	.fullwidth-section.custom-color-selected .team-member:hover .team-member-details h5,
	.fullwidth-section.custom-color-selected .accordion-item:hover,
	.fullwidth-section.custom-color-selected .accordion-item.active,
	.fullwidth-section.custom-color-selected .toggle-item:hover,
	.fullwidth-section.custom-color-selected .toggle-item.active,
	.fullwidth-section.custom-color-selected .horizontal-process-builder li i:hover,
	.fullwidth-section.custom-color-selected .horizontal-process-builder li h1:hover,
	.fullwidth-section.custom-color-selected .pricing-table:hover .pricing-table-header h2,
	.fullwidth-section.custom-color-selected .pricing-table:hover .pricing-table-offer h1,
	.fullwidth-section.custom-color-selected .portfolio-item-overlay .portfolio-item-description h3 a:hover,
	.fullwidth-section.custom-color-selected .portfolio-pagination .page-numbers:hover,
	.fullwidth-section.custom-color-selected .widget_tag_cloud a:hover { color: #ffffff; }	
	
	.fullwidth-section.custom-color-selected a:hover,
	.fullwidth-section.custom-color-selected .pricing-table .pricing-table-offer h1,
	.fullwidth-section.custom-color-selected .testimonial h6 { color: #811c14; }
	
	.fullwidth-section.custom-color-selected pre,
	.fullwidth-section.custom-color-selected ins,
	.fullwidth-section.custom-color-selected .team-member .team-member-details h4,
	.fullwidth-section.custom-color-selected .team-member .team-member-details h5,
	.fullwidth-section.custom-color-selected .horizontal-process-builder li i,
	.fullwidth-section.custom-color-selected .horizontal-process-builder li h1,
	.fullwidth-section.custom-color-selected .pricing-table .pricing-table-header h2,
	.fullwidth-section.custom-color-selected .testimonial,
	.fullwidth-section.custom-color-selected .milestone { color: #3e3d3d; }

	.fullwidth-section.custom-color-selected .milestone:hover {
		background-color: #811c14; 
		color: #ffffff;
	}

	.fullwidth-section.custom-color-selected .post,
	.fullwidth-section.custom-color-selected .widget,
	.fullwidth-section.custom-color-selected .comment-body { background-color: transparent; }

	#bg-1,
	#bg-7 {
		margin: 0;
		padding: 75px 0 35px 0;
		background-color: #ffffff;
	}
	
	#bg-1 { border-top: 1px solid #b0b0b0; }
	
	#bg-2 {
		padding: 80px 0;
		margin-bottom: 0px;
	}
	
	#bg-3 {
		padding: 80px 0 60px 0;
		margin-bottom: 80px;
		background-image: url("../../content/backgrounds/1920x1600-2.jpg");
	}
	
	#bg-4 {
		padding: 80px 0 60px 0;
		margin-bottom: 0;
		background-image: url("../../content/backgrounds/1920x680-1.jpg");
	}
	
	#bg-6 {
		padding: 60px 0 40px 0;
		margin-bottom: 0;
		background-image: url("../../content/backgrounds/1920x715-1.jpg");
	}
	
	#bg-8 {
		padding: 80px 0 60px 0;
		margin-bottom: 0;
		background-image: url("../../content/backgrounds/1920x1600-2.jpg");
	}
	
	#bg-9 {
		margin-bottom: 0; 
		background-color: #262626;
	}
	
	#bg-10 {
		padding: 80px 0 60px 0;
		margin-bottom: 0;
		background-image: url("../../content/backgrounds/1920x1080-2.jpg");
	}
	
	#bg-11 {
		margin: 0;
		padding: 320px 0;
		background-image: url("../../content/backgrounds/1920x1080-2.jpg");
	}
	
	#bg-11 .text-wrapper { text-align: center; }
	
	#bg-12 {
		padding: 130px 0 130px 0;
		margin-bottom: 0;
		background-image: url("../../content/backgrounds/1920x610-1.jpg");
	}
	
	@media (max-width: 480px) {
		
		#bg-11 .display-3 { 
			font-size: 2rem;
			line-height: 2rem;
		}
		
	}
	 
	@media (max-width: 767px) {
		
		#bg-11 {padding: 50px 0; }
		
	}