/*

Theme Name: Business3ree

Theme URI: http://www.cssigniter.com/ignite/themes/business3ree

Author: CSSIgniter

Author URI: http://www.cssigniter.com

Description: Business Theme for WordPress

Tags:

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* -----------------------------------------

	Table of Contents

--------------------------------------------



.. 01. General

.. 02. Main Navigation

.. 03. Header

.. 04. Modules

.. 05. Footer

.. 06. Comments

.. 07. Widgets Styling

.. 08. WordPress defaults

.. 09. Mobile Menu

.. 10. External Plugins

.. 11. WooCommerce

.. 12. Global Mediaqueries

*/

/* -----------------------------------------

	01. General

----------------------------------------- */

/* Basic Typography

=================================== */

html {

  -webkit-font-smoothing: antialiased;

}



body {

  line-height: 1.71423;

  font-size: 14px;

  color: #3b3b3b;

  font-family: "PT Serif", serif;

}



h1, h2, h3, .widget-title, h4, h5, h6 {

  line-height: normal;

  margin: 0 0 15px 0;

  -ms-word-wrap: break-word;

  word-wrap: break-word;

}



h1 {

  font-size: 30px;

}



h2 {

  font-size: 24px;

}



h3, .widget-title {

  font-size: 20px;

}



h4 {

  font-size: 18px;

}



h5 {

  font-size: 16px;

}



h6 {

  font-size: 14px;

}



p {

  margin: 0 0 15px 0;

}



img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  height: auto;

}



a {

  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;

  outline: none;

  color: #13709f;

  text-decoration: none;

}

a:hover, a:focus {

  color: #1890cd;

  outline: none;

  text-decoration: none;

}

a:active {

  outline: none;

}



.group:before, .group:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.group:after {

  clear: both;

}



/* General Element Styling

=================================== */

/* Reset figure margin from normalize.css */

figure {

  margin: 0;

}



/* Lists */

ul, ol {

  padding-left: 20px;

}



ul {

  list-style: disc;

}



ol {

  list-style: decimal;

}



dl {

  margin: 0 0 20px;

}



dt {

  font-weight: bold;

}



dd {

  margin: 0 0 15px;

}



/* Blockquotes */

blockquote {

  margin: 20px 0;

  padding-left: 15px;

  border-left: 3px solid #ccc;

  font-size: 17px;

  font-weight: 300;

}

blockquote cite {

  display: block;

  font-weight: bold;

  font-style: italic;

  margin: 10px 0 0;

  color: rgba(59, 59, 59, 0.8);

  font-size: 14px;

}



/* Tables */

table {

  border-collapse: separate;

  border-spacing: 0;

  width: 100%;

}



.entry-content table {

  border-width: 1px 0 0 1px;

  margin-bottom: 24px;

}

.entry-content th:first-child,

.entry-content td:first-child {

  padding-left: 0;

}

.entry-content th,

.entry-content td {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.entry-content caption,

.entry-content th,

.entry-content td {

  font-weight: normal;

  text-align: left;

  padding: 5px;

  vertical-align: middle;

}

.entry-content th {

  border-width: 0 1px 1px 0;

  font-weight: bold;

  text-transform: uppercase;

  font-size: 85%;

}

.entry-content td {

  border-width: 0 1px 1px 0;

}



/* Code */

code, kbd, tt, var, samp, pre {

  font-family: monospace, serif;

  -webkit-hyphens: none;

  -moz-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

  font-style: normal;

}



pre {

  padding: 15px;

  border: 1px solid rgba(0, 0, 0, 0.1);

}



/* Various */

address {

  margin: 0 0 15px;

}



.sr-only,

.screen-reader-text {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



/* Embeds and iframes

=================================== */

embed,

iframe,

object,

video,

audio {

  margin-bottom: 15px;

  max-width: 100%;

}



p > embed,

p > iframe,

p > object,

p > audio,

span > embed,

span > iframe,

span > object,

span > audio {

  margin-bottom: 0;

}



#map * {

  max-width: none !important;

}



/* General Form Styling

=================================== */

label {

  display: block;

  margin: 0 0 2px;

  font-weight: normal;

}



input,

textarea {

  display: inline-block;

  font-size: inherit;

  width: 100%;

  max-width: 100%;

  height: 51px;

  padding: 6px 12px;

  box-shadow: none;

  line-height: normal;

  border: 1px solid #d6d6d6;

  background-color: #FFF;

  background-image: none;

  border-radius: 0;

}

input:hover,

textarea:hover {

  border-color: #c7c7c7;

}

input:focus,

textarea:focus {

  outline: none;

  border-color: #13709f;

}

@media (max-width: 767px) {

  input,

  textarea {

    width: 100%;

  }

}



input[type="search"] {

  /* Restoring box-sizing */

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



textarea {

  height: auto;

}



select {

  max-width: 50%;

}



input[type="checkbox"],

input[type="radio"] {

  margin: 4px 0 0;

  margin-top: 1px \9;

  line-height: normal;

  width: auto;

  height: auto;

}



fieldset {

  margin: 0 0 15px;

  padding: 0;

  border: none;

  min-width: 0;

}



/* Placeholder text color */

::-webkit-input-placeholder {

  color: rgba(59, 59, 59, 0.5);

  font-weight: normal;

  opacity: 1;

}



:-moz-placeholder {

  color: rgba(59, 59, 59, 0.5);

  font-weight: normal;

  opacity: 1;

}



::-moz-placeholder {

  color: rgba(59, 59, 59, 0.5);

  font-weight: normal;

  opacity: 1;

}



:-ms-input-placeholder {

  color: rgba(59, 59, 59, 0.5);

  font-weight: normal;

  opacity: 1;

}



/* Buttons

=================================== */

.btn, .comment-reply-link, .button,

input[type="button"],

input[type="submit"],

input[type="reset"],

button {

  display: inline-block;

  font-weight: normal;

  font-size: 12px;

  letter-spacing: 0.06em;

  margin: 0;

  width: auto;

  height: 51px;

  line-height: normal;

  border: none;

  box-shadow: none;

  border-radius: 0;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  background-image: none;

  white-space: nowrap;

  padding: 17px 52px 17px;

  text-transform: uppercase;

  background-color: #13709f;

  color: #FFF;

  transition: 0.18s background-color ease, color 0.18s ease,  0.18s border-color ease;

  -webkit-user-selsect: none;

  -moz-user-select: none;

  user-select: none;

}

.btn:active, .comment-reply-link:active, .button:active,

input[type="button"]:active,

input[type="submit"]:active,

input[type="reset"]:active,

button:active {

  outline: none;

}

.btn:hover, .comment-reply-link:hover, .button:hover,

input[type="button"]:hover,

input[type="submit"]:hover,

input[type="reset"]:hover,

button:hover {

  background: #0b405b;

  color: #FFF;

  text-decoration: none;

}

.btn:focus, .comment-reply-link:focus, .button:focus,

input[type="button"]:focus,

input[type="submit"]:focus,

input[type="reset"]:focus,

button:focus {

  outline: none;

}

.btn.transparent, .transparent.comment-reply-link, .transparent.button,

input[type="button"].transparent,

input[type="submit"].transparent,

input[type="reset"].transparent,

button.transparent {

  background: transparent;

  border: 2px solid #13709f;

  color: #13709f;

}

.btn.transparent:hover, .transparent.comment-reply-link:hover, .transparent.button:hover,

input[type="button"].transparent:hover,

input[type="submit"].transparent:hover,

input[type="reset"].transparent:hover,

button.transparent:hover {

  color: #FFF;

  background: #13709f;

}

.btn.white, .white.comment-reply-link, .white.button,

input[type="button"].white,

input[type="submit"].white,

input[type="reset"].white,

button.white {

  border: 2px solid #FFF;

  color: #FFF;

}

.btn.white:hover, .white.comment-reply-link:hover, .white.button:hover,

input[type="button"].white:hover,

input[type="submit"].white:hover,

input[type="reset"].white:hover,

button.white:hover {

  background: #FFF;

  color: #13709f;

}

.btn.small, .small.comment-reply-link, .small.button,

input[type="button"].small,

input[type="submit"].small,

input[type="reset"].small,

button.small {

  padding: 8px 20px 7px;

  max-width: 220px;

}



.btn, .comment-reply-link, .button {

  height: auto;

}



/* Flexslider Overrides

=================================== */

.flexslider {

  margin: 0;

  padding: 0;

  box-shadow: none;

  border-radius: 0;

  border: 0;

}

.flexslider.loading:before {

  width: 40px;

  height: 40px;

  background-color: #FFF;

  border-radius: 100%;

  -webkit-animation: scaleout 1.0s infinite ease-in-out;

  animation: scaleout 1.0s infinite ease-in-out;

  content: "";

  position: absolute;

  right: 20px;

  top: 20px;

  z-index: 1000;

}



@-webkit-keyframes scaleout {

  0% {

    -webkit-transform: scale(0);

  }



  100% {

    -webkit-transform: scale(1);

    opacity: 0;

  }

}

@keyframes scaleout {

  0% {

    transform: scale(0);

    -webkit-transform: scale(0);

  }



  100% {

    transform: scale(1);

    -webkit-transform: scale(1);

    opacity: 0;

  }

}

.flex-direction-nav a {

  width: 40px;

  height: 40px;

  top: 50%;

  margin: -20px 0 0 0;

  opacity: 0.7;

  color: #FFF;

  line-height: normal;

}

.flex-direction-nav a:hover {

  color: #FFF;

  opacity: 1;

}

.flex-direction-nav a:before {

  font-family: FontAwesome;

  content: '\f053';

  font-size: 34px;

}

.flex-direction-nav a.flex-next:before {

  content: '\f054';

}

.flex-direction-nav a.flex-next {

  right: 10px;

}

.flex-direction-nav a.flex-prev {

  left: 10px;

}



.flexslider .slides > li:first-child {

  display: block;

  /* Display flexslider's first item no matter if its loading or not */

  -webkit-backface-visibility: visible;

  float: left;

  width: 100%;

}



.flexslider.loading .slides > li:first-child {

  opacity: 1 !important;

  /* Remove the fade in/out animation when the slider loads */

}



/* -----------------------------------------

	02. Main Navigation

----------------------------------------- */

#nav {

  margin: 8px 0 0;

}



#nav ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#navigation {

  position: absolute;

  right: 15px;

}

