/*
Theme Name: WK Finance
Theme URI: https://web-komp.eu/theme/finance
Author: WebKomp
Author URI: https://web-komp.eu/
Description: WK Finance is a modern Beautifully designed WordPress theme that is perfect for any kind of business websites, consultant, finance, corporate, freelancer, agency, business promotion, online shop, and many other websites compatible. This theme is based on Bootstrap 5 and adapts beautifully to all screen sizes. It is compatible with Elementor, so you can use its drag & drop functionality to design your pages. This theme is also compatible with WooCommerce and Contact Form 7. Demo: https://demo.web-komp.eu/wk_finance
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wk-finance
Tested up to: 5.4
Requires PHP: 5.6
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, full-width-template
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body {
  margin: 0;
}

body,
button,
input,
select,
textarea {
 font-family: 'Raleway', sans-serif;
  color: #404040;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  clear: both;
  margin-top: 0;
  margin-bottom: 20px;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  text-decoration: none;
}

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

a:focus, textarea:focus, input:focus, button:focus, input:focus{
outline: thin dotted red !important;
 box-shadow:
    0 0 0 .2rem #fff, /* use site bg color to create whitespace for faux focus ring */
    0 0 0 .35rem #069 !important; /* faux focus ring color */
}

a:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}

input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus  {
outline: thin dotted red !important;
 box-shadow:
    0 0 0 .2rem #fff, /* use site bg color to create whitespace for faux focus ring */
    0 0 0 .35rem #069 !important; /* faux focus ring color */
}

a:hover {
 text-decoration: underline;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;
}

h1 {
  font-size: 32px;
  padding-bottom: 10px;
}

h2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}

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

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

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

p {
  margin-bottom: 1.5em;
}

h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}

h2.entry-title {
  border-bottom: 1px solid #eaecef;
  padding-bottom: 0.6em;
}

h3.widget-title {
  font-size: 1.2rem;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

header#masthead {
  margin-bottom: 0;
  background-color: #563d7c;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
}

.navbar-brand>a {
  font-size: 1.4rem;
  text-decoration: none;
  font-weight: 500;
}

.navbar-brand>a:visited,
.navbar-brand>a:hover {
  text-decoration: none;
}

@media (max-width: 991px) {
  .navbar .nav-link {
    line-height: 40px;
    margin-right: 2px;
    margin-left: 2px;
    display: block;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    padding: 0 !important;
  }
}


/*--------------------------------------------------------------
# page-sub-header
--------------------------------------------------------------*/

.page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

 .page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

.page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}

 .page-sub-header p {
  color: #212529;
}

a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
   .page-sub-header h1 {
    font-size: 3.750rem;
  }
   .page-sub-header {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}

 .page-sub-header h1 {
  color: #fff !important;
  font-size: 5.625rem;
  font-size: calc(2rem + 3vw);
  font-weight: 900;
  letter-spacing: 0.025rem;
  line-height: 1.1;
  text-shadow: 4px 5px 5px rgba(0, 0, 0, 0.2);
}

@media (min-width: 1000px) {
   .page-sub-header h1 {
    max-width: 56%;
  }
}

.page-sub-header h1 {
  color: #fff;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .page-sub-header p {
    max-width: 60%;
  }
}

#page-sub-header p {
  margin-left: 0px;
  color: #fff!important;
  text-align: left;
}


/*--------------------------------------------------------------
## offcanvas
--------------------------------------------------------------*/
.offcanvas-body{
  background: #fff;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pause' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
  transform: rotate(90deg);
}

 .bg-primary{
    background:#22B8F0!important;
}
.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.5);
}

.offcanvas-backdrop.show {
    opacity: 1!important;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

 #masthead .navbar-nav>li>a {
  color: #24292e;
  padding: 1.220rem 0.9rem;
  font-weight: 500;
  font-size: 1rem;
}

@media screen and (max-width: 992px) {
   #masthead .navbar-nav>li>a {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

 #masthead .navbar-nav>li.current_page_item>a {
  color: #22B8F0;
  font-weight: 700;
  color: #fff;
}

 #masthead .navbar-nav>li>a:hover {
  color: #24292e;
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.navbar-toggler>.close {
  display: inline;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
  position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
  top: 0;
  right: 99%;
  margin-top: 0px;
  margin-left: 17px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
  border-left-color: #ccc;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
  float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 2.6;
}

.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .dropdown-menu li>.dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}

@media (max-width: 992px) {
  header#masthead {
    background: #fff!important;
  }
}

.dropdown-item:hover,
.dropdown-item:focus {
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }
  .dropdown-menu li a {
    padding: 0;
  }
  #masthead .navbar-nav>li>a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

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

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

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0 0 1.5em;
  font-size: 1rem;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.widget_recent_comments ul#recentcomments li {
  padding: .5rem 0rem!important;
}

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
  padding-left: 0px !important;
  padding-top: 0.325rem;
  padding-bottom: 0.325rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}

.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}

.widget_categories .nav-link {
  display: inline-block;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Elementor no Padding
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 2.75rem;
  padding-top: 6.825rem;
}


body:not(.home) #content.site-content {
  padding-bottom: 2.75rem!important;
  padding-top: 3.825rem!important;
}
@media only screen and (max-width: 767.98px) {
body:not(.home) #content.site-content {
  padding-bottom: 2.75rem!important;
  padding-top: .825rem!important;
}
}

.entry-header {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}

#primary .post.hentry {
  background: #fdfefe;
  box-shadow: -6px 10px 0px #f5fafb;
  padding: 2px 40px;
}

.entry-header .entry-title {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  font-size: 1.7em;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on,
.byline,
.comments-link {
  color: #9a9a9a;
}

.entry-meta .posted-on:before,
.entry-meta .author:before,
.entry-meta .cat-links:before,
.entry-meta .comment-links:before {
  font-family: "Font Awesome 5 free";
  margin-right: 0.238rem;
  margin-left: 0.263rem;
}

.entry-meta .posted-on:before {
  content: "\f073";
}

.entry-meta .author:before {
  content: "\f007";
}

.entry-meta .posted-on:before,
.entry-meta .author:before,
.entry-meta .cat-links:before,
.entry-meta .comment-links:before,
.fa-comments:before {
  color: #22b8f0;
}


/*--------------------------------------------------
 Theme Blog Meta Info
--------------------------------------------------*/

.entry-meta>span {
  color: #838383;
  margin: 0 1rem 0 0;
}

.entry-meta a {
  color: #838383;
  padding: 0;
  display: inline-block;
}

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

.entry-title>a {
  color: inherit;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

.comment-form span.required {
  padding-left: 0.188rem;
  color: rgb(255, 0, 0);
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
  display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}

.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

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


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-item .gallery-columns-2 {
  max-width: 50%;
}

.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}

.gallery-item .gallery-columns-4 {
  max-width: 25%;
}

.gallery-item .gallery-columns-5 {
  max-width: 20%;
}

.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}

