/*
Theme Name: Purity
Theme URI: http://themeforest.net/item/purity-responsive-clean-minimal-bold-wp-theme/639774
Description: Purity is a Clean and Minimal WordPress theme with a ‘BOLD’ feel that can be easily used as a personal portfolio or a business website.
Version: 4.0
Text Domain: purity
Author: Veented
Author URI: http://themeforest.net/user/Veented
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-3.0.html


1. CSS Reset
2. General
3. Columns
4. Typography
	4.1. Heading Font
	4.2. Typography Elements
5. Header
	5.1. Navigation
6. Main Content
	6.1. Sidebar
		6.1.1. Search Bar
	6.2. Blog
		6.2.1 Comments
		6.2.2 Pagination
	6.3. Portfolio
	6.4. Contact
7. Footer
	7.1. Copyright
	7.2. Social
8. Widgets
9. Elements
	9.1. Icon Boxes
	9.2. Buttons
	9.3. Tabs
	9.4. Toggles
	9.5. Lists
	9.6. Pricing Boxes

/
/
*/


/*========================*/
/*===  1. CSS Reset    ===*/
/*========================*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, img, strong, ol, ul, li, form, input { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
ul { list-style:none; list-style-position:outside; }
*:focus { outline: none; }


/*========================*/
/*===  2. General      ===*/
/*========================*/

