/*
Theme Name:   Accentuate
Theme URI:    https://commercegurus.com/wordpress-themes/accentuate/
Author:       CommerceGurus
Author URI:   http://commercegurus.com/
Description:  Accentuate is a superbly designed WordPress theme for financial consultants and small businesses.  Get a beautiful website and showcase your business to the world.
Version:      1.1.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  accentuate
Tags:         two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Accentuate is based on Underscores http://underscores.me/, (C) 2012-2019 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Global
	2.1 Global Grid
	2.2 Global Layout
  2.3 Heading
	2.4 Typography
	2.5 Common HTML Elements
	2.6 Forms
    2.6.1 Gravity Forms
    2.6.2 Contact Form 7
    2.6.3 Mailchimp
	2.7 Media;
3.0 Header
4.0 Menus
  4.1 Sticky Menu
5.0 Pages
	5.1 Homepage
	5.2 Misc
6.0 Posts/Blog
	6.1 Blog Post
	6.2 Post Format Types
  6.3 Blog Pagination
	6.4 Comments
  6.5 Post Navigation
7.0 Widgets
8.0 Search
9.0 WooCommerce
10.0 Footer
11.0 Typed.js
12.0 Visual Composer

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

cite {
  font-style: normal;
  font-weight: bolder;
  display: block;
  margin-top: 15px;
}

a {
  transition: all 0.2s ease 0s;
  outline: 0;
}

input, button {
  transition: all 0.2s ease 0s;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

*:focus {
  outline: none;
}

img, object, embed, figure {
  max-width: 100%;
  height: auto;
}

code {
  background-color: #ffffcc;
}

select {
  color: #333;
}

figure {
  margin: 0;
}

.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.larger {
  font-size: 120%;
}

.align-center {
  text-align: center;
}

/* -- iFrame -- */
.ccfw-entry-content iframe {
  width: 100%;
}


/*--------------------------------------------------------------
2.0 Global
--------------------------------------------------------------*/

/* -- Default Font -- */

body, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, Helvetica, Arial, sans-serif;
}

body {
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "dlig" 1;
}

/* -- Vertical Alignment */

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.entry-header .cta,
.ccfw-icons {
  justify-content: flex-end;
}


/*--------------------------------------------------------------
2.1 Global Grid
--------------------------------------------------------------*/

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }

  .elementor-container,
  body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 740px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }

  .elementor-container,
  body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

  .elementor-container,
  body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1150px;
  }

  body .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-extended {
    max-width: 1160px;
  }

  body .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-wide {
    max-width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0px;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none;
  visibility: hidden;
}

.affix {
  position: fixed;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*--------------------------------------------------------------
2.2 Global Layout
--------------------------------------------------------------*/

#ccfw-page-wrap {
  position: relative;
  margin-top: -1px;
}

@media (min-width: 992px) {
  .left-content {
    padding-right: 50px;
  }
  .right-content {
    padding-left: 50px;
  }
}

/* -- 404 -- */

section.error-404.not-found {
  min-height: 200px;
}


/*--------------------------------------------------------------
2.3 Heading
--------------------------------------------------------------*/

body .entry-header {
  padding: 55px 0px 55px 0px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.entry-header h1 {
  line-height: 1.3em;
  min-width: 100%;
}

.entry-header .container {
  position: relative;
  z-index: 1;
}

.content-container {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #F3F2EE;
  background-color: #f8f8f8;
}

.page-template-page-full-width-without-heading .content-container {
  padding-top: 0px;
}

.blog .content-container,
.archive .content-container {
  padding-top: 30px;
}

/*--------------------------------------------------------------
2.4 Typography
--------------------------------------------------------------*/

.ccfw-content {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

body,
button,
input,
select,
textarea {
  font-size: 16px;
  line-height: 1.55;
}

a {
  color: #111;
  outline: 0;
  text-decoration: none;
}

a, a:active, a:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #111;
  margin-bottom: 10px;
}

h1 {
  font-size: 34px;
  line-height: 52px;
  margin-bottom: 0px;
}

h2 {
  font-size: 24px;
  line-height: 36px;
}

h3 {
  font-size: 18px;
  line-height: 27px;
}

h4 {
  font-size: 16px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 21px;
}

h5 small {
  position: relative;
  top: -4px;
}

h6 {
  font-size: 12px;
  line-height: 18px;
}

h5 strong {
  font-weight: bolder;
}

p {
  line-height: 1.6;
  margin-bottom: 1.4em;
}

dfn, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 10px;
}

address {
  margin: 0 0 10px;
  font-style: normal;
}

pre {
  margin-bottom: 30px;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  background: #fff9ee;
  font-size: 16px;
}

abbr, acronym {
  cursor: help;
}

mark, ins {
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}


/*--------------------------------------------------------------
2.5 Common HTML elements
--------------------------------------------------------------*/

/* -- Ordered and Unordered Lists --*/

.content-area ul, 
.content-area ol {
  margin: 10px 0px 20px 20px;
}

.content-area ul {
  list-style: disc;
}

.content-area ol {
  margin-left: 0px;
  padding-left: 18px;
  list-style: decimal;
}

.content-area ul li,
.content-area ol li {
  margin-bottom: 10px;
}

.content-area ol ol {
  padding-left: 30px;  
}

.content-area ul ul {
  padding-left: 30px;
}

/* -- Doc -- */

.content-area ul.doc {
  margin-top: 0px;
  margin-left: 30px;
}

.content-area ul.doc li {
  list-style: none;
}

.content-area ul.doc li:before {
  font-family: 'Fontawesome';
  position: absolute;
  left: 0px;
  content: "\f016";
}

.content-area .vc_row ul.doc li:before {
  left: 15px;
}

.content-area ul.doc li strong {
  color: #9ea0a3;
  font-size: 70%;
  margin-left: 7px;
  font-weight: inherit;
}

/* -- Horizontal Rule --*/

.content-area hr {
  height: 0;
  margin-top: 48px;
  margin-bottom: 48px;
  border: 0;
  border-top: 1px solid #e9e9e9;
}

/* -- Headings -- */

.content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5 {
  margin: 36px 0 16px;
}

.content-area h5 {
  margin-bottom: 8px;
}

.content-area h6 {
  margin: 16px 0 2px;
}

.content-area h1 + h1, .content-area h1 + h2, .content-area h1 + h3, .content-area h1 + h4, .content-area h1 + h5, .content-area h1 + h6, .content-area h2 + h1, .content-area h2 + h2, .content-area h2 + h3, .content-area h2 + h4, .content-area h2 + h5, .content-area h2 + h6, .content-area h3 + h1, .content-area h3 + h2, .content-area h3 + h3, .content-area h3 + h4, .content-area h3 + h5, .content-area h3 + h6, .content-area h4 + h1, .content-area h4 + h2, .content-area h4 + h3, .content-area h4 + h4, .content-area h4 + h5, .content-area h4 + h6, .content-area h5 + h1, .content-area h5 + h2, .content-area h5 + h3, 
.content-area h5 + h4, .content-area h5 + h5, .content-area h5 + h6, .content-area h6 + h1, .content-area h6 + h2, .content-area h6 + h3, .content-area h6 + h4, .content-area h6 + h5, .content-area h6 + h6, .content-area p + h6 {
   margin-top: 0px;
}

.content-area h2 + blockquote,
.content-area h3 + blockquote,
.content-area h4 + blockquote,
.content-area h5 + blockquote {
  margin-top: 20px;
  margin-bottom: 40px;
}

.content-area .alignleft + h2,
.content-area .alignright + h2,
.content-area .alignleft + h3,
.content-area .alignright + h3,
.content-area .alignleft + h4,
.content-area .alignright + h4,
.content-area .alignleft + h5,
.content-area .alignright + h5 {
    margin-top: 0px;
}


/* -- Definition Lists --*/

dt {
  font-weight: bolder;
}

dd, dl {
  margin-bottom: 20px;
}

/* -- Links -- */

.content-area h4 a,
.content-area h5 a {
  color: #111;
}

.content-area h4 a {
  font-weight: 400;
}

.content-area article .entry-content h6 a,
.content-area article .entry-content p a ,
.content-area article .entry-content li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* -- Blockquotes --*/

.content-area blockquote {
  margin: 40px 0px;
  border: none;
  position: relative; 
  clear: both;
  padding-left: 55px;
}

.content-area blockquote p {
  margin-bottom: 0px;
}

.content-area .entry-content blockquote:before {
  color: #124a81;
  content: "\201C";
  font-size: 4.3em;
  position: absolute;
  left: 0px;
  top: 34px;
  line-height: 0.1em;
  font-family: Georgia;
}


/* -- Table styles --*/

table {
  margin-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.content-area table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
  margin-top: 30px;
  border: 1px solid #eee;
}

.content-area table th,
.content-area table td {
  padding: 15px 25px 15px 15px;
  margin: 0;
  overflow: visible;
  border-bottom: 1px solid #eee;
}

.content-area table thead {
  vertical-align: bottom;
  white-space: nowrap;
}

.content-area table th {
  font-weight: bolder;
}

.content-area table tbody > tr:nth-child(odd) > th,
.content-area table tbody > tr:nth-child(odd) > td { 
  background: #f9f9f9; 
}

.content-area caption {
  color: #111;
  text-align: center;
  padding: 2%;
}

/* -- WP layout styles --*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* -- Blockquote and Heading margins -- */

body.search-results .content-area article > h2:first-child,
.entry-content > .gform_wrapper,
.ccfw-entry-content > h1:first-child,
.ccfw-entry-content > h2:first-child,
.ccfw-entry-content > h3:first-child,
.ccfw-entry-content > h4:first-child,
.ccfw-entry-content > h5:first-child,
.ccfw-entry-content > h6:first-child {
  margin-top: 0px;
}

/* -- Animated Button Style -- */

a.ccfw-primary-button {
  background: none;
  border: 0;
  box-sizing: border-box;
  padding: 1.3em 3em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.75);
  margin-right: -1px;
  display: inline-block;
}

a.ccfw-primary-button:before, a.ccfw-primary-button:after {
  box-sizing: inherit;
  content: '';
  position: absolute;
}

.elementor a.ccfw-primary-button,
.vc_row a.ccfw-primary-button {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.75);
}

.elementor a.ccfw-primary-button.light,
.vc_row  a.ccfw-primary-button.light {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.75);
}

.elementor a.ccfw-primary-button:hover::before,
.vc_row a.ccfw-primary-button:hover::before {
  border-top-color: #000;
  border-right-color: #000;
}

.elementor .ccfw-primary-button:hover::after,
.vc_row .ccfw-primary-button:hover::after {
  border-bottom-color: #000;
  border-left-color: #000;
}

.elementor a.ccfw-primary-button.light:hover::before,
.vc_row a.ccfw-primary-button.light:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}

.elementor .ccfw-primary-button.light:hover::after,
.vc_row .ccfw-primary-button.light:hover::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

.ccfw-primary-button {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.ccfw-primary-button::before, .ccfw-primary-button::after {
  border: 1px solid transparent;
  width: 0;
  height: 0;
}

.ccfw-primary-button::before {
  top: 0;
  left: 0;
}

.ccfw-primary-button:hover {
  color: #fff;
}

.ccfw-primary-button:hover::before, .ccfw-primary-button:hover::after {
  width: 100%;
  height: 100%;
}

.ccfw-primary-button:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.ccfw-primary-button:hover::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.ccfw-primary-button::after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.ccfw-primary-button:hover::after {
  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}


/* -- Image Styles -- */

a.image {
  position: relative;
  display: block;
}

a.image img {
  display: block;
}

a.image:after,
.nav-post-background:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  transform: scale(1, 1);
  background-size: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8));
  background-size: auto;
  transition: all 0.2s linear;
}

a.image:after {
  opacity: 0;
}

.nav-post-background:after {
  opacity: 0.8;
}

a.image:hover:after {
  opacity: 0.25;
}

.nav-links a:hover .nav-post-background:after {
  opacity: 1;
}

.ccfw-blog-image-wrap {
  overflow: hidden;
  z-index: 2;
  position: relative;
}

.ccfw-blog-image-wrap a img {
  transition: transform .7s cubic-bezier(.2,1,.22,1),-webkit-transform .7s cubic-bezier(.2,1,.22,1);
  -webkit-backface-visibility: hidden;
  position: relative;
}

.ccfw-blog-image-wrap a:hover img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.grid .ccfw-blog-image-wrap a img {
  width: 100%;
}

/* -- Shadow style -- */

.site-main .ccfw-blog-loop-item.ccfw-main-item .row,
.author-info {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.02);
}