.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}

.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}

.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}


/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/

.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value>select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}


/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/

.elementor-page article .entry-footer {
  display: none;
}

.elementor-page .entry-content {
  margin-top: 0;
}

body.elementor-page #content.site-content { 
 padding-bottom: 0!important;
  padding-top: 0!important;
}


/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/

.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer#colophon {
  font-size: 85%;
}

 footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}

.navbar-dark .site-info {
  color: #fff;
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}



/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/

@media only screen and (max-width: 1280px) {
  html {
    font-size: 100%;
  }
}

@media screen and (max-width: 992px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}


/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
  html {
    font-size: 100%;
  }
}


/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/

@media only screen and (max-width: 960px) {
  html {
    font-size: 99%;
  }
}


/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
  html {
    font-size: 98%;
  }
}


/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/

@media only screen and (max-width: 480px) {
  html {
    font-size: 97%;
  }
}

/*--------------------------------------------------
=>> Theme Combined Classes
--------------------------------------------------*/
@media (min-width: 1320px) {
  .container { 
    max-width: 1470px; 
    padding-left: 15px; 
    padding-right: 15px; 
  }
}


/*--------------------------------------------------------------
# Menu / dropdown-toggle
--------------------------------------------------------------*/

.dropdown-toggle:after,
.dropup .dropdown-toggle:after,
.dropright .dropdown-toggle:after {
  margin-left: .5em;
}

.dropdown-toggle:after,
.dropdown-toggle:before {
  vertical-align: middle !important;
}

.nav-link {
  padding-left: 0;
}

.dropdown-menu {
  left: auto;
  transition: all 0.2s ease-in-out;
  right: 0;
}

@media only screen and (max-width: 1024px) {
  .dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    top: 6px;
  }
}

@media (max-width: 991px) {
  .navbar-collapse {
    max-height: 500px;
    overflow-x: hidden;
    padding: 1rem 1.2rem;
  }
}

@media only screen and (min-width: 992px) {
  .dropdown-menu .dropdown-item {
    line-height: 1.9;
  }
}

.dropdown-menu>li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dropdown-menu>li:last-child {
  border-bottom: none;
}


/* drop down menu items for keyboards */

ul li:hover>ul,
ul li:focus-within>ul,
ul li ul:hover,
.menu-item-has-children:focus-within>ul {
  visibility: visible;
}

@media (min-width: 992px) {
  #main-nav .menu-item-has-children:hover>li,
  #main-nav .menu-item-has-children:focus-within>ul {
    visibility: visible;
    display: block;
  }
}

 .dropdown-toggle:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .357em;
  vertical-align: .357em;
  content: "";
  margin-top: -.28em;
  width: .42em;
  height: .42em;
  border: 1px solid;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

header#masthead {
  position: fixed;
  top: 0px;
  right: 0;
  left: 0;
  padding-bottom: 7px;
  padding-top: 7px;
  z-index: 1030;
  background: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #000!important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

@media (max-width: 992px) {
  header#masthead {
    background: rgba(255, 255, 255, .8);
    padding: .74rem 1rem!important;
    border-bottom: none!important;
  }
}

@media (max-width: 992px) {
   #masthead .navbar-nav li.active>a {
    border-bottom: none!important;
  }
}

.btn-light:hover,
.btn-light:focus {
  color: #ffffff;
}

#footer-widget {
  padding-top: 50px;
  padding-bottom: 30px;
  background: #1e1e2c!important;
  color: #fff!important;
}

footer#colophon {
  background: #1e1e2c!important;
  color: #fff!important;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#footer-widget a {
  color: #e5e5e5!important;
  font-size: 1rem;
}

.site-info {
  border-top: 1px solid hsla(0, 0%, 100%, .08);
  padding-top: 35px;
}

footer#colophon a {
  color: #e5e5e5!important;
}


/*NAVIGATION*/

.dropdown-menu {
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-radius: 0px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  min-width: 12rem;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 12px 0 rgba(0, 0, 0, 0.12);
  border-bottom: 3px solid #22B8F0 !important;
  font-size: 0.9rem;
}



.dropdown-item {
  color: #24292e;
  font-weight: normal;
  padding: 10px 35px;
  border-radius: 0px !important;
  text-transform: capitalize;
  padding: 7px 25px;
  font-weight: 500;
}

@media (max-width: 992px) {
  header#masthead {
    background: #fff!important;
  }
}

@media (max-width: 992px) {
  .dropdown-menu {
    border-bottom: none!important;
  }
}


/*---------------------------------------
    ## Back Top
---------------------------------------*/

.topbutton {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
  z-index: 100;
  background: #22B8F0;
  color: #fff;
  border-radius: 0px 20px 0 20px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
}

 .topbutton:hover,
 .topbutton:focus  {
  background: #22B8F0;
  opacity: 0.8;
  color: #fff!important;

}

h1.entry-title {
  font-size: 2rem;
  border-bottom: 0 !important;
}

 #masthead .navbar-nav li.active>a {
  color: #22B8F0; 
}

@media screen and (min-width: 992px){
 .navbar-nav li.active a:before, 
 .navbar-nav a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
        
.navbar-nav .nav-link {
  position: relative;
  color: #000;
  text-decoration: none;
}

.navbar-nav .nav-link a:visited {
  color: #000;
  text-decoration: none;
}

 .navbar-nav .nav-link a:hover {
  color: #000;
  text-decoration: none;
}

 .navbar-nav .nav-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 66px;
  left: 0;
  background-color:#22b8f0;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  }
}

.dropdown-menu {
  position: absolute;
  min-width: 13.500rem;
  top: 100%;
  z-index: 1000;
  display: none;
  padding: 0rem 0px;
  margin: 0.76rem 0 0;
}


/* Animated Dropdown*/

.animate {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


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

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #22B8F0 !important;
  text-decoration: none;
  color:#fff!important;
}

@media(min-width : 992px) {
  .dropdown:hover>.dropdown-menu {
    display: block;
  }
}

@media(min-width : 768px) {
  .dropdown-menu {
    margin-top: -5px;
    border-radius: 10px;
  }
}

@media(max-width : 968px) {
  .page-sub-header {
    padding-top: 10rem!important;
    padding-bottom: 0rem!important;
    height: auto!important;
  }
}

#comments #respond form {
  background-color: #fdfefe;
  padding: 20px 30px;
}

