/* Text Align
--------------------------------------------- */
.center, .t_center {
	text-align: center;
}
.t_left {
	text-align: left;
}
.t_right {
	text-align: right;
}

/* Image Alignment
--------------------------------------------- */
img.left, a img.left {
	display: inline;
	margin: 5px 7px 5px 0;
	float: left;
}
img.center, a img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
img.right, a img.right {
	display: inline;
	margin: 5px 0 5px 7px;
	float: right;
}

/* Empty Space
--------------------------------------------- */
.empty, .empty20, .empty30, .empty40, .empty50 {
	width: 100%;
	clear: both;
	float: left;
}
.empty {
	height: 80px;
}
.empty20 {
	height: 20px;
}
.empty30 {
	height: 30px;
}
.empty40 {
	height: 40px;
}
.empty50 {
	height: 50px;
}

/* Line
--------------------------------------------- */
.content hr.dot {
	border-bottom: none;
	border-top: 1px dotted #464646;
	background: none;
}
.content hr.dash {
	border-bottom: none;
	border-top: 1px dashed #464646;
	background: none;
}
.content hr.solid {
	border-bottom: none;
	border-top: 1px solid #464646;
	background: none;
}
.line {
	width: 100%;
  clear: both;
	background: url(../images/dash.png) repeat-x;
	height: 8px;
	margin: 4px 0;
}
.line2 {
	border-top: 4px double #464646;
	width: 100%;
  clear: both;
	margin: 10px 0;
}
.line3{
	width: 100%;
	background: url(../images/dash.png) repeat-x;
	height: 3px;
	margin: 4px 0;
	position: relative;
}
.line3:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	border-bottom: 1px solid #ddad58;
}

/* Column
--------------------------------------------- */
.full {
  position: relative;
	width: 100%;
	clear: both;
  margin: 0 0 20px 0;
  padding: 0;
}
.one_half, .one_half_last, .one_three, .one_three_last, .two_three, .two_three_last,
.one_four, .one_four_last, .three_four, .three_four_last, .one_five, .one_five_last {
  position: relative;
  float: left;
  padding: 0;
	margin-bottom: 10px;
}
.one_half {
	width: 49%;
	margin-right: 2%;
}
.one_half_last {
	width: 49%;
}
.one_three {
	width: 31%;
	margin-right: 3%;
}
.one_three_last {
	width: 31%;
	margin-right: 0;
}
.two_three {
	width: 65%;
	margin-right: 3%;
}
.two_three_last {
	width: 65%;
	margin-right: 0;
}
.one_four {
	width: 23%;
	margin-right: 2%;
}
.one_four_last {
	width: 23%;
	margin-right: 0;
}
.three_four {
	width: 74%;
	margin-right: 3%;
}
.three_four_last {
	width: 75%;
	margin-right: 0;
}
.one_five {
	width: 18.3%;
	margin-right: 2%;
}
.one_five_last {
	width: 18.3%;
	margin-right: 0;
}

/* Highlight
--------------------------------------------- */
.highlight {
	background: #000;
	color: #fff;
	text-shadow: none;
}

/* Dropcap
--------------------------------------------- */
.dropcap:first-letter, .dropcap1:first-letter, .dropcap2:first-letter, .dropcap3:first-letter  {
	display: inline-block;
	font-size: 30px;
	line-height: 0.8;
	float: left;
	text-shadow: none;
}
.dropcap:first-letter {
	background-color: #343434;
	color: #fff;
	padding: 10px;
	margin: 5px 6px 0 0;
}
.dropcap1:first-letter {
	background-color: #343434;
	color: #fff;
	margin: 5px 6px 0 0;
	padding: 18px;
	border-radius: 20px;
}
.dropcap2:first-letter {
	color: #fff;
	font-weight: bold;
	font-size: 48px;
	margin-right: 8px;
}
.dropcap3:first-letter {
	color: #fff;
	font-weight: bold;
	border: 1px solid #000;
	text-align: center;
	padding: 18px;
	margin-right: 8px;
}

/* Heading
--------------------------------------------- */
.heading, .title {
	background: url(../images/dash.png) left bottom repeat-x;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.title2{
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
	position: relative;
	margin-bottom: 10px;
}
.title2:after {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	border: 1px solid #ddad58;
}
.title3 {
	text-align: center;
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 10px;
	z-index: 2;
}
.title3:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100px;
	height: 1px;
	margin: 0 0 0 -50px;
	background-color: #ddad58;
}
.title4 {
	border-left: 2px solid #ddad58;
	padding-left: 16px;
	margin-bottom: 10px;
}