.elementor .img-shadow img,
.vc_row .img-shadow img {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.elementor .img-shadow .elementor-image a,
.vc_row .img-shadow a {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.wpb_single_image a {
  display: block;
  position: relative;
  overflow: hidden;
}

.wpb_single_image img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  position: relative;
  transition: transform .7s cubic-bezier(.2,1,.22,1),-webkit-transform .7s cubic-bezier(.2,1,.22,1);
}

body.single-post img.attachment-accentuate-blog-featured-top {
  box-shadow: 5px 18px 40px rgba(0,0,0,0.08);
}

.wpb_single_image a:hover img {
  transform: scale(1.02);
}


/*--------------------------------------------------------------
2.6 Forms
--------------------------------------------------------------*/

textarea,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], textarea {
  color: #555;
  background: #fff;
  padding: 8px 12px;
  border: 1px solid #e2e2e2;
  transition: all 0.15s ease 0s;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
  border: solid 1px #ccc;
  outline: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}

.content-area fieldset {
  padding: 25px;
  border: 1px solid #eee;
  margin-bottom: 1em;
}

.content-area fieldset legend {
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 12px;
  background: #eee;
  color: #444;
}

.content-area input[type="text"],
.content-area input[type="tel"],
.content-area input[type="url"],
.content-area input[type="email"],
.content-area input[type="password"],
.content-area textarea {
  width: 100%;
  padding: 10px 12px;
  font-size: 18px;
  color: #111;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  margin-top: 8px;
  margin-bottom: 0px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.content-area input[type="file"] {
  padding: 10px;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.content-area textarea { 
  height: 190px; 
}

span.required,
body .gform_wrapper .gfield_required {
  color: #c91414;
}

.content-area input[type="text"]:focus,
.content-area input[type="tel"]:focus,
.content-area input[type="url"]:focus,
.content-area input[type="email"]:focus,
.content-area input[type="password"]:focus,
.content-area textarea:focus {
  outline: none;
  border-color: #ccc;
}

.content-area input[type="submit"],
.content-area input[type="reset"],
.content-area input[type="button"],
.jetpack_subscription_widget input[type="submit"],
.ccfw-content .widget a.button {
  background: none;
  border: 0;
  box-sizing: border-box;
  padding: 1.3em 3em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  vertical-align: middle;
  color: #111;
  cursor: pointer;
}

.ccfw-content .widget a.button {
  display: inline-block;
  font-size: 14px;
  padding: 14px 20px;
  margin-top: 0px;
}

.ccfw-content .widget a.button:hover {
  opacity: 0.8;
}

.jetpack_subscription_widget input[type="submit"] {
  padding: 12px 18px;
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
  width: 100%;
}

.content-area input[type="submit"]:hover,
.content-area input[type="reset"]:hover,
.content-area input[type="button"]:hover,
.jetpack_subscription_widget input[type="submit"]:hover {
  opacity: 0.9;
}

.content-area input[type="reset"] {
  background-color: #eee;
  color: #333;
}

.content-area input[type="submit"] + input[type="reset"],
.content-area input[type="submit"] + input[type="button"],
.content-area input[type="reset"] + input[type="submit"],
.content-area input[type="reset"] + input[type="button"],
.content-area input[type="button"] + input[type="reset"],
.content-area input[type="submit"] + input[type="submit"] {
  margin-left: 5px;
}

input[type="submit"]:focus,
input[type="submit"]:active {
  outline: none;
  opacity: 0.85;
}

div.wpcf7 label {
  position: relative;
}

span.hint {
  font-size: 0.7em;
  opacity: 0.4;
  margin-left: 10px;
}


/* -- Select Styling -- */

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  background: #fff url("images/icons/down-arrow.png") right 0.5em center no-repeat;
  background-size: 16px 16px;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.4em 2em 0.4em 8px;
  max-width: 100%;
  text-indent: 0.01px;
  text-overflow: '';    
  margin-bottom: 5px;
  font-weight: inherit;
  width: 100%;
  font-size: 14px;
}

.content-area select {
  font-size: 18px;
  margin-top: 8px;
}


/* --------------------------------------------------------------
2.6.1 Gravity Forms
-------------------------------------------------------------- */

body .gform_wrapper .gsection .gfield_label, 
body .gform_wrapper span.gform_description,
body .gform_wrapper h2.gsection_title, 
body .gform_wrapper h3.gform_title {
  font-weight: inherit;
}

body .gform_wrapper .top_label .gfield_label {
  margin-bottom: 0em;
  font-weight: inherit;
}

body .ccfw-content .gform_wrapper label.gfield_label + div.ginput_container {
  margin-top: 0em;
  margin-bottom: 12px;
}

body .gform_wrapper h3.gform_title {
  margin-top: 0px;
}

body .gform_wrapper.gf_browser_gecko select {
  padding-left: 5px;
  margin-top: 6px;
  font-size: 16px;
}

body .gform_wrapper input[type="email"], 
body .gform_wrapper input[type="number"], 
body .gform_wrapper input[type="password"], 
body .gform_wrapper input[type="tel"], 
body .gform_wrapper input[type="text"], 
body .gform_wrapper input[type="url"],
body .gform_wrapper textarea {
  padding: 6px 8px;
}

body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
  font-size: 16px;
  margin-top: 0px;
}

.ginput_container_radio,
.ginput_container_checkbox {
  padding-top: 10px;
}

body .gform_wrapper.gf_browser_gecko .gfield_checkbox li input, 
body .gform_wrapper.gf_browser_gecko .gfield_checkbox li input[type="checkbox"], 
body .gform_wrapper.gf_browser_gecko .gfield_radio li input[type="radio"] {
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 10px;
}

body .gform_wrapper .gfield_checkbox li, 
body .gform_wrapper .gfield_radio li {
  margin-bottom: 6px;
}

body .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, 
body .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
  font-weight: 400;
}


/* --------------------------------------------------------------
2.6.2 Contact Form 7
-------------------------------------------------------------- */

.wpcf7 p {
  margin-bottom: 26px;
  font-size: 16px;
}

.wpcf7 input {
  margin-left: 0px;
}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
  margin-right: 8px;
}

.wpcf7 .wpcf7-radio,
.wpcf7 .wpcf7-checkbox {
  padding-top: 10px;
  display: block;
}

.wpcf7 span.wpcf7-list-item {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
}

.content-area .wpcf7 input[type="submit"] {
    margin-top: 10px;
}


/* --------------------------------------------------------------
2.6.3 Mailchimp
-------------------------------------------------------------- */

.mc4wp-form {
  position: relative;
  margin-top: 10px;
}

.mc4wp-form p label {
  display: none;
}

.mc4wp-form-fields {
  display: table;
  width: 100%;
}


/*--------------------------------------------------------------
2.7 Media
--------------------------------------------------------------*/

.content-area .wp-caption { 
  max-width: 100%; 
  margin-bottom: 20px;
}

.content-area .alignleft,
.content-area .alignright {
  margin-bottom: 1.2em;
  max-width: 50%;
  margin-top: 5px;
}

.content-area .wp-caption .alignleft,
.content-area .wp-caption .alignright {
  margin-bottom: 0;
}

.content-area .alignleft {
  float: left;
  margin-right: 30px;
}

.content-area .alignright {
  float: right;
  margin-left: 30px;
}

.content-area .aligncenter,
.content-area .aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.content-area .aligncenter,
.content-area .alignnone {
  margin-top: 30px;
  margin-bottom: 30px;
}

.content-area .wp-caption p {
  margin-bottom: 0px;
}

.content-area .wp-caption-text,
.content-area .gallery-caption,
.content-area .wpb_single_image .vc_figure-caption {
  margin: 0px auto 0px;
  font-size: 15px;
  line-height: 160%;
  color: #666;
  text-align: center;
  padding: 12px 10px;
  background: #fff;
  margin-top: -7px;
}

.content-area .wpb_single_image .vc_figure-caption {
  margin-top: 0px;
}

.content-area .aligncenter .wp-caption-text {
  margin: 10px 0px 30px 0px;
}


/* -- Gallery -- */

.gallery a img {
  border: none;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.gallery dd, .gallery figcaption {
  font-size: 15px;
  text-align: left;
  margin: 0 0 15px 0;
}

.gallery {
  margin-left: -7px;
  margin-right: -7px;
}

.gallery-item {
  margin-bottom: 25px;
  width: 25%;
  vertical-align: top;
  padding-left: 7px;
  padding-right: 7px;
  display: inline-block;
}

/* -- Tiled Galery -- */

.content-area .tiled-gallery {
  margin: 40px 0px;
}

/* -- Image hover class -- */

.image-hover img, img.image-hover {
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(0, 0, 0);
}

.image-hover:hover img, img.image-hover:hover {
  transform: scale(1) translate3d(0, -0.6rem, 0);
}

/* -- Video -- */

.video-player, .mejs-container, .embed-youtube {
  margin-bottom: 20px;
}

/* -- Page Loader */

.no-js #loader { 
  display: none;  
}

.js #loader { 
  display: block; 
  position: absolute; 
  left: 100px; 
  top: 0; 
}

.ccfw-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
  display: flex;
  align-items: center;
}

.ccfw-spinner {
  align-items: center;
  border: 2px solid purple;
  display: flex;
  height: 60px;
  margin: 0 auto;
  width: 60px;
  padding: 5px;
}

.ccfw-spinner svg { 
  margin: 0 auto; 
  overflow: hidden;
}

.ccfw-spinner #wave {
  stroke-dasharray: 0 16 101 16;
  animation: moveTheWave 2400ms linear infinite;  
  stroke: purple;
}

@keyframes moveTheWave {
  0% { 
    stroke-dashoffset: 0; 
    transform: translate3d(0, 0, 0);
  }
  100% { 
    stroke-dashoffset: -133;
    transform: translate3d(-90px, 0, 0);
  }
}


/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/

/* -- Top Bar -- */

.ccfw-top-bar {
  background: #252b33;
  padding: 13px 0 11px 0;
  text-align: center;
  color: #fff;
  font-size: 15px;
}

.ccfw-top-bar p {
  margin: 0px;
}

.ccfw-top-bar a.cta-button,
.ccfw-primary-nav li.button span {
  background-color: #de002e;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  padding: 7px 18px 5px 18px;
  letter-spacing: 0.13em;
  margin-left: 15px;
  text-transform: uppercase;
  vertical-align: middle;
  transition: all .5s ease;
  position: relative;
  top: -1px;
}

.ccfw-primary-nav li.button span {
  display: inline;
  top: 0px;
  margin-left: 0px;
}

.ccfw-primary-nav li.button:hover span:before {
  display: none;
}

.ccfw-top-bar a.cta-button:hover {
  background-color: #ca022c;
}

/* -- Main Header -- */

h1.ccfw-site-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: 0px;
}

.ccfw-site-title a {
  text-decoration: none;
}

.ccfw-header-main .ccfw-site-description {
  margin-bottom: 0;
  color: #777;
  font-size: 15px;
  margin-top: 8px;
  font-weight: inherit;
  letter-spacing: 0px;
}

.ccfw-header-details {
  float: right;
  margin-right: 12px;
}

.ccfw-header-details .widget,
.ccfw-header-details-right .widget {
  margin-bottom: 0px; 
}


/* -- Text Logo -- */

.ccfw-site-text-logo {
  white-space: nowrap;
  float: left;
  width: 30%;
  text-align: left;
}

.sticky-header .ccfw-site-text-logo {
  padding: 0px;
}

.sticky-header .ccfw-site-text-logo h1 {
  line-height: 64px;
}

/* -- Logo Styling and Width -- */

.ccfw-site-logo {
  white-space: nowrap;
  float: left;
  width: 100%;
}

.ccfw-site-logo img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.ccfw-site-logo a {
  line-height: 128px;
}

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.ccfw-header-main {
  overflow: hidden;
  position: relative;
  z-index: 4;
}

/* -- Logo Mark -- */

.logo-small {
  width: 0;
  margin-right: 0;
  overflow: hidden;
  transition: all .3s cubic-bezier(.33,0,.2,1);
  float: left;
  height: 66px;
  line-height: 66px;
}

.is_stuck .logo-small {
  width: 32px;
  margin-right: 25px;
}

.logo-small img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}


/* Style 2: Centered Logo without search -- */

.ccfw-header-main .col-lg-12 {
  display: flex;
  align-items: center;
}

.ccfw-header-main.style2 .ccfw-site-logo {
  float: none;
  width: 100%;
  text-align: center;
}

.ccfw-header-main.style2 .ccfw-site-text-logo {
  padding: 0px;
  width: 100%;
  float: none;
  text-align: center;
}

.ccfw-header-main.style2 {
  display: flex;
  align-items: center;
}

/* -- Header Widgets -- */

.ccfw-header-branding {
  width: 70%;
  float: right;
  text-align: right;
  z-index: 2;
}

.ccfw-header-details .widget.widget_text {
  text-align: left;
  padding-left: 70px;
  padding-top: 3px;
  position: relative;
}

.ccfw-header-branding input.search-field {
  margin-left: 25px;
  width: 200px;
}

.ccfw-header-details-right {
  float: right;
}

.ccfw-header-details-right .textwidget {
  white-space: nowrap;   
}

.ccfw-header-details-right .textwidget:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.ccfw-header-details-right .widget .textwidget img {
  margin-bottom: -5px;
}

.ccfw-header-main {
  height: 150px;
  display: flex;
  align-items: center;
}


/*--------------------------------------------------------------
4.0 Menus
--------------------------------------------------------------*/