.page-sub-header {
  position: relative;
  padding-top: 20rem;
  padding-bottom: 20rem;
  text-align: center;
  font-size: 1.25rem;
  height: 100vh;
  min-height: 500px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.entry-content {
  overflow: hidden;
}

.post-thumbnail {
  position: relative;
  overflow: hidden;
  margin: 0 0 1.25rem;
}

.post-thumbnail img {
  width: 100%;
  opacity: 1;
}

.post-thumbnail img {
  -webkit-transition: transform 2s, filter 1.5s ease-in-out;
  -moz-transition: transform 2s, filter 1.5s ease-in-out;
  -o-transition: transform 2s, filter 1.5s ease-in-out;
  -ms-transition: transform 2s, filter 1.5s ease-in-out;
  transition: transform 2s, filter 1.5s ease-in-out;
  transform-origin: center center;
}

.post:hover .post-thumbnail img {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  transform: scale(1.15, 1.15);
  -webkit-transform: scale(1.15, 1.15);
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15);
}

.post-thumbnail {
  position: relative;
  overflow: hidden;
  margin: 0px 0px 1.25rem;
}

.page-content,
.entry-content,
.entry-summary,
.entry-meta {
  margin: 1.5em 0 0;
}
@media(max-width : 968px) {
.entry-meta {
  font-size: .8rem;
 }
  }


.post-thumbnail img {
  transition: transform 2s ease 0s, filter 1.5s ease-in-out 0s;
  transform-origin: center center;
}

.entry-content {
  overflow: hidden;
}

.site-description {
  color: #24292e;
  margin-bottom: -9px;
  font-size: 0.7888em
}

a.page-scroller {
  color: #fff;
  font-size: 1.6rem;
  display: block;
  margin-top: 2rem;
}


/* Address */

.single-contact {
  text-align: left;
  position: relative;
  padding-left: 70px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.single-contact i.fa {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #22B8F0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
}

.single-contact h5 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 500;
}

.single-contact p {
  font-size: 15px;
  font-weight: 400;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget_tag_cloud .tagcloud a {
  font-size: 14px !important;
  color: #24292e;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  border: 1px solid #22B8F0;
  padding: 5px 10px;
  border-radius: 5px;
}

.entry-footer {
  padding-bottom: 1rem;
}

@media only screen and (max-width: 1024px) {
  #primary .post.hentry {
    padding: 0px 10px;
  }
}

#secondary .widget {
  padding: 30px;
  background: #fdfefe;
  border-radius: 5px;
  -webkit-box-shadow: -3px 0px 15px #eff7f9;
  -moz-box-shadow: -3px 0px 15px #eff7f9;
  box-shadow: -3px 0px 15px #eff7f9;
}

#secondary .widgettitle {
  color: #fff;
  padding-bottom: 28px;
  text-transform: none;
  font-size: 22px;
  letter-spacing: 0;
}

#secondary .widget-title {
  text-transform: none;
  font-size: 22px;
  letter-spacing: 0;
}

#secondary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#secondary ul li {
  margin-bottom: 10px;
  position: relative;
}


/*----------------------------------
    newsletter
----------------------------------*/

.newsletter-subcribe .form-group {
  position: relative;
  margin-bottom: 0;
}

.newsletter-subcribe .form-group input {
  height: 45px;
  background: #fff;
  border: 1px solid #fff9f6;
  font-size: 14px;
}

#secondary ul li a[aria-current=page] {
  color: #22B8F0;
}

#secondary ul li ul.children {
  margin-left: -25px;
}

#secondary ul li.has-post-thumbnail .post-details {
  padding-right: 100px;
}

#secondary ul a {
  color: #191919;
  margin-top: -18px;
}

#secondary ul a:hover,
#secondary ul a:focus {
  color: #22B8F0;
}

#wp-calendar #today {
  background: #22B8F0;
  color: #fff;
  border-radius: 5px;
}

#secondary .widget-title {
  padding: 15px 30px;
  margin: -30px -30px 25px;
  position: relative;
}

#secondary .widget-title:after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 2px;
  background: #22B8F0;
  position: absolute;
  left: 30px;
  top: 80%
}

#secondary .widget-title {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  text-transform: capitalize;
}

#footer-widget .widget-title:after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 2px;
  background: #22B8F0;
  position: absolute;
  left: 0%;
  top: 110%
}

#footer-widget .widget-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 40px;
  position: relative;
  text-transform: capitalize;
  color: #e5e5e5!important
}

#footer-widget {
  color: #e5e5e5!important
}


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
  color: #22B8F0;
}

a:hover,
a:focus,
a:active {
  color: #22B8F0;
}


/*--------------------------------------------------------------
# button
--------------------------------------------------------------*/

.btn-primary {
  display: inline-block;
  padding: 8px 25px;
  border: 1px solid;
  background-color: #22B8F0;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  text-align: center;
}

.btn-primary:hover {
  background-color: #22B8F0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 0.8;
}

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


/*wk-finance*/

.wk-finance .trail-browse{
    display: none;
}

.wk-finance .trail-items .trail-item{
    list-style: none;
    margin-left: 20px;
     text-align: center;
     display: inline-block;
   }

.wk-finance .trail-items .trail-item a{
    color: #404040;
    font-weight: 600;
}

.wk-finance .trail-items .trail-end span{
    color: #22b8f0;
    font-weight: 600;
}

.wk-finance .trail-items .trail-item:after{
    position: relative;
    left: 10px;
    color: #404040;
    content: '\f0a4';
    font-family: "Font Awesome 5 free";
}

.wk-finance .trail-items .trail-item:last-child:after{
    display: none;
}
.trail-item.trail-begin:after  {
   display: none!important;}

.home .overlay  {
    display: none;
}

.overlay {
  background-attachment: scroll;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 9.5rem 0 3.5rem 0;
  background-image: url(https://investazor.com/wp-content/themes/wk-finance/inc/assets/images/breadcrumb.jpg);
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
}

.breadcrumbs {
  text-align: center;
  line-height: 50px;
  font-weight: 500;
  margin-bottom: 46px;
  color: #f1ebe5;
  text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
  font-size:1.6rem;
}
.trail-items {
display:block;
padding: 0px 50px 0px 0;
}

@media only screen and (max-width: 767.98px) {
  .overlay  {
  padding: 8rem  0rem  0.1rem  0;
  }
}
@media only screen and (max-width: 767.98px) {
   .breadcrumbs {
   line-height: 30px;
  }
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
  .breadcrumbs {font-size:1.5rem;} /*1rem = 16px*/
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  .breadcrumbs {font-size:2rem;} /*1rem = 16px*/
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .breadcrumbs {font-size:2.5rem;} /*1rem = 16px*/
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  .breadcrumbs {font-size:3rem;} /*1rem = 16px*/    
}

/*end of wk-finance*/

/* PRELOADER */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: #fff; 
    height: 100%;
    width: 100%;
    z-index: 100000;
    overflow:hidden!important;
}

#status {
    width:50px;
    height:30px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    margin:-25px 0 0 -15px; /* is width and height divided by two */
}

