/*
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.5.1
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;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.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 .wp-caption img {
    margin-left: initial;
    margin-right: initial;
    margin-top: initial;
    padding: 2px;
		box-sizing: border-box;
	}

	.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: 9px;
	}
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;
}

.sidebar_item ul li > ul {
    margin-top: 3px;
}

/*========================*/
/*===  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; }

#main > div > div.divider:last-child {
    border-top: 0;
}

/*==========================*/
/*===  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; width: auto; max-height: 50px; }
	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 ul {
		margin-bottom: 0;
}

.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; }

.purity-homepage-slider.flexslider,
.purity-flexslider.flexslider {
	box-shadow: none;
}

/*========================*/
/*===  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 ul ul {
	margin-left: 8px;
}

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; }

.post-content .post-info .date,
.post-content .post-info .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; }
.post-content .post-info .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 .post-info .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:0; list-style: none; margin-bottom: 25px; }
.vntd-filter li { float:left; padding-right:10px; border-right:1px solid #ddd; margin-right:10px; font-size:12px; line-height:12px; margin-bottom: 8px; }
.vntd-filter li a { color:#888; }
.vntd-filter li:last-child { border:0px; }
.vntd-filter li a.selected { color:#d16f4e; }

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

.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; list-style: none !important; }
.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       ===*/
/*========================*/

.purity-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,
	.purity-tabs .tabnav li.ui-tabs-active 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; }

.purity-tabs .tabnav {
    margin-bottom: 0;
    list-style: none;
}

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

.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,
	.purity-tabs .tabnav li.ui-tabs-active 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; }

.purity-tabs .tabnav {
    margin-bottom: 0;
    list-style: 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;
	}