.ccfw-header-nav {
  border-top: 1px solid #F3F2EE;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
  z-index: 10;  
}

.ccfw-header-nav.ccfw-above-header {
  border-top: none;
}

.ccfw-primary-nav {
  position: relative;
  z-index: 10;
}

.sticky-header .ccfw-primary-nav {
  background-color: transparent;
}

.sticky-header .blog-menu > li.current_page_ancestor > a, 
.sticky-header .blog-menu > li.current_page_ancestor:hover > a, 
.sticky-header .blog-menu > li.current_page_parent > a, 
.sticky-header .blog-menu > li.current_page_parent:hover > a,
.sticky-header .blog-menu > li.current_page_item > a,
.sticky-header .blog-menu > li.current_page_item:hover > a {
  background: transparent;
  color: inherit;
}

/* -- If sticky navigation active while logged in -- */

.ccfw-header-nav.is_stuck {
  border-top: none;
}

.admin-bar .ccfw-header-nav.is_stuck {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  .admin-bar .ccfw-header-nav.is_stuck {
    top: 46px !important;
  }
}


/* -- Mobile Menu -- */

.toggle-container {
  display: block;  
}

.toggle {
  display: inline-block;
  position: relative;
  height: 57px;
  width: 32px;
  padding: 20px 0px;
}

.toggle:hover {
  cursor: pointer;
}

.nav-toggle {
  float: left;
}

.search-toggle {
  float: right;
}

.nav-toggle:hover {
  cursor: pointer;
}

.nav-toggle .bar {
  display: block;
  width: 24px;
  height: 3px;
  margin-top: 4px;
  background: #666;
}

.nav-toggle .bar:first-child {
  margin-top: 0;
}

.nav-toggle.active .bar {
  background-color: #FFF;
}

.search-toggle .metal,
.search-toggle .glass,
.search-toggle .handle {
  position: absolute;
}

.search-toggle .metal {
  width: 18px;
  height: 18px;
  top: 16px;
  left: 6px;
  border-radius: 999px;
  background: #555;
}

.search-toggle .glass {
  width: 12px;
  height: 12px;
  top: 19px;
  left: 9px;
  border-radius: 999px;
  background: #1D1D1D;
}

.search-toggle .handle {
  height: 4px;
  width: 13px;
  top: 32px;
  left: 18px;
  background: #555;
  border-radius: 2px 0 0 2px;
  transform: rotate(45deg);
}

.search-toggle.active .metal,
.search-toggle.active .handle {
  background: #FFF;
}

.mobile-menu {
  display: none;
}

.mobile-menu .container {
  padding: 0px;
  width: auto;
}

.mobile-menu li {
  position: relative;
}

.mobile-menu a {
  display: block;
  padding: 17px 15px 17px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
}

.mobile-menu a:hover,
.mobile-menu .current-menu-item a {
  color: #FFF;
}

.mobile-menu ul a {
  width: 100%;
}

.mobile-menu ul a {
  padding-left: 20px;
}

.mobile-menu .dropdown-menu li a {
  padding-left: 20px;
  font-size: 15px;
}

.mobile-menu .dropdown-menu li .dropdown-menu li a {
  padding-left: 40px;
}

.mobile-menu .dropdown-menu {
  display: none;
}

.mobile-menu .dropdown-menu .dropdown-menu {
  display: none;
}

.mobile-menu .dropdown-open .dropdown-menu {
  display: block;
}

.mobile-menu .dropdown-open .dropdown-menu .dropdown-open .dropdown-menu {
  display: block;
}

.mobile-menu .dropdown-open .dropdown-submenu .dropdown-menu {
  display: none;
}

.mobile-menu .caret {
  height: 40px;
  width: 40px;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 0px;
  margin-top: 10px;
}

.mobile-menu .caret:after {
  content: "";
  display: block;
  border: 7px solid transparent;
  border-top-color: #fff;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-top: -3px;
  margin-right: -13px;
}

.mobile-menu .dropdown-open > a .caret:after {
  border-top-color: transparent;
  border-right-color: #fff;
  margin-top: -7px;
  margin-right: -11px;
}

/* -- Mobile Search -- */

.blog-search {
  margin-bottom: 20px;
}

.blog-search input.search-field {
  border: none;
}

.blog-search .search-form:before {
  display: none;
}


/* -- Desktop Menu -- */

.blog-menu li {
  position: relative;
}

.blog-menu > li > a {
  padding-left: 13px;
  padding-right: 13px;
}

.blog-menu > li {
  float: left;
}

.blog-menu > li:first-child > a {
  padding-left: 0px;
}

.blog-menu a {
  display: block;
  padding: 0px 0px;
  color: #111;
  text-decoration: none;
  line-height: 80px;
}

body .blog-menu > li > a {
  font-size: 17px;
}

body .blog-menu > li > a strong,
.mobile-menu a strong {
  color: #fff;
  font-size: 8px;
  padding: 3px 7px;
  border-radius: 100px;
  letter-spacing: 1.2px;
  margin-left: 5px;
  vertical-align: top;
  position: relative;
  text-transform: uppercase;
}

.mobile-menu a strong {
  vertical-align: middle;
  top: -1px;
}

.blog-menu li.current_page_item ul li a,
.blog-menu li.current_page_ancestor ul li a,
.blog-menu li.current_page_parent ul li a {
  color: #333;
}

.blog-menu > li.menu-item-has-children > a,
.blog-menu > li.page_item_has_children > a {
  padding-right: 25px;
}

.blog-menu > .has-children > a:after,
.blog-menu > .page_item_has_children > a:after {
  content: "\f35f";
  font-family: 'Ionicons';
  font-size: 13px;
  margin-left: 8px;
  position: absolute;
  margin-top: 1px;
}

.blog-menu li:hover a {
  cursor: pointer;
}


/* Sub menus --------------------------------------- */

.blog-menu li ul {
  position: absolute; 
  transform: translateY(20px);
  transition: all 0.15s ease-in-out;  
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 9px 15px rgba(0, 0, 0, 0.04); 
  margin-left: -13px;
}

.blog-menu li:hover > ul {
  opacity: 1;
  left: 0;
  display: block;
  z-index: 30;
  transform: translateY(0px);
  visibility: visible;
}

.blog-menu ul li {
  float: none;
  display: block;
}

.blog-menu ul > .has-children > a:after,
.blog-menu ul > .page_item_has_children > a:after {
  content: "\f125";
  font-family: 'Ionicons';
  font-size: 8px;
  margin-left: 10px;
  position: absolute;
  right: 25px;
}

.blog-menu ul li {
  width: 220px;
}

.blog-menu ul a {
  padding: 7px 25px 7px 25px;
  line-height: 1.5em;
  color: #666;
  font-size: 14px;
  position: relative;
}

.blog-menu ul {
  padding: 10px 0px;
  background: #f5f5f5;
}

.blog-menu ul ul {
  padding: 10px 0px;
  margin-top: -10px;
}

.blog-menu ul > li:last-child a {
  border-bottom-width: 0;
}

.blog-menu ul li > ul {
  display: none;
  opacity: 0;
}

.blog-menu ul li:hover > ul {
  top: 0;
  left: 220px;
  margin-left: 0;
}

/* -- */

.blog-menu > li {
  position: relative;
}

.blog-menu > li > a span:before,
.blog-menu > li:hover > a span:before {
  display: inline-block;
  content: '';
  height: 2px;
  width: calc(100% - 26px);
  background: transparent;
  position: absolute;
  top: -1px;
  transition: all 0.2s ease-in-out; 
}

.blog-menu > li:first-child > a span:before,
.blog-menu > li:first-child:hover > a span:before {
  width: calc(100% - 13px);
}

.blog-menu ul a span {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.blog-menu ul a span:before {
  content: '';
  display: inline-flex;
  height: 1px;
  width: 0;
  background: #fff;
  margin-right: 0px;
  opacity: 0.8;
  transition: all 0.2s cubic-bezier(0.3, 0.3, 0.3, 0.7);
}

.blog-menu ul a span:before {
  background-color: #222;
  position: relative;
}

.blog-menu ul a:hover span:before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333;
  margin-right: 10px;
}

/* -- Simple Mega Menu -- */

/* Add these classes: megamenu col-2 to the top level item -- */

.blog-menu .megamenu ul  {
  padding-right: 40px;
  padding-bottom: 20px;
}

.blog-menu .megamenu.col-2 ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.blog-menu .megamenu.col-3 ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.blog-menu .megamenu.col-4 ul {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}

.blog-menu .megamenu.col-3 ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.blog-menu .megamenu ul li a {
  margin-right: -40px;
}


/* -- Social menu -- */

.social-menu {
  float: right;
  text-align: right;
}

.social-menu > li {
  float: left;
}

.social-menu > li > a {
  display: block;
  width: 46px;
  height: 46px;
  border: 2px solid;
  border-radius: 50%;
  margin-left: 10px;
  text-align: center;
  line-height: 44px;
}

.social-menu > li > a:hover {
  color: #fff;
  background-color: #4F2D7F;
}

.entry-header .social-menu > li > a {
  line-height: 44px;
  width: 46px;
  height: 46px;
}

.ccfw-social-wrapper {
  padding: 40px 0px;
}

.ccfw-social-wrapper span {
  font-size: 24px;
  font-weight: 400;
}

/* -- Tooltip on the 'Copy Link' Social Icon -- */

.link-item {
  position: relative;
}

.rc-tooltip {
  position: absolute;
  top: -55px;
  width: 100px;
  max-width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  display: none;  
}

.active .rc-tooltip {
  display: block;
}

.rc-tooltip h6 {
  z-index: 12;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin: 0px;
  position: relative;
  top: 1px;
}

.rc-tooltip-inner:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 0;
  height: 10px;
}

.rc-tooltip-inner {
  position: static;
  padding: .7em 0em;
  color: #1a1a1a;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,.2);
}

.rc-tooltip-arrow {
  width: 20px;
  height: 20px;
  z-index: 0;
  left: 50%;
  bottom: 0;
  position: absolute; 
}

.rc-tooltip-arrow:after {
  content: "";
  display: block;
  bottom: -20px;
  top: 0;
  left: 0;
  right: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
  background-color: #fff;
  position: absolute;
  z-index: 2;
  margin-left: -4px;
}


/* Search bar in header */

.ccfw-search-container {
  justify-content: flex-end;
}

.ccfw-search-bar-wrapper {
  right: 0px;
  width: 280px;
}

.ccfw-search-bar {
  display: none;
}

.ccfw-search-bar .search-submit {
  display: none;
}

.ccfw-search-bar-wrapper.active .ccfw-search-bar {
  display: block;
}

.ccfw-search-bar .search-form:before {
  display: none;
}

.ccfw-search-bar .widget {
  margin-bottom: 0px;
}

.search-menu li {
  margin-left: 15px;
  width: 20px;
  display: inline-block;
}

.search-menu li:before {
  position: relative;
}

.ccfw-search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -16px;
}

.ccfw-search-icon a {
  display: inline-block;
}

.ccfw-search-icon span {
  font-size: 26px;
}

.ccfw-search-bar-wrapper span.ri-cross,
.ccfw-search-bar-wrapper.active span.ri-search {
  display: none;
}