.spinner {
  margin: 0px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #22B8F0;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* Contact Form 7 style 
 -------------------------------*/

.wpcf7 {
  background: #fdfefe;
  padding: 20px 20px 20px 50px !important;
  margin: 0 0 2.5rem;
  transition: all 0.3s;
  -webkit-box-shadow: -3px 0px 15px #eff7f9;
  -moz-box-shadow: -3px 0px 15px #eff7f9;
  box-shadow: -3px 0px 15px #eff7f9
}


/* Contact Form 7 Input CSS 
 ---------------------------*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
textarea {
  font-size: 16px;
  background-color: #fff;
}


/* Contact Form 7 Submit Button 
 -------------------------------*/

.wpcf7 input[type="submit"] {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  background: #22B8F0;
  padding: 15px 25px 15px 25px;
  border: none;
  border-radius: 5px;
  width: auto;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.wpcf7 input:hover[type="submit"] {
  background: #22B8F0;
  transition: all 0.4s ease 0s;
  opacity: 0.7;
}

.wpcf7 input:active[type="submit"] {
  background: #000000;
}


/* Checkbox CSS
----------------*/

input[type="checkbox"] {
  transform: scale(1.3);
  margin-left: 5px;
}

span.wpcf7-list-item {
  margin: 0;
  padding-bottom: 20px;
}

.wpcf7 .wpcf7-form label {
  width: 100% !important;
  padding-right: 30px;
  padding-left: 10px;
}


/**
====================================================================
  Shop Page
====================================================================
*/


/* Flexbox on WooCommerce archive products */

.woocommerce .products ul,
.woocommerce ul.products {
  display: flex;
  flex-flow: row wrap;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  display: flex;
  flex-flow: column nowrap;
}

.woocommerce ul.products li.product .button {
  margin-top: auto;
  display: table;
}


/*****----------  Woocommerce ----------*****/



.woocommerce ul.product_list_widget li img{
  float:left;
  width:80px;
  margin-left:0;
  margin-right:15px;
  box-shadow:none;
  transition:all .2s;
  border-radius:5px;
}

.woocommerce ul.product_list_widget li a:hover img{
  opacity:0.6
}

.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{
  margin-bottom:40px;
}
@media (max-width:420px){
  .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
    width:100% !important;
    margin-right:0;
  }
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background-color: #fff;
  box-shadow: 0 0 12px -1px rgba(15, 15, 15, 0.1);
  border-radius: 0px;
  transition: all .2s;
  text-align: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  box-shadow: 0 0 30px 0px rgba(15, 15, 15, 0.15)
}

.woocommerce ul.products li.product a:hover img {
  opacity: .8
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  padding: 0;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 18px;
  transition: .2s
}

.widget_product_search .screen-reader-text,
.widget_product_search input[type="submit"],
.widget_product_search button[type="submit"]{
  display:none
}

.woocommerce ul.products li.product .onsale {
  background: #28a6ec;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: 53px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  width: 100px;
  height: 42px;
  z-index: 2;
  left: auto;
  top: -6px;
  right: -12px;
  min-height: inherit;
  min-width: inherit
}

.woocommerce ul.products li.product .onsale {
  background: #28a6ec;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: 53px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  width: 100px;
  height: 42px;
  z-index: 2;
  left: auto;
  top: -6px;
  right: -12px;
  min-height: inherit;
  min-width: inherit
}

.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
  display: block;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  max-width: unset;
}

.woocommerce .products .star-rating {
  margin: .5em auto;
}

.widget.woocommerce {
  margin-bottom: 1em;
}

.woocommerce article h1.page-title {
  display: none !important;
}

.tax-product_tag article h1.page-title,
.tax-product_cat article h1.page-title {
  display: block !important;
  font-size: 30px !important;
}

.entry-content form {
  margin-bottom: 40px !important;
}

.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  height: 44px;
  border: 1px solid #f5f5f5;
  padding: 10px 34px 10px 16px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: auto;
  cursor: pointer;
  background: transparent;
}

.woocommerce .woocommerce-ordering .dropdown {
  position: relative;
}

.woocommerce .woocommerce-ordering .dropdown:before {
  content: "";
  position: absolute;
  right: 16px;
  top: 24px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #333;
}

.woocommerce .woocommerce-ordering .dropdown:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #333;
}

.woocommerce ul.products li.product a img {
  border-radius: 4px;
}

.woocommerce ul.products li.product a img.on-sale {
  width: 50px;
  position: absolute;
  top: 5%;
  left: 5%;
}

.woocommerce ul.products li.product .price del {
  display: inline-block;
  padding-right: 5px;
}

.woocommerce ul.products {
  text-align: center;
  margin: 0 auto;
}

.woocommerce ul.products li.product .button i {
  padding-right: 8px;
}

.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
  top: .871em;
  right: -1em;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
  padding: 0;
  position: relative;
  width: 22.05%;
}


/**
====================================================================
  Single Page
====================================================================
*/

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 90px;
  overflow: hidden;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img {
  border-radius: 4px;
  -webkit-box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49);
  box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49);
}

.woocommerce div.product .product_title {
  text-transform: uppercase;
  font-size: 25px !important;
}

.woocommerce div.product div.images img {
  border-radius: 4px;
}

@media screen and (max-width: 768px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    padding: 8px;
  }
}

.woocommerce div.product form.cart .button {
  color: #fff;
  font-size: 13px;
  border-radius: 0;
  background: #22B8F0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
  -webkit-appearance: none;
}

.woocommerce div.product form.cart .button:hover {
  color: #fff;
  background: #22B8F0;
}

.woocommerce .quantity .qty {
  background: transparent;
  border: 1px solid #eceaea;
  color: #a1a1a1;
  font-size: 16px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100px;
  font-weight: normal;
  outline: 0 !important;
  -webkit-appearance: none;
}

.woocommerce div.product p.stock {
  color: #555;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.woocommerce .summary .product_meta {
  font-size: 12px;
}

.woocommerce .summary .product_meta>span {
  display: block;
  padding: 5px 0;
}

.woocommerce .summary .product_meta>span.tagged_as {
  display: block;
  margin-top: 15px;
}

.woocommerce .summary .product_meta>span.tagged_as a {
  border: 1px solid #bbb;
  padding: 0px 10px;
  margin-right: 5px;
}

.woocommerce div.product p.price ins {
  text-decoration: none;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  margin-bottom: 80px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 0;
  background: none;
  border-radius: 0;
  padding: 0 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  text-align: center;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #f5f5f5;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: 0;
  position: relative;
  width: 5px;
  height: 5px;
}

.woocommerce-tabs #comments {
  margin-top: 0;
}

.woocommerce-tabs #tab-description h2,
.woocommerce-Tabs-panel--additional_information h2 {
  padding-bottom: 20px;
}