/* Blockquote
--------------------------------------------- */
.blockquote {
	font-family: 'Comfortaa', cursive;
	float: left;
	border-left: 2px solid #ddad58;
	padding: 10px 0 10px 30px;
	margin: 10px 0px 20px 0;
}
.blockquote2 {
	float: left;
	border-left: 2px solid #ddad58;
	border-top : 1px solid #000;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
	padding: 20px 10px 20px 30px;
	margin: 10px 0px 20px 0;
}
.blockquote3 {
	font-family: 'Comfortaa', cursive;
	position: relative;
	float: left;
	border-left: 2px solid #ddad58;
	padding: 10px 10px 10px 60px;
	margin: 10px 0px 20px 0;
}
.blockquote3:before {
	content: '\f10d';
	font-family: 'FontAwesome';
	position: absolute;
	left: 10px;
	top: 0;
	color: #000;
	font-size: 40px;
	display: inline-block;
}
.blockquote4 {
	float: left;
	position: relative;
	border-left: 2px solid #ddad58;
	border-top : 1px solid #000;
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
	padding: 20px 10px 20px 60px;
	margin: 10px 0px 20px 0;
}
.blockquote4:before {
	content: '\f10d';
	font-family: 'FontAwesome';
	position: absolute;
	left: 10px;
	top: 0;
	color: #000;
	font-size: 40px;
	display: inline-block;
}