.ccfw-search-bar-wrapper.active span.ri-cross {
  display: inline-block;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/*--------------------------------------------------------------
4.1 Sticky Menu
--------------------------------------------------------------*/

.sticky-header {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s ease-in-out; 
  box-shadow: 0 0px 6px #ccc;
}

.sticky-header .ccfw-site-logo {
  vertical-align: middle;
  line-height: 63px;
}

.sticky-header .ccfw-site-logo a {
  line-height: inherit;
  display: inline-block;
}

.sticky-header .ccfw-site-logo img {
  vertical-align: middle;
  max-height: 63px;
  padding: 13px 0px; 
  width: auto;
  height: auto;
}

.sticky-header .toggle-container {
  display: none !important;
}

.sticky-header.stuck {
  opacity: 1;
  z-index: 5;
  transition: opacity 0.4s ease-in-out; 
}

.sticky-header .ccfw-site-description {
  display: none;
}

.sticky-header .blog-menu {
  float: right;
}

.sticky-header .blog-menu li:hover > a,
.sticky-header .blog-menu a {
  color: #222;
}

.sticky-header .blog-menu > li:last-child > a {
  padding-right: 0px;
}

.sticky-header .blog-menu > li:last-child > a:before {
  width: calc(100% - 20px);
}

.sticky-header .blog-menu > li > a:before {
  top: 0px;
}

.sticky-header .blog-menu > .has-children:after, 
.sticky-header .blog-menu > .page_item_has_children:after {
  border-top-color: rgba(0, 0, 0, 0.2);
}

.sticky-header .blog-menu > li:before {
  background-color: rgba(0, 0, 0, 0.08);
}

.sticky-header .blog-menu > li.current_page_item > a, 
.sticky-header .blog-menu > li.current_page_ancestor > a, 
.sticky-header .blog-menu > li.current_page_parent > a,
.sticky-header .blog-menu > li > a:hover,
.sticky-header .blog-menu > li:hover > a {
  background-color: transparent;
  color: #222;
}

.sticky-header .container .container {
  width: auto;
  float: right;
}

.sticky-header .container .container .col-lg-12 {
  padding: 0px;
}


/*--------------------------------------------------------------
5.0 Breadcrumbs
--------------------------------------------------------------*/

.ccfw-breadcrumbs {
  background-color: #f8f8f8;
  padding: 13px 0px 5px 0px;
  position: relative;
  top: -1px;
  z-index: 2;
}

.ccfw-breadcrumbs p {
  margin-bottom: 0px;
  font-size: 16px;
  position: relative;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ccfw-breadcrumbs > p:before {
  font-family: 'FontAwesome';
  content: "\f015";
  margin-right: 8px;
  font-size: 16px;
  position: absolute;
}

.ccfw-breadcrumbs p a:after {
  content: "";
  background: #333;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  font-style: normal;
  margin-left: 12px;
  font-size: 9px;
  position: relative;
  top: -3px;
  margin-right: 12px;
}

.ccfw-breadcrumbs p a {
  display: inline-block;
}

.ccfw-breadcrumbs p > span > span > a:first-child {
  font-size: 0px;
  position: relative;
  z-index: 2;
}

/* Chrome Only */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  .ccfw-breadcrumbs p > span > span > a:first-child {
    padding-left: 27px;
  }
}

/* FF Only */
@-moz-document url-prefix() { 
  .ccfw-breadcrumbs p > span > span > a:first-child {
    padding-left: 27px;
  }
}

.ccfw-breadcrumbs p > span > span > a:first-child:after { 
  margin-left: 0px 
}

.ccfw-breadcrumbs p:before {
  font-family: 'FontAwesome';
  content: "\f015";
  font-size: 15px;
  position: absolute;
  display: inline-block;
}

/*--------------------------------------------------------------
5.0 Pages
--------------------------------------------------------------*/

.contact-form-wrapper {
  margin: 0px 15px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.contact-form-wrapper.vc_row {
  margin: 0px;
}

.contact-form-wrapper .elementor-element-populated {
  position: relative;
  right: -2px;
}

.home-features .elementor-widget-wrap:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.home-features .elementor-widget-wrap {
  transition: transform .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1),-webkit-transform .2s cubic-bezier(0,0,.2,1);
}

/* Don't zoom on home features */
.home-features .elementor-image a:hover img {
  transform: scale(1.0);
}

.team-wrapper {
  margin-left: -10px;
  margin-right: -10px;
}


/*--------------------------------------------------------------
6.0 Posts/Blog
--------------------------------------------------------------*/

/*-- Infinite Scrolling -- */

#infinite-handle {
  margin-bottom: 40px;
}

/* -- Archives -- */

body.archive .content-area {
  padding-bottom: 40px;
}


/* -- Blog Listings -- */

.ccfw-blog-loop-item {
  padding-bottom: 40px;
  overflow: hidden;
  clear: both;
}

.ccfw-blog-loop-item:last-child {
  border: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.site-main.list .ccfw-blog-loop-item:not(.has-post-thumbnail) .col-lg-6,
.site-main.grid .ccfw-blog-loop-item.ccfw-main-item:not(.has-post-thumbnail) .col-lg-6 {
  width: 100%;
}

.site-main.list .ccfw-blog-loop-item:not(.has-post-thumbnail) .more-link, 
.site-main.grid .ccfw-main-item.ccfw-main-item:not(.has-post-thumbnail) .more-link {
  left: calc(0% + 30px);
}

.ccfw-blog-image a {
  position: relative;
}

.ccfw-blog-image a span.comment-number {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  padding: 3px 13px 7px 10px;
  font-size: 14px;
  z-index: 10;
  display: none;
}

.ccfw-blog-image a span.comment-number:before {
  content: "\f075";
  font-family: 'FontAwesome';
  margin-right: 8px;
  position: relative;
  font-size: 13px;
  color: #ccc;
  position: relative;
}

.ccfw-blog-image a,
.ccfw-blog-image img {
  display: block;
}

/* -- Grid of Blog Listings -- */

.site-main.grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -5px;
}

.site-main.list {
  padding: 0px 15px;
}

.site-main.grid .ccfw-blog-loop-item {
  border: none;
  clear: none;
  float: left;
  padding: 0px 15px; 
}

.site-main.grid .ccfw-blog-loop-item .col-lg-6 {
  width: 100%;
  padding: 0px;
}

.site-main.grid .ccfw-blog-loop-item.ccfw-main-item .col-lg-6 {
  width: 50%;
  padding: 0px;
}

.ccfw-article-wrapper {
  padding: 30px 30px 70px 30px;
  position: relative;
  z-index: 3;
}

.ccfw-primary-category {
  z-index: 4;
  padding: 0.4rem 0.8rem;
  position: absolute;
  bottom: -12px;
  left: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  background: #2BD9D9;
}

.site-main.grid .ccfw-blog-loop-item .row {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin: 0px;
}

.site-main.list .ccfw-blog-loop-item .row {
  background-color: #fff;
  display: flex;
  width: 100%;
  position: relative;
  margin: 0px;
}

.site-main.list .ccfw-blog-loop-item .row .col-lg-6  {
  padding: 0px;
}

.site-main .more-link {
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-size: 15px;
  border-bottom: 2px solid #333;
  z-index: 6;
  color: #111;
}

.site-main.list .more-link,
.site-main.grid .ccfw-main-item .more-link {
  left: calc(50% + 30px);
}

.site-main.grid .ccfw-blog-loop-item .row p {
  flex: 1 0 auto;
}

.site-main .ccfw-blog-pagination {
  clear: both;
  text-align: center;
  font-size: 20px;
  width: 100%;
}

.site-main.list .ccfw-blog-pagination  {
  margin-top: -20px;
}

.site-main.grid .ccfw-entry-header {
  position: relative;
  z-index: 2;
}

.padding-0 {
  padding: 0px;
}

.site-main.grid .ccfw-blog-loop-item {
  width: 33.3333%;
  display: flex;
  padding: 20px;
}

.site-main.grid .ccfw-blog-loop-item.ccfw-main-item {
  width: 100%;
}

.content-area .site-main.list .ccfw-blog-loop-item p,
.content-area .ccfw-blog-loop-item.ccfw-main-item p {
  font-size: 17px;
}

.site-main.grid .ccfw-blog-loop-item.ccfw-main-item .row {
  display: block;
}

.site-main.list .ccfw-blog-loop-item .ccfw-primary-category,
.site-main.grid .ccfw-blog-loop-item.ccfw-main-item .ccfw-primary-category {
  top: 30px;
  bottom: auto;
}

.content-area .site-main.list .ccfw-blog-loop-item .ccfw-entry-header h2,
.content-area .site-main.grid .ccfw-blog-loop-item.ccfw-main-item .ccfw-entry-header h2 {
  font-size: 28px;
}


/* -- Related Posts -- */

.content-area #jp-relatedposts h3.jp-relatedposts-headline em:before {
  margin-bottom: 1.4em;
}

.content-area #jp-relatedposts h3.jp-relatedposts-headline {
  font-size: 20px;
  font-weight: 400;
}

.content-area #jp-relatedposts h3.jp-relatedposts-headline em {
  font-weight: 400;
}

.content-area #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
  filter: inherit;
  -moz-opacity: inherit;
  opacity: inherit;
}

.content-area #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
  margin-bottom: 10px;
}

body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  color: inherit;
  background: none;
  text-shadow: none;
  color: #111;
  font-weight: 600;
}

body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,
body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,
body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
  text-decoration: none;
}

body #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
  font-size: 16px;
  margin-top: 15px;
  line-height: 1.5em;
  font-weight: initial;
}


/* -- Jetpack slider -- */

body .slideshow-window {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
}

body div.slideshow-window * img {
  width: 100%;
}


/*--------------------------------------------------------------
6.1 Blog Post
--------------------------------------------------------------*/

.cat-links {
  font-size: 15px;
  font-weight: 400; 
  color: #111;
  margin-bottom: 13px;
  display: block;
}

.cat-links a {
  color: #117abc;
  margin-right: 8px;
}

.cat-links a:hover {
  text-decoration: underline;
}

.cat-links a:after,
body.single-post .ccfw-entry-meta .byline:after,
body.single-post .ccfw-entry-meta .posted-on:after {
  content: "";
  width: 1px;
  height: 16px;
  background: #e2e2e2;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: 4px;
}

body.single-post .ccfw-entry-meta .byline:after,
body.single-post .ccfw-entry-meta .posted-on:after {
  margin-right: 7px;
}

body.single-post .ccfw-entry-meta a {
  color: #111;
}

body.single-post .ccfw-entry-meta a:hover {
  color: #111;
  text-decoration: underline;
}

.cat-links a:last-child:after {
  display: none;
}

body.single-post p.subheading {
  color: #111;
  font-size: 20px;
  font-weight: 300;
  -webkit-font-smoothing: initial;
  margin: 0px;
}

body.single-post .ccfw-content h1 {
  margin-bottom: 10px;
}

body.single-post .ccfw-entry-meta {
  margin-bottom: 20px;
}

.ccfw-entry-meta a {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #111;
}

.ccfw-entry-meta a:hover {
  color: #111;
}

.ccfw-blog-loop-item .row {
  display: flex; 
}

.entry-footer .edit-link a {
  display: block;
  margin: 30px 0px;
  text-decoration: underline;
}

.content-area .ccfw-blog-loop-item .ccfw-entry-header h2 {
  margin: 0px 0px 8px 0px; 
  font-size: 22px;
  font-weight: 400;
}

.content-area .ccfw-blog-loop-item .ccfw-entry-header h2 a {
  color: #111;
}

.content-area .ccfw-blog-loop-item p {
  font-size: 15px;
  line-height: 1.58em;
  color: #555;
  margin-bottom: 10px;
}

.ccfw-entry-meta,
.taxonomy-description,
.taxonomy-description p {
  margin-top: 10px;
}

.taxonomy-description p {
  margin-bottom: 0px;
}

.entry-header .ccfw-entry-meta, .entry-header .taxonomy-description p {
  color: #111;
}

.content-area .ccfw-blog-loop-item .ccfw-entry-meta {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.7;
  margin-top: 0px;
  margin-bottom: 6px;
}

.entry-header .ccfw-entry-meta .posted-on a, 
.entry-header .ccfw-entry-meta .byline a {
  color: #111;
}

.ccfw-entry-meta .comments-link {
  margin-left: 27px;
  position: relative;
}

.ccfw-entry-meta .comments-link:before {
  font-family: 'Ionicons';
  content: "\f11b";
  margin-right: 7px;
  color: #d6d6d6;
  font-size: 11px;
  transition: all 0.2s linear;
}

.ccfw-entry-meta .comments-link:after {
  content: "";
  width: 12px;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: -22px;
  top: 50%;
  margin-top: -1px;
}

.ccfw-entry-meta .comments-link a {
  color: #111;
}

.single-post .ccfw-entry-meta .comments-link {
  margin-left: 7px;
}

.single-post .ccfw-entry-meta .comments-link:after {
  display: none;
}

.entry-footer {
  clear: both;
}

body.single-post .ccfw-entry-footer {
  border: none;
  margin-top: 40px;
  clear: both;
  overflow: hidden;
  text-transform: capitalize;
}

body.single-post .ccfw-entry-footer .single-cat-links {
  margin-right: 20px;
}

body.single-post .ccfw-entry-footer .single-cat-links:before {
  margin-right: 10px;
  font-family: 'Rivolicons-Free';
  content: "\e66f";
  opacity: 0.3;
  font-size: 14px;
  position: relative;
  top: 1px;
}

body.single-post .ccfw-entry-footer .tags-links:before {
  margin-right: 10px;
  font-family: 'Rivolicons-Free';
  content: "\e66d";
  opacity: 0.3;
  font-size: 14px;
  position: relative;
  top: 2px;
}

.ccfw-entry-footer .edit-link {
  display: block; 
}


/* -- Single Post Meta -- */

.ccfw-single-meta {
  margin-top: 12px;
  position: relative;
}

.ccfw-single-meta a {
  color: #111;
}

.ccfw-single-meta .posted-on {
  padding-right: 5px;
  padding-left: 30px;
}

.ccfw-single-meta .posted-on:before {
  font-family: 'Rivolicons-Free';
  content: "\e609";
  margin-right: 8px;
  font-size: 16px;
  position: absolute;
  left: 3px;
  margin-top: 1px;
}

.single-post .ccfw-single-meta .comments-link:before {
  content: "";
  background: #333;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  font-style: normal;
  margin-left: 12px;
  font-size: 9px;
  position: relative;
  top: -4px;
  margin-right: 17px;
}

/* -- Structured Data -- */

.structured-data {
  display: none;
}


/* -- Featured Image on a Single Post -- */

body.single-post img.attachment-accentuate-blog-featured-top {
  margin-bottom: 30px;
}


/* -- Sticky -- */