.woocommerce-tabs #tab-description p {
  padding-bottom: 20px;
}

.woocommerce #review_form #respond p.stars {
  margin-top: 10px;
}

.woocommerce p.stars a {
  color: #fdb341;
}

.woocommerce .woocommerce-product-rating .star-rating {
  color: #fdb341;
}

.woocommerce .star-rating {
  color: #fdb341;
}

.woocommerce li.product .star-rating {
  width: 5.5em;
  float: right;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  border: 0;
  padding: 0;
}

.woocommerce #reviews #comments ol.commentlist {
  margin: 50px 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  float: left;
  width: 70px;
  height: 70px;
  border-radius: 45px;
  margin-right: 30px;
  margin-top: -10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0 0 0 85px;
  border: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time {
  display: block;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  font-size: 15px;
  margin: 5px 0;
  display: inline-block;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta span.woocommerce-review__dash {
  display: none;
}

.woocommerce .star-rating {
  float: none
}

.mfp-bg {
  opacity: 1;
}

.single_add_to_cart_button:hover {
  color: #fff !important;
}

.single-product img.on-sale {
  position: absolute;
  top: 1%;
  left: 2%;
  z-index: 1;
}


/**
====================================================================
  Related Products
====================================================================
*/

section.related.products {
  margin: 20px 0;
  text-align: center;
}

section.related.products h2 {
  margin: 50px 0;
  color: #555;
  display: inline-block;
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 5px;
  -webkit-font-smoothing: antialiased !important;
}

section.related.products ul.products {
  text-align: left;
}

.woocommerce .related.products ul.products li.product,
.woocommerce-page .related.products ul.products li.product {
  margin: 0 14px 50px 0px;
}

.woocommerce #review_form #respond .form-submit input {
  color: #fff;
  background: #22B8F0;
  border-radius: 0;
  height: 50px;
  width: 160px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
  -webkit-appearance: none;
}

.woocommerce #review_form #respond .form-submit input:hover {
  color: #fff;
}

.woocommerce .products .star-rating {
  margin: auto;
}

.woocommerce span.onsale {
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 2.8;
  font-weight: 500;
  min-width: 2.625rem;
  height: 2.625rem;
  margin: 0;
  text-align: center;
  padding: 0.202rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  z-index: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  z-index: 0;
}

.woocommerce div.product form.cart .variations select {
  background: transparent;
  color: #a1a1a1;
  font-size: 12px;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  font-weight: normal;
  border-radius: 0;
  outline: 0 !important;
  -webkit-appearance: none;
}

.variations .label {
  color: #555;
  font-size: 13px;
  display: inline-block;
  margin-top: 10px !important;
}

.woocommerce div.product p.stock {
  color: #b9b9b9;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
}

.woocommerce div.product .woocommerce-tabs .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


/**
====================================================================
  Cart Page
====================================================================
*/

#cart-wrapper .content-page {
  padding-right: 30px;
}

.woocommerce table.shop_table th {
  font-weight: 400;
  padding: 9px 12px;
  text-transform: uppercase;
  color: #000;
}

.woocommerce table.shop_table td {
  border: 0;
}

.woocommerce a.remove:hover {
  color: #ff0000 !important;
  background: none;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  width: 200px;
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
  border-radius: 0;
  height: 50px;
  width: 160px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
  -webkit-appearance: none;
}

.woocommerce .cart input.button:hover {
  color: #fff !important;
}

.woocommerce-cart-form .coupon {
  margin: 20px 0;
}

.woocommerce-cart-form .coupon input#coupon_code {
  padding-left: 20px;
}

.woocommerce-cart-form .coupon input.button {
  margin-left: 15px;
}

.woocommerce .cart_totals h2 {
  font-size: 25px !important;
  text-transform: uppercase;
  margin: 35px 0;
}

.woocommerce table.shop_table {
  padding: 20px;
}

.woocommerce a.added_to_cart {
  margin-top: 20px;
  margin-left: 5px;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 70px;
}

.woocommerce-message {
  background: #39b54a;
}

.woocommerce-message a:hover {
  color: #fff;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  color: #fff;
}

.woocommerce-info {
  background: #22B8F0;
}

.woocommerce .woocommerce-info {
  padding-left: 50px;
}

.woocommerce-error {
  background: #f44336;
}

.entry-content>.woocommerce-error,
.entry-content>.woocommerce-info,
.entry-content>.woocommerce-message {
  margin: 70px 0;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border: 0;
  color: #fff;
  transition: 0.3s;
}

.woocommerce-message a,
.woocommerce-message a:hover {
  color: #fff;
}

.woocommerce-info a,
.woocommerce-info a:hover {
  color: #fff;
}

.woocommerce-error a,
.woocommerce-error a:hover {
  color: #fff;
}

.woocommerce-error::before {
  color: #fff;
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: #fff;
}

.woocommerce .return-to-shop a.button:hover {
  color: #fff;
}

.wc-proceed-to-checkout a {
  height: 55px;
  width: 100%;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
  -webkit-appearance: none;
}

.wc-proceed-to-checkout a:hover {
  color: #fff !important;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
  margin-bottom: 50px;
}

.woocommerce a.remove {
  font-size: 2em;
  font-weight: 400;
  height: 1em;
  width: 1em;
}


/**
====================================================================
  Checkout Page
====================================================================
*/

#checkout-wrapper .content-page {
  padding-right: 30px;
}

.woocommerce-checkout .entry-content .woocommerce h3 {
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #555;
  font-weight: 700;
}

.select2-container--default .select2-selection--single {
  color: #a1a1a1;
  font-size: 12px;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  font-weight: normal;
  border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 70%;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}

.select2-container--default .select2-selection--single {
  color: #a1a1a1;
  font-size: 12px;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  font-weight: normal;
  border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  top: 70%;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}

.woocommerce form .form-row input.input-text {
  color: #a1a1a1;
  font-size: 12px;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  font-weight: normal;
}

.woocommerce form .form-row input.input-text {
  color: #555;
  font-size: 14px;
  height: 45px;
  width: 100%;
  font-weight: normal;
}

.woocommerce h3#order_review_heading {
  margin: 30px 0;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: none;
  border: 1px solid rgba(0, 0, 0, .1);
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background: #efefef;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1em;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1em;
  border-bottom-color: #efefef;
  border-bottom-style: solid;
  border-bottom-width: 1em;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1em;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.woocommerce-checkout #payment ul.payment_methods li {
  line-height: 30px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: #fff;
  background: #22B8F0;
  border-radius: 0;
  height: 50px;
  font-size: 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
  -webkit-appearance: none;
}

.product-type-external .woocommerce a.button.alt {
  padding-left: 25px;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  color: #fff !important;
  background: #22B8F0;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 0;
  padding: 30px;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  padding: 30px;
  padding-top: 0;
}


