.head-title {
	color: #ffffff;
	padding: 80px 0;
	background-size: cover;
	&.about-header {
		padding: 180px 0;
	}
}

.page-title-wrapper {
	display: inline-block;
	padding: 30px;
	background: rgba(0, 0, 0, .8);
}

.page-title {
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 15px;
}

.breadcrumb {
	font-size: 10px;
	text-transform: uppercase;
	padding: 0;
	margin-bottom: 0;
	background: none;

	ul {
		padding-left: 0;
	}

	li {
		float: left;
		list-style: none;
		padding-left: 0;
	}
}

.clear {
	clear: both;
	&:before {
		content: "";
		display: table;
	}
	&:after {
		content: "";
		display: table;
		clear: both;
	}
}

// #main {
// 	padding-top: 50px;
// 	padding-bottom: 5px;
// 	background: #ffffff;
// }

#primary {
	@include float(right);
}

.post {
	h2 {
		margin:10px 0 15px 0;
	}
}

.share {
	position: relative;
	padding-top: 15px;

	span {
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
	}

	&:before {
		display: block;
		content: '';
		width: 16px;
		height: 3px;
		margin-bottom: 10px;
		background: #232323;
	}

	.fa {
		padding: 0 7px;
		color: #333333;

		&:hover {
			color: $brand-primary;
		}
	}
}

.pagination {

	li {

		a {
			color: #878787;
			background: #f3f3f3
		}
		
		&.disabled {

			a {
				border: solid 1px #dddddd;
				color: #878787;
				background: #f3f3f3;
			}
		}
	}
}

.bg-white {
	background: #ffffff;
}

.section {
	margin: 0 auto;

	&.padding-top-50 {
		padding-top: 50px;
	}

	&.padding-bottom-80 {
		padding-bottom: 80px;
	}
}

.project-slider {
	background: #dddddd;

	.leftside {
		width: 210px;
		float: left;
	}

	.rightside {
		margin-left: 240px;
	}

	#bigimage {

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

	#thumbnail {
		text-align: center;
	    padding: 10px 0px 10px 30px;

		.slick-slide {
			margin-top: 10px;
			margin-bottom: 10px;
			border: none;
			background: #000000;
			opacity: 50%;
			cursor: pointer;

			img {
				width: 100%;
				height: auto;
				opacity: 0.5;
			}

			&.slick-current {

				img {
					opacity: 1;
				}
			}
		}
		
	}
}

.project-detail {
	padding-bottom: 60px;
	border-bottom: solid 1px #dddddd;
	.widget {
		.label {
			color:#333;
			padding-left: 0;
		}
		li {
			padding-bottom: 0;
			margin-bottom: 10px;
		}
	}
}

.services-detail {
	padding-bottom:60px;
	border-bottom: 1px solid #ddd;
	.widget-title {
		margin-bottom: 30px;
	}
}

