/*
Theme Name: SMMMSFA-Purity
Theme URI: 
Description: SMMMSFA-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: smmmsfa-purity
Author:
Author URI: 
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      ===*/
/*========================*/
html {
    font-size: 62.5%;
}

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;
    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: 1.4em;
    padding-top: 10px;
    margin-bottom: 15px;
}

.post-entry p:last-child {
    margin-bottom: 0;
}

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

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