/**
====================================================================
  My Account
====================================================================
*/

.woocommerce-MyAccount-content a.button {
  color: #555;
  background: #fff;
}

.woocommerce-MyAccount-content a.button.alt {
  height: 40px !important;
  font-size: 11px !important;
}

#myaccount-wrapper .entry-content {
  margin: 70px 0;
}

.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
}

.woocommerce-MyAccount-navigation ul li {
  padding: 10px 0;
  border-bottom: 1px dotted #dedede;
  width: 70%;
}

.woocommerce-MyAccount-navigation ul li a {
  color: #555;
}

.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce input.button {
  color: #555;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
  -webkit-appearance: none;
}

.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce input.button:hover {
  color: #fff;
}

.woocommerce-MyAccount-content h3 {
  margin-bottom: 20px;
}

.woocommerce-account .woocommerce a.button {
  background: #22B8F0;
  color: #fff;
  border-radius: 0;
}

.woocommerce-account .woocommerce a.button {
  background: #fff;
}

.woocommerce table.my_account_orders {
  font-size: 1em;
}

.woocommerce-account .woocommerce a.button {
  background: #22B8F0;
  color: #fff;
  border-radius: 0;
}


/**
====================================================================
  Sidebar
====================================================================
*/

.woocommerce aside h2 {
  font-size: 16px;
  margin-bottom: 15px;
}

.cart_list.product_list_widget span.quantity {
  font-size: 12px;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
  border-top: 1px double #ebe9eb;
}

.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
  padding-bottom: 10px;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
  color: #fff;
  height: 34px;
  text-transform: none;
  font-size: 14px;

}

  .widget_product_tag_cloud .tagcloud a {
    border-color: #22b8f0 !important;
    color: #24292e;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
  color: #fff;
}

.woocommerce ul.products li.product .price {
  font-size: 1.2em;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 19px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background: #675353;
  height: 2px;
  margin-top: -1px;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: none;
  border-top: 1px solid #e6e6e6;
}

.widget_price_filter .price_slider_wrapper {
  margin-top: 25px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background: #22B8F0;
  margin-top: -3px;
}

.widget_product_tag_cloud .tagcloud a {
  padding: 3px 10px;
  border: 1px solid #e6e6e6;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  border-radius: 5px;
}

.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
  padding: 10px 9px;
  font-size: 14px;
  background: #22B8F0;
  color: #fff;
}

.woocommerce .widget_shopping_cart .buttons a:hover,
.woocommerce.widget_shopping_cart .buttons a:hover {
  background: #22B8F0;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: #444;
}

.woocommerce aside .search-icon {
  position: relative;
  top: 0;
  right: 0;
  float: right;
  margin-top: -32px;
  margin-right: 15px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  z-index: 1;
}

.woocommerce.widget_product_categories ul li,
.woocommerce.widget_product_categories ol li {
  padding-top: 0.325rem;
  padding-bottom: 0.325rem;
  border-bottom: 1px solid #f1f1f1;
}

.woocommerce.widget_products ul.cart_list li,
.woocommerce.widget_products ul.product_list_widget li,
.woocommerce.widget_top_rated_products ul.cart_list li,
.woocommerce.widget_top_rated_products ul.product_list_widget li,
.woocommerce.widget_recent_reviews ul.cart_list li,
.woocommerce.widget_recent_reviews ul.product_list_widget li,
.woocommerce.widget_recently_viewed_products ul.cart_list li,
.woocommerce.widget_recently_viewed_products ul.product_list_widget li,
.woocommerce.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li,
.woocommerce.widget_rating_filter ul li {
  padding-top: 0.325rem;
  padding-bottom: 0.325rem;
  border-bottom: 1px solid #f1f1f1;
}

.widget.widget_product_categories ul.children {
  padding-left: 20px;
  padding-top: 10px;
}

.widget.widget_product_categories ul.children li {
  padding: 0;
}

.widget.widget_product_categories ul.children li {
  padding: 0;
}

.widget.widget_product_categories ul.children li:last-child {
  border-bottom: none;
}

.widget.widget_product_categories ul.children li:before {
  content: "\f0da";
  font-family: "Line Awesome Free";
  font-weight: 700;
  padding-right: 5px;
  color: #ababab;
}

.widget_product_tag_cloud .tagcloud a {
  font-size: 15px !important;
}

.woocommerce .widget_layered_nav_filters ul li {
  float: none;
}


/**
====================================================================
  Cart Widget
====================================================================
*/

.navbar-nav .menu-widget-cart {
  display: none;
}

#shop-nav .navbar-nav .widget.woocommerce.widget_shopping_cart {
  top: 50px;
}

.navbar-nav .widget.woocommerce.widget_shopping_cart p.woocommerce-mini-cart__empty-message {
  margin: 20px 0;
  text-align: center;
}

.navbar-nav .widget.woocommerce.widget_shopping_cart:hover {
  display: block;
}

.navbar-nav .widget.woocommerce.widget_shopping_cart.widget-open {
  display: block;
}

.navbar-nav .widget_shopping_cart .widgettitle {
  font-size: 15px;
  margin: 24px 0;
}

.navbar-nav .cart_list.product_list_widget span.quantity {
  font-size: 11px;
}

.navbar-nav .mini_cart_item a:hover {
  color: #000;
  transition: 0.2s;
}

.navbar-nav .widget_shopping_cart .total {
  font-size: 13px;
}

#shop-nav .navbar-nav .widget.woocommerce.widget_shopping_cart {
  right: 0;
}


/**
====================================================================
  Shipping Form
====================================================================
*/

.woocommerce form .form-row select {
  background: transparent;
  border: 1px solid #eceaea;
  color: #a1a1a1;
  font-size: 12px;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  font-weight: normal;
}

.woocommerce button.button {
  color: #fff;
  background: #22B8F0;
  height: 45px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
  -webkit-appearance: none;
}

.woocommerce button.button:hover {
  color: #fff;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: none;
  padding: 10px 50px;
}

button#place_order {
  width: auto;
}


/**
====================================================================
  Pagination
====================================================================
*/

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #22B8F0;
  color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 0.7em;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  transition: all 0.3s ease 0s;
  font-size: 1.125rem;
  border-radius: 5px;
  margin: 0 0.125rem 0.625rem;
  vertical-align: baseline;
  white-space: nowrap;
  width: 3.125rem;
  height: 3.125rem;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
  background: none;
}


/**
====================================================================
  Product Gallery
====================================================================
*/

.woocommerce div.product div.images .flex-control-thumbs {
  margin-top: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 22%;
  float: left;
  margin: 5px;
  list-style: none;
}


/**
====================================================================
  Login
====================================================================
*/

.woocommerce-form-login .form-row input.button {
  margin: 10px;
}

.woocommerce form .form-row .input-checkbox {
  margin: 8px 8px 0 0px;
}