#navigation:before, #navigation:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

#navigation:after {

  clear: both;

}

#navigation li {

  position: relative;

  z-index: 100;

}

#navigation > li {

  float: left;

}

#navigation ul {

  position: absolute;

  z-index: 300;

  top: -999em;

}

#navigation li:hover > ul,

#navigation .sfHover > ul {

  top: auto;

}

#navigation li li:hover > ul,

#navigation li .sfHover > ul {

  top: 0;

  left: 100%;

}

#navigation li li li:hover > ul,

#navigation li li .sfHover > ul {

  top: 0;

  left: 100%;

}

#navigation a, #navigation #navigation a:visited {

  display: block;

  white-space: nowrap;

}

#navigation a {

  padding: 0 10px;

  color: #2e2e2e;

  font-size: 13px;

  font-weight: bold;

  /* Global Menu Link Styles */

}

#navigation a:hover,

#navigation .sfHover > a {

  text-decoration: none;

  color: #666666;

  /* First Level & Global Menu Link Hover Styles */

}

#navigation > li > a {

  text-transform: uppercase;

  /* First Level Menu Link Styles */

}

#navigation > li ul a:hover,

#navigation > li ul .sfHover > a {

  /* All Other Level Menu Link Hover Styles */

}

#navigation > li > a:hover,

#navigation > li.sfHover > a,

#navigation > li.sfHover > a:active,

#navigation > li.current_page_item > a,

#navigation > li.current-menu-item > a,

#navigation > li.current-menu-ancestor > a,

#navigation > li.current-menu-parent > a,

#navigation > li.current > a {

  /* WordPress First Level Current/Ancestor Hover Page Styles */

}

#navigation ul {

  border: 1px solid #F1f1f1;

  min-width: 150px;

  background: #FFF;

  /* All Lower Level Menu Container Styles */

}

#navigation ul a {

  padding: 7px 15px;

  border-bottom: 1px solid #F1F1F1;

  /* All Other Menu Level Link Styles */

}

#navigation a.sf-with-ul {

  padding-right: 20px;

  position: relative;

  /* Styling for navigation arrows  ---------- */

}

#navigation.sf-arrows .sf-with-ul:after {

  content: '\f078';

  font-family: FontAwesome;

  position: absolute;

  top: 50%;

  right: 8px;

  margin-top: -9px;

  font-size: 8px;

  font-weight: normal;

  color: rgba(0, 0, 0, 0.5);

}

#navigation.sf-arrows ul .sf-with-ul:after {

  right: 8px;

  margin-top: -6px;

  content: "\f054";

  /* Styling for right facing arrows  ---------- */

}



/* -----------------------------------------

	03. Header

----------------------------------------- */

.pre-head {

  background: #F1F1F1;

  color: #000;

  font-size: 11px;

  letter-spacing: 0.05em;

  line-height: nromal;

  padding: 7px 0;

}

.pre-head a {

  color: inherit;

}

.pre-head .widget {

  text-align: right;

  margin: 0;

}

.pre-head .widget .widget-title {

  display: none;

}



.mast-head {

  background: #FFF;

  padding: 37px 0;

}



.site-logo {

  margin: 0;

  line-height: 1;

  font-size: 24px;

}



.site-tagline {

  margin: -3px 0 0;

  display: block;

  color: #595959;

  font-size: 12px;

}



.side-head {

  text-align: right;

}



.pre-head .widget {

  display: inline-block;

}



.cart-head {

  display: inline-block;

  margin-left: 5px;

  text-transform: uppercase;

}

.cart-head .amount:after {

  content: "|";

  display: inline-block;

  margin: 0 3px 0 5px;

  font-size: 10px;

  position: relative;

  top: -1px;

  opacity: 0.6;

}



/* -----------------------------------------

	04. Modules

----------------------------------------- */

#main {

  padding: 70px 0;

}



/* Homepage Slider

========================================= */

.home-slider {

  height: 550px;

  text-align: center;

}

.home-slider .slides {

  height: 100%;

}

.home-slider .slides li {

  height: 100%;

  position: relative;

}

.home-slider .slides li:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.1);

}



.slide-video-wrap {

  width: 700px;

  max-width: 100%;

  margin: 75px auto 0;

  position: relative;

}



.slide-content {

  color: #FFF;

  margin-top: 180px;

}

.slide-content p {

  font-size: 18px;

  line-height: 1.35;

  margin: 0 auto 45px;

  max-width: 70%;

}



.slide-title, .hero-title {

  margin: 0 0 25px;

  line-height: 1;

  font-size: 48px;

  font-weight: bold;

  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);

}



/* Entry Styles

========================================= */

/* Page Hero Section */

.page-hero {

  text-align: center;

  color: #FFF;

  padding: 64px 0;

}



.hero-title {

  margin: 0;

}



.hero-subtitle {

  font-size: 18px;

  line-height: 1.35;

  margin: 15px auto 0;

  max-width: 70%;

}



/* Entry Styles (Articles, Pages, etc */

.entry {

  margin: 0 0 60px;

}

.entry:before, .entry:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.entry:after {

  clear: both;

}

.entry:only-of-type {

  margin: 0;

}



.entry-title {

  font-size: 24px;

  line-height: 1.333333333;

  font-weight: bold;

  margin: 0 0 10px;

}



.entry-thumb {

  margin: 0 0 25px;

  max-width: 100%;

}

.entry-thumb .alignleft,

.entry-thumb .alignnone,

.entry-thumb .aligncenter,

.entry-thumb .alignright {

  margin: 0;

}



.entry-thumb-content-left {

  float: left;

  margin: 8px 30px 30px 0;

}



.entry-thumb-content-right {

  float: right;

  margin: 8px 0 30px 30px;

}



.image-list a > img {

  margin: 25px 0 0;

  display: inline-block;

}

.image-list a:first-child > img {

  margin: 0;

}



.entry-meta {

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin: -12px 0 20px;

}



.entry-content {

  margin: 0 0 15px;

}

.entry-content:before, .entry-content:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.entry-content:after {

  clear: both;

}



.related {

  margin: 50px 0 0;

}



/* Author info */

.author-info {

  background: #F1F1F1;

  padding: 20px;

}