/* List Style
--------------------------------------------- */
.content ul li, #main .content ol li{
	margin-bottom: 4px;
}
/* Check List */
.content ul.checklist, .content ul.checklist2, .content ul.checklist3, .content ul.checklist4,
.content ul.arrowlist, .content ul.arrowlist2,
.content ul.pluslist, .content ul.pluslist2, .content ul.pluslist3, .content ul.pluslist4,
.content ul.starlist, .content ul.starlist2 {
	padding: 0;
}
.content ul.checklist li, .content ul.checklist2 li, .content ul.checklist3 li, .content ul.checklist4 li,
.content ul.arrowlist li, .content ul.arrowlist2 li,
.content ul.pluslist li, .content ul.pluslist2 li, .content ul.pluslist3 li, .content ul.pluslist4 li,
.content ul.starlist li, .content ul.starlist2 li{
	list-style-type: none;
	margin: 4px 0;
	padding: 0;
}
.content ul.checklist li:before, .content ul.checklist2 li:before, .content ul.checklist3 li:before, .content ul.checklist4 li:before,
.content ul.arrowlist li:before, .content ul.arrowlist2 li:before,
.content ul.pluslist li:before, .content ul.pluslist2 li:before, .content ul.pluslist3 li:before, .content ul.pluslist4 li:before,
.content ul.starlist li:before, .content ul.starlist2 li:before{
	font-family: 'FontAwesome';
	margin-right: 10px;
	color: #535353;
}
.content ul.checklist li:before {
	content: '\f00c';
}
.content ul.checklist2 li:before {
	content: '\f058';
}
.content ul.checklist3 li:before {
	content: '\f046';
}
.content ul.checklist4 li:before {
	content: '\f14a';
}
.content ul.arrowlist li:before {
	content: '\f178';
}
.content ul.arrowlist2 li:before {
	content: '\f0a9';
}
.content ul.pluslist li:before {
	content: '\f067';
}
.content ul.pluslist2 li:before {
	content: '\f055';
}
.content ul.pluslist3 li:before {
	content: '\f196';
}
.content ul.pluslist4 li:before {
	content: '\f0fe';
}
.content ul.starlist li:before {
	content :'\f005';
}
.content ul.starlist2 li:before {
	content :'\f006';
}
/* Buttons
--------------------------------------------- */
.button, .button-gray, .button-red, .button-orange, .button-green, .button-blue, .button-black,
a.button, a.button-gray, a.button-red, a.button-orange, a.button-green, a.button-blue, a.button-black {
	padding: 5px 6px;
	text-shadow: none;
	transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-webkit-transition: background-color 0.5s ease-in-out;
}
.content a.large, .content a.large, .content a.large, .content a.large,
.content a.large, .content a.large, .content a.large {
	padding: 7px 12px;
	font-size: 20px;
}
.content a.round, .content a.round, .content a.round, .content a.round,
.content a.round, .content a.round, .content a.round {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.button, a.button {
	background: #ddad58;
	color: #fff;
}
.button:visited, a.button:visited, .content a.button-gray:visited, .content a.button-red:visited, .content a.button-orange:visited, .content a.button-green:visited, .content a.button-blue:visited, .content a.button-black:visited {
	color: #fff;
}
.content a.button-gray {
	background: #888888;
	color: #fff;
}
.content a.button-red {
	background: #d3664d;
	color: #fff;
}
.content a.button-orange {
	background: #e17d2d;
	color: #fff;
}
.content a.button-green {
	background: #87be46;
	color: #fff;
}
.content a.button-blue{
	background: #5284cf;
	color: #fff;
}
.content a.button-black{
	background: #000;
	color: #fff;
}
.button:hover, .button-gray:hover, .button-red:hover, .button-orange:hover, .button-green:hover, .button-blue:hover, .button-black:hover,
a.button:hover, a.button-gray:hover, a.button-red:hover, a.button-orange:hover, a.button-green:hover, a.button-blue:hover, a.button-black:hover {
	background: #343434;
	color: #fff;
}

/* Message Box
--------------------------------------------- */
.box, .alert-box {
	padding: 10px;
	background: #343434;
	border: 1px solid #000;
	margin: 10px 0 20px 0;
}
.info-box, .error-box, .success-box, .warning-box , .note-box, .message-box, .question-box,
.alert-info, .alert-error, .alert-success, .alert-warning, .alert-note, .alert-message, .alert-question {
	padding: 10px 7px 10px 56px;
	margin: 10px 0 20px 0;
	min-height: 60px;
	position: relative;
}
.info-box:before, .error-box:before, .success-box:before, .warning-box:before, .note-box:before, .message-box:before, .question-box:before,
.alert-info:before, .alert-error:before, .alert-success:before, .alert-warning:before, .alert-note:before, .alert-message:before, .alert-question:before {
	position: absolute;
	top: 0;
	left: 10px ;
	font-family: 'FontAwesome';
	font-size: 40px;
}
.info-box, .alert-info {
	background-color: #ece0d5;
	color: #c46e22;
	border: 1px solid #e6c2a1;
}
.info-box:before, .alert-info:before {
	content: '\f05a';
}
.error-box, .alert-error {
	color: #8c2e0b;
	background: #fadddd;
	border: 1px solid #e2967a;
}
.error-box:before, .alert-error:before {
	content: '\f057';
}
.success-box, .alert-success {
	color: #5d7d3a;
	background: #ebfdd7;
	border: 1px solid #b6d296;
}
.success-box:before, .alert-success:before {
	content: '\f058';
}
.warning-box, .alert-warning {
	color: #807f2a;
	background: #f8f6bc;
	border: 1px solid #d7d67a;
}
.warning-box:before, .alert-warning:before {
	content: '\f071';
}
.note-box, .alert-note {
	color: #bc7910;
	background: #f7e7bb;
	border: 1px solid #bc7910;
}
.note-box:before, .alert-note:before {
	content: '\f15c';
}
.message-box, .alert-message {
	color: #43616e;
	background: #daecf4;
	border: 1px solid #8ebace;
}
.message-box:before, .alert-message:before {
	content: '\f0e6';
}
.question-box, .alert-question {
	color: #305a82;
	background: #e4ebf2;
	border: 1px solid #afcbe5;
}
.question-box:before, .alert-question:before {
	content: '\f059';
}

/* Alert Boxes
--------------------------------------------- */
.close {
	cursor: pointer;
	float: right;
	width: 20px;
	height: 20px;
}
.close:after {
	font-family: 'FontAwesome';
	font-size: 22px;
	line-height: 1;
	content: '\f057';
	color: #df5839;
}
/* Action Box
--------------------------------------------- */
.action-box {
	background: #343434;
}
.action-box-dark {
	background: #000;
}
.action-box, .action-box-dark {
	width: 100%;
	padding: 3%;
	margin: 20px 0px !important;
	display: table;
}
#homepage .action-box , #homepage .action-box-dark{
	margin: 50px 0px !important;
}