/* Slick Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev {
	background: none;
	border: none;
	color: transparent;
	width: 15px;

	&:before {
		content: '\f077';
		font-family: 'fontAwesome';
		color: #333333;
	}
}

.slick-next {
	background: none;
	border: none;
	color: transparent;
	width: 15px;

	&:before {
		content: '\f078';
		font-family: 'fontAwesome';
		color: #333333;
	}
}

.blog-wrapper {
	padding-bottom: 30px;
}

.blog {
	padding-bottom: 50px;

	.entry-media {

		.featured-audio,
		.featured-video {
			position: relative;
			padding-bottom: 60%;
			height: 0;
			overflow: hidden;

			iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border:1px solid #fff;
			}

		}	

		img {
			max-width: 100%;
			width: 100%;
			height: auto;
		}
	}

	.entry-header {
		margin-right: 60px;

		.entry-title {
			font-family: $font-family-sans-serif;
			font-size: 24px;
			font-weight: 700;
			text-transform: capitalize;
			margin-bottom: 0;

			a {
				color: #333333;

				&:hover {
					color: $brand-primary;
				}
			}			
		}

		.meta {
			font-family: 'Source Code Pro', Arial, sans-serif;
			font-size: 11px;
			text-transform: uppercase;
			color: #878787;
			padding-top: 10px;

			a {
				color: #878787;
			}
		}
	}

	.entry-content {}

	.chat {
		margin-top: 30px;
	    list-style: none;
	    list-style-type: none !important;
	    padding: 0;
	    .name {
	    	font-weight: 700;
	    }
	}

	.entry-footer {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 700;
		padding-top: 25px;
		color: #878787;

		i {
			font-size: 14px;
		}

		a {
			color: #878787;
		}

		.share-link {

			&:before {
				content: '/';
				padding: 0 20px;
			}

		}

	}

	.inner {}

	&.format-standard,
	&.format-image, 
	&.format-video, 
	&.format-link, 
	&.format-audio, 
	&.format-quote, 
	&.format-gallery, 
	&.format-chat, 
	&.format-status, 
	&.format-aside, 
	&.format-contact {

		.inner {
			position: relative;

			&:before {
			    content: '';
			    font-family: FontAwesome;
			    color: #ffffff;
			    font-size: 14px;
			    position: absolute;
			    display: block;
			    width: 40px;
			    height: 40px;
			    right: 0;
			    top: 0;
			    background: #333;
			    padding-top: 10px;
			    text-align: center;
			}

		}

	}

	&.format-standard {

		.inner	{

			&:before {
				background: #866660;
				content: "\f0f6";
			}

		}

	}

	&.format-image {

		.inner	{

			&:before {
				background: #bc9ec8;
				content: "\f030";
			}

		}

	}

	&.format-video {

		.inner	{

			&:before {				
				background: #f97366;
				content: "\f03d";
			}

		}

	}

	&.format-link {

		.inner	{

			.entry-title {

				a {
					color: $brand-primary;
				}

			}

			&:before {
				background: #f7c51e;
				content: "\f08e";
			}

		}

	}

	&.format-audio {

		.inner	{

			&:before {
				background: #83bee6;
				content: "\f001";
			}

		}

	}

	&.format-gallery {

		.inner	{

			&:before {					
				background: #7bd0c5;		
				content: "\f1c5";
			}

		}

	}

	&.format-chat {

		.inner	{

			&:before {
				background: #ff7799;
				content: "\f086";
			}

		}

	}

	&.format-status {

		.inner	{

			&:before {
				background: #33aa77;
				content: "\f0a1";
			}

		}

	}

	&.format-aside {

		.inner	{

			&:before {
				background: #FF9150;
				content: "A";
				font-family: arial, sans-serif;
				font-size: 36px;
				font-weight: bold;
				font-style: italic;
			}

		}

	}	

	&.format-quote {

		.inner {
			padding-right: 60px;

			blockquote {
			    font-family: Georgia, Times, 'Times New Roman', serif;
				font-style: italic;
				font-size: 24px;
				font-style: italic;
				font-weight: normal;
				line-height: 26px;
				letter-spacing: 0;
				border: none;
				padding: 0;
				margin: 0;

				cite {
					font-family: 'Source Code Pro', Arial, sans-serif;
					font-style: normal;
					font-size: 14px;
					text-transform: uppercase;
					color: #878787;

					&:before {
						content: "\2014  ";
					}

				}

			}

			&:before {
				background: #4a6f94;
				content: "\f10d";
			}

		}		

	}

}

.blog-list {
	padding: 30px 0;
	margin-bottom: 1px;
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;

	&:first-child {
		padding-top: 0;
		border-top: none;
	}

	&:last-child {
		padding-bottom: 0;
		border-bottom: solid 1px #dfdfdf;

		.inner {
			padding-bottom: 30px;
		}
		
		&:after {
			position: relative;
			display: block;
			content: '';
			width: 100%;
			height: 1px;
			top: 3px;
			border-top: #dfdfdf;
			background: #dfdfdf;
		}
	}
}

.entry-content {
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
		color:#fff;
		background-color: #333;
		border-color: #000;
	}

	.tab-content > .active {
		padding: 20px;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.nav-tabs > li > a {
		color:#333;
	}
}

.contact {

	.address {

		h3 {
			margin-top: 0;
			margin-bottom: 10px;
			font-size: 16px;
			text-transform: uppercase;
		}
	}

	table {
		margin-top: 0;

		tr {}

		td {
			font-size: 14px;
			background: none;
			border: none;
			padding: 0;
		}
	}

	.map {
		width: 100%;
		height: 310px;
		margin-bottom: 30px;
		background: #ccc;

		iframe {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border:1px solid #fff;
			margin-bottom: 50px;
		}
	}
}

.pricing-list {
	margin-bottom: 30px;
}

.pricing {
	position: relative;
	text-align: center;
	color: #ffffff;
	padding: 0 0 50px 0;
	margin-bottom: 30px;
	background: #ccc;

	&.selected {

		&:before {
			display: block;
			position: absolute;
			font-family: 'fontAwesome';
			font-weight: normal;
			font-size: 24px;
			content: '\f069';
			padding-top: 5px;
			padding-left: 15px;
			color: #333;
			z-index: 999;
		}

		&:after {
			display: block;
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			border: 5px solid $brand-primary;
			left: 0px;
			top: 0px;
		}

		.pricing-header {

			&:before {
				position: absolute;
				display: block;
				content: '';
				width: 0px;
				height: 0px;
				top: 5px;
				left: 5px;
				border-top: 70px solid $brand-primary;
				border-right:  70px solid transparent;
			}
		}
	}

	.pricing-header {
		
		span.price {
			display: block;
			font-family: $font-family-sans-serif;
			font-size: 48px;
			font-weight: 700;
			margin-bottom: 5px;
		}

		h3 {
			font-family: $font-family-sans-serif;
			font-size: 18px;
			font-weight: normal;
			text-transform: uppercase;
			margin-top: 0;
			margin-bottom: 10px;			
			padding-top: 50px;
		}

		span.year {
			display: block;
			font-size: 11px;
			text-transform: uppercase;
			margin-bottom: 40px;
		}
	}

	ul {
		padding-left: 0;
		margin: 0;
		margin-bottom: 40px;
	}

	li {
		list-style: none;
		font-family: $font-family-sans-serif;
		font-size: 18px;
		padding: 10px 0;
	}

	&.pricing-alt {
		position: relative;
		color: #333333;
		border: solid 3px #333333;
		background: none;

		.pricing-header {

			h3 {
				padding-top: 0;
				margin-top: 50px;
			}

			.price {
				margin-bottom: -5px;
			}

			.year {
				color: #4a6f94;
				margin-bottom: 20px;
			}
		}

		&:after {
			display: block;
			content: '';
			position: absolute;
			border: 1px solid #333333;
			left: 1px;
			top: 1px;
			right: 1px;
			bottom: 1px;
		}

		.btn {
			color: #ffffff;
			border: solid 3px transparent;
			background: #4a6f94;

			&:hover {
				color: #4a6f94;
				border: solid 3px #4a6f94;
				background: #ffffff;
			}
		}
	}

	.btn {
		position: relative;
		z-index: 999;
		font-size: 16px;
		font-weight: normal;
		color: #ffffff;
		border: solid 3px #ffffff;
		background: none;
		padding-left: 30px;
		padding-right: 30px;

		&:hover {
			color: #333333;
			background: #ffffff;
		}
	}
}

// SAFARI CAROUSEL
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.certified {
	text-align: center;
	padding: 80px 0;
	margin: 20px 0;
	border: 6px double #333;
	.stars {
		i {
			color:orange;
		}
	}
	h2 {
		margin: 10px 0;
	}
	.cname {
		font-family: Georgia, serif;
		font-size: 24px;
		font-weight: bold;
		margin: 20px 0;
	}
}

.various-content {
	padding: 40px;
    border: 6px double #333;
    margin-bottom: 60px;
    margin-top: 20px;
    background-color: #f4f4f4;
    .form-control {
    	padding: 24px 10px;
    }
    form {
    	position: relative;
    	.btn {
    		position: absolute;
		    height: 40px;
		    right: 5px;
		    top: 5px;
		    font-size: 14px;
    	}
    }
}

.result-section {
	padding-bottom: 20px;
	border-bottom: 3px double #ddd;
}

.with-gutter {
	.services-desc {
		padding: 20px 0 0 0;
		margin-bottom: 30px;
		background-color: #fff;
		&.two {
			background-color: #fff;
		}
	}
}