.author-info:before, .author-info:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.author-info:after {

  clear: both;

}

.author-info h5 {

  margin: 0 0 10px;

}



.author-avatar {

  float: left;

  width: 80px;

  margin: 0 25px 0 0;

}



.author-content {

  overflow: hidden;

}



/* Members Social Icons

========================================= */

.member-socials {

  margin: 5px 0 0;

}



.entry .member-socials {

  margin: -15px 0 15px -4px;

}



.member-social {

  display: inline-block;

  margin: 0 3px;

  font-size: 13px;

  width: 30px;

  height: 30px;

  line-height: 26px;

  border-radius: 50%;

  border: 2px solid #eaeaea;

  text-align: center;

}



/* Paging Styles

========================================= */

#paging,

.woocommerce-pagination {

  margin: 30px 0 0;

}

#paging ul,

.woocommerce-pagination ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

#paging ul li,

.woocommerce-pagination ul li {

  display: inline-block;

}

#paging a,

#paging > span,

#paging .current,

#paging li span,

.woocommerce-pagination a,

.woocommerce-pagination > span,

.woocommerce-pagination .current,

.woocommerce-pagination li span {

  background: transparent;

  border: 2px solid #f1f1f1;

  display: inline-block;

  margin: 0 10px 0 0;

  padding: 4px 13px;

  color: #3b3b3b;

}

#paging span.current,

#paging a:hover,

.woocommerce-pagination span.current,

.woocommerce-pagination a:hover {

  background: #13709f;

  color: #FFF;

  border-color: #13709f;

}



/* Listing Pages

========================================= */

.filters-nav {

  margin: 0 0 20px;

  padding: 0;

  list-style: none;

}

.filters-nav li {

  display: inline-block;

  margin-right: 10px;

}

.filters-nav a.btn, .filters-nav a.comment-reply-link, .filters-nav a.button {

  border-color: #F1F1F1;

  height: 35px;

  color: #171717;

}

.filters-nav a.selected,

.filters-nav a:hover {

  background: #13709f;

  color: #FFF;

  border: 2px solid #13709f;

  height: 35px;

}

.filters-nav a:focus {

  color: #FFF;

}



/* Post Type Navigation List

========================================= */

.item-nav {

  width: 100%;

  display: block;

  margin: 0 0 40px;

  padding: 0;

}

.item-nav li {

  display: block;

}

.item-nav li a {

  display: block;

  padding: 17px 15px;

  background: #F1F1F1;

  margin: 0 0 1px;

  color: #3b3b3b;

  line-height: normal;

  font-size: 15px;

}

.item-nav li a:hover {

  background: #13709f;

  color: #FFF;

}

.item-nav li a i {

  font-size: 18px;

  margin-right: 10px;

}

.item-nav li.active a {

  background: #13709f;

  color: #FFF;

  font-weight: bold;

}



/* Item Styles (Listing)

========================================= */

/* General Item Styles */

.item {

  text-align: center;

  margin: 15px 0;

}



.item-icon {

  font-size: 24px;

  border: 3px solid #F1F1F1;

  width: 78px;

  height: 78px;

  border-radius: 50%;

  display: inline-block;

  line-height: 74px;

  color: #13709f;

  margin: 0 0 20px;

}



.item-thumb {

  margin: 0 0 30px;

}

.item-thumb img {

  width: 100%;

}



.item-title {

  font-size: 18px;

  line-height: 1.333333333;

  font-weight: bold;

  margin: 0 0 10px;

}



.item-subtitle,

.item-meta {

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin: -12px 0 0;

}



.item-meta {

  margin: 0;

}



.item-desc {

  margin: 0 0 15px;

}



.item-more {

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 0.05em;

}

.item-more:hover {

  text-decoration: none;

}

.item-more i {

  font-size: 11px;

  display: inline-block;

  margin-left: 2px;

}



/* Overlayed Items (Portfolio) */

.item.overlayed .item-thumb {

  margin: 0;

  overflow: hidden;

}

.item.overlayed .item-thumb:hover img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.item.overlayed .item-thumb img {

  transition: all 0.18s ease;

}

.item.overlayed .item-thumb a {

  z-index: 2;

  display: block;

  position: relative;

}

.item.overlayed .item-thumb a:hover:before, .item.overlayed .item-thumb a:hover .btn, .item.overlayed .item-thumb a:hover .comment-reply-link, .item.overlayed .item-thumb a:hover .button {

  opacity: 1;

}

.item.overlayed .item-thumb a:hover .btn, .item.overlayed .item-thumb a:hover .comment-reply-link, .item.overlayed .item-thumb a:hover .button {

  top: 50%;

}

.item.overlayed .item-thumb a:before {

  z-index: 3;

  width: 100%;

  height: 100%;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(19, 112, 159, 0.8);

  transition: all 0.18s ease;

  opacity: 0;

}

.item.overlayed .item-thumb a .btn, .item.overlayed .item-thumb a .comment-reply-link, .item.overlayed .item-thumb a .button {

  z-index: 4;

  position: absolute;

  top: 30%;

  left: 50%;

  margin: -15px 0 0 -60px;

  opacity: 0;

  transition: all 0.18s ease;

}



/* Team Item Specifics */

.item.cpt_team .item-title {

  text-transform: uppercase;

}



/* Left Aligned Items (Posts) */

.item.left {

  text-align: left;

}



/* Equal Columns */

.product-list .col-md-4:first-child,

.product-list .col-md-3:first-child,

.product-list .col-md-2:first-child,

.product-list .col-md-6:first-child,

.product-list .col-xs-6:first-child {

  clear: left;

}

.product-list .col-md-4:nth-child(3n+1) {

  clear: left;

}

.product-list .col-md-3:nth-child(4n+1) {

  clear: left;

}

.product-list .col-md-6:nth-child(2n+1) {

  clear: left;

}

@media (max-width: 991px) {

  .product-list .col-md-4:nth-child(3n+1) {

    clear: none;

  }

  .product-list .col-md-3:nth-child(4n+1) {

    clear: none;

  }

  .product-list .col--6:nth-child(2n+1) {

    clear: none;

  }

  .product-list .col-sm-6:nth-child(2n+1) {

    clear: left;

  }

}



/* -----------------------------------------

	05. Footer

----------------------------------------- */

#footer {

  background: #F1F1F1;

}



.footer-wrap {

  padding: 50px 0 10px;

}



.footer-credits {

  background: rgba(0, 0, 0, 0.05);

  padding: 15px 0;

}

.footer-credits p {

  margin: 0;

}



/* -----------------------------------------

   06. Comments

----------------------------------------- */

#comments {

  margin: 40px 0 0;

}



#comment-list,

.commentlist {

  margin: 0;

  list-style: none;

  padding: 0;

}

#comment-list ol,

.commentlist ol {

  list-style: none;

}

@media (max-width: 767px) {

  #comment-list ol,

  .commentlist ol {

    margin: 0;

    padding: 0;

  }

}

#comment-list .comment-body,

.commentlist .comment-body {

  margin-bottom: 20px;

  padding-top: 20px;

}

#comment-list > .comment:first-child > .comment-body,

.commentlist > .comment:first-child > .comment-body {

  border-top: none;

  padding-top: 0;

}



.post-comments {

  margin: 0 0 45px;

}



.comment-author .avatar {

  width: 64px;

  height: 64px;

  float: left;

  margin: 0 15px 15px 0;

  overflow: visible;

}

@media (max-width: 767px) {

  .comment-author .avatar {

    display: none;

  }

}



.comment-content {

  overflow: hidden;

  zoom: 1;

  font-size: 13px;

}



.comment-metadata {

  font-size: 12px;

  margin: 0 0 5px;

}



.comment-reply-link {

  font-size: 10px;

  text-transform: uppercase;

  padding: 4px 10px;

  margin-left: 80px;

  height: auto;

}

@media (max-width: 767px) {

  .comment-reply-link {

    margin: 0;

  }

}



.bypostauthor > article .fn:before {

  font-family: FontAwesome;

  content: "\f005";

  margin: 0 2px 0 -2px;

  position: relative;

  top: -1px;

  font-size: 11px;

}



#cancel-comment-reply-link {

  font-size: 13px;

  font-weight: normal;

  margin-left: 5px;

}



.form-allowed-tags,