.checkout.woocommerce-checkout .form-row label span,
.checkout.woocommerce-checkout .form-row label span {
  margin-left: 20px;
}

.woocommerce-form-login .form-row label span {
  margin-left: 10px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: 1px solid rgba(0, 0, 0, .1);
}

.header-woo-links li img {
  vertical-align: bottom;
}

.header-woo-links {
  margin-right: 35px;
  margin-top: 10px;
}

.header-woo-links li i {
  font-size: 34px;
  vertical-align: middle;
}

.header-woo-links a {
  font-family: 'Poppins', sans-serif;
}


/**
====================================================================
  List Products Widget
====================================================================
*/

.list-products-section {
  text-align: center;
}

.list-products-section ul.nav-tabs {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 50px;
}

.list-products-section ul.nav-tabs li {
  margin-bottom: 25px;
}

.list-products-section ul.nav-tabs li {
  float: none;
  text-align: center;
  display: inline-block;
}

.list-products-section .nav-tabs>li.active>a {
  border: 0;
  border-right: 1px solid #ddd;
  color: #fb0000;
}

.list-products-section .nav-tabs>li>a {
  border: 0;
  border-right: 1px solid #ddd;
  border-radius: 0;
  line-height: 0.1;
  font-size: 18px;
}

.list-products-section .nav-tabs>li:last-child>a {
  border: 0;
}

.list-products-section .nav-tabs {
  border-bottom: 0;
}

.list-products-section ul.products li.product {
  margin-bottom: 0;
}

.tab-pane.active {
  animation: opac 1s ease-out;
}

@keyframes opac {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}


/**
====================================================================
  Products
====================================================================
*/

.woocommerce-Price-amount {
  color: #22B8F0;
}

p.saved-sale {
  font-size: 14px;
  text-align: right;
  margin-bottom: 0;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}

.woocommerce ul.products li.product .button {
  border-radius: 45px;
  color: #555;
  display: none;
  transition: all 0.3s ease-in-out;
  outline: 0 !important;
  -webkit-appearance: none;
}

.woocommerce ul.products li.product .button:hover {
  color: #555;
  transition: 0.2s;
}

.woocommerce ul.products li.product:hover .button.add_to_cart_button {
  display: block;
  position: absolute;
  top: 2%;
  left: 0;
}

.woocommerce ul.products li.product:hover .button.yith-wcqv-button {
  display: block;
  position: absolute;
  top: 20%;
  left: 10px;
}

.woocommerce ul.products li.product.sale:hover .button.yith-wcqv-button {
  top: 18%;
}

.woocommerce ul.products li.product:hover .button.product_type_grouped,
.woocommerce ul.products li.product:hover .button.product_type_external {
  display: block;
  position: absolute;
  top: 2%;
  left: 0;
}


/* add to cart button */

.woocommerce ul.products li.product .product_type_grouped,
.woocommerce-page ul.products li.product .product_type_grouped,
.woocommerce ul.products li.product .product_type_external,
.woocommerce-page ul.products li.product .product_type_external,
.woocommerce ul.products li.product .product_type_variable,
.woocommerce-page ul.products li.product .product_type_variable,
.woocommerce ul.products li.product .product_type_simple,
.woocommerce-page ul.products li.product .product_type_simple {
  position: relative;
  padding: 0;
  font-size: 0;
  height: 38px;
  width: 38px;
  border: 0;
  margin: 0 8px 8px;
  line-height: 38px;
  color: #373737;
  vertical-align: top;
}

.woocommerce ul.products li.product .product_type_simple,
.woocommerce-page ul.products li.product .product_type_simple {
  background: #ffffff url(inc/assets/images/cart.svg) no-repeat scroll center 10px;
  background-size: 20px;
}


/* view cart message */

a.added_to_cart.wc-forward {
  text-align: center;
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  display: block;
  background: #000;
  opacity: 0.8;
  border-radius: 45px;
  color: #fff;
  width: 100px;
  margin: 0 auto;
  padding: 5px;
}


/* quick view button */

.woocommerce ul.products .button.yith-wcqv-button,
.woocommerce ul.products .compare-button {
  display: inline-block;
  position: relative;
  margin: 0 8px 0 0;
  border: 0;
  color: #000;
  font-size: 0;
  padding: 0;
  line-height: 38px;
  height: 38px;
  width: 38px;
  vertical-align: top;
}

.woocommerce ul.products .button.yith-wcqv-button {
  margin: 0;
  background: #ffffff url(inc/assets/images/eye.svg) no-repeat scroll center 12px !important;
  background-size: 20px !important;
}


/* grouped and variable product button */

.woocommerce ul.products li.product .product_type_grouped,
.woocommerce-page ul.products li.product .product_type_grouped,
.woocommerce ul.products li.product .product_type_external,
.woocommerce-page ul.products li.product .product_type_external,
.woocommerce ul.products li.product .product_type_variable,
.woocommerce-page ul.products li.product .product_type_variable {
  background: #ffffff url(inc/assets/images/eye.svg) no-repeat scroll center 10px !important;
  background-size: 20px !important;
}


/**
====================================================================
  Product Archive
====================================================================
*/

.post-type-archive-product h1.page-title {
  display: none;
}

.archive.woocommerce .page-content-area,
.post-type-archive-product .page-content-area,
.single-product .page-content-area {
  margin: 70px 0;
}

.woocommerce #woo-products-wrapper {
  padding-right: 50px;
}


/**
====================================================================
  Single Product Tabs
====================================================================
*/

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #22B8F0;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.single-product #comments {
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
}

.single-product h1.entry-title {
  text-align: left;
}

.single-product p.saved-sale {
  text-align: left;
}

.single-product #reviews #comments {
  width: 100%;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  padding: 15px 15px;
  margin: 0 0px 0 0;
}

#woocommerce-product-search-field-0 {
  height: 40px;
}

.woocommerce div.product .product_title {
  margin: 0!important;
}

/*Search*/
.widget button[type="submit"], 
.btn-primary
 {
  border-radius: 2px!important;
}

/**
====================================================================
  Hide page title
====================================================================
*/

body.page-id-1960 .entry-header {
  display: none;
}

body.page-id-1957 .entry-header {
  display: none;
}

body.page-id-1962 .entry-header {
  display: none;
}

.category .page-header h1 {
  display: none;
}


/**
====================================================================
  newsletter-subcribe
====================================================================
*/

.newsletter-subcribe .form-group .subcribe-submit {
  position: absolute;
  right: 0px;
  top: 0px;
  line-height: 41px !important;
  font-size: 17px;
  letter-spacing: 1.02px;
  color: #fff;
  line-height: 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  border: 1px solid #fff;
  background: #22B8F0;
  border-radius: 0px 5px 0px 5px;
}