article.sticky.ccfw-blog-loop-item:before {
  font-family: 'Ionicons';
  content: "\f24e";
  margin-right: 10px;
  font-size: 0.65em;
  position: absolute;
  right: -4px;
  top: 8px;
  width: 28px;
  text-align: center;
  border-radius: 50%;
  line-height: 28px;
  height: 28px;
  background: #000;
  z-index: 3;
  color: #fff;
}

/* -- Tag Styling on a Single Post -- */

.content-area .ccfw-entry-footer a {
  display: inline-block;
  font-size: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 5px;
  margin-right: 14px; 
}


/*--------------------------------------------------------------
6.2 Post Format Types
--------------------------------------------------------------*/

article.post_format-post-format-link p,
article.post_format-post-format-status p {
  border: 1px solid #f2f2f2;
  font-weight: 400;
  padding: 2em 4.6em;
  transition: all 0.2s linear;
  position: relative;
}

article.post_format-post-format-link p:before,
article.post_format-post-format-status p:before {
  color: #e2e2e2;
  font-size: 1.5em;
  position:absolute;
  left: 25px;
  top: 28px;
  font-family: FontAwesome;
}

article.post_format-post-format-link p:before {
  content: "\f0c1";
}

article.post_format-post-format-status p:before {
  content: "\f27a";
}

/* -- Image and Video -- */

article.format-video.has-post-thumbnail .ccfw-blog-image a:before {
  font-size: 24px;
  color: #111;
  font-family: "Ionicons";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}

article.format-video.has-post-thumbnail .ccfw-blog-image a:before {
  content: "\f488";
  text-indent: 3px;
}

/*--------------------------------------------------------------
6.3 Blog Pagination
--------------------------------------------------------------*/

.ccfw-blog-pagination ul {
  padding: 0px;
  margin: 40px 0px 0px 0px;
}

.ccfw-blog-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 0px;
  font-weight: 400;
}

.ccfw-blog-pagination ul li.ccfw-pagination-prev {
  margin-right: 15px;
}

.ccfw-blog-pagination ul li.ccfw-pagination-next {
  margin-left: 15px;
}

.blog-pagination ul li {
  list-style: none;
  float: left;
  margin-right: 5px;
}

.ccfw-blog-pagination ul li a {
  display: inline-block;
  color: inherit;
  text-decoration: none; 
}

.ccfw-blog-pagination ul li.active a,
.ccfw-blog-pagination ul li a:hover {
  border-color: #ccc;
}

/*--------------------------------------------------------------
6.5 Author Styling
--------------------------------------------------------------*/

.author-info {
  overflow: hidden;
  background: #fff;
  padding: 40px;
  margin-top: 40px;
  margin-bottom: 60px;
}

.author-info h6 {
  margin-bottom: 4px;
  margin-top: 0px;
  display: inline-block;
  font-size: 20px;
}

.author-info h6 a {
  color: #111;
  font-weight: bolder;
}

.author-description {
  position: relative;
  padding-left: 100px;
}

body .content-area .author-info p {
  margin-bottom: 0px;
  font-size: 17px;
  line-height: 1.55em;
}

.author-info img.avatar {
  width: 70px;
  float: left;
  margin-right: 20px;
  margin-top: 6px;
  margin-bottom: 0px;
  border-radius: 50%;
}

.content-area .author-avatar .alignnone {
  margin: 0px;
}

.author-image-links {
  position: relative;
}

.author-links {
  position: absolute;
  top: 82px;
  width: 75px;
  text-align: center;
  z-index: 2;
}

.author-links a {
  color: #ccc;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 14px;
}

.author-links a:hover {
  opacity: 0.85;
}

.author-links a.author-external {
  color: #333;
  position: relative;
  top: 1px;
}

.author-links .author-facebook {
  color: #3b5998;
}

.author-links a.author-twitter {
  color: #4099FF;
}

/*--------------------------------------------------------------
6.6 Comments
--------------------------------------------------------------*/

.comments-area {
  display: block;
  margin-top: 40px;
  font-size: 16px;
}

h3.comments-title,
h3.comment-reply-title {
  margin-bottom: 20px;
}

#commentform {
  display: inline-block;
  width: 100%;
}

.comment-list #commentform {
  margin-top: 2%;
}

.comment-info {
  display: inline-block;
  margin: 5px 0 20px 0;
}

.content-area h2.comments-title {
  margin-top: 0px;
  margin-bottom: 35px;
  font-size: 22px; 
  font-weight: normal;
}

.comment-meta {
  padding-left: 76px;
  position: relative;
  font-size: 18px;
}

.comment-meta .comment-author,
.comment-meta .comment-author b {
  font-weight: 400;
}

.content-area .comment-meta a {
  color: #888;
}

.content-area .comment-meta .comment-author .fn a {
  color: #111;
}

.comment-meta time,
.comment-meta .edit-link {
  font-size: 14px;
}

.comment-meta .edit-link {
  margin-left: 5px;
}

.comment-meta .edit-link:before {
  content: "";
  background: #999;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  font-style: normal;
  position: relative;
  top: -3px;
  margin-right: 9px;
}

.content-area ol.comment-list {
  margin: 0px;
  padding: 0px;
}

.comment-content {  
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
}

.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
  margin-top: 0px;
}

.content-area .comment-list,
.content-area .comment-list li {
  margin: 0;
  counter-reset: li;
}

.content-area .comment-list > li {
  list-style-type: none;
  margin-bottom: 4.5%;
}

.content-area .comment-list .children {
  margin: 5% 0 0 0;
  padding-left: 40px;
  border-left: 1px solid #ccc;
}

@media (max-width: 600px) {
  .comment-list .children {
    padding-left: 15px;
  }
}

.content-area .comment-list .children li {
  margin-bottom: 6%;
}

.content-area .comment-list .children li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.content-area .comment-list .children > li {
  list-style: none;
}

.content-area .comment-list .reply {
  margin-bottom: 0;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.content-area .comment-list .reply a {
  padding: 5px 8px;
  font-size: 10px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #999;
}

.content-area .comment-list .reply a:hover {
  color: #111;
}

.comment-list .avatar {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 0px;
  width: 54px;
  border-radius: 50%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.content-area a#cancel-comment-reply-link {
  font-size: 14px;
  color: #c0293b;
}

.comment-wrap {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.comment-list .comment-reply-title {
  margin-bottom: 0px;
  border: none;
  padding: 0;
}

.comment-list .comment-reply-title small {
  float: right;
  margin-top: 4px;
}

.content-area h3.comment-reply-title {
  padding-top: 15px;
  font-size: 22px;
}

.comment-navigation {
  font-size: 16px;
  margin: 0px;
  background: none;
}

.comment-navigation .button {
  display: inline-block;
}

.comment-navigation .button:empty {
  display: none;
}

body .content-area .comment-form p {
  font-size: 17px;
  margin-bottom: 1.3em;
}

body .content-area .comment-form p.form-submit {
  margin-bottom: 35px;
  display: block;
  clear: both;
  padding-top: 20px;
}

body .content-area .comment-form p.comment-subscription-form {
  margin-bottom: 5px;
}

.comment-metadata {
  display: block;
  margin-top: -4px;
}

.comment-metadata a:hover {
  color: #111;
}

body .content-area .comment-content p {
  font-size: 17px;
  margin-bottom: 2.6em;
}

.comment-body {
  position: relative;
}

.single-post .comment-form-author, 
.single-post .comment-form-email, 
.single-post .comment-form-url {
  float: left;
  width: 33.33%;
  padding: 0 15px 0 0;
  margin-bottom: 20px;
}

.single-post .comment-form-url {
  padding: 0;
}

/* -- Form Submit -- */

p.form-submit {
  margin-bottom: 30px;
}

.form-submit {
  clear: both;
  display: inline-block;
}


/* -- Comment Subscription -- */

p.comment-subscription-form {
  margin-bottom: 8px;
  font-size: 14px;
}

p.comment-subscription-form input {
  margin: 0px 5px 0px 0px;
  position: relative;
  top: -1px;
}

/* -- Post Author -- */

.bypostauthor .comment-author:before { 
  font-family: 'Ionicons';
  content: "\f24e";
  margin-right: 3px;
  font-size: 0.5em;
  position: absolute;
  width: 20px;
  z-index: 2;
  border-radius: 50%;
  height: 20px;
  text-align: center;
  left: 43px;
  line-height: 20px;
  color: #fff;
  top: 33px;
  background: #111;
}


/*--------------------------------------------------------------
6.7 Post Navigation
--------------------------------------------------------------*/

.nav-links {
  padding: 0px;
  width: 100%;
  font-size: 18px;
  margin: 60px 0px;
}

.single-post .nav-links {
  margin: 0px;
}

.nav-links .nav-previous a:before {
  content: "\f104";
  font-family: "FontAwesome";
  margin-right: 10px;
}

.nav-links .nav-next a:after {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 10px;
}

.nav-text {
  display: inline-block;
  vertical-align: top;
}

.post-navigation {
  background: #424a55;
  width: 100%;
  display: inline-block;
  margin-bottom: -10px;
}

.post-navigation .nav-post {
  display: inline-block;
  width: 50%;
  float: left;
  position: relative;
  padding: 5%;
  overflow: hidden;
  white-space: nowrap;
}

.post-navigation .nav-post a {
  position: relative;
}

.post-navigation .nav-post span {
  display: block;
  position: relative;
}

.post-navigation .nav-post {
  display: inline-block;
  width: 50%;
  float: left;
  position: relative;
  padding: 10% 2% 1% 2%;
}

.nav-post-content {
  position: relative;
  z-index: 2;
}

.post-navigation a:only-of-type .nav-post {
  width: 100%;
}

.post-navigation span {
  display: inline-block;
  font-size: 24px;
  color: #fff;
  font-weight: 300;
}

.post-navigation span.meta-date {
  font-size: 16px;
  font-weight: 300;
}

.post-navigation span.meta-date {
  -ms-transform: translateY(-1.6rem);
  transform: translateY(-1.6rem);
  opacity: 0;
  transition: transform .3s,opacity .3s;
  transition: transform 1s cubic-bezier(.19,1,.22,1) .1s,opacity 1s cubic-bezier(.19,1,.22,1) .05s;
}

.post-navigation .nav-post:hover span.meta-date {
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
  opacity: 0.6; 
}

.post-navigation .nav-post span.meta-title {
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  transition: transform .3s;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-navigation .nav-post:hover span.meta-title {
  -ms-transform: translateY(-1.3rem);
  transform: translateY(-1.3rem);
  transition: transform 1s cubic-bezier(.19,1,.22,1) .05s;
}

.post-navigation span.ri {
  position: absolute;
  top: 50px;
  z-index: 3;
  opacity: 0;
  transform: translateY(0rem);
  transition: transform 1s cubic-bezier(.19,1,.22,1) .1s,opacity 1s cubic-bezier(.19,1,.22,1) .05s;
}

.post-navigation span.ri.ri-arrow-right {
  right: 4%;
}

.post-navigation .nav-post:hover span.ri {
  opacity: 1;
  transform: translateY(-1rem);
}

.nav-post-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: center 17%;
}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/

.position-static {
  position: static;
}

.widget {
  font-size: 17px;
  margin-bottom: 40px;  
}

.ccfw-footer-msg .widget {
  margin-bottom: 0;
}

.widget-area .widget-title {
  margin-bottom: 15px;
  margin-top: 0px;
  padding: 0px;
  border: none;
}

.widget-area .widget-title a {
  color: #333;
}

.widget-area .boxed .widget-title span {
  background: #fff;
  padding: 10px 15px;
  padding-top: 15px;
  position: relative;
  top: -10px;   
  padding-bottom: 0px;
}

.widget .textwidget img {
  margin-bottom: 10px;
}

.sticky.widget {
  margin-bottom: 0px;
}

.sticky.widget .textwidget img {
  margin-bottom: 0px;
  display: block;
}

.widget .textwidget p {
  font-size: 16px;
  line-height: 1.45em; 
}

.widget.subscribe {
  padding: 25px;
  background-color: #f6f6f6;
}

.widget.subscribe .mc4wp-form p {
  display: block;
  margin: 5px 0 0 0;
}

.widget .textwidget .mc4wp-form p {
  margin-bottom: 5px;
}

.widget .textwidget .mc4wp-form p:last-child {
  margin-bottom: 0px;
}

#secondary .widget.subscribe h4 {
  margin-bottom: 0px;
}

.mc4wp-form input[type="submit"] {
  width: 100%;
  text-align: center;
  height: 40px;
  background-color: #222;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  color: #fff;
  cursor: pointer;
}

.mc4wp-form input[type="email"] {
  height: 40px;
  text-align: center; 
  width: 100%;
  font-size: 14px;
}

/* -- Widget: Tags -- */

.widget_tag_cloud a,
.widget_product_tag_cloud a {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: inherit;
  margin: 2px 0px;
  font-size: 11px !important;
  opacity: 0.8;
  padding: 3px 9px;
}

.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
}

/* -- Widget: RSS -- */

.widget_rss .widget-title img {
  width: 13px;
  height: 13px;
  margin-right: 2px;
  position: relative;
}