.comment-notes {

  font-size: 12px;

  line-height: 1.5;

  color: rgba(59, 59, 59, 0.8);

}



/* -----------------------------------------

	07. Widgets Styling

----------------------------------------- */

.widget {

  margin: 0 0 18px;

}



.sidebar .widget:last-child,

.widget p:last-child {

  /* Nullify bottom margin for last elements in widgets and sidebars */

  margin-bottom: 0;

}



/* WIDGET: #Section Widgets General Styles

========================================= */

section.widget {

  margin: 0;

}

section.widget .widget-wrap {

  padding: 65px 0;

}

section.widget h3, section.widget .widget-title {

  font-size: 30px;

}



.section-title, #sidebar .widget-title {

  text-transform: uppercase;

  font-weight: normal;

  font-size: 24px;

  letter-spacing: 0.1em;

  text-align: center;

  padding: 0 0 15px;

  margin: 0 0 25px;

  position: relative;

}

.section-title:after, #sidebar .widget-title:after {

  content: "";

  width: 32px;

  position: absolute;

  border-bottom: 1px solid #CCCCCC;

  height: 1px;

  left: 50%;

  margin: 0 0 0 -16px;

  bottom: 0;

}



#sidebar .widget-title {

  font-size: 18px;

}



/* WIDGET: #Frontpage Hero Widget

========================================= */

.ci-hero-widget {

  text-align: center;

}



section.widget_ci-hero {

  text-align: center;

}

section.widget_ci-hero .widget-wrap {

  padding: 80px 0;

}

section.widget_ci-hero p:last-of-type {

  margin-bottom: 40px;

}



/* WIDGET: #Testimonial Slider

========================================= */

.testimonials {

  background: none;

}



.testimonials .slides img {

  display: inline-block;

  width: auto;

  border-radius: 100%;

  margin: 10px 0 20px;

  max-width: 100px;

  height: auto;

}



.testimonials .flex-direction-nav li,

.testimonials .slides li {

  border: none;

  margin: 0;

  padding: 0;

}



.testimonials .flex-direction-nav a {

  width: 30px;

  height: 30px;

  margin: -20px 0 0;

  top: 50%;

  text-shadow: none;

  color: inherit;

  opacity: 0.7;

}



.testimonials .flex-direction-nav a:hover {

  color: inherit;

  opacity: 1;

}



.testimonials .flex-direction-nav .flex-prev, .testimonials .flexslider:hover .flex-prev {

  left: 0;

}



.testimonials .flex-direction-nav .flex-next, .testimonials .flexslider:hover .flex-next {

  right: 0;

}



.testimonials .flex-direction-nav a:before {

  font-size: 30px;

}



.testimonials .flex-control-nav {

  display: none;

}



.testimonial blockquote {

  display: block;

  text-align: center;

  padding: 0 10%;

  margin: 0;

  border-left: none;

}



.testimonial cite {

  font-size: 12px;

  letter-spacing: 1px;

  font-style: normal;

  font-weight: normal;

  text-transform: uppercase;

  color: inherit;

}



.testimonial cite span {

  display: block;

}



#sidebar .testimonials, #footer .testimonials {

  margin: 0;

}

#sidebar .testimonials > div[class^='col'], #footer .testimonials > div[class^='col'] {

  padding: 0;

}

#sidebar .testimonials, #footer .testimonials {

  padding: 0;

  margin: 0;

}

#sidebar .testimonials ul li, #footer .testimonials ul li {

  border: none;

  margin: 0;

  padding: 0;

}

#sidebar .testimonials blockquote, #footer .testimonials blockquote {

  font-size: 14px;

  padding: 0;

}

#sidebar .testimonials blockquote cite img, #footer .testimonials blockquote cite img {

  border-radius: 50%;

}

#sidebar .testimonials .flex-control-nav,

#sidebar .testimonials .flex-direction-nav, #footer .testimonials .flex-control-nav,

#footer .testimonials .flex-direction-nav {

  display: none;

}



/* WIDGET: #Split Content Widget

========================================= */

#sidebar .widget_ci-split-content div[class^="col"], #footer .widget_ci-split-content div[class^="col"] {

  float: none;

  width: 100%;

  margin: 0;

  left: auto;

  right: auto;

  padding: 0;

}

#sidebar .widget_ci-split-content img, #footer .widget_ci-split-content img {

  display: block;

  margin: 0 0 20px;

}

#sidebar .widget_ci-items div[class="col-xs-12"], #footer .widget_ci-items div[class="col-xs-12"] {

  padding: 0;

}



/* WIDGET: #List Widgets

========================================= */

.widget ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.widget ul li {

  padding: 5px 0;

  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);

  display: block;

  margin: 0;

}



.widget ul ul.children li:first-child {

  border-top: 1px dotted rgba(0, 0, 0, 0.1);

  margin-top: 6px;

}



.widget ul li:last-of-type {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: 0;

}



.widget ul.children li {

  padding-left: 15px;

}



.widget .current-cat > a,

.widget .current-cat-parent > a {

  font-weight: bold;

}



/* WIDGET: #Ads125

========================================= */

#ads125,

.ads125 {

  margin: 0;

  padding: 0;

  list-style: none;

}

#ads125 li,

.ads125 li {

  background: none;

  border: none;

  float: left;

  margin: 0 15px 10px 0;

  padding: 0;

  max-width: 125px;

  height: auto;

}



/* WIDGET: #Search

========================================= */

.searchform > div,

#searchform > div {

  position: relative;

}

.searchform .searchsubmit,

.searchform #searchsubmit,

#searchform .searchsubmit,

#searchform #searchsubmit {

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

  width: 35px;

  padding: 17px 20px 17px;

}



/* WIDGET: #Flickr

========================================= */

.flickr_badge_image {

  float: left;

  margin: 0 15px 15px 0;

}

.flickr_badge_image a {

  display: block;

  line-height: 0;

}



/* WIDGET: #About

========================================= */

.widget_about {

  margin-top: -5px;
  color: rgb(19, 112, 159);

}

.widget_about img {

  max-width: 100px;

  height: auto;

  color: rgb(19, 112, 159);		

}

.widget_about .alignleft {

  float: left;

  margin: 5px 15px 6px 0;

}

.widget_about .alignright {

  float: right;

  margin: 5px 0 6px 15px;

}



/* WIDGET: #Text Widget

========================================= */

.widget_text p:last-child {

  margin-bottom: 0;

}



/* WIDGET: #Twitter

========================================= */

.widget_ci_twitter_widget ul li {

  margin-bottom: 12px;

}

.widget_ci_twitter_widget ul li:first-child {

  padding-top: 0;

}

.widget_ci_twitter_widget .twitter-time {

  display: block;

  font-size: 0.85em;

}



/* WIDGET: #Calendar

================================================== */

#wp-calendar {

  width: 100%;

}

#wp-calendar a {

  font-weight: bold;

  font-style: italic;

}

#wp-calendar caption {

  text-align: left;

  margin-top: 10px;

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);

  padding: 9px;

}

#wp-calendar thead {

  font-size: 10px;

}

#wp-calendar thead th {

  background: rgba(0, 0, 0, 0.1);

  font-weight: bold;

  padding: 8px;

}

#wp-calendar tbody td {

  background: none;

  border: 1px solid rgba(0, 0, 0, 0.1);

  text-align: center;

  padding: 3px;

}

#wp-calendar tbody td:hover {

  background: rgba(0, 0, 0, 0.1);

}

#wp-calendar tbody .pad {

  background: none;

}

#wp-calendar tfoot #next {

  font-size: 10px;

  text-transform: uppercase;

  text-align: right;

}

#wp-calendar tfoot #prev {

  font-size: 10px;

  text-transform: uppercase;

  padding-top: 10px;

}



/* WIDGET: #Social Icons (HTML only)

========================================= */

.social-icon i {

  width: 36px;

  height: 36px;

  line-height: 36px;

  background-color: #333;

  color: #FFF;

  border: 1px solid #333;

  font-size: 24px;

  border-radius: 36px;

  text-align: center;

  display: inline-block;

}



.social-icon:hover i {

  background-color: #575757;

}



/* -----------------------------------------

	08. WordPress Defaults

----------------------------------------- */

/* WordPress Galleries

=================================== */

.gallery {

  margin-left: -5px;

  margin-right: -5px;

  margin-bottom: 15px;

}