.action-box h1, .action-box-dark h1, .action-box h2, .action-box-dark h2, .action-box h3, .action-box-dark h3, .action-box h4, .action-box-dark h4 {
	margin-top: 0;
	margin-bottom: 10px;
}

/* Toggle and Accordion
--------------------------------------------- */
.toggle {
	margin: 0;
	padding: 0;
	display: table;
	overflow: hidden;
	width: 100%;
}
.toggle-title, .accordion-title {
	font-size: 18px;
	font-weight: normal;
	display: block;
	cursor: pointer;
	background-color: #ddad58;
	border-bottom: 1px solid #000;
	color: #fff;
	padding: 3px 6px;
	margin: 0;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
}
.toggle-content, .accordion-content {
	padding: 5px;
	margin: 0;
}
.toggle .toggle-title:before , .accordion-title:before{
	font-family: 'Comfortaa', cursive;
	content: '+ ';
	font-size: 24px;
	font-weight: bold;
	padding-right: 6px;
}
.toggle .active-toggle, .active-accordion {
	background-color: #343434;
	color: #fff;
}
.toggle .active-toggle:before, .active-accordion:before {
	font-family: 'Comfortaa', cursive;
	content: '- ';
	font-size: 24px;
	font-weight: bold;
	padding-right: 6px;
}

/* Accordion Type One, Two, Three, Four
--------------------------------------------- */
.accordion, .accordion2, .accordion3, .accordion4 {
	margin: 10px 0 20px 0;
}

/* Tab
--------------------------------------------- */
ul.tab-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.tab-menu li {
	display: inline-block;
	background: none;
	margin: 0;
	padding: 10px 15px;
	cursor: pointer;
	list-style: none;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
}
ul.tab-menu li:hover {
	background: #262626;
}
ul.tab-menu li a {
	outline: 0;
	margin: 0;
}
ul.tab-menu li.active {
	background: #343434;
	color: #fff;
}
ul.tab-menu li.active a{
	color: #fff;
}
.tab{
	margin-bottom: 20px;
}
.tab-content {
	border: 1px solid #343434;
	background: #343434;
	padding: 10px;
}
.tab-left {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

.tab-left ul.tab-menu{
    width: 200px;
	float: left;
	position: relative;
}
.tab-left ul.tab-menu li {
	cursor: pointer;
	list-style: none;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
}
.tab-left .tab {
}
.tab-left .tab  .tab-content{
	display: block;
	margin-left: 200px;
}

/* Pricing Table
--------------------------------------------- */
.plans {
	width: 100%;
	margin: 30px 0;
}
.plan {
	text-align: center;
	float: left;
	position: relative;
	background-color: #343434;
	padding: 12px 10px 20px 10px;
	border: 1px solid #242424;
}
.plan h2, .plan h3, .plan h4 {
	color: #fff;
	padding-bottom: 20px;
}
.plan.popular {
	background-color: #141414;
	z-index: 20;
	top: -20px;
	padding: 20px 10px 34px 10px;
	border: 1px solid #141414;
	-moz-box-shadow: 20px 0 10px -10px #222, -20px 0 10px -10px #222;
	-webkit-box-shadow: 20px 0 10px -10px #222, -20px 0 10px -10px #222;
	box-shadow: 20px 0 10px -10px #222, -20px 0 10px -10px #222;
}
.plan .price {
	height: 100px;
	width: 100px;
	line-height: 100px;
	border-radius: 50px;
	background: #ddad58;
	margin: 0 auto;
	display: block;
	color: #fff;
	font-family: 'Oswald', sans-serif;

}
.plan .button {
	border-radius: 2px;
	padding: 6px 16px;
}
.plan .button:hover {
	background-color: #000;
}
.plan ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #ddad58;
}
.plan ul li {
	padding: 8px 0;
	border-bottom: 1px solid #000;
}
.col2 .plan {
	width: 50%;
}
.col3 .plan {
	width: 33.2%;
}
.col4 .plan {
	width: 25%;
}
.col5 .plan {
	width: 20%;
}