.newsletter-subcribe .form-group .subcribe-submit:hover {
  opacity: 0.7;
}

.table td,
.table th {
  padding: 0.65rem!important;
}


/**
====================================================================
 admin-bar
====================================================================
*/

.admin-bar .container {
  padding-top: 32px;
}

@media only screen and (max-width: 782px) {
  .admin-bar .container {
    padding-top: 46px;
  }
}

@media only screen and (max-width: 782px) {
.admin-bar  .offcanvas-header{
padding-top: 60px;
  }
}

@media only screen and (min-width: 782px) {
.admin-bar  .offcanvas-header{
padding-top: 50px;
  }
}

/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 4's default CSS.
 These are theme independent and should work with any Bootstrap 4 theme mod.
*/


/* Carets in collapsible mode (make them look like +/- buttons) */

.navbar-nav.sm-collapsible .sub-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -0.7em 0.5em 0 0;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: .25rem;
  padding: 0;
  width: 2em;
  height: 1.4em;
  font-size: 1.25rem;
  line-height: 1.2em;
  text-align: center;
}

.navbar-nav.sm-collapsible .sub-arrow::before {
  content: '+';
}

.navbar-nav.sm-collapsible .show>a>.sub-arrow::before {
  content: '-';
}

.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
  border-color: rgba(255, 255, 255, .1);
}


/* make sure there's room for the carets */

.navbar-nav.sm-collapsible .has-submenu {
  padding-right: 3em;
}


/* keep the carets properly positioned */

.navbar-nav.sm-collapsible .nav-link,
.navbar-nav.sm-collapsible .dropdown-item {
  position: relative;
}


/* Nav carets in expanded mode */

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
}


/* point the arrows up for .fixed-bottom navbars */

.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,
.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
  border-top: 0;
  border-bottom: .3em solid;
}


/* Dropdown carets in expanded mode */

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  margin-top: -.3em;
  margin-right: 1em;
  border-top: .3em solid transparent;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
  transform: rotate(0.5turn);
}


/* make sure there's room for the carets */

.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
  padding-right: 2em;
}


/* Scrolling arrows for tall menus */

.navbar-nav .scroll-up,
.navbar-nav .scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  height: 20px;
  overflow: hidden;
  text-align: center;
}

.navbar-nav .scroll-up-arrow,
.navbar-nav .scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid;
  border-left: 7px solid transparent;
}

.navbar-nav .scroll-down-arrow {
  top: 6px;
  border-top: 7px solid;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
}


/* Add some spacing for 2+ level sub menus in collapsible mode */

.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
  margin: .5em;
}


/* Fix SmartMenus sub menus auto width (subMenusMinWidth/subMenusMaxWidth options) */

.navbar-nav:not([data-sm-skip]) .dropdown-item {
  white-space: normal;
}

.navbar-nav:not(.sm-collapsible) .sm-nowrap>li>.dropdown-item {
  white-space: nowrap;
}


/* Headroom.js on WordPress  */

.headroom {
  transition: transform 200ms linear;
}


.headroom--unpinned {
  transform: translateY(-100%);
}


/* contact footer-widget */

.single-contact-info h4 {
  color: #e5e5e5;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 10px;
}

.social-icons{
  padding-left:0;
  margin-bottom:0;
  list-style:none;
  
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#343441;
  color:#fff;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}


/* button read more */

.more-link{
  border-radius: 4px;
  background-color:#22b8f0;
  border: none;
  color: #fff;
  padding: 10px;
  transition: all 0.5s;
  cursor: pointer;
  box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.1);
}

.more-link{
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.more-link:after {
  content: '»';
  position: absolute;
  opacity: 0;  
  top: 10px;
  right: -20px;
  transition: 0.5s;
}

.more-link:hover,
.more-link:focus{
  padding-right: 24px;
  padding-left:8px;
  color: #fff!important;
}

.more-link:hover:after {
  opacity: 1;
  right: 7px;
}

.more-link .meta-nav{
display: none;
}

/* dropdown */

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu:after {
  background-image: none!important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  border-radius: 5px!important;
}

.dropdown-menu:after {
  content: "";
  filter: drop-shadow(0 -1px 1px rgba(39, 57, 101, .07));
  position: absolute;
  width: 20px;
  height: 8px;
  top: -8px;
  left: 154px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='8' viewBox='0 0 20 8' fill='none'%3e%3cpath d='M7.9931 0.806206C9.13402 -0.220617 10.866 -0.220618 12.0069 0.806205L20 8H0L7.9931 0.806206Z' fill='white'/%3e%3c/svg%3e");
}

@media (max-width: 992px) {
  .dropdown-menu:after {
    background-image: none;
  }
}

/* cart menu*/

.right,
.wcmenucart-contents {
  padding-top: 20px!important;
}

.wcmenucart-contents:before{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEM4MkExN0QwRTdDMTFFNjg2RTg5MDRGMjVCREU1MDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEM4MkExN0UwRTdDMTFFNjg2RTg5MDRGMjVCREU1MDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQzgyQTE3QjBFN0MxMUU2ODZFODkwNEYyNUJERTUwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQzgyQTE3QzBFN0MxMUU2ODZFODkwNEYyNUJERTUwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps+tyhwAAAE8SURBVHjatFXBDYMwDISKBbICHaFfnnQEGKEdAUaAFboCI8CTZxmhGYGMQM+SkUJKElHAkhWkXM7H2VHCaZqCs+ISnBiRD5AkicBScM4xIJu+7+u/lYP4huWNTJElyEKsV2SHrLDfus6HNs9ZMRFLkN4thVv+g+dW5WQDFcjXNkFI1pAtDy60iTwjb0GiHJiG13QrueDGWQOFJRbFWLfn+L3RBtwQNYqWi1HkBlLSxgs56kDHRBGuAy7H9wff8Zot4oB7s7BIJ58rSu3CFFATO1TPE5XxxEifcrNBsUNpbJxfnI0symsGKnjZOchLHcfqBfWPRjhaU86zXfoMduBI6GDaojyXxhdSF2o2VO2cFqlbbCqXB4ziacp/ybXbuUs590uZtgij8l7fhT7n84zT61IdVMD+Eh0RXwEGAAzxf23vpM4uAAAAAElFTkSuQmCC)center center no-repeat;
  display: inline-block;
  position: relative;
  height: 21px;
  width: 42px;
  content: "";
}

 .wcmenucart-contents:before {
  padding-left: 1.875rem;
  border-left: 1px solid rgb(207, 221, 234);
}

@media (max-width: 992px) {
  .right,
  .wcmenucart-contents {
    padding-top: 22px!important;
    margin-left: -12px;
  }
}

@media (max-width: 992px) {
  .wcmenucart-contents:before {
    border-left: none;
  }
}

.wcmenucart-contents{
   font-size: 15px!important;
}