.gallery:before, .gallery:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.gallery:after {

  clear: both;

}



.gallery-item {

  margin-bottom: 10px;

}

.gallery-item img {

  width: 100%;

}



.gallery-columns-1 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-1 .gallery-item {

    float: left;

    width: 100%;

  }

}



.gallery-columns-2 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-2 .gallery-item {

    float: left;

    width: 50%;

  }

}



.gallery-columns-3 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-3 .gallery-item {

    float: left;

    width: 33.33333%;

  }

}



.gallery-columns-4 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-4 .gallery-item {

    float: left;

    width: 25%;

  }

}



.gallery-columns-5 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-5 .gallery-item {

    float: left;

    width: 25%;

  }

}



.gallery-columns-6 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-6 .gallery-item {

    float: left;

    width: 16.66667%;

  }

}



.gallery-columns-7 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-7 .gallery-item {

    float: left;

    width: 14.28571%;

  }

}



.gallery-columns-8 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-8 .gallery-item {

    float: left;

    width: 12.5%;

  }

}



.gallery-columns-9 .gallery-item {

  position: relative;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 5px;

  padding-right: 5px;

  width: 50%;

}

@media (min-width: 768px) {

  .gallery-columns-9 .gallery-item {

    float: left;

    width: 11.11111%;

  }

}



.gallery-caption {

  background-color: rgba(0, 0, 0, 0.7);

  color: #fff;

  font-size: 12px;

  line-height: 1.5;

  margin: 0 0 0 5px;

  max-height: 50%;

  opacity: 0;

  padding: 6px 8px;

  position: absolute;

  bottom: 0;

  left: 0;

  text-align: left;

  width: calc(100% - 10px);

  transition: opacity 0.18s ease;

}



.gallery-caption:before {

  content: "";

  height: 100%;

  min-height: 49px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}



.gallery-item:hover .gallery-caption {

  opacity: 1;

}



.gallery-columns-6 .gallery-caption,

.gallery-columns-7 .gallery-caption,

.gallery-columns-8 .gallery-caption,

.gallery-columns-9 .gallery-caption {

  display: none;

}



/* WordPress Classes

=================================== */

/* Alignment */

.alignnone {

  margin: 5px 0 20px 0;

}

p .alignnone {

  margin-bottom: 0;

}



.aligncenter {

  display: block;

  margin: 7px auto 7px auto;

}



.alignright {

  float: right;

  margin: 7px 0 7px 24px;

}



.alignleft {

  float: left;

  margin: 7px 24px 7px 0;

}



/* Captions */

.wp-caption {

  max-width: 100%;

  margin-bottom: 15px;

}



.wp-caption img {

  border: 0 none;

  height: auto;

  margin: 0;

  padding: 0;

  width: auto;

}



.wp-caption p.wp-caption-text {

  font-size: 12px;

  line-height: 17px;

  margin: 3px 0 5px;

  padding: 5px 0 0 0;

  text-align: left;

  font-style: italic;

}



/* Audio */

.mejs-container {

  margin: 0 0 20px;

  width: 100%;

  max-width: 100%;

}



/* -----------------------------------------

  09.  MOBILE MENU

----------------------------------------- */

#mobilemenu {

  display: none;

}

@media (max-width: 767px) {

  #mobilemenu {

    display: block;

  }

}



#mobile-bar {

  display: none;

  text-align: center;

  position: fixed;

  top: 0;

  z-index: 1000;

  width: 100%;

  background: #FFF;

  padding: 15px 10px 0 10px;

  height: 48px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.15);

}

@media (max-width: 767px) {

  #mobile-bar {

    display: block;

  }

}



.menu-trigger,

.menu-trigger:focus {

  width: 24px;

  height: 21px;

  background: none;

  cursor: pointer;

  opacity: 0.85;

  margin: 0;

  outline: none;

  position: absolute;

  left: 10px;

  top: 9px;

  color: #333;

  font-size: 30px;

  line-height: 1;

}



.menu-trigger:hover {

  opacity: 0.95;

  color: #333;

}



.menu-trigger:active {

  opacity: 1;

}



.mob-title {

  color: #222;

  font-family: sans-serif;

  font-weight: bold;

  font-size: 14px;

  line-height: 1;

  margin: 0;

  padding: 0;

}



/* -----------------------------------------

	10. External Plugins

----------------------------------------- */

/* Isotope Animations */

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



.isotope, .isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -o-transition-property: -o-transform, opacity;

  transition-property: transform, opacity;

}



/* Jetpack Sharing */

.sharedaddy {

  margin-top: 30px;

}



/* WP Instagram */

.null-instagram-feed p {

  padding-top: 10px;

}



.widget .instagram-pics:before, .widget .instagram-pics:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.widget .instagram-pics:after {

  clear: both;

}



.widget .instagram-pics li {

  border-bottom: 0;

  padding: 0;

  float: left;

  width: 33.33333333333%;

}

.widget .instagram-pics li a {

  display: block;

}



/* -----------------------------------------

	11. WooCommerce

----------------------------------------- */

/* -----------------------------------------

	WooCommerce - Products in Listing Page

----------------------------------------- */

.item.product .item-thumb {

  position: relative;

}

.item.product .item-thumb img:nth-child(2) {

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  transition: opacity 0.18s ease;

}

.item.product .item-thumb:hover img:nth-child(2) {

  opacity: 1;

}

.item.product .item-meta {

  margin-top: -10px;

}

.item .price ins {

  text-decoration: none;

  font-size: 1.1em;

}



/* -----------------------------------------

	WooCommerce - Shop Page

----------------------------------------- */

.shop-actions {

  padding-bottom: 8px;

  margin: -21px 0 30px;

  border-bottom: 1px solid #CCC;

}

.shop-actions .actions {

  margin-top: 2px;

  float: left;

}

.shop-actions .woocommerce-ordering {

  float: right;

}

.shop-actions .woocommerce-ordering select.orderby {

  min-width: 200px;

  position: relative;

  z-index: 1;

}

.shop-actions .woocommerce-result-count,

.shop-actions .product-number {

  display: inline-block;

  margin: 0;

}

.shop-actions .woocommerce-result-count {

  margin-right: 15px;

}

.shop-actions .product-number a {

  margin: 0 2px;

}



/* -----------------------------------------

	WooCommerce - Product Page

----------------------------------------- */

.images {

  position: relative;

}

.images a {

  display: inline-block;

  position: relative;

}

.images a .img-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  transition: all 0.18s ease;

  opacity: 0;

}

.images a .img-overlay:after {

  content: "\f00e";

  color: white;

  font-size: 40px;

  font-family: Fontawesome;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -40px 0 0 -18px;

}

.images a:hover .img-overlay {

  opacity: 1;

}

.images > a img {

  width: 100%;

}



.thumbnails:before, .thumbnails:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.thumbnails:after {

  clear: both;

}

.thumbnails > a {

  float: left;

  margin-right: 4%;

  width: 30.666666667%;

  margin-bottom: 15px;

}

.thumbnails > a:nth-child(3n) {

  margin-right: 0;

}

.thumbnails > a img {

  width: 100%;

}

.thumbnails > a .img-overlay:after {

  font-size: 22px;

  margin: -22px 0 0 -10px;

}



.woocommerce-main-image {

  margin-bottom: 15px;

}



.sale-wrap {

  position: absolute;

  top: 15px;

  right: 15px;

  z-index: 1;

  background: #13709f;

}



.onsale {

  display: inline-block;

  color: #FFF;

  font-size: 13px;

  text-transform: lowercase;

  font-style: italic;

  padding: 0 20px;

  position: relative;

}

.onsale:after {

  content: "";

  border: 6px solid transparent;

  width: 0;

  height: 0;

  position: absolute;

  bottom: -7px;

  right: -6px;

  z-index: -1;

}



.product_meta {

  margin: 0 0 10px;

  font-size: 11px;

  letter-spacing: 0;

  text-transform: uppercase;

}

.product_meta:before, .product_meta:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.product_meta:after {

  clear: both;

}

.product_meta .sku_wrapper {

  float: right;

}



.product .summary .product_title {

  margin-bottom: 15px;

}

.product .summary .price ins {

  text-decoration: none;

}