/* Icon Boxes
--------------------------------------------- */
.icon-box, .icon-box-2, .icon-box-3, .icon-box-4, .icon-box-5 {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
.icon-box h1, .icon-box h2, .icon-box h3, .icon-box h4, .icon-box h5, .icon-box h6,
.icon-box-1 h1, .icon-box-1 h2, .icon-box-1 h3, .icon-box-1 h4, .icon-box-1 h5, .icon-box-1 h6,
.icon-box-2 h1, .icon-box-2 h2, .icon-box-2 h3, .icon-box-2 h4, .icon-box-2 h5, .icon-box-2 h6,
.icon-box-6 h1, .icon-box-6 h2, .icon-box-6 h3, .icon-box-6 h4, .icon-box-6 h5, .icon-box-6 h6 {
	color: #fff;
}
.icon-box  i, .icon-box-2 i, .icon-box-3 i, .icon-box-4 i, .icon-box-5 i{
	display: block;
}
.icon-box-1, .icon-box-6 {
	position: relative;
}
.icon-box-1 i {
	float: left;
	margin-right: 6px;
}
.icon-box-1 .details {
	padding-left: 52px;
}
.icon-box-6 i {
	float: left;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50px;
	text-align: center;
	display: inline-block;
	border: 1px solid #000;
}
.icon-box-6 .details {
	padding-left: 110px;
}
.icon-box-2 {
	padding: 30px 10px;
	border: 1px solid #000;
	transition: border 1s ease;
}
.icon-box-2:hover {
	border: 1px solid #616161;
}
.icon-box-3 {
	padding: 30px 10px;
	background-color: #ddad58;
	border: 1px solid #ddad58;
	color: #fff;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
}
.icon-box-3:hover {
	background-color: #201e21;
	border: 1px solid #ddad58;
}
.icon-box-4, .icon-box-5 {
   padding: 30px 10px;
   background-color: #ddad58;
   color: #fff;
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   transition: all 1s linear;
}
.icon-box-4:hover {
	-webkit-animation: pulse 1s;
	-moz-animation: pulse 1s;
	animation: pulse 1s;
}
.icon-box-5:hover {
	-webkit-animation: bounce 1s;
	-moz-animation: bounce 1s;
	animation: bounce 1s;
}
/* Testimonials and clients slider
--------------------------------------------- */
#testimonials, #clients, #carousel, #carousel2, #carousel3 {
	display: none;
	margin-bottom: 20px;
}
#carousel .nbs-flexisel-item img, #carousel2 .nbs-flexisel-item img, #carousel3 .nbs-flexisel-item img {
	max-width: 300px;
	height: auto;
}
.testimonials {
	padding: 10px 10px 20px 52px;
	background: #000;
}
.testimonials .name{
	margin-top: 8px;
}
.nbs-flexisel-container {
	position:relative;
	max-width:100%;
}
.nbs-flexisel-inner {
	overflow:hidden;
	float:left;
	width:100%;
}
.nbs-flexisel-ul {
	position:relative;
	width:9999px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.nbs-flexisel-item {
	float:left;
	margin:0px;
	padding:0px;
	cursor:pointer;
	position:relative;
}
.nbs-flexisel-item img {
	width: 100%;
	cursor: pointer;
	position: relative;
	margin-bottom: 10px;
	max-width:128px;
	max-height:auto;
	opacity: 1;
	transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
}
.nbs-flexisel-item img:hover {
	opacity: 0.6;
}

/* flexisel slider navigation */
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	background: #ddad58;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.nbs-flexisel-nav-left {
	right: 32px;
}
.nbs-flexisel-nav-right {
	right: 1px;
}
.nbs-flexisel-nav-left:after {
	font-family: 'FontAwesome';
	content: '\f104';
}
.nbs-flexisel-nav-right:after {
	font-family: 'FontAwesome';
	content: '\f105';
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 30px;
	height: 30px;
	position: absolute;
	cursor: pointer;
	z-index: 10;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
}
.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-right:hover {
	background-color: #343434;
}

/* Testimonials
--------------------------------------------- */
.testimonial {
	position: relative;
	background: #343434;
	display: table;
	width: 100%;
	padding: 5%;
	margin-bottom: 30px;
}
.testimonial:after {
	border-color: #343434 transparent;
	border-style: solid;
	border-width: 20px 0 0 20px;
	bottom: -20px;
	content: "";
	display: block;
	position: absolute;
	width: 0;
	left: 20px;
}
.name {
	font-weight: bold;
	margin-top: -26px;
	margin-left: 50px;
}
.company {
	margin-top: -6px;
	margin-left: 50px;
}