body { background:#fff; font-size: 12px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; color:#888; }

#wrapper { width:960px; background:#fff; margin:0 auto; padding: 0 40px; }
.inner { width:960px; margin:0 auto; }
header, #main, footer { margin:0 auto; width:100%; }
#main { padding-top: 30px; }

a { color:#d16f4e; text-decoration:none; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
	a:hover { color:#444; }
	a:active{ outline: none; }
	a:focus{ outline: none; -moz-outline-style: none; }

p { display: block; margin-bottom:20px; line-height: 1.52em; }
strong { font-weight:bold; }
input, textarea { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

::selection { background:#d16f4e; color:#fff; }

.clear { clear: both; display: block; height: 0; width: 100%; }

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

/* Wide Layout */

#wrapper.vntd-wide {
	width: 100%;
	padding: 0;
}

#header-wrap,
#page-title,
.footer-widgets-area,
#main { border-bottom:1px dotted #ddd; }

.footer-widgets > li {
	margin-bottom: 20px;
}

#wrapper.vntd-wide .vntd-block {
/*	width: 960px;*/
	margin-left: auto;
	margin-right: auto;
}

/* Missing Styles for new WordPress versions */

.pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.sticky {
	background: rgba(0,0,0,0.02);
}

	.post.sticky {
		background: rgba(0,0,0,0.02);
		border: 3px solid #ccc;
		padding: 12px;
		box-sizing: border-box;
	}

	.post.sticky h1.title:before {
		content: "\f08d";
		font-family: FontAwesome;
		color: #999;
		padding-right: 10px;
	}

.screen-reader-text {
	line-height: 1.65em;
	font-size: 14px;
}

.gallery-caption {
	font-size: 11px;
	font-style: italic;
}

.bypostauthor {
	background: rgba(0,0,0,0.15);
}

/* Table */

table {
	width: 100%;
	margin-bottom: 30px;
	border: 1px solid #e3e3e3;
	border-spacing: 0;
	border-collapse: collapse;
}

td,th {
	border: 1px solid #e3e3e3;
	padding: 8px 12px;
	text-align: left;
}

.sidebar_item td,
.sidebar_item th {
	padding: 4px 5px;
}

#wp-calendar > caption {
	font-weight: bold;
	margin-bottom: 5px;
}

.sidebar_item > h5 > .rsswidget {
	display: inline-block;
}

	.sidebar_item > h5 > .rsswidget:first-child {
		position: relative;
		top: 3px;
	}

	.sidebar_item ul li a.rsswidget {
		font-size: 12px;
		font-weight: bold;
	}

	.sidebar_item ul li .rss-date {
		display: block;
		opacity: .6;
	}

	.sidebar_item ul li {
		margin-bottom: 5px;
	}

	.sidebar_item .rssSummary + cite {
		margin-bottom: 10px;
		display: block;
	}

	.sidebar_item .wp-caption {
		margin-bottom: 10px;
	}

	.sidebar_item input,
	.sidebar_item input[type="text"],
	.sidebar_item select,
	.sidebar_item textarea {
		max-width: 100%;
		margin-bottom: 15px;
	}

	.sidebar_item input.search_box {
		margin-bottom: 5px;
	}

dt {
	margin-bottom: 5px;
}

dd {
	margin-bottom: 10px;
}

dl,
address {
	margin-bottom: 30px;
}

address {
	border-left: 2px solid #eee;
	padding-left: 10px;
	opacity: 0.8;
	font-style: italic;
}

acronym {
	font-weight: bold;
	text-decoration: underline;
}

big {
  	font-size: 1.5em;
}

cite {
	font-style: italic;
	opacity: 0.6;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	height: auto;
}

/* Lists */

ul {
	list-style: disc inside;
	margin-bottom: 25px;
}
	ul > li > ul,
	ol > li > ol {
		margin-left: 10px;
	}
ol {
	list-style: decimal inside;
	margin-bottom: 25px;
}

	ul ul ul,
	ul ul,
	ol ol ol,
	ol ol {
		margin-bottom: 5px;
	}

code {
	font-family: monospace;
}

/*========================*/
/*===  3. Columns      ===*/
/*========================*/

.column { margin-bottom: 20px; float:left; margin-right: 4%; position:relative; }

.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.34%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:79.2%; }

.last { margin-right: 0 !important; clear: right; }

.full-width { width:100%; }

.divider { display: block; width: 100%; height: 0; clear: both; margin:20px 0px; position: relative; }
	.line { border-top:1px dotted #ddd; margin-top:28px; margin-bottom:29px; }
	.top { text-align: right; border-top:1px dotted #ddd; margin-top:28px; margin-bottom:29px; }
	.top a { font-size: 8px; line-height: 20px; position:absolute; right:0; top:-10px; color:#bbb; background-color: #fff; }
	.top a:hover { color:#d16f4e; }

.inner:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }


/*==========================*/
/*===  4. Typography     ===*/
/*==========================*/

/*==========================*/
/*===  4.1. Heading Font ===*/
/*==========================*/

.nav > div > ul,h1,h2,h3,h4,.home_tagline h1,.tagline h1,.over span,.dropcap1,.dropcap2,.bold,.flex-caption {
	font-family:'LeagueGothicRegular', Helvetica, Arial;
	text-transform:uppercase;
	font-weight:normal;
}


/*=================================*/
/*===  4.2. Typography Elements ===*/
/*=================================*/

h1,h2,h3,h4,h5,h6 { margin-bottom:20px; color:#444; text-transform:uppercase;  }
h5,h6 { letter-spacing:.9px; font-weight:bold; line-height:20px; }
h1{ font-size:26px; line-height:1em; }
h2{ font-size:24px; line-height:1em; }
h3{ font-size:19px; line-height:1em; }
h4{ font-size:17px; line-height:1em; }
h5{ font-size:11px; }
h6{ font-size:10px; }

.title a { color:#444; }
.title a:hover { color:#d16f4e; }

.dropcap1 { color: #444; display: block; float: left; font-size: 40px; line-height: 40px; margin: 0 8px 0 0; }
.dropcap2 { width:40px; height:40px; background:url(img/dropcap.png) no-repeat; color:#fff; font-size:30px; text-align:center; line-height:40px; display: block; float: left; margin: 0 8px 0 0; }


.pullleft, .pullright { float: right; font-size:15px; font-style:italic; color:#999; width: 32%; margin: 20px 2px 14px 14px; padding: 20px; border-left: 2px solid #e1e1e1;}
	.pullleft { float: left; margin-left: 1px; margin-right: 20px; }

.imageleft, .imageright { float: right; padding: 8px; margin: 8px 0px 8px 24px; border: 1px solid #e1e1e1; }
.imageleft { float: left; margin: 8px 24px 8px 0px; }
.center { display:block; margin-left:auto; margin-right:auto; margin-bottom:30px; }
.border { border:1px solid #e1e1e1; padding:6px; margin-bottom:4px; margin-bottom:30px; }
img.specific { width:auto;}

.blockleft, .blockright { display: block; float: right; border: 1px solid #e1e1e1; margin: 8px 0px 8px 24px; padding: 8px; }
	.blockleft { float: left; margin: 8px 24px 8px 0px; }
	.caption { color: #aaa; font-size: 11px; font-style: italic; text-align: center; margin:0; margin-top: 5px; }

.wp-caption { display: block; border: 1px solid #e1e1e1; width:auto; padding:2px; }
	.wp-caption img { margin:5px 0 0 5px; }
	.alignleft { float: left; margin: 8px 24px 8px 0px; }
	.alignright { float: right; margin: 8px 0px 8px 24px; }
	.wp-caption-text { color: #aaa; font-size: 11px; font-style: italic; text-align: center; margin-bottom:2px; }

.aligncenter { display:block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-left:auto; margin-right:auto; border:1px solid #e1e1e1; padding:6px; margin-bottom:4px; }

blockquote { color:#aaa; font-size:15px; font-style:italic;  margin:20px 0px 20px 20px; padding:20px; border-left:3px solid #ddd; }
	blockquote p { margin:0px; }
	blockquote span { display:block; font-size:12px; line-height:20px; color:#555; float:right; }

.highlight-light { padding: 2px 5px; background-color: #f0f0bd; color: #222; }
.highlight-dark { padding: 2px 5px; background-color: #555; color: #fff; }

.box { padding:19px 16px; border:1px solid #ddd; text-align:center; margin-bottom:30px; }
	.box-grey { border-color:#ddd; color:#666; }
	.box-orange { border-color:#ffcc99; color:#ff9966; }


/*========================*/
/*===  5. Header       ===*/
/*========================*/

header { z-index: 999; position: relative; background: #fff; }

	header .logo { float:left; padding:20px 0; }
	header .logo img { height: auto; }
	header .logo img.retina-logo { display: none; }
	header .inner { position: relative; }

	#header-wrap {
		background: rgba(255,255,255,0.98);
	}

	.nav > div > ul:after {
    content: "";
    display: block;
    clear: both;
	}

/*Sticky Header */

.vntd-sticky-now {
	position: fixed;
	top: auto;
	width: auto;
	top: 0;
}

.vntd-wide .vntd-sticky-now {
	width: 100%;
}

.admin-bar .vntd-sticky-now {
	top: 32px;
}

/*Header Styles */

.header-style-centered .logo,
.header-style-bottom .logo,
.header-style-centered .nav,
.header-style-bottom .nav,
.header-style-centered .nav ul li {
	float: none;
}


.header-style-centered .logo {
	padding-bottom: 0;
}
.header-style-centered .logo img {
	margin: 0 auto;
}

.header-style-centered .nav ul li {
	display: inline-block;
}

.header-style-centered .nav {
	text-align: center;
	padding: 11px 0 15px 0;
	margin: 0;
}

.header-style-centered .nav > div {
	display: inline-block;
	float: none !important;
}

.header-style-bottom .nav > div > ul li ul,
.header-style-centered .nav > div > ul li ul {
	top: 45px;
	text-align: left;
}

.header-style-centered .nav-cart-products {
	top: 14px;
}

.purity-header-no-nav {
    padding-top: 10px;
}

.purity-core-notice {
    background: #f9f9f9;
    border: 1px solid #bbb;
    padding: 8px 10px;
    border-radius: 3px;
    margin-bottom: 15px;
    color: #FF5722;
		font-size: 13px;
}

.purity-core-notice a {
    color: #2196F3;
    text-decoration: underline;
}

/*Style Bottom*/

.nav-bottom {
	background: #fff;
	border-bottom: 1px dotted #ddd;
}

.header-style-bottom .logo {
	display: block;
}

.header-style-bottom .nav-bottom {
	border-top: 1px dotted #ddd;
}

.header-style-bottom .nav-cart-products {
	top: 0px;
	padding-top: 35px;
}

.header-style-centered #header-wrap,
.header-style-bottom #header-wrap {
	border: 0;
}

.header-style-bottom .nav {
	margin: 5px 0 8px 0 !important;
}

/*Revslider*/

.revslider-wrap {
	margin-bottom: 30px;
}


/*========================*/
/*===  5.1. Navigation ===*/
/*========================*/

.nav { float:right; height:30px; margin-top:25px; }
.nav > div > ul { list-style:none; position:relative; }
	.nav > div > ul li { float:left; margin-left:26px; position:relative; display:block; font-size:22px; font-size: 16px; }
	.nav > div > ul li:first-child { margin-left: 0; }
	.nav > div > ul li > a { color:#666; line-height:40px; text-decoration:none; display:block; padding-bottom: 5px; }
	.nav > div > ul li:hover > a { color:#d16f4e; }
	.nav > div > ul li.current-menu-item > a { color:#d16f4e; }
	.nav > div > ul li.current-menu-item > a:hover { color:#d16f4e; }
		.nav > div > ul li ul { margin-left: 0px; position:absolute; background:#fff; min-width:170px; border:1px solid #e6e6e6; display:none; left:-13px; top:40px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);}
		.nav > div > ul li ul li { width:100%; margin:0 20px 0 0; }
		.nav > div > ul li ul li a { line-height:20px; padding:10px 0; margin:0 12px; color:#888; border-bottom:1px dotted #ddd;  }
		.nav > div > ul li ul li:last-child a { border:0px; }
		/* IE7 Fix */
		.nav > div > li:hover ul { display:block; }
		.nav > div > ul li ul li ul { position:absolute; left:170px; top:-1px; display:none; visibility:hidden; }

/* Responsive Select Menu */

.nav select { display: none; -webkit-appearance: none; width: 100%; padding: 10px 14px; border: 1px solid #e0e0e0; barder-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius:0; background: #fff url('img/select-arrows.png') no-repeat right center;
}

/*========================*/
/*===  5.2. Subheader  ===*/
/*========================*/

#subheader.subheader-revslider {
	margin-top: -30px;
}
.subheader-flexslider .flexslider {
	margin: 0;
}
.subheader-homepageslider {
	padding-bottom: 30px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 30px;
}
#subheader .rev_slider_wrapper {
	padding-top: 30px !important;
}

#subheader .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper {
	border: 0;
	padding: 0 !important;
}

/*==========================*/
/*===  5.2. Page Title   ===*/
/*==========================*/

#page-title {
	margin-bottom: 30px;
}
.tagline { padding-bottom: 30px; width:960px; margin:0 auto; }
	.tagline h1 { font-size:28px; line-height:32px; float:left; margin:0px; }
	.tagline span, .respond-title span { float:left; font-size:11px; line-height:11px; color:#aaa; border-left:1px dotted #ccc;  margin:10px 0px 0px 14px; padding-left:14px; }
	.tagline.inner { overflow: hidden; }

/*==========================*/
/*===  5.3. Breadcrumbs  ===*/
/*==========================*/

#breadcrumbs {
	float: right;
	overflow: hidden;
	font-size: 11px;
	list-style: none;
	margin: 0px;
	padding-top: 6px;
}

#breadcrumbs li {
	float: left;
	color: #aaa;
}

#breadcrumbs li a {
	color: #aaa;
}

#breadcrumbs li:not(:last-child):after {
	content: '/';
	margin: 0 5px;
	color: rgba(0, 0, 0, 0.25);
}

/*========================*/
/*===  5.4. Top Bar    ===*/
/*========================*/


#topbar {
	border-bottom: 1px dotted #ddd;
	height: 36px;
	line-height: 36px;
}

#topbar .inner {
	overflow: visible;
}

.topbar-left {
	float: left;
	font-size: 11px;
	opacity: 0.9;
}

	.topbar-left .menu li {
		display: inline-block;
	}

	.topbar-left .menu li a {
		line-height: 1em;
		display: inline-block;
		margin-right: 4px;
		padding-right: 6px;
		border-right: 1px dotted #ddd;
	}

	.topbar-left a {
		color: #888;
	}

	.topbar-left .menu li:last-child a {
		border: 0;
		padding: 0;
		margin: 0;
	}

.topbar-right {
	float: right;
}

.topbar-right .social {
	font-size: 15px;
	padding: 0;
}

.topbar-section {
	display: inline-block;
	font-size: 11px;
}

.topbar-right .topbar-section {
	padding: 0 6px;
/*	border-left: 1px dotted #e6e6e6;*/
}

	.topbar-right .topbar-section:last-child {
		padding-right: 0;
	}

.topbar-right .topbar-section:first-child {
/*	border: 0;*/
}

.topbar-right > div:nth-child(1) .social a:first-child {
	border: 0;
}


/* WPML TopBar language selector */

.vntd-language-selector {
	position: relative;
	cursor: pointer;
	color: #aaa;
	padding: 0 !important;
}

.vntd-language-selector ul {
	display: none;
	position: absolute;
	border: 1px dotted #ddd;
	top: 35px;
	left: -11px;
	z-index: 99999;
	background: #fff;
}

.vntd-language-selector ul li a {
	color: #999;
	padding: 12px 10px;
	width: 80px;
	display: block;
	line-height: 1em;
}

.vntd-language-selector ul li {
	border-bottom: 1px dotted #ddd;
}

.vntd-language-selector ul li:last-child {
	border-bottom: 0;
}

.vntd-language-selector:hover ul {
	display: block;
}

.current-lang .fa.fa-angle-down {
	padding-left: 5px;
}

/*=========================*/
/*===  6. Main Content  ===*/
/*=========================*/

.home_tagline h1 { text-align:center; font-size:26px; line-height:40px; color:#888; margin: 0; }
.home_tagline h1 a { color:#d16f4e; }
.home_tagline h1 a:hover { color:#444; }

.static { margin-bottom:30px; }

/*#main > .inner { padding-top:30px; }*/
.custom_content { padding-bottom:10px; }
.custom_content img { height: auto; }
.goto { font-size:11px; line-height:11px; display:block; margin-top:24px; }

#homepage-item, #recent-work, #recent-posts { margin-bottom:30px; position:relative; }

#recent-work img { margin-bottom:0px; padding:0px;  }
#recent-work li { position: relative; }
#recent-work .over { top: 0; left: 0; bottom: 0; }
#recent-work ul.threecolumns li a.over,
#recent-work ul.threecolumns li img { width:290px; height:auto; }

#recent-work ul.fourcolumns li a.over,
#recent-work ul.fourcolumns li img { width:213px; height:auto; }

.home-section ul {
	list-style: none;
}
.home-section ul.threecolumns li, footer .inner ul.threecolumns > li { float:left; width:295px; margin-left:37.5px; }
.home-section ul.fourcolumns li, footer .inner ul.fourcolumns > li { float:left;  width:213px; margin-left:36px; }
.home-section ul.fivecolumns li, footer .inner ul.fivecolumns > li { float:left;  width:151px; margin-left:36.25px; }
.home-section ul li:first-child, footer .inner ul li:first-child { margin-left:0px; }

#homepage-item h4 { margin-bottom:5px; }
#homepage-item p:last-child { margin-bottom:0; }
li p:last-child { margin-bottom: 0 !important; }

#recent-posts p { margin-bottom:0px; }
#recent-posts h5 { line-height:10px; margin-bottom:10px; font-size: 12px; }
#recent-posts h5 a { color: #666; }
#recent-posts span.post-info { float:none; margin:-4px 0 2px 0; text-transform: uppercase; color:#b0b0b0; display:block; font-size:10px; }
#recent-posts span.post-info a { color: #b0b0b0; }
#recent-posts .recent-posts-thumb { margin-bottom: 10px; }

#recent-work .one_third,#recent-work .one_fourth,#recent-posts .one_third,#recent-posts .one_fourth,#homepage-item .one_third,#homepage-item .one_fourth { margin-bottom:0px; }

.content { width:690px; float:left; margin-right:20px; }
.custom_content .gallery { margin-bottom:20px; }
.custom_content .gallery a > img { max-width: 100%; }

.content_right { margin:0px 0px 0px 20px; float:right; }

.heading-img { margin-bottom:30px; width:644px; }


/*========================*/
/*===  6.1. Sidebar    ===*/
/*========================*/

/*.page-layout-sidebar_right,
.page-layout-sidebar_left { overflow: hidden; }*/

.page-layout-sidebar_left .sidebar {
	float: left;
	margin: 0px 20px 0px 0px;
}

.page-layout-sidebar_left .content {
	float: right;
	margin: 0px 0px 0px 20px;
}

.sidebar, .sidebar_left { margin:0px 0px 0px 20px; width:230px; float:left; }
.sidebar ul li > a,
.sidebar_item ul li > a { font-size:11px; line-height:20px; color:#888; }
.sidebar ul li > a:hover,
.sidebar_item ul li > a:hover { color:#D16F4E; }
.sidebar_item { width:100%; padding-bottom:20px; border-bottom:1px dotted #ddd; margin-bottom:20px; }
.sidebar_item iframe { margin-top:10px; }
.sidebar_item:last-child { border-bottom:0px; }
.sidebar_item p:last-child { margin-bottom:0px; }

footer .sidebar_item ul {
	list-style: disc inside;
	margin-left: 0;
}

footer .sidebar_item {
	padding-bottom: 0;
	border-bottom: 0;
}

.sidebar h6, .sidebar h5 { margin-bottom:10px; }

.sidebar_left { margin:0px 20px 0px 0px; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 10px; height: 0; overflow: hidden; margin-bottom: 20px; }
.portfolio-post-media .video-container { margin-bottom:20px; }
.video-container iframe,
.video-container object,
.video-container > div,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; }
.content .video-container { margin-bottom: 25px; }

/*===========================*/
/*===  6.1.1. Search bar  ===*/
/*===========================*/

.search { position:relative; }
	.search_box { padding:10px 38px 10px 14px; background:#fff; width:100%; color:#999; font-style: italic; font-size:11px; line-height:11px; outline:none; margin:0; border:1px solid #e0e0e0;}
	.search_submit { position:absolute; right:1px; top:-2px; background: url(img/search.png) no-repeat center center !important; width:38px; height:33px; cursor:pointer; }


/*========================*/
/*===  6.2. Blog       ===*/
/*========================*/

.post { margin-bottom:30px; border-bottom:1px dotted #ddd; padding-bottom:29px; overflow:hidden; width:100%; }

.post-thumb { float:left; margin-right:30px; width:200px; }
.post-thumb img { width:200px; }

.post-image { display:block; width:100%; margin-bottom:30px; }
.post-image img { max-width:100%; width: auto; }
.post-image {
    background: #f8f8f8;
}
p.post-nav-links {
    clear: both;
}

.content:after {
	content: "";
	clear: both;
	display: block;
}

.post .flexslider { margin-bottom: 10px; }

#wrapper .date, .comments-nr { float:left; width:83px; text-align:center; font-size:12px; color:#bbb; padding:10px 0 5px 0; background:#f4f4f4; border:1px solid #e6e6e6;  margin-bottom:10px; }
#wrapper .date { width:84px; border-right:0px; }
.comments-nr a { color:#bbb; display:block;}
.date .bold,.comments-nr .bold { font-size:22px; line-height:28px; margin-bottom:0px; text-align:center; display:block; color:#444; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
.comments-nr a:hover,.comments-nr a:hover .bold { color:#d16f4e; }

.post-info { float:left; width:170px; margin-right:30px; font-size:11px; margin-bottom: 12px; }
.post-info p { text-align:right; margin-bottom:0px; line-height:20px; }
.post-info p span { color:#bbb; padding-right:2px; font-style:italic; }
.post-info p a { color:#888; }

.post-entry { width: auto; margin-left: 244px; }
.post-entry h1 { line-height:30px; padding-top:10px; margin-bottom:15px; }
.post-entry p:last-child { margin-bottom:0px; }
.post-entry img { max-width:100%; }
.post-meta { font-size:12px; line-height:20px; /*font-style:italic;*/ color:#b0b0b0; display:block; margin-bottom:10px; margin-top:-10px; }
.post-meta a,.post-meta strong { color:#888; }
.post-image { margin-bottom:15px; }

.small_thumbnail .post-info { float:left; width:214px; margin-right:30px; }
.small_thumbnail .post-info img { margin-bottom:10px; }
.small_thumbnail .date { width:106px !important; }
.small_thumbnail .comments-nr { width: 105px; }
.small_thumbnail .post-entry h1 { margin-top:0; }
.small_thumbnail .post-meta { font-size:11px; margin-top:-10px; }

.more-link { display:block; margin-top:20px; }

/*=========================*/
/*===  6.2.1. Comments  ===*/
/*=========================*/

.comments-wrap ul {
	list-style: none;
}
.comments-wrap ul li > div { margin-bottom:30px; }
.avatar-holder { float:left; margin-right:20px; width:60px; height:60px; }
	.avatar-holder img { width:50px; height:50px; padding:4px; border:1px solid #ddd; }
.comment-entry { line-height:20px; margin-top:-4px; margin-left: 80px; }
	.comment-entry span { font-size:11px; line-height:20px; color:#999; display:block; margin-bottom:10px; }
	.comment-entry p:first-child {  }
	.comment-entry p:last-child { margin:0px; }

.respond-title { overflow:hidden; }
	.respond-title h3 { float:left; }
	.respond-title span { margin-top:6px; }

.pingback .comment-entry,
.trackback .comment-entry {
	margin-left: 0;
}

.pingback .avatar-holder,
.trackback .avatar-holder {
	display: none;
}

.content .post-content:after {
	display: block;
	content: "";
	clear: both;
}

.comments-wrap ul li ul.children { clear:both; padding-top:30px; margin-left:80px; }
	.comments-wrap ul li ul.children li:last-child > div { margin-bottom:0px; }
	.comments-wrap ul li ul.children li:last-child > div.respond { margin-top:30px; }
	.comments-wrap ul > li div.respond .divider { margin-top:0px; }
	.comments-wrap ul li ul.children .avatar-holder { width:50px; height:50px; }
	.comments-wrap ul li ul.children .avatar-holder img { width:40px; height:40px; padding:4px; }
	.comments-wrap ul > li ul.children .comment-entry { width:470px; }

ul.children li ul.children { margin-left:70px; }
ul.children > li ul.children .comment-entry { width:400px; }
ul.children li ul.children > li ul.children .comment-entry { width:330px; }
ul.children li ul.children li ul.children li ul.children .comment-entry { width:260px; }
ul.children li ul.children li ul.children li ul.children li ul.children { margin-left:0px; }

.sidebar_item ul.children li ul.children { margin-left: 10px; }

/*==========================*/
/*=== 6.2.2. Pagination ===*/
/*==========================*/

.pagination a { font-size:12px; color:#888; font-style:italic; margin-bottom:30px; display:block; }
	div.newer-posts { float:left; }
	div.older-posts { float:right; }
	.pagination a:hover { color:#d16f4e; }

.comments-pagination a { margin-bottom:20px; }


/*========================*/
/*=== 6.3. Portfolio ===*/
/*========================*/

.portfolio { overflow:hidden; list-style: none; }
.portfolio > li { float:left; }
.portfolio li .item-image,
.portfolio li img,
.portfolio li {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.portfolio li img { width:100%; height: auto !important; }

.over { z-index: 20; opacity:0; width: auto; height: auto; top: 6px; left: 6px; right: 6px; bottom: 6px; filter: alpha(opacity = 0); position:absolute; background:#fff url(img/over_plus.png) no-repeat right bottom; }
.over:hover { text-decoration:none; color:#666; }
	.over span { font-size:18px; color:#444; display:block; margin:10px;}
	.over p { margin:0px 10px; color:#999; }

.zoom { background:#fff url(img/over_zoom.png) no-repeat center center; }

.item-name { display:block; margin-left:7px; margin-bottom:4px; }
	.item-name p { color:#888; font-size:12px; margin-bottom:4px; }
	.item-name .title { margin-top:10px; }
	.item-name h4, .item-name h3 { margin-bottom:6px; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
	.item-name > a { font-size:11px; }

.one-column > li { width:960px; margin-bottom:24px; display:inline-block; float:none; }
	.one-column li:last child { margin:0; }
	.one-column .item-name span { margin-bottom:0px; }
	.one-column .item-name span a { font-size:12px; line-height:20px; display:block; margin-bottom:10px; }
	.one-column p { font-size:12px; margin-bottom:20px; }
	.one-column .item-name h2 { margin-bottom:20px; margin-top:20px; }

.detailed .item-image { float:left; width:672px; margin-right:30px; }
	.detailed .item-name { float:left; width:256px; padding:0; margin:0; }
	.detailed .item-name span a { margin-bottom:30px; }
	.detailed p { margin-bottom:20px; }
	.detailed .item-name h3 { margin-top:0px; }

.portfolio li { position: relative; }
.portfolio {
	width: 1010px;
	list-style: ;
}
/*.two-columns { width:1010px; }*/
	.two-columns li { width:455px; margin:0 50px 40px 0; }
/*.three-columns { width:1005px; }*/
	.three-columns li { width:290px; margin:0 45px 35px 0; }
/*.four-columns { width:996px; }*/
	.four-columns li { width:213px; margin:0 36px 30px 0;}

.item-image { border:1px solid #e1e1e1; padding: 6px; position: relative; }

.gallery li { list-style:none; }

.hidden { display:none; }

.vntd-filter { padding-bottom:20px; list-style: none; }
.vntd-filter li { float:left; padding-right:10px; border-right:1px solid #ddd; margin-right:10px; font-size:12px; line-height:12px; }
.vntd-filter li a { color:#888; }
.vntd-filter li:last-child { border:0px; }
.vntd-filter li a.selected { color:#d16f4e; }

.image-list img { margin-bottom: 20px; }
.portfolio-fullwidth-content { margin-top: 20px; }

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/*========================*/
/*===  6.4. Contact    ===*/
/*========================*/

#commentform,
.big_form { margin-bottom:10px; }
#commentform label,
.big_form label { margin-bottom:8px; display:block; font-style:italic; font-size:11px; }
.wpcf7-form-control-wrap { margin-top: 8px; display: block; }

#commentform input[type=text],#commentform textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
.wpcf7 .wpcf7-text, .wpcf7 textarea, .wpcf7 select,
.big_form input[type=text], .big_form textarea { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	-webkit-appearance: none; barder-radius:0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius:0; padding:8px 10px; display:block; border:1px solid #e1e1e1; color:#666; margin-bottom:30px; margin-left:0px; outline:0; }
#commentform textarea,
.wpcf7 textarea,
.big_form textarea { height:130px; width:400px; }
.wpcf7 .wpcf7-text,
.wpcf7 select,
.big_form input[type=text] { width:240px; }
.wpcf7 .wpcf7-text:focus,
.big_form input:focus, .big_form textarea:focus { border-color:#eee; }
.wpcf7 .wpcf7-not-valid,
.big_form input.hightlight, .big_form textarea.hightlight { border:1px solid #e2a7a7; }
.wpcf7-not-valid-tip { margin-top: -10px; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"] {
	display: inline-block;
}

input[type="submit"] {
    background: #ddd;
    color: #333;
    padding: 9px 12px;
    font-weight: bold;
    letter-spacing: 0.1px;
    cursor: pointer;
}

input[type="submit"]:hover,input[type="submit"]:focus {
    background: #ccc;
}

.forms li {
	list-style: none;
}

.wpcf7 select {
	background: #fff url('img/select-arrows.png') no-repeat right center;
}
#commentform #submit,
#wrapper .wpcf7-submit {
	margin-bottom: 0px !important;
	width: auto;
}
#wrapper .wpcf7-response-output {
	margin: -8px 0 20px 0;
}

.form-success { display:none; }

.loading { display:none; background:url(img/loader.gif) no-repeat 1px; height:28px; width:28px; position:absolute; margin-top:-51px; margin-left:250px; }

#contact_gmap { width:100%; height:350px; }
#contact_gmap img,
#widget_gmap img { max-width:inherit; }

.google-map-sc { margin-bottom: 20px; }

/*========================*/
/*===  7. Footer       ===*/
/*========================*/

.footer_divider { height:0px; width:100%; margin:0 auto; border-top:1px dotted #ddd; }

footer { clear:both; overflow:hidden; }
footer ul.recent-posts a:hover { color:#D16F4E; }
footer .one_third, footer .one_fourth { margin-bottom:0px; }
footer .inner { padding:30px 0 20px 0; }
footer .inner:after { content: '.'; clear: both; text-indent: -9999px; }

footer ul { list-style-type: none; list-style-position: outside; }

.footer2 .copyright { float:left; }
.footer2 .social { float:right; }

/*========================*/
/*===  7.1. Copyright  ===*/
/*========================*/

.footer_small { clear:both; margin:0 auto; overflow:hidden; padding:20px 0 !important; }
.copyright { font-size:11px; padding-top:8px; text-align:center; }

footer .social a {
	line-height: 10px;
	font-size: 13px;
}

footer .social a:first-child {
	border-left: 0;
	margin: 0;
	padding: 0;
}


/*=========================*/
/*===  7.2. Social ===*/
/*=========================*/

.social { padding-top:10px; text-align:center; margin-left:-5px; }
.social a { display:block; display: -moz-inline-stack; display:inline-block; width: 20px; border-left: 1px dotted #e6e6e6; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: opacity 0.1s linear; color: #ccc; opacity: 0.99; line-height: 1em; padding-left: 7px; margin-left: 7px; }
.social a:hover { color: #666; }


	.social a:before {
		font-family: FontAwesome;
	}

	.social-1:before { content: "\f099"; } /*Twitter*/
	.social-2:before { content: "\f09a"; }
	.social-3:before { content: "\f17d"; } /*Dribbble*/
	.social-4:before { content: "\f09e"; }
	.social-5:before { content: "\f167"; } /*YouTube*/
	.social-6:before { content: "\f194"; } /*Vimeo*/
	.social-7:before { content: "\f173"; } /*Tumblr*/
	.social-8:before { content: "\f0d2"; } /*Pinterest*/
	.social-9:before { content: "\f16b"; } /*Dropbox*/
	.social-10:before { content: "\f16c"; } /*StackOverflow*/
	.social-11:before { content: "\f0e1"; } /*LinkedIn*/
	.social-12:before { content: "\f17e"; } /*Skype*/
	.social-13:before { content: "\f16d"; } /*Instagram*/
	.social-14:before { content: "\f09b"; } /*Github*/
	.social-15:before { content: "\f180"; }
	.social-16:before { content: "\f171"; } /*BitBucket*/
	.social-17:before { content: "\f0d5"; } /*Google+*/
	.social-18:before { content: "\f16e"; } /*Flickr*/
	.social-19:before { content: "\f136"; } /*Maxcdn*/



/*========================*/
/*===  8. Widgets     ===*/
/*========================*/

.tweet li { margin-bottom:10px; }
.tweet .twitter-content { padding:10px; background:#e6e6e6; font-size:11px; font-style:italic; }

.tweet .quote { font-size:11px; text-decoration:none; background:url(img/twitter_quote.png) no-repeat right top; width:100%; height:30px; }
.tweet .quote a span  { color:#c0c0c0; padding:10px 0 0 8px; display:block;}
.tweet .quote a:hover { text-decoration:none; }

.recent-posts { margin-top:16px; }
.recent-posts li { margin-bottom:30px; overflow:hidden; }
.recent-posts li:last-child { margin:0px; }
.recent-posts li a { color:#aaa; display: block; }
.recent-posts li a:hover { text-decoration:none; }
.recent-posts .rp-image { width:40px; height:40px; float:left; margin-right:10px; }
.recent-posts li span { font-size:10px; line-height:20px; text-transform: uppercase; }
.recent-posts li strong { font-size:11px; display:block; line-height:22px; color: #666; text-transform: none; margin-bottom: -4px; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear;}

.flickr-badge { overflow:hidden; margin-top:16px; }
.flickr_badge_image {margin:0 4px 4px 0; float:left;}
.flickr_badge_image img { width:39px; height:39px; padding:2px; border:1px solid #ddd;}



/*========================*/
/*===  9. Elements     ===*/
/*========================*/

/*========================*/
/*===  9.1. Icon boxes ===*/
/*========================*/

.icon-image { float:left; width:32px; height: 32px; background-size: 100%; background-repeat: no-repeat; background-position: center center; margin-right:10px; font-size: 25px !important; }
.icon-text { overflow:hidden; }
.icon-text h5,.icon-text h6 { margin-bottom:5px; }
.icon-text p { font-size:11px; margin-bottom:10px; }

.one_third .icon-text { width:233px; }
.one_fifth .icon-text { width:109px; }

	.fa.fa-shuffle:before 	{ content: "\f074"; }
	.fa.fa-presentation:before,
	.fa.fa-image:before 	{ content: "\f03e"; }
	.fa.fa-mail:before 		{ content: "\f0e0"; }
	.fa.fa-bubbles:before 	{ content: "\f086"; }
	.fa.fa-bulb:before 		{ content: "\f0eb"; }
	.fa.fa-cabinet:before 	{ content: "\f0b1"; }
	.fa.fa-cart:before 		{ content: "\f07a"; }
	.fa.fa-chemical:before 	{ content: "\f0c3"; }
	.fa.fa-clock:before 	{ content: "\f017"; }
	.fa.fa-company:before 	{ content: "\f0f7"; }
	.fa.fa-help:before 		{ content: "\f05a"; }
	.fa.fa-iphone:before,
	.fa.fa-ipad:before 		{ content: "\f10b"; }
	.fa.fa-map:before 		{ content: "\f041"; }
	.fa.fa-mickey:before 	{ content: "\f135"; }
	.fa.fa-settings:before 	{ content: "\f085"; }
	.fa.fa-strategy:before 	{ content: "\f126"; }
	.fa.fa-vcard:before 	{ content: "\f007"; }
	.fa.fa-write:before 	{ content: "\f040"; }
	.fa.fa-pages:before 	{ content: "\f15c"; }

	.icon-book		{ background-image: url("img/icons/book.png"); }
	.icon-bubbles	{ background-image: url("img/icons/bubbles.png"); }
	.icon-bulb		{ background-image: url("img/icons/bulb.png"); }
	.icon-cabinet	{ background-image: url("img/icons/cabinet.png"); }
	.icon-calendar	{ background-image: url("img/icons/calendar.png"); }
	.icon-cart		{ background-image: url("img/icons/cart.png"); }
	.icon-chart		{ background-image: url("img/icons/chart.png"); }
	.icon-chemical	{ background-image: url("img/icons/chemical.png"); }
	.icon-clock		{ background-image: url("img/icons/clock.png"); }
	.icon-company	{ background-image: url("img/icons/company.png"); }
	.icon-eye		{ background-image: url("img/icons/eye.png"); }
	.icon-globe		{ background-image: url("img/icons/globe.png"); }
	.icon-help		{ background-image: url("img/icons/help.png"); }
	.icon-home		{ background-image: url("img/icons/home.png"); }
	.icon-img		{ background-image: url("img/icons/img.png"); }
	.icon-info		{ background-image: url("img/icons/info.png"); }
	.icon-ipad		{ background-image: url("img/icons/ipad.png"); }
	.icon-iphone	{ background-image: url("img/icons/iphone.png"); }
	.icon-leaf		{ background-image: url("img/icons/leaf.png"); }
	.icon-link		{ background-image: url("img/icons/link.png"); }
	.icon-mail		{ background-image: url("img/icons/mail.png"); }
	.icon-map		{ background-image: url("img/icons/map.png"); }
	.icon-mickey	{ background-image: url("img/icons/mickey.png"); }
	.icon-pages		{ background-image: url("img/icons/pages.png"); }
	.icon-paperclip	{ background-image: url("img/icons/paperclip.png"); }
	.icon-phone		{ background-image: url("img/icons/phone.png"); }
	.icon-presentation		{ background-image: url("img/icons/presentation.png"); }
	.icon-settings	{ background-image: url("img/icons/settings.png"); }
	.icon-shuffle	{ background-image: url("img/icons/shuffle.png"); }
	.icon-strategy	{ background-image: url("img/icons/strategy.png"); }
	.icon-suitcase	{ background-image: url("img/icons/suitcase.png"); }
	.icon-tags		{ background-image: url("img/icons/tags.png"); }
	.icon-truck		{ background-image: url("img/icons/truck.png"); }
	.icon-users		{ background-image: url("img/icons/users.png"); }
	.icon-vcard		{ background-image: url("img/icons/vcard.png"); }
	.icon-write		{ background-image: url("img/icons/write.png"); }


/*========================*/
/*===  9.2. Buttons    ===*/
/*========================*/

#wrapper .button, #wrapper .wpcf7-submit,.button, .big_button,#commentform #submit { border:1px solid #ccc; line-height:20px; background:url(img/button.png) repeat-x 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; cursor:pointer; margin:0px 5px 18px 0px; display: -moz-inline-stack; display: inline-block; font-weight:bold; overflow:hidden; background-color: #f1f1f1; border-color: #ddd; text-shadow: none; -webkit-transition: opacity .3s; transition:opacity .3s; -moz-transition: opacity .3s; box-shadow: none; }

#commentform #submit,
#wrapper .wpcf7-submit,.button { padding:5px 12px; margin-bottom:18px; }

.big_button { padding:7px 20px; font-size:13px; margin-bottom:14px; }

#wrapper .button:hover {
	opacity: 0.7;
}

#wrapper .button:hover, #wrapper .big_button:hover { text-decoration:none; }
	#wrapper .wpcf7-submit,
	#commentform #submit,
	#wrapper .light { color:#777; background-color: #f1f1f1; border-color: #ddd; }
	#wrapper .wpcf7-submit:hover,
	#wrapper .light:hover { color:#777; }
	#wrapper .light_grey { color:#777; background-color: #e1e1e1; border-color: #ccc; }
	#wrapper .light_grey:hover { color:#777; }
	#wrapper .red { background-color: red; border-color: red; text-shadow: 0 1px 3px #444; }
	#wrapper .red:hover { color:#fff; }
	#wrapper .light_blue { background-color: #57cbcd; border-color: #57cbcd; text-shadow: 0 1px 3px #aaa; }
	#wrapper .light_blue:hover { color:#fff; }
	#wrapper .blue { background-color: #3399ff; border-color: #3399ff; text-shadow: 0 1px 3px #666; }
	#wrapper .blue:hover { color:#fff; }
	#wrapper .purple { background-color: #9900cc; border-color: #9900cc; text-shadow: 0 1px 3px #666; }
	#wrapper .purple:hover { color:#fff; }
	#wrapper .yellow { color:#c2a903; background-color: #ffe743; border-color: #e5cc24; }
	#wrapper .yellow:hover { color:#c2a903; }
	#wrapper .orange { color:#fff; background-color: orange; border-color: orange; text-shadow: 0 1px 3px #666; }
	#wrapper .orange:hover { color:#fff; }
	#wrapper .brown { color:#fff; background-color: #713800; border-color: #713800; text-shadow: 0 1px 3px #333; }
	#wrapper .brown:hover { color:#fff; }
	#wrapper .green { color:#fff; background-color: #339933; border-color: #339933; text-shadow: 0 1px 3px #666; }
	#wrapper .green:hover { color:#fff; }
	#wrapper .light_green { color:#6fa30a; background-color: #b0ef37; border-color: #b0ef37; }
	#wrapper .light_green:hover { color:#6fa30a; }

/*========================*/
/*===  9.3. Tabs       ===*/
/*========================*/

.tabs { margin-bottom:30px; }
	.tabnav li { display: inline; list-style: none; padding-right: 5px;	}
	.tabnav li a { font-size:12px; text-transform: uppercase; color:#888; font-weight: bold; padding: 8px 14px; outline: none; }
	.tabnav li a:active, .tabnav li.ui-tabs-selected a { background:#f3f3f3; color:#666; text-decoration: none; }

.tabdiv { margin-top: 1px; background:#f3f3f3; padding:10px 14px 10px 14px;}
.tabdiv p {	margin-bottom:0px; }

.ui-tabs-hide { display: none; }


/*========================*/
/*===  9.4. Toggles    ===*/
/*========================*/

.toggle-container { width:100%; }

.toggle-container { margin-bottom:4px; position:relative; cursor:pointer; overflow:hidden; }
.toggle-container h6 { text-decoration: none; text-transform: uppercase; padding:7px 8px 7px 33px; font-size:11px; line-height:20px; margin:0; border: 1px solid #e1e1e1; }
	.toggle { background:url(img/toggle.png) no-repeat 10px 2px; }
	.active { background:url(img/toggle.png) no-repeat 10px -48px;}


.toggle-container div { padding:10px 10px 0 32px; margin:0px; }
.toggle-content { display:none; }


/*========================*/
/*===  9.5. Lists      ===*/
/*========================*/

ol, .list { list-style:inside none; margin-bottom:30px; }
ol li, .list li { color:#888; line-height:20px; margin-bottom:4px; }
	ol { list-style-type:decimal; list-style-position: inside; }
	.square { list-style-type:square; }
	.circle { list-style-type:circle; }
	.check li { background:transparent url(img/checklist.png) no-repeat 0px 2px; padding-left:22px; }
	.checkgrey li { background:transparent url(img/checkgrey.png) no-repeat 0px 2px; padding-left:22px; }


/*===========================*/
/*===  9.6. Pricing Boxes ===*/
/*===========================*/

.pricing-box { border:5px solid #f1f1f1; }
	.pricing-box p { margin-bottom:0; }
	.pricing-title { text-align:center; padding:20px 30px 0 30px;}
	.pricing-title h3 { margin-bottom:0; }
	.pricing-price { text-align:center;}
	.pricing-price h1 { font-size:42px; line-height:42px; padding:20px 0; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; }
	.pricing-content { padding:20px 30px; }
	.pricing-content ol, .pricing-content .list { margin-bottom:20px; }
	.pricing-content .button, .pricing-content .big_button { margin-bottom:0px; text-align:center; display:block; }


/*===========================*/
/*===  9.6. Pricing Boxes ===*/
/*===========================*/

.progress-bar { background-color: #F4F4F4; position: relative; height: 35px; color: #FFF; line-height: 35px; margin-bottom: 12px; }
	.progress-bar .progress { width: 0; height: 100%; text-align: right; padding-right: 10px; box-sizing: border-box; }
	.progress-bar .progress-bar-title { position: absolute; top: 0; left: 0; padding: 0 10px; line-height: 35px; }

	.progress-bar-grey div { background-color:#d1d1d1; }
	.progress-bar-blue div { background-color:#5ED2FF; }
	.progress-bar-orange div { background-color:#FF9F59; }
	.progress-bar-purple div { background-color:#B471D3; }
	.progress-bar-brown div { background-color:#AD672F; }
	.progress-bar-red div { background-color:#FA0808; }
	.progress-bar-amaranth div { background-color:#ff5398; }
	.progress-bar-green div { background-color:#66C572; }


	.nav > div > ul:after {
	    display: block;
	    content: "";
	    clear: both;
	}