.product .summary .price .amount {

  font-size: 18px;

  letter-spacing: -0.05em;

  font-weight: bold;

  line-height: 1;

}

.product .summary .price del {

  margin-right: 10px;

}

.product .summary .price del .amount {

  font-size: 12px;

  text-transform: uppercase;

  font-weight: normal;

  font-style: normal;

  margin-bottom: 4px;

}

.product .summary ul {

  margin: 20px 0;

  padding: 0;

  list-style: none;

}

.product .summary ul li {

  font-size: 10px;

  text-transform: uppercase;

  position: relative;

  border-bottom: 1px solid #E2DEDA;

  padding: 8px 0 7px 20px;

  line-height: normal;

}

.product .summary ul li:first-child {

  border-top: 1px solid #E2DEDA;

}

.product .summary ul li:before {

  content: "";

  width: 6px;

  height: 6px;

  position: absolute;

  left: 3px;

  top: 50%;

  margin-top: -3px;

  -webkit-transform: rotateZ(45deg);

  -moz-transform: rotateZ(45deg);

  -ms-transform: rotateZ(45deg);

  -o-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}

.product .summary h3, .product .summary .widget-title {

  font-size: 11px;

  text-transform: uppercase;

  margin: 0 0 10px;

}

.product .summary form.cart {

  margin: 30px 0 0;

}



.quantity {

  width: 70px;

  height: 46px;

  position: relative;

  display: inline-block;

}

.quantity input {

  border: none;

  border-radius: 0;

  color: white;

  line-height: 1;

  max-width: 100%;

  outline: none;

  background: #13709f;

}

.quantity input[type=number]::-webkit-inner-spin-button,

.quantity input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.quantity .qty {

  -moz-appearance: textfield;

  height: 46px;

  line-height: 1;

  padding: 10px 11px 10px 0;

  text-align: center;

}

.quantity .minus, .quantity .plus {

  position: absolute;

  right: 5px;

  width: 15px;

  height: 16px;

  padding: 0;

  text-align: center;

  transition: background-color 0.18s ease;

}

.quantity .plus {

  top: 5px;

}

.quantity .minus {

  bottom: 5px;

}



button.single_add_to_cart_button {

  height: 46px;

  line-height: 1;

  vertical-align: top;

  min-width: 190px;

  text-transform: uppercase;

}



.variations {

  position: relative;

  z-index: 1;

}

.summary .variations {

  margin-bottom: 50px;

}

.variations td {

  padding: 6px 6px 6px 12px;

  color: white;

  z-index: 5;

}

.variations label {

  text-transform: uppercase;

  line-height: normal;

  margin: 0;

  font-size: 10px;

}

.variations select {

  min-width: 200px;

  position: relative;

  z-index: 2;

}

.variations .customSelect .customSelectInner {

  padding: 7px 16px;

}

.variations .reset_variations {

  position: absolute;

  left: 0;

  bottom: -27px;

  font-size: 10px;

  text-transform: uppercase;

}



.woocommerce-tabs {

  margin: 50px 0 50px;

}

.woocommerce-tabs .tabs {

  list-style: none;

  margin: 0;

  padding: 0;

  border-bottom: 1px solid #CCCCCC;

}

.woocommerce-tabs .tabs:before, .woocommerce-tabs .tabs:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.woocommerce-tabs .tabs:after {

  clear: both;

}

.woocommerce-tabs .tabs li {

  float: left;

}

.woocommerce-tabs .tabs li a {

  border-top: 1px solid #CCCCCC;

  border-right: 1px solid #CCCCCC;

  border-bottom: none;

  display: block;

  font-size: 11px;

  text-transform: uppercase;

  line-height: 1;

  padding: 17px 26px;

  transition: all 0.18s ease;

}

.woocommerce-tabs .tabs li a:hover {

  text-decoration: none;

}

.woocommerce-tabs .tabs li.active a {

  color: #FFF;

  background: #13709f;

}

.woocommerce-tabs .panel {

  padding: 30px 0 0;

}

.woocommerce-tabs .panel > h2 {

  display: none;

}

.woocommerce-tabs .panel#tab-reviews h2 {

  display: none;

}

.woocommerce-tabs .panel#tab-reviews h3, .woocommerce-tabs .panel#tab-reviews .widget-title {

  margin: 25px 0 15px;

}

.woocommerce-tabs .panel#tab-reviews #comments {

  margin: 0;

}

.woocommerce-tabs .panel#tab-reviews #comments .comment_container {

  padding: 0 0 15px 0;

}

.woocommerce-tabs .panel#tab-reviews #comments .comment-text {

  padding: 0;

  margin: 0;

}



.shop_attributes {

  width: 100%;

  margin-top: 5px;

}

.shop_attributes th, .shop_attributes td {

  font-size: 12px;

  text-transform: uppercase;

  position: relative;

  border-bottom: 1px solid #E2DEDA;

  padding: 8px 0 7px 20px;

  line-height: normal;

}

.shop_attributes th p, .shop_attributes td p {

  margin: 0;

}

.shop_attributes th {

  padding-left: 0;

}

.shop_attributes tr:first-child th, .shop_attributes tr:first-child td {

  border-top: 1px solid #E2DEDA;

}

.shop_attributes th {

  width: 15%;

  font-weight: normal;

}

.shop_attributes th .innerWrapper {

  padding-left: 20px;

}

.shop_attributes th .innerWrapper:before {

  content: "";

  width: 6px;

  height: 6px;

  position: absolute;

  left: 3px;

  top: 50%;

  margin-top: -3px;

  -webkit-transform: rotateZ(45deg);

  -moz-transform: rotateZ(45deg);

  -ms-transform: rotateZ(45deg);

  -o-transform: rotateZ(45deg);

  transform: rotateZ(45deg);

}

.shop_attributes td {

  font-weight: bold;

}



.woocommerce .star-rating, .woocommerce-page .star-rating {

  float: right;

  overflow: hidden;

  position: relative;

  height: 1em;

  line-height: 1em;

  font-size: 12px;

  width: 74px;

  font-family: FontAwesome;

}

.woocommerce .star-rating:before, .woocommerce-page .star-rating:before {

  content: "\f006\f006\f006\f006\f006";

  float: left;

  top: 0;

  left: 0;

  position: absolute;

}

.woocommerce .star-rating span, .woocommerce-page .star-rating span {

  overflow: hidden;

  float: left;

  top: 0;

  left: 0;

  position: absolute;

  padding-top: 1.5em;

}

.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before {

  content: "\f005\f005\f005\f005\f005";

  top: 0;

  position: absolute;

  left: 0;

}



.comment-form-rating p.stars a {

  display: inline-block;

  position: relative;

  width: 25px;

  text-indent: -9999px;

}

.comment-form-rating p.stars a:after {

  font-family: FontAwesome;

  font-size: 1em;

  content: "\f006";

  margin-right: 7px;

  opacity: 1;

  display: inline-block;

  text-indent: 0;

  position: absolute;

  top: 0;

  left: 0;

}

.comment-form-rating p.stars a.active:after {

  content: "\f005";

}

.comment-form-rating p.stars .star-2 {

  width: 35px;

}

.comment-form-rating p.stars .star-2:after {

  content: "\f006\f006";

}

.comment-form-rating p.stars .star-2.active:after {

  content: "\f005\f005";

}

.comment-form-rating p.stars .star-3 {

  width: 48px;

}

.comment-form-rating p.stars .star-3:after {

  content: "\f006\f006\f006";

}

.comment-form-rating p.stars .star-3.active:after {

  content: "\f005\f005\f005";

}

.comment-form-rating p.stars .star-4 {

  width: 61px;

}

.comment-form-rating p.stars .star-4:after {

  content: "\f006\f006\f006\f006";

}

.comment-form-rating p.stars .star-4.active:after {

  content: "\f005\f005\f005\f005";

}

.comment-form-rating p.stars .star-5 {

  width: 68px;

}

.comment-form-rating p.stars .star-5:after {

  content: "\f006\f006\f006\f006\f006";

}

.comment-form-rating p.stars .star-5.active:after {

  content: "\f005\f005\f005\f005\f005";

}



/* -----------------------------------------

	WooCommerce - Cart Page

----------------------------------------- */

.shop_table {

  width: 100%;

  margin: 0 0 50px;

}

.shop_table th {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

  font-weight: normal;

  padding: 0 10px 5px;

}