.widget_rss li {
  margin-bottom: 20px;
}

.widget_rss li a {
  display: block;
  font-weight: bolder;
}

.widget_rss li .rss-date {
  display: block;
  margin-bottom: 8px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
}

.widget_rss li .rssSummary { 
  margin-top: 5px;
  font-size: 0.95em;
  line-height: 1.52em;
  opacity: 0.8;
}

.widget_rss li cite {
  display: block;
  margin-top: 8px;
  font-size: 0.9em;
}

.widget_rss li cite:before { 
  content: "— "; 
}


/* -- Widget: Calendar */

#wp-calendar {
  width: 100%;
  margin-top: 10px;
  background: #fff;
  color: #222;
  border: none;
}

#wp-calendar caption {
  color: #fff;
  text-align: center;
  background: #444;
  padding: 7px 0px;
  margin-bottom: -1px;
}

#wp-calendar th, #wp-calendar td {
  text-align: center;
  font-size: 13px;
  padding: 2px;
}

#wp-calendar thead th {
  background-color: #f6f6f6;
  padding: 5px 0px;
  color: #888;
  font-weight: inherit;
  font-size: 13px;
}

#wp-calendar thead,
#wp-calendar tbody,
#wp-calendar tfoot {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

#wp-calendar tfoot {
  border-top: 1px solid #eee;
}

#wp-calendar tfoot td#prev {
  text-align: left;
  padding: 4px 12px;
}

#wp-calendar tfoot td#next {
  text-align: right;
  padding: 6px 10px;
}

#wp-calendar tfoot a {
  text-transform: uppercase;
  font-size: 12px;
}

#wp-calendar a:hover {
  text-decoration: none;
}

/* -- Widget: Recent Posts -- */

.widget_recent_entries li,
.widget_recent_comments li {
  padding-top: 11px;
  margin-top: 11px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#secondary .widget_recent_entries li,
#secondary .widget_recent_comments li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#secondary .widget_recent_entries li:first-child,
#secondary .widget_recent_comments li:first-child {
  border: none;
  padding-top: 0px;
  margin-top: 0px;
}

.widget_recent_entries li a {
  display: block;
}

.widget_recent_entries li .post-date {
  display: block;
  margin-bottom: 14px;
  font-size: 11px;
  font-weight: 300;
  opacity: 0.7;
  position: relative;
  text-transform: uppercase;
}


/* -- Widget: Selects -- */

.widget select {
  max-width: 100%;
  width: 100%;
  font-size: 18px;
  border: none;
  padding: 8px 14px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS */
  .widget select {
    padding-right: 0px;
    background-image: none;
  }
}

/* -- Widget: Advanced Sidebar Menu  -- */

.advanced-sidebar-menu {
  margin-top: 15px;
}

.advanced-sidebar-menu li {
  font-size: 18px;
}

.advanced-sidebar-menu li a {
  display: block;
  padding: 5px 0px;
  word-wrap: break-word;
}

.widget li a {
  display: block;
  padding: 5px 0px;
  color: #4F2D7F;
  word-wrap: break-word;
  line-height: 1.45em;
}

.widget_archive.widget li a {
  display: inline-block;
}

.advanced-sidebar-menu ul.children {
  padding: 5px 20px;
}

.advanced-sidebar-menu ul.children li {
  font-size: 15px;
  position: relative;
}

.advanced-sidebar-menu ul.children li:before {
  content: "\f125";
  font-family: 'Ionicons';
  font-size: 8px;
  left: -18px;
  margin-top: 10px;
  position: absolute;
}

/* -- C&C Widget: News Layout --*/

.ccfw-news-layout {
  margin-bottom: 40px;
}

.ccfw-news-layout .ccfw-news-post {
  float: none;
  margin-bottom: 10px;
  padding-bottom: 10px;    
  overflow: hidden;
  display: flex;
  align-items: center;
}

.widget-area .show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) {
  padding-bottom: 10px;
}

.ccfw-news-layout .ccfw-news-post:nth-last-of-type(1) {
  border-bottom: 0;
}

.ccfw-news-layout .ccfw-news-post figure {
  float: left;
  width: 95px;
  margin-right: 15px;
}

.ccfw-news-layout .ccfw-news-post-content {
  float: left;
  width: calc(100% - 95px);
}

.ccfw-news-layout .ccfw-news-post .ccfw-news-post-meta {
  margin-top: -8px;
  opacity: 0.7
}

.ccfw-news-layout .ccfw-news-post .ccfw-news-post-meta span {
  padding: 0;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ccfw-news-layout .ccfw-news-post img {
  display: block;
  width: 100%;
}

.ccfw-news-layout .ccfw-news-post h3 {
  font-size: 15px;
  line-height: 1.45em;
  margin: 0px;
  letter-spacing: 0px;
  font-weight: 400;
  -webkit-font-smoothing: inherit;
}

.ccfw-news-layout .ccfw-news-post h3 a {
  color: #111;
}

.show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) {
  width: 100%;
  padding-top: 0px;
  padding-right: 0px;
  display: block;
}

.show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) figure {
  width: 100%;
}

.show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) .ccfw-news-post-img {
  width: 100%;
  margin-bottom: 20px;
}

.ccfw-news-layout .ccfw-news-post .ccfw-news-post-img a {
  display: block;
  position: relative;
  z-index: 2;
}

.show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1)  .ccfw-news-post-meta span {
  padding: 5px 25px 0px 0;
  margin-top: 10px;
  display: block;
}

.show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) .ccfw-news-post-comments {
  display: inline-block;
}

.show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) .ccfw-news-post-desc {
  display: block;
  font-size: 16px;
}

.widget-area .show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) .ccfw-news-post-desc {
  font-size: 14px;
  margin-bottom: 10px;
}

.show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) .ccfw-news-post-content {
  float: none;
  width: 100%;
}

.show-featured .ccfw-news-layout .ccfw-news-post:nth-child(1) h3 {
  font-size: 19px;
  margin-top: 4px;
}

/* -- Sidebar Features -- */

.feature .textwidget {
  padding: 0px 25px 25px 25px;
  background: #fff; 
}

.feature .textwidget p {
  margin-bottom: 15px;
}

.feature .textwidget p:last-child {
  margin-bottom: 0;
}

.feature .textwidget p a.arrow,
.content-area article .entry-content p a.arrow {
  color: #de002e;
  position: relative;
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0.02em;
  border: none;
}

.feature .textwidget p a.arrow:after,
.content-area article .entry-content p a.arrow:after {
  transition: transform .3s 0s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 50%;
  right: -33px;
  font-size: 13px;
  margin-top: -1px;
  transform: translate(-10px, -50%);
  pointer-events: none;
  content: "\e603";
  font-family: "Rivolicons-Free";
}

.content-area article .entry-content p a.arrow:after {
  margin-top: 1px;
}

.feature .textwidget p a.arrow:hover:after,
.content-area article .entry-content p a.arrow:hover:after {
  transform: translate(0, -50%);
}

.feature .textwidget a.image {
 width: calc(100% + 50px);
  margin-left: -25px;
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.feature .textwidget img {
  width: 100%;
  position: relative;
  display: block;
  max-width: inherit;
  -webkit-backface-visibility: hidden;
  margin-bottom: 0px;
  transition: transform 0.25s ease-out;
}

.secondary {
  background-color: #de002e;
  padding: 25px 25px 10px 25px;
  overflow: hidden;
}

.secondary h5 {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.13em;
  opacity: 0.8;
}

.secondary p {
  margin-bottom: 15px;
}

.secondary h5, 
.secondary a {
  color: #fff;
}

.secondary a {
  display: block;
}

.secondary .info {
  display: block;
  transform: translateY(30px);
  opacity: 0;
  transition: transform .3s,opacity .3s;
  font-size: 13px;
  opacity: 0;
  color: #fff;
}

.secondary:hover .info {
  transform: translateY(0);
  opacity: 0.6;
  transition: transform 0.6s cubic-bezier(.19,1,.22,1) .1s,opacity 1s cubic-bezier(.19,1,.22,1) .1s;
}


/*-------------------------------------------------------------------------*/
/*  8.0  Search
/*-------------------------------------------------------------------------*/

.search-form,
form.woocommerce-product-search {
  position: relative;
}

.search-form label {
  width: 100%;
}

input.search-field {
  background: #FFF;
  padding: 0px 12px 0px 12px;
  border: 1px solid #EEE;
  width: 100%;
  line-height: normal;
  height: 50px;
}

.ccfw-header-main input.search-field {
  background: transparent;
  border: none;
  border-left: 1px solid #333;
  padding-left: 18px;
  height: 36px;
  line-height: 36px;
  color: #333;
  font-size: 18px;
}

.ccfw-header-main input.search-field:focus {
  border: none;
  border-left: 1px solid #333;
  box-shadow: none;
}

input.search-field:focus {
  border-color: #ccc;
}

.ccfw-header-details-right input.search-field {
  float: right;
}

.search-form:before,
.woocommerce-product-search:before {
  content: "\f002";
  position: absolute;
  top: 0px;
  right: 13px;
  font-weight: 400;
  font-family: "FontAwesome";
  z-index: 0;
  color: #111;
  background: #fff;
  padding: 4px;
  font-size: 13px;
  height: 44px;
  margin-top: 1px;
  line-height: 42px;
}

.search-form input.search-submit,
.woocommerce-product-search input[type="submit"] {
  position: absolute;
  border: none;
  z-index: 2;
  background: transparent;
  top: 0px;
  right: 0px;
  padding: 14px 24px;
  text-indent: -9999px;
  height: 50px;
  cursor: pointer;
}

figure.woocommerce-product-gallery__wrapper {
  max-width: inherit;
}

/* -- Search Results -- */

body.search-results .content-area {
  min-height: 300px;
}

body.search-results article:not(.has-post-thumbnail) .col-lg-9 {
  width: 100%;
}

body.search-results .content-area article {
  margin-top: 35px;
}

body.search-results .content-area article h2 {
  font-weight: 400;
  font-size: 26px;
  margin: 0px 0px 5px 0px;
  letter-spacing: -0.012em;
}

body.search-results .content-area article:first-child {
  border: none;
  padding: 0px;
  margin: 0px;
}

body.search-results .content-area article:last-child {
  margin-bottom: 60px;
}

body.search-results .content-area article .entry-summary p {
  margin-bottom: 15px;
}

body.search-results .ccfw-entry-meta {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: -8px;
  opacity: 0.6;
}

/* -- No Results -- */

.content-area .no-results h1 {
  font-size: 32px;
  margin-top: 0px;
}

.content-area .no-results {
  min-height: 300px;
}

.content-area .no-results input[type="submit"] {
  background-color: transparent;
}

.ccfw-entry-content {
  font-size: 16px;
}


/*-------------------------------------------------------------------------*/
/*  9.0  WooCommerce
/*-------------------------------------------------------------------------*/

body.woocommerce .entry-header {
  margin-bottom: 0px;
}

.woocommerce.archive .cg-shop-main {
  padding-top: 25px;
}

.woocommerce.archive .left-content,
.woocommerce.archive .right-content {
  padding-top: 10px;
}

.page-template-page-woocommerce-full-width .cta-button {
  display: none;
}

.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count {
  margin: 0px 0px 5px 0px;
  font-size: 15px;
  color: #999;
}

.woocommerce .woocommerce-result-count {
  margin-bottom: 25px;
  font-size: 13px;
}

body.woocommerce .woocommerce-ordering {
  position: relative;
  top: -8px;
}

.woocommerce .products ul, 
.woocommerce ul.products {
  margin-left: -2px;
  margin-right: -4px;
}

.woocommerce .woocommerce-ordering select {
  font-size: 13px;
}

/* -- Widgets */

.widget_nav_menu li.fa {
  display: none;
}

.widget.woocommerce {
  margin-bottom: 50px;
}

#secondary .widget_product_categories h4.widget-title {
  margin-top: 0px;
}

.widget.woocommerce .amount {
  color: #111;
  font-weight: 400;
  font-size: 90%;
}

.widget.woocommerce ins {
  text-decoration: none;
}

.widget.woocommerce ul.product_list_widget li a {
  font-weight: inherit;
  padding-bottom: 0px;
}

.widget.woocommerce ul.product_list_widget li .star-rating {
  font-size: 12px;
  margin: 5px 0px 5px 0px;
  letter-spacing: 0.05em;
}

.woocommerce ul.product_list_widget li img {
  margin-left: 10px;
  width: 62px;
}

#secondary .widget.woocommerce ul.product_list_widget li {
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 13px;
}

body .woocommerce .widget_shopping_cart .total, 
body .woocommerce.widget_shopping_cart .total {
  border-style: solid;
  border-color: #f2f2f2;
}

#secondary .widget.woocommerce ul.product_list_widget li span.product-title {
  position: relative;
  font-size: 16px;
}

.widget.woocommerce ul.product_list_widget li del,
.widget.woocommerce ul.product_list_widget li del span.amount {
  color: #999;
  margin-right: 1px;
}