/* Skill Bar
--------------------------------------------- */
.skills {
	font-size: 18px;
}
.skills .skill-bar {
	width: 100%;
	height: 30px;
	background: #343434;
	color: #fff;
	margin-bottom: 6px;
	text-shadow: none;
}
.skills .skill-bar .skill {
	background: #ddad58;
	font-family: 'Oswald', sans-serif;
	height: 100%;
	width: 100px;
	line-height: 1.6;
}
.skills .skill-bar .skill:before{
	content: ' ';
	margin-left: 10px;
}
.skills .skill-bar .percent{
	float: right;
	margin-right: 10px;
	color: #000;
}

/* Tooltip
--------------------------------------------- */
.tooltip-text {
	display: none;
	position: absolute;
	border: 1px solid #000;
	background-color: #161616;
	padding: 4px 10px;
	color: #fff;
	font-size: 14px;
}

/* Services and Features
--------------------------------------------- */
.services, .features {
	width: 100%;
	clear: both;
	position: relative;
}
.services h1, .services h2, .services h3, .services h4,
.features h1, .features h2, .features h3, .features h4 {
	text-align: center;
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 10px;
	z-index: 2;
}
.services h1:after, .services h2:after, .services h3:after, .services h4:after,
.features h1:after, .features h2:after, .features h3:after, .features h4:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100px;
	height: 1px;
	margin: 0 0 0 -50px;
	background-color: #ddad58;
}
.service, .feature {
	float: left;
	width: 33.2%;
	padding: 2%;
	text-align: center;
	position: relative;
}
.service i, .feature i {
	color: #ddad58;
	font-size: 3em;
}
.service h3, .service h4, .feature h3, .feature h4 {
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
	position: relative;
	margin-bottom: 10px;
}
.service h3:after, .service h4:after, .feature h3:after, .feature h4:after {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	width: 40px;
	border: 1px solid #ddad58;
}

/* Team
--------------------------------------------- */
.team {
	position: relative;
	width: 32%;
	float: left;
	margin-bottom: 50px;
	margin-right: 1%;
	padding: 1%;
	text-align: left;
	min-height: 1px;
	border: 1px solid #000;
	transition: all 0.4s ease;
}
.team:hover{
	background: #343434;
}
.team .name {
	font-weight: bold;
	margin: 0;
}

/* Social Icons
--------------------------------------------- */
.social i {
	color: #ddad58;
	background-color: #000;
	margin-right: 10px;
	display: inline-block;
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.social i:hover {
	color: #fff;
	background-color: #ddad58;
}
.circle-icon {
	height: 100px;
	width: 100px;
	text-align: center;
	line-height: 100px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #141315;
	display: inline-block;
	margin-bottom: 14px;
}

/* Filterable Items / Portfolio
--------------------------------------------- */
.filter-control{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
}
.filter-control ul{
	margin: 8px 0;
	padding: 0;
}
.filter-control li{
	background: #000;
	color: #fff;
	margin:0;
	margin-right: 1px;
	padding: 6px 8px;
	cursor: pointer;
	list-style-type: none;
	display: inline;

}
.filter-control li.active {
	background-color: #ddad58;
}
ul#filter, ul#portfolio {
	margin: 0;
	padding: 0;
	list-style: 0;
}
#filter:after, #portfolio:after {
	content: '';
	display: inline-block;
	width: 100%;
}
ul#filter li, ul#portfolio li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#filter .mix, #portfolio .mix {
	display: none;

	vertical-align: top;
	margin-right: 3%;
	margin-bottom: 3%;
}
#portfolio, #filter {
	width: 100%;
}
ul#portfolio li, ul#filter li {
	width: 30%;
}
ul#portfolio li img, ul#filter li img {
	max-width: 100%;
}
#portfolio .gap, #filter .gap {
	display: inline-block;
	width: 30%;
}
ul#portfolio li, ul#filter li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	background-color: #343434;
	transition: background-color .4s ease-in-out;
	-webkit-transition: background-color .4s ease-in-out;
	-moz-transition: background-color .4s ease-in-out;
	-o-transition: background-color .4s ease-in-out;
	-ms-transition: background-color .4s ease-in-out;
	text-align: center;
}
ul#portfolio li:hover{
	background-color: #000;
}
ul#portfolio p {
	margin: 0;
}
.portfolio-item-info {
	margin: 0;
	padding: 10px;
}
.portfolio-item-info, .portfolio-item-info a {}

.portfolio-item-info h3, .portfolio-item-info h4 {
	margin: 0;
	color: #fff;
}