.shop_table td {

  padding: 10px;

}

.shop_table tr {

  border-bottom: 1px solid #E2DEDA;

}

.shop_table .variation {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

  margin: 0 0 5px;

}

.shop_table .variation dt, .shop_table .variation dd {

  display: inline;

  margin: 0;

}

.shop_table .variation dt p, .shop_table .variation dd p {

  display: inline;

  margin: 0;

}

.shop_table .product-price {

  margin: 0;

}

.shop_table .product-thumbnail {

  text-align: center;

}

.shop_table .product-thumbnail img {

  max-width: 80px;

}

.shop_table .product-subtotal .amount {

  font-size: 14px;

  font-weight: bold;

  letter-spacing: -0.03em;

}

.shop_table .product-remove .remove {

  display: inline-block;

  text-indent: -999em;

}

.shop_table .product-remove .remove:hover {

  text-decoration: none;

}

.shop_table .product-remove .remove:after {

  font-family: FontAwesome;

  content: "\f00d";

  font-size: 14px;

  display: block;

  text-indent: 0;

  margin-top: -23px;

}



.cart-collateral-wrap {

  margin: 0 0 30px;

}

.cart-collateral-wrap .coupon {

  margin: 0 0 30px;

}

.cart-collateral-wrap .coupon label {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

}

.cart-collateral-wrap .coupon input[type=text] {

  width: 100%;

}

.cart-collateral-wrap .coupon input[type=submit] {

  width: 100%;

  margin-top: 5px;

  height: 46px;

}



.cart-collaterals input[type=submit] {

  width: 100%;

  margin: 0 0 5px;

  height: 46px;

  padding: 0;

}



.cart_totals h2 {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

  color: initial;

  border-bottom: 1px solid #E2DEDA;

  padding-bottom: 3px;

}

.cart_totals table {

  width: 100%;

  margin: 0 0 30px;

}

.cart_totals table th, .cart_totals table td {

  padding: 5px 0;

  border-bottom: 1px solid #E2DEDA;

}

.cart_totals table td {

  padding: 5px;

  text-align: right;

}

.cart_totals table th {

  font-weight: normal;

}

.cart_totals table .order-total th {

  color: initial;

}

.cart_totals table .order-total .amount {

  font-size: 16px;

}



.shipping_calculator h2 {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

}

.shipping_calculator h2 a:after {

  font-family: FontAwesome;

  content: "\f107";

  margin-left: 5px;

}

.shipping_calculator h2 a:hover {

  text-decoration: none;

}



/* -----------------------------------------

	WooCommerce - Checkout Pages

----------------------------------------- */

.woocommerce-checkout .woocommerce-info {

  text-transform: uppercase;

  font-weight: bold;

  padding: 15px;

  border-top: 1px solid #E2DEDA;

  border-bottom: 1px solid #E2DEDA;

  margin: 0 0 25px;

}

.woocommerce-checkout .woocommerce-info .showlogin {

  text-decoration: underline;

  margin-left: 5px;

}

.woocommerce-checkout label {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

  display: inline-block;

}



.woocommerce form.login {

  margin-left: -15px;

  margin-right: -15px;

  margin-top: -10px;

}

.woocommerce form.login:before, .woocommerce form.login:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.woocommerce form.login:after {

  clear: both;

}

.woocommerce form.login p {

  position: relative;

  float: left;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

  width: 100%;

}

.woocommerce form.login .form-row-first,

.woocommerce form.login .form-row-last {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

}

@media (min-width: 768px) {

  .woocommerce form.login .form-row-first,

  .woocommerce form.login .form-row-last {

    float: left;

    width: 50%;

  }

}

.woocommerce form.login .input-text {

  width: 100%;

}

.woocommerce form.login .button {

  height: 44px;

  padding: 10px 64px;

}

.woocommerce form.login .inline {

  display: inline-block;

  margin-left: 20px;

}

.woocommerce form.login .inline #rememberme {

  margin-right: 5px;

}

.woocommerce form.login .lost_password a {

  display: block;

  padding-bottom: 10px;

  border-bottom: 1px solid #E2DEDA;

  margin-bottom: 15px;

}



#customer_details {

  margin: 0 0 25px;

}



.woocommerce-billing-fields,

.woocommerce-shipping-fields {

  margin-left: -15px;

  margin-right: -15px;

}

.woocommerce-billing-fields:before, .woocommerce-billing-fields:after,

.woocommerce-shipping-fields:before,

.woocommerce-shipping-fields:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.woocommerce-billing-fields:after,

.woocommerce-shipping-fields:after {

  clear: both;

}

.woocommerce-billing-fields p, .woocommerce-billing-fields h3, .woocommerce-billing-fields .widget-title,

.woocommerce-shipping-fields p,

.woocommerce-shipping-fields h3,

.woocommerce-shipping-fields .widget-title {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

  margin: 0 0 20px;

}

@media (min-width: 1200px) {

  .woocommerce-billing-fields p, .woocommerce-billing-fields h3, .woocommerce-billing-fields .widget-title,

  .woocommerce-shipping-fields p,

  .woocommerce-shipping-fields h3,

  .woocommerce-shipping-fields .widget-title {

    float: left;

    width: 100%;

  }

}

.woocommerce-billing-fields .form-row-first,

.woocommerce-billing-fields .form-row-last,

.woocommerce-shipping-fields .form-row-first,

.woocommerce-shipping-fields .form-row-last {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

}

@media (min-width: 768px) {

  .woocommerce-billing-fields .form-row-first,

  .woocommerce-billing-fields .form-row-last,

  .woocommerce-shipping-fields .form-row-first,

  .woocommerce-shipping-fields .form-row-last {

    float: left;

    width: 50%;

  }

}

.woocommerce-billing-fields .input-text,

.woocommerce-shipping-fields .input-text {

  width: 100%;

}

.woocommerce-billing-fields abbr,

.woocommerce-shipping-fields abbr {

  text-decoration: none;

  border: none;

}

.woocommerce-billing-fields label.checkbox,

.woocommerce-shipping-fields label.checkbox {

  display: inline-block;

}



#order_review .shop_table td, #order_review .shop_table th {

  text-align: right;

  padding-left: 0;

  padding-right: 0;

}

#order_review .shop_table .product-total {

  text-align: right;

}

#order_review .shop_table .product-name {

  text-align: left;

}

#order_review .shop_table tfoot tr {

  border: none;

}

#order_review .shop_table tfoot td, #order_review .shop_table tfoot th {

  padding: 10px 0 0;

  text-align: right;

}

#order_review .shop_table .order-total .amount {

  font-size: 16px;

}



.payment_methods {

  list-style: none;

  padding: 0;

  margin: 0 0 30px;

}

.payment_methods li {

  padding: 10px 0;

  border-top: 1px solid #E2DEDA;

}

.payment_methods li:last-child {

  border-bottom: 1px solid #E2DEDA;

}

.payment_methods label {

  margin: 0 0 0 5px;

}



.payment_box {

  padding: 15px;

  border: 1px solid #E2DEDA;

  margin: 5px 0 0;

}

.payment_box p {

  margin: 0;

}



#place_order {

  padding: 20px 80px;

}



.order_details {

  padding: 5px 15px 10px;

  margin: 0 0 30px;

  list-style: none;

  background: white;

  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

}

.order_details li {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

  border-bottom: 1px solid #E2DEDA;

  padding: 5px 0;

}

.order_details li:last-child {

  border: none;

}



.shop_table.order_details {

  background: none;

  padding: 0;

  box-shadow: none;

}

.shop_table.order_details td, .shop_table.order_details th {

  text-align: right;

  padding-left: 0;

  padding-right: 0;

}

.shop_table.order_details .product-total {

  text-align: right;

}

.shop_table.order_details .product-name {

  text-align: left;

}

.shop_table.order_details tfoot tr {

  border: none;

}

.shop_table.order_details tfoot td, .shop_table.order_details tfoot th {

  padding: 10px 0 0;

  text-align: right;

}

.shop_table.order_details .order-total .amount {

  font-size: 16px;

}



.bacs_details h3, .bacs_details .widget-title {

  margin-top: 15px;

  text-transform: uppercase;

  margin-bottom: 5px;

  font-size: 11px;

}