.woocommerce .widget_layered_nav ul li .count {
  font-size: 0.8em;
  margin-left: 3px;
  color: #999;
}

.woocommerce .widget_shopping_cart .cart_list li.empty {
  padding-left: 0em;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 13px;
}

.woocommerce .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .total {
  padding: 10px 0px 0px;
  font-size: 15px;
}

.woocommerce .widget_shopping_cart .total strong, 
.woocommerce.widget_shopping_cart .total strong {
  font-weight: 400;
}

.woocommerce .widget_shopping_cart .total .amount,
.woocommerce.widget_shopping_cart .total .amount {
  color: inherit;
}

.price_slider_wrapper {
  margin-top: 25px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #eee;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #ccc;
  width: 0.6em;
  height: 0.6em;
  top: -0.1em;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
  height: 0.3em;
}

body .woocommerce .widget_price_filter .ui-slider {
  margin-left: 0px;
  margin-right: 0px;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
  margin-top: 3px;
  font-size: 1em;
  padding: 10px 15px;
}

body.woocommerce .widget_price_filter .price_slider_amount {
  line-height: 2.8;
}

#secondary .widget .buttons a:hover {
  color: #111;
}


/* -- Widget Average Rating */

.woocommerce .widget_rating_filter ul li .star-rating {
  position: relative;
  top: 2px;
}

/* -- Product Card */

.content-container ul.products li.product h2.woocommerce-loop-product__title {
  line-height: 1.5em;
  padding-bottom: 0px;
}

.woocommerce .products ul, .woocommerce ul.products {
  margin-bottom: 0px;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
  width: 30.75%;
}

/* 4 col */

.woocommerce.columns-4 ul.products li.product {
  width: 22.05%;
}

.woocommerce.columns-4 ul.products li.product:nth-of-type(4n+1) {
  clear: both;
}

.content-container ul.products li.product a img {
  margin-bottom: 0.5em;
  border-radius: 2px;
  border: 2px solid transparent;
  transition: all 0.2s ease 0s;
}

.content-area article .entry-content ul.products li.product a:hover {

}

.content-containerul.products li.product a:hover img {
  border-color: #24A3D8;
}

.content-container ul.products li.product h3 {
  padding: 0px;
  margin: 16px 2px 2px 2px;
  line-height: 1.4em;
  font-size: 16px;
  font-weight: 400;
}

.content-container ul.products li.product .price {
  overflow: hidden;
  margin-left: 2px;
}

.content-container span.onsale {
  min-width: 3.736em;
  background-color: #6FC400;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: inherit;
}

.content-container ul.products li.product .price ins {
  text-decoration: none;
}

.content-container ul.products li.product .price {
  color: inherit;
  font-size: 16px;
}

.content-container ul.products li.product .price del {
  color: #777;
}

.content-container ul.products li.product .button {
  font-size: 14px;
  margin: 5px 2px 0px 2px;
  padding: 12px 18px;
  color: #111;
  font-weight: normal;
  background-color: #eee;
  border: none;
}

.content-container ul.products li.product .star-rating {
  font-size: 0.7em;
  margin-top: 0.45em;
  margin-bottom: 0.65em;
  margin-left: 2px;
  letter-spacing: 0.06em;
  line-height: 0.9em;
}

.woocommerce .sidebar .star-rating {
  line-height: 1.2;
  margin-top: 3px;
  margin-bottom: 5px;
}

.content-container ul.products li.product .price del {
  float: left;
  margin-right: 7px;
}

.content-container ul.products li.product .price ins {
  float: left;
  font-weight: 400;
}

.woocommerce a.added_to_cart {
  border-bottom: 1px solid;
  margin-left: 5px;
  font-size: 14px;
  line-height: 1.4em;
  position: relative;
  top: -2px;
}

.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
  position: relative;
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
  top: -1px;
  right: auto;
}

/* -- Star Rating */

body .woocommerce .star-rating {
  font-family: inherit;
}

.woocommerce .star-rating span:before {
  color: #ee9e13;
}

.woocommerce .star-rating:before {
  content: "☆☆☆☆☆";
}

.woocommerce .star-rating span:before {
  content: "★★★★★";
}

body.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

body.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  margin: 0px 2px;
}

.woocommerce p.stars a {
  color: #999;
}

.woocommerce p.stars a.star-1:after, 
.woocommerce p.stars a.star-2:after, 
.woocommerce p.stars a.star-3:after, 
.woocommerce p.stars a.star-4:after, 
.woocommerce p.stars a.star-5:after {
  font-family: inherit;
}

.woocommerce p.stars a.star-1:after {
  content: "☆";
}

.woocommerce p.stars a.star-2:after {
  content: "☆☆";
}

.woocommerce p.stars a.star-3:after {
  content: "☆☆☆";
}

.woocommerce p.stars a.star-4:after {
  content: "☆☆☆☆";
}

.woocommerce p.stars a.star-5:after {
  content: "☆☆☆☆☆";
}

.woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after {
  content: "★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after {
  content: "★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after {
  content: "★★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after {
  content: "★★★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after {
  content: "★★★★★";
  color: #ee9e13;
}

/* -- Products Pagination */

body.woocommerce nav.woocommerce-pagination ul li a,
body.woocommerce nav.woocommerce-pagination ul li span.current {
  border: 1px solid #e2e2e2;
  background: transparent;
  padding: 15px 14px;
  font-size: 15px;
}

body.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover {
  color: inherit;
  background: transparent;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background-color: transparent;
  border-color: #999;
}


/* -- Product Details */

.woocommerce .woocommerce-product-rating .star-rating {
  margin-top: 0.6em;
  letter-spacing: 0.055em;
}

div[itemprop="description"] {
    line-height: 1.6em;
}

.woocommerce div.product .product_title {
  font-size: 34px;
  line-height: 1.35em;
  text-transform: none;
  margin-bottom: 10px;
  letter-spacing: 0px;
}

body.woocommerce div.product .woocommerce-product-rating {
  font-size: 0.85em;
  margin-bottom: 0.3em;
  margin-top: -8px;
}

.woocommerce div.product div.images .thumbnails a,
.woocommerce div.product div.images .thumbnails img {
  width: 60px;
}

body.woocommerce div.product div.images .flex-control-thumbs {
  margin: 0px -5px;
}

body.woocommerce div.product div.images .flex-control-thumbs li {
  padding: 0px 5px;
  margin-top: 10px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: #f5f5f5;
  margin: 0px;
  border-radius: 0px;
  margin-right: 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  font-weight: 600;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus {
  outline: 0;
}

.woocommerce div.product a.woocommerce-review-link {
  position: relative;
  color: inherit;
  top: 2px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
  font-weight: inherit;
}

body.woocommerce div.product form.cart {
  margin-top: 1.5em;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  display: block;
  margin-bottom: 0px;
}

.comment-form-author input,
.comment-form-email input {
  width: 100%;
}

.woocommerce div.product form.cart .button {
  width: 75%;
  height: 60px;
  padding: 0px;
  font-size: 22px;
  text-transform: capitalize;
  margin-left: 1.2%;
  margin-top: 0px;
  border-radius: 0px;
}

.woocommerce button.button.alt:hover {
  opacity: 0.9;
}

.woocommerce .quantity .qty {
  width: 3.5em;
  text-align: center;
  height: 60px;
  border: 1px solid #e2e2e2;
}

.woocommerce .quantity .qty:focus {
  border-color: #ccc;
}

.product_meta {
  font-size: 13px;
  padding-top: 15px;
  border-top: 1px dotted #e2e2e2;
  color: #999;
}

.product_meta span {
  display: block;
  line-height: 1.6em;
  margin-bottom: 3px;
}

body.woocommerce-page div.product div.thumbnails a.first {
  clear: inherit;
}

body.woocommerce-page div.product div.thumbnails a.last {
  margin-right: 3.8%;
}

/* -- Product Tabs */

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0px;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
  margin-right: 5px;
  border-color: #e2e2e2;
  background-color: #f7f7f7;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active {
  background: #fff;
  border-bottom-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color: #e2e2e2;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: inherit;
  font-size: 17px;
  padding: 12px 8px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  visibility: hidden;
}


/* -- Product Reviews */

.woocommerce div.product .woocommerce-tabs p.woocommerce-noreviews {
  margin-top: -10px;
  margin-bottom: 30px;
}

.woocommerce div.product p.price {
  margin-right: 7px;
  padding-top: 3px;
  margin-bottom: 15px;
}

.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description p, #stcpDiv,
.woocommerce-tabs .wc-tab p {
  font-size: 17px;
}

.woocommerce div.product p.price del {
  margin-right: 6px;
  font-size: 18px;
  color: #777;
}

.woocommerce div.product p.price ins {
  text-decoration: none;
  font-weight: 400;
}

.woocommerce #review_form p.stars {
  font-size: 13px;
  padding-top: 6px;
}

.woocommerce #review_form p.stars span {
  position: relative;
  top: 6px;
  left: 20px;
  width: 80%;
  float: right;
  margin-top: -33px;
}

.woocommerce p.comment-form-comment {
  clear: both;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews h3 {
  margin-top: 10px;
  margin-bottom: 26px;
}

.woocommerce #reviews h3.comment-reply-title {
  margin-bottom: 10px;
}

.woocommerce #reviews #comments ol.commentlist {
  margin-bottom: 20px;
}

.woocommerce #reviews #comments ol.commentlist .description {
  margin: 0px 0px 20px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 48px;
  padding: 0px;
  border: none;
  background-color: transparent;
}

body.woocommerce .panel {
  box-shadow: none;
  line-height: 1.58em;
}

body.woocommerce #respond .comment-reply-title {
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: normal;
}

.woocommerce #review_form #respond p.form-submit {
  margin-bottom: 25px;
}

@media only screen and (min-width: 991px) {

  .woocommerce #review_form #respond p.comment-form-author {
    width: 48%;
    float: left;
  }

  .woocommerce #review_form #respond p.comment-form-email {
    width: 48%;
    float: right;
  }

}

.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input {
  font-size: 15px;
  margin-top: 10px;
}

body.woocommerce #respond input#submit, 
body.woocommerce .content-container a.button, .woocommerce button.button, 
body.woocommerce input.button {
  border-radius: 2px;
  padding: 12px 20px;
  font-weight: inherit;
  background-color: #fff;
}

.woocommerce-tabs h2, .related h2, .upsells h2, .woocommerce #reviews h3 {
  font-size: 20px;
  margin-top: 0px;
  line-height: 1.5em;
}

.related h2, .upsells h2 {
  margin-bottom: 25px;
}

.woocommerce #reviews #comments ol.commentlist {
  padding: 0px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin-left: 60px;
  border-radius: 0px;
  padding: 1.2em 1.5em 5px 1.5em;
  border-color: #eee;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  margin-bottom: -3px;
  margin-top: 2px;
  font-size: 14px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  font-weight: inherit;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  font-size: 15px;
  line-height: 1.6em;
  margin-top: 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
  font-size: 13px;
  margin-top: 5px;
  line-height: 0.9em;
  letter-spacing: 0.05em;
}

/* -- Messages */

body .woocommerce-error, 
body .woocommerce-info, 
body .woocommerce-message {
  padding: 1em 0em 1em 3.5em;
  background: transparent;
}

body .woocommerce-error {
  background: #fff;
  margin: 0px;
  margin-bottom: 40px;
}

.woocommerce .woocommerce-message .button {
  margin-top: -5px;
  font-size: 15px;
  margin-bottom: -5px;
  font-weight: inherit;
}

.woocommerce .woocommerce-info {
  padding-left: 0em !important;
}

.woocommerce .woocommerce-info:before {
  display: none;
}

/* -- Product Lightbox */

div.pp_woocommerce .pp_content_container {
  padding-bottom: 7px;
}

.pp_nav p.currentTextHolder {
  position: relative;
  top: -6px;
}

div.pp_woocommerce .pp_close {
  text-indent: -9999px;
}

/* -- Cart Items */

.woocommerce table.shop_table {
  border-radius: 0px;
  border: none;
}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {
  border: none;
  vertical-align: middle;
}

.woocommerce table.shop_table tr.cart-subtotal td {
  font-weight: 400;
}

.woocommerce table.shop_table th {
  border-bottom: 1px solid #e2e2e2;
  font-weight: 400;
}

.woocommerce table.shop_table .product-subtotal {
  text-align: right;
  padding-right: 18px;
}

.woocommerce .cart .button {
  font-weight: 400;
}

.woocommerce a.remove:hover {
  background: transparent;
  color: red !important;
  text-decoration: none;
  opacity: 0.8;
}