.customer_details {

  margin-bottom: 30px;

}

.customer_details dt {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

}

.customer_details dd {

  margin: 0 0 10px;

}



/* -----------------------------------------

	WooCommerce - Address Page

----------------------------------------- */

.addresses {

  margin-left: -15px;

  margin-right: -15px;

}

.addresses:before, .addresses:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.addresses:after {

  clear: both;

}

.addresses .col-1, .addresses .col-2 {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

}

@media (min-width: 768px) {

  .addresses .col-1, .addresses .col-2 {

    float: left;

    width: 50%;

  }

}

.addresses .col-1 .title, .addresses .col-2 .title {

  position: relative;

}

.addresses .col-1 .edit, .addresses .col-2 .edit {

  position: absolute;

  right: 0;

  top: -3px;

}

.addresses .col-1 h3, .addresses .col-1 .widget-title, .addresses .col-2 h3, .addresses .col-2 .widget-title {

  margin: 10px 0 10px;

}

.addresses .col-1 address, .addresses .col-2 address {

  font-style: normal;

  font-size: 14px;

}



/* -----------------------------------------

	WooCommerce - Messages

----------------------------------------- */

.woocommerce-message,

.woocommerce-info {

  margin-bottom: 30px;

  padding: 10px 5px 5px 15px;

  background: #F1F1F1;

}

.woocommerce-message:before, .woocommerce-message:after,

.woocommerce-info:before,

.woocommerce-info:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.woocommerce-message:after,

.woocommerce-info:after {

  clear: both;

}

.woocommerce-message .button,

.woocommerce-info .button {

  float: right;

  height: 33px;

  margin-top: -5px;

  padding-top: 10px;

}



.woocommerce-info {

  padding: 10px 15px;

}



.woocommerce-error {

  list-style: none;

  background: #ff4f3f;

  color: white;

  padding: 20px;

  margin-bottom: 25px;

}



/* -----------------------------------------

	WooCommerce - Reviews

----------------------------------------- */

.commentlist .avatar {

  width: 64px;

  height: 64px;

  float: left;

  margin: 0 15px 15px 0;

  overflow: visible;

}

@media (max-width: 767px) {

  .commentlist .avatar {

    display: none;

  }

}

.commentlist .description {

  overflow: hidden;

}

.commentlist .meta {

  margin: 0 0 10px;

}



/* -----------------------------------------

	WooCommerce - Product Widget

----------------------------------------- */

.widget ul.product_list_widget {

  list-style: none outside;

  padding: 0;

  margin: 0;

}

.widget ul.product_list_widget li {

  border: none;

  padding: 4px 0;

  list-style: none;

  margin: 0 0 10px;

}

.widget ul.product_list_widget li:before, .widget ul.product_list_widget li:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.widget ul.product_list_widget li:after {

  clear: both;

}

.widget ul.product_list_widget li a {

  display: block;

  font-weight: bold;

  font-size: 16px;

}

.widget ul.product_list_widget li img {

  float: right;

  margin-left: 4px;

  width: 64px;

  height: auto;

}

.widget ul.product_list_widget li dl {

  margin: 0;

  padding-left: 1em;

  border-left: 2px solid rgba(0, 0, 0, 0.1);

}

.widget ul.product_list_widget li dl:before, .widget ul.product_list_widget li dl:after {

  content: " ";

  /* 1 */

  display: table;

  /* 2 */

}

.widget ul.product_list_widget li dl:after {

  clear: both;

}

.widget ul.product_list_widget li dl dt, .widget ul.product_list_widget li dl dd {

  display: inline-block;

  float: left;

  margin-botom: 1em;

}

.widget ul.product_list_widget li dl dt {

  font-weight: bold;

  padding: 0 0 .25em 0;

  margin: 0 4px 0 0;

  clear: left;

}

.widget ul.product_list_widget li dl dd {

  padding: 0 0 .25em 0;

}

.widget ul.product_list_widget li dl dd p:last-child {

  margin-bottom: 0;

}

.widget ul.product_list_widget li .star-rating {

  float: none;

}

.widget ul.product_list_widget .price {

  margin: 0 0 2px;

}

.widget ul.product_list_widget .price ins {

  text-decoration: none;

}

.widget ul.product_list_widget .price del {

  margin-right: 5px;

}

.widget ul.product_list_widget .reviewer {

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

  font-size: 12px;

  margin: 5px 0 0;

  display: block;

}

.widget ul.product_list_widget.cart_list .quantity {

  width: auto;

}



.widget_shopping_cart_content .buttons a {

  width: 49%;

  padding-left: 0;

  padding-right: 0;

}



/* -----------------------------------------

	WooCommerce - Price Range Widget

----------------------------------------- */

.price_slider {

  position: relative;

  text-align: left;

  background: rgba(0, 0, 0, 0.03);

  margin-bottom: 20px;

  height: 30px;

  width: calc(100% - 7px);

}

.price_slider .ui-slider-range {

  position: absolute;

  z-index: 1;

  background: white;

  border-top: 1px solid #e9e9e9;

  border-bottom: 1px solid #e9e9e9;

  height: 30px;

}

.price_slider .ui-slider-handle {

  position: absolute;

  z-index: 2;

  width: 14px;

  height: 30px;

  cursor: pointer;

  outline: none;

  background: #13709f;

}

.price_slider .ui-slider-handle:active {

  outline: none;

}

.price_slider .ui-slider-handle:after {

  content: "";

  width: 0;

  height: 0;

  border: 4px solid transparent;

  position: absolute;

  right: -8px;

  top: 50%;

  margin-top: -4px;

}

.price_slider .ui-slider-handle:last-child:after {

  right: auto;

  left: -8px;

  border-left-color: transparent;

}



.price_slider_wrapper .price_slider_amount {

  position: relative;

  text-transform: uppercase;

  color: #3b3b3b;

  font-size: 13px;

}

.price_slider_wrapper .price_label {

  position: absolute;

  right: 0;

  top: 0;

}

.price_slider_wrapper button[type="submit"] {

  height: 32px;

  padding: 7px 25px;

}



/* -----------------------------------------

	12. Global Mediaqueries

----------------------------------------- */

@media (max-width: 1199px) {

  .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 {

    padding-left: 10px;

    padding-right: 10px;

  }



  .row {

    margin-left: -10px;

    margin-right: -10px;

  }



  .sale-wrap {

    right: 10px;

  }

}

@media (max-width: 991px) {

  .shop-actions .woocommerce-ordering {

    float: none;

    display: block;

    margin: 5px 0;

    width: 100%;

  }

  .shop-actions .woocommerce-ordering select {

    width: 100%;

    margin: 5px 0;

  }

}

@media (max-width: 767px) {

  #page {

    padding-top: 48px;

    /* For mobile bar */

  }



  #header {

    text-align: center;

  }

  #header .widget_socials_ignited {

    text-align: center;

    margin-top: 10px;

  }



  #nav {

    display: none;

  }



  .side-head {

    text-align: center;

  }



  .cart-head {

    display: block;

  }



  .home-slider {

    height: 290px;

  }

  .home-slider .fluid-width-video-wrapper {

    padding: 0 !important;

    height: 290px;

  }



  .slide-video-wrap {

    margin: 0;

    width: 100%;

    height: 290px;

  }

  .slide-video-wrap iframe {

    height: 290px !important;

    width: 100% !important;

  }



  .slide-content {

    margin: 50px 0 0;

  }

  .slide-content p {

    font-size: 15px;

    max-width: 100%;

    padding: 0 25px;

  }

  .slide-content p:last-of-type {

    margin-bottom: 15px;

  }

  .slide-content .btn, .slide-content .comment-reply-link, .slide-content .button {

    height: 32px;

    padding: 7px 30px 7px;

  }



  .slide-title, .hero-title {

    font-size: 24px;

    margin-bottom: 15px;

  }



  .page-hero {

    padding: 30px 0;

  }



  .hero-title {

    margin: 0;

  }



  .hero-subtitle {

    font-size: 15px;

    max-width: 100%;

    padding: 0 25px;

  }



  .item {

    margin-bottom: 30px;

  }

  .item:last-of-type {

    margin-bottom: 0;

  }



  .widget_ci-split-content img {

    margin: 0 0 20px;

  }



  .widget_ci-hero h1 {

    font-size: 24px;

  }

}