.woocommerce table.shop_table td {
  border-bottom: 1px solid #e2e2e2;
  padding: 15px 12px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding: 8px;
  font-size: 15px;
  margin-left: 15px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text::-webkit-input-placeholder {
  line-height: 1.4em;
}

.woocommerce table.shop_table td.actions {
  border: none;
  padding-left: 0px;
  padding-right: 0px;
}

.woocommerce table.shop_table .quantity .qty {
  height: auto;
}

.woocommerce table.shop_table .quantity input.qty {
  padding: 5px 0px;
  font-size: 15px;
}

.woocommerce-page table.cart td.actions .input-text {
  width: auto;
  padding: 7px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background-color: transparent;
}

/* -- Cart Totals */

.content-area .cart_totals h2,
.content-area .cross-sells h2 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 24px;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th {
  margin-top: 0px;
  border-bottom: none;
  padding-left: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
  border: 1px solid #eee;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
  padding-left: 15px;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: bolder;
}

.content-area .cart-collaterals p {
  margin-bottom: 0px;
}

.woocommerce ul#shipping_method li {
  font-size: 15px;
  padding: 0px;
  text-indent: 0px;
}

.woocommerce ul#shipping_method li input {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

body .woocommerce ul#shipping_method .amount {
  font-weight: 400;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  padding: 20px 0px;
  font-size: 20px;
  font-weight: inherit;
  border-radius: 0px;
  text-transform: capitalize;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  opacity: 0.9;
}

section.shipping-calculator-form {
  margin: 10px 10px 10px 0px;
}

.woocommerce section.shipping-calculator-form button.button {
  margin-top: 0.5em;
  font-size: 15px;
}

.woocommerce form .form-row {
  padding: 3px 0px;
  font-size: 16px;
  margin-bottom: 15px;
}

body .select2-container .select2-choice {
  border-color: #e2e2e2;
  border-radius: 0px;
}

/* -- Empty Cart */

.content-area .entry-content p.return-to-shop {
  margin-bottom: 5em;
}

.woocommerce p.return-to-shop a.button {
  font-weight: inherit;
  border: none;
  background: #fff;
  font-size: 16px;
  padding: 16px 20px;
}


/* -- Checkout */

form.checkout label {
  margin-bottom: 0px;
}

.woocommerce form .form-row input.input-text#billing_address_1,
.woocommerce form .form-row input.input-text#shipping_address_1 {
  margin-bottom: -10px;
}

.woocommerce-shipping-fields h3#ship-to-different-address {
  position: relative;
  padding-left: 25px;
  line-height: 32px;
  margin-bottom: 20px;
  position: relative;
  top: 5px;
}

.woocommerce-shipping-fields h3#ship-to-different-address input.input-checkbox {
  position: absolute;
  top: 6px;
  left: 0px;
}

.content-area a.select2-choice:hover {
  border-bottom-color: inherit;
}

body .select2-container--default .select2-selection--single {
  border: none;
}

/* -- My Account */

.woocommerce-account .content-area h2 {
  margin-top: 0px;
  margin-bottom: 15px;
}

.woocommerce form.login, 
.woocommerce form.register {
  margin-top: 1.5em;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register {
  padding: 25px;
  border-color: #e2e2e2;
  border-radius: 0px;
}

.woocommerce .shop_table input.button,
.woocommerce .shop_table input.button.disabled,
body .woocommerce input.button:disabled, 
body .woocommerce input.button:disabled[disabled] {
  padding: 13px 20px 12px 20px;
  border-radius: 0px;
  font-weight: inherit;
  padding: 13px 20px 12px 20px;
  position: relative;
  z-index: 20;
  background: transparent;
}

.woocommerce form.register {
  border: none;
  background-color: #f6f6f6;
}

.woocommerce form.login input.button,
.woocommerce form.register input.button {
  margin: 10px 10px 10px 0px;
  background: transparent;
}

.woocommerce-account .addresses .title h3 {
  margin-top: 0em;
}

.col2-set.addresses {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content-area .entry-content p.myaccount_user {
  margin-bottom: 40px;
}

.woocommerce-account .addresses .title .edit {
  margin-top: 6px;
}

.woocommerce form .form-row .select2-container {
  border: 1px solid #e2e2e2;
}

.select2-container .select2-choice {
  font-weight: inherit;
}

.woocommerce input.button {
  font-weight: 400;
  border-radius: 0px;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
  line-height: 1.3em;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 48%;
}

body.woocommerce-account .content-area {
  padding-bottom: 50px;
}

body.woocommerce-account .woocommerce-MyAccount-content form > h3 {
  margin-top: 0px;
}

.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 40px;
}

.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #111;
}

body .woocommerce table.my_account_orders {
  font-size: inherit;
}

body .woocommerce a.button {
  font-weight: inherit;
  font-size: 14px;
}


/* -- Checkout */

.checkout_coupon p {
  margin-bottom: 0px;
}

.woocommerce form.checkout_coupon .form-row {
  margin-bottom: 0px;
}

.content-area .checkout_coupon input[type="submit"] {
  margin-top: 0px;
  padding: 16px 22px;
  background: transparent;
}

body .woocommerce form .form-row .required {
  font-weight: inherit;
  text-decoration: none;
}

.woocommerce-shipping-fields h3#ship-to-different-address label.checkbox {
  margin-top: 0px;
  margin-left: 10px;
}

.woocommerce-checkout .content-area h3 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.woocommerce-checkout .content-area h3#order_review_heading {
  margin-top: 40px;
}

.woocommerce table.woocommerce-checkout-review-order-table th {
  vertical-align: middle;
}

.woocommerce table.woocommerce-checkout-review-order-table tfoot td {
  border-top: none;
}

.woocommerce table.woocommerce-checkout-review-order-table tfoot th {
  border-top: none;
  font-weight: 400;
}

.woocommerce-checkout #payment {
  background: transparent;
  padding: 28px;
  margin-bottom: 50px;
  border: 1px solid #e2e2e2;
  border-radius: 0px;
  margin-top: 40px;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #fff;
}

.woocommerce-checkout #payment div.payment_box p {
  font-size: 16px;
}

.woocommerce-checkout #payment div.payment_box:before {
  border: 1em solid #fff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-color: #e2e2e2;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
  font-size: 18px;
  font-weight: inherit;
  padding: 15px 30px;
  border: none;
  text-transform: capitalize;
  letter-spacing: 0px;
}

.woocommerce .order_details li strong {
  margin-top: 5px;
}

.woocommerce table.shop_table.customer_details tbody th,
.woocommerce .order_details th {
  width: 51%;
}

body .woocommerce table.shop_table tbody th, 
body .woocommerce table.shop_table tfoot td, 
body .woocommerce table.shop_table tfoot th {
  font-weight: 400;
}

.woocommerce form legend {
  padding-bottom: 10px;
  font-weight: 400;
  margin-top: 30px;
}

.woocommerce-account .entry-content a {
  border: none;
}

body .woocommerce input.button.disabled, body .woocommerce input.button:disabled, 
body .woocommerce input.button:disabled[disabled] {
  color: #333;
}

/* -- Confirmation */

.woocommerce-order-received .woocommerce {
  margin-bottom: 50px;
}

.woocommerce-order-received .content-area h2 {
  font-size: 24px;
}

.woocommerce table.shop_table thead th {
  font-size: 13px;
  border-top: 1px solid #e2e2e2;
  font-weight: inherit;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.woocommerce table.shop_table .order-total strong {
  font-weight: 400;
}

.woocommerce-order-received .woocommerce table.shop_table tfoot td,
.woocommerce-order-received .woocommerce table.shop_table tfoot th {
  border-top: none;
  font-weight: bolder;
  vertical-align: middle;
}

.woocommerce table.shop_table strong.product-quantity {
  font-weight: inherit;
}

.woocommerce table.shop_table.customer_details tbody th {
  border-top: none;
}

.woocommerce .order_details {
  padding-left: 0px;
  margin-top: 1.5em;
}


/*-------------------------------------------------------------------------*/
/*  10.0  Footer
/*-------------------------------------------------------------------------*/

/* -- Below Content CTA -- */

.ccfw-below-content {
  padding: 50px 0px;
  position: relative;
  overflow: hidden;
}

.ccfw-below-content .cta {
  justify-content: flex-end;
}

.ccfw-below-content .container {
  position: relative;
  z-index: 2;
}

.ccfw-below-content .container h4 {
  margin-bottom: 0px;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
}

.particles-background {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #111;
  z-index: 0;
  position: absolute;
}

 .ccfw-below-content:after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(79, 45, 127, 0.9);
  display: block;
}

/* -- First Footer -- */

.ccfw-footer-container {
  padding: 70px 0px 70px 0px; 
}

.ccfw-first-footer-wrapper .widget-area .widget-title {
  text-align: inherit;
}

.ccfw-first-footer-wrapper .widget-title {
  padding: 0px;
  border: none;
  margin-bottom: 25px;
  text-align: inherit;
}

.widget_categories li {
  position: relative;
}

.widget_categories li ul.children {
  margin: 15px;
}

.widget_archive li {
  position: relative;
  color: #111;
}

.widget_archive li span,
.widget_categories li span {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 11px;
  margin-top: 8px;
}

.ccfw-first-footer-wrapper .widget .textwidget .mc4wp-form .mc4wp-form input[type="email"] {
  border: none;
}

.ccfw-first-footer-wrapper .widget .textwidget .mc4wp-form {
  margin-bottom: 20px;
  margin-top: -2px;
}

.ccfw-first-footer-wrapper .mc4wp-form input[type="email"] {
  border: none;
}

.ccfw-first-footer-wrapper .widget-last {
  text-align: right;
}

.ccfw-first-footer-wrapper ul li {
  display: inline-block;
}

.ccfw-first-footer-wrapper ul li a {
  display: inline-block;
  padding-left: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
}

/* -- Hover opacity -- */

.ccfw-first-footer-wrapper ul:hover li a {
  opacity: 0.6;
}

.ccfw-first-footer-wrapper ul:hover li a:hover {
  opacity: 1;
}

.ccfw-first-footer-wrapper p {
  font-size: 16px;
}

.ccfw-second-footer-wrapper {
  padding-top: 15px;
}

.ccfw-second-footer-wrapper .social-menu > li > a {
  border: none;
  width: auto;
  height: auto;
  line-height: inherit;
  padding-left: 20px;
  font-size: 22px;
  margin-left: 0px;
  color: #fff;
}

.ccfw-second-footer-wrapper .social-menu > li > a:hover {
  background: transparent;
}

.ccfw-footer-container ul.social-menu:hover li a {
  opacity: 0.65;
}

.ccfw-footer-container ul.social-menu:hover li a:hover {
  opacity: 1;
}

.ccfw-footer-container .social-menu {
  margin-top: -4px;
}

/* -- Back to top -- */

#ccfw-back-to-top {
  position: fixed;
  bottom: 35px;
  right: 40px;
  z-index: 9999;
  width: 54px;
  height: 54px;
  font-size: 20px;
  text-align: center;
  line-height: 61px;
  color: #333;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.015);
  border-radius: 50%;
}

#ccfw-back-to-top:hover {
  transform: translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}

#ccfw-back-to-top.show {
  opacity: 1;
}

.ccfw-footer-msg {
  text-align: center;
}


/*--------------------------------------------------------------
11.0 Typed.js
--------------------------------------------------------------*/

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

.typed-fade-out {
  opacity: 0;
  animation: 0;
  transition: opacity .25s;
}

/*--------------------------------------------------------------
12.0 Visual Composer
--------------------------------------------------------------*/

.vc_row.overlay:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: rgba(0,0,0,0.6);
  opacity: 0.8;
  content: "";
  display: block;
  z-index: 1;
}

.vc_row.overlay.gradient:before {
  background-color: transparent;
  background-image: linear-gradient(90deg, #000000 47%, rgba(0,0,0,0) 64%);
  opacity: 0.61;
}

.wpb_wrapper > h2:first-child,
.wpb_wrapper > h3:first-child,
.wpb_wrapper > h4:first-child,
.wpb_wrapper > h5:first-child {
  margin-top: 0px;
}

.about-title {
  font-weight: 600;
  letter-spacing: -1.5px;
}

.about-subtitle {
  font-weight: 600;
  letter-spacing: -1.5px;
}

.about-subtitle_2 {
  font-weight: 600;
  letter-spacing: -0.3px;
}

.ls-1 {
  letter-spacing: 1.5px;
}

.vc_row[data-vc-full-width].overflow-visible {
  overflow: visible;
}

.home-features .vc_column-inner > .wpb_wrapper {
  transition: transform .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1),-webkit-transform .2s cubic-bezier(0,0,.2,1);
}

.home-features .vc_column-inner > .wpb_wrapper:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Don't zoom on home features */
.home-features .wpb_single_image a:hover img {
  transform: scale(1.0);
}

/* -- Tabs -- */

body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
  border-color: #d4d4d4;
}

body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
  border-color: #d4d4d4;
  background-color: #f8f8f8; /* body bg */
}

body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
  border-color: transparent;
  background-color: transparent;
}

body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus, 
body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover,
body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, 
body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
  background-color: transparent;
}

body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
  padding: 25px 30px;
}

body .vc_tta.vc_general .vc_tta-tab.vc_active {
  border-top: 2px solid red;
}

body .vc_tta.vc_general .vc_tta-tab.vc_active {
  border-bottom: 1px solid #f8f8f8;
}

body.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a {
  padding: 16px 28px;
}

body.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
  color: #111;
}