/*
Theme Name: Premium Impressions
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face {
    font-family: 'Northern Worssley Free';
    src: url('inc/assets/fonts/NorthernWorssleyFree-Regular.eot');
    src: url('inc/assets/fonts/NorthernWorssleyFree-Regular.eot?#iefix') format('embedded-opentype'),
        url('inc/assets/fonts/NorthernWorssleyFree-Regular.woff2') format('woff2'),
        url('inc/assets/fonts/NorthernWorssleyFree-Regular.woff') format('woff'),
        url('inc/assets/fonts/NorthernWorssleyFree-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Telegraf';
    src: url('inc/assets/fonts/PPTelegraf-Regular.eot');
    src: url('inc/assets/fonts/PPTelegraf-Regular.eot?#iefix') format('embedded-opentype'),
        url('inc/assets/fonts/PPTelegraf-Regular.woff2') format('woff2'),
        url('inc/assets/fonts/PPTelegraf-Regular.woff') format('woff'),
        url('inc/assets/fonts/PPTelegraf-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Telegraf';
    src: url('inc/assets/fonts/PPTelegraf-UltraBold.eot');
    src: url('inc/assets/fonts/PPTelegraf-UltraBold.eot?#iefix') format('embedded-opentype'),
        url('inc/assets/fonts/PPTelegraf-UltraBold.woff2') format('woff2'),
        url('inc/assets/fonts/PPTelegraf-UltraBold.woff') format('woff'),
        url('inc/assets/fonts/PPTelegraf-UltraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body {
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family: 'PP Telegraf';
}

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

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

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;
  font-family: 'Northern Worssley Free';    
}
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;
}
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);
  padding: .74rem 1rem;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

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

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

body:not(.theme-preset-active) #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;
}
body:not(.theme-preset-active) #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) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #cdbfe3;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #fff;
  font-weight: 600;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
}

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

.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;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

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

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

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.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: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

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

/*--------------------------------------------------------------
# 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.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

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

/*--------------------------------------------------------------
## 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%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .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: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}
/*========CUSTOM_CSS==========*/
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl{
    max-width: 1300px !important;
}
}
#content.site-content{
  padding: 0;
}
.entry-content{
  margin: 0;
}
html, body {
    overflow-x: hidden;
}
/*====================
     HEADER
======================*/
.right-col ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    justify-content: flex-end;
    align-items: center;
}
form#search-form {
    position: absolute;
    left: -50px;
    top: 50px;
    z-index: 9;
    transition: all 0.3s ease; /* Smooth transition */
}

form#search-form input, button {
    height: 50px;
}

form#search-form input {
    padding: 10px 10px;
    background: #ccc;
    border: 0;
    border-radius: 5px 0 0 5px;
    color: #000;
    width: 180px;
    outline: none !IMPORTANT;
}

form#search-form button {
    font-size: 16px;
    font-family: 'PP Telegraf';
    color: #fff;
    background: #000 !IMPORTANT;
    width: 90px;
    border: 0;
    border-radius: 0px 5px 5px 0px;
    position: absolute;
}

form#search-form {
    transition: all 0.3s ease; /* Smooth transition */
    background: none !IMPORTANT;
}
.right-col ul li {
    margin-right: 30px;
}

.navbar-brand {
    width: 80%;
    margin: 0;
    text-align: center;
}

ul#menu-main-menu {
    width: 100%;
    align-items: baseline;
    justify-content: flex-start;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    font-size: 18px;
    line-height: 29px;
    color: #0000008c;
    padding: 0;
    margin-right: 30px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    font-weight: 500;
    color: #000;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover {
    font-weight: 400;
    color: #000;
}

header#masthead {
    background: transparent;
    box-shadow: none;
    padding: 0px 80px;
}
.right-col ul li i {
    font-size: 20px;
}
li.cont-btn a {
    padding: 19px 40px;
    border: 1px solid #000;
    font-size: 18px;
    line-height: 29px;
    color: #000;
    border-radius: 5px;
    text-decoration: none;
    margin-left: 20px;
    text-transform: uppercase;
    display: inline-block;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li:last-child> a {
    margin: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li:last-child a {
    margin: 0 !important;
}
.right-col ul li a {
    color: #000;
}
/*===================
     BANNER
=====================*/
.center .testimonial-box .ctn figure img {
    height: 550px;
    margin-top: -50px !IMPORTANT;
    object-fit: cover;
    border-radius: 10px;
    transform: scale(1.1);
    width: 88% !IMPORTANT;
    margin: -40px 20px 0;
    transition: all 0.3s ease-in-out;
}
.banner-sec .owl-stage {
    padding-top: 80px;
    overflow: visible !IMPORTANT;
    height: 670px;
}
.owl-carousel .owl-item img {
    width: 96% !IMPORTANT;
    height: 450px;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}
.banner-sec {
    padding-top: 100px !IMPORTANT;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    background-position: center;
    background-size: cover;
}
.banner-sec h2 {
    margin: 0;
    padding: 0;
    font-weight: 400;
}
.web-fon {
    font-size: 104px !IMPORTANT;
    -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff73;
    font-weight: 400;
    margin-top: 10px !important;
}
.banner-sec .owl-nav {position: absolute;right: 90px;}
.owl-dots {
    display: none;
}
.banner-sec .owl-nav button.owl-prev {
    background: #fff !IMPORTANT;
    color: #382f54 ! IMPORTANT;
}
.banner-sec .owl-nav button.owl-prev i {
    color: #382f54;
}
.banner-sec .wpb_text_column.wpb_content_element {
    display: none;
}
.theme-btn a.vc_general {
    font-size: 18px !IMPORTANT;
    line-height: 29px !important;
    color: #5F3799 !IMPORTANT;
    padding: 10px 40px !IMPORTANT;
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
}
/*====================
      ABOUT
=====================*/
.about-sec h2 {
    font-weight: 400;
    padding: 0;
}
.about-sec p {
    font-size: 18px;
    line-height: 34px;
    color: #000000bf !important;
    width: 100%;
}
.about-sec .theme-btn a.vc_general {
    padding: 19px 40px !IMPORTANT;
    border: 1px solid #000 !IMPORTANT;
    font-size: 18px !IMPORTANT;
    line-height: 29px !IMPORTANT;
    color: #000 !IMPORTANT;
    border-radius: 5px;
    text-decoration: none;
    background: none !IMPORTANT;
}
.theme-btn a.vc_general:hover {background: transparent !IMPORTANT;color: #fff !IMPORTANT;transition: all 0.5s ease-in-out;}
.about-sec .theme-btn a.vc_general:hover {
    color: #fff;
    background: #533986 ! IMPORTANT;
}
.wrap-1, .wrap-2 {
    background: #25474329;
    padding: 20px 20px 25px 20px;
    margin: 0;
    border-radius: 10px;
}
.wrap-1 h3, .wrap-2 h3 {
    font-size: 28px;
    font-weight: 400;
}
.wrap-1 {
    margin-bottom: 20px !IMPORTANT;
    border-radius: 10px;
}
.wrap-2 {
    margin: 0 !IMPORTANT;
}
.wrap-1 p, .wrap-2 p {
    color: #817878 ! IMPORTANT;
}
.vc_section.about-sec {
    padding: 100px 70px 100px 20px!IMPORTANT;
}
section.vc_section.about-sec img {width: 100%;border-radius: 20px;}
section.vc_section.about-sec .wpb_single_image.wpb_content_element.vc_align_center {
    margin: 0;
    width: 100%;
}
section.vc_section.about-sec figure.wpb_wrapper.vc_figure {
    width: 100%;
}
section.vc_section.about-sec .vc_single_image-wrapper.vc_box_border_grey {
    width: 100%;
}


.design-box {
    text-align: center;
}
.design-box h4 {
    font-size: 24px;
    line-height: 27px;
    margin: 10px 0;
    font-weight: 400;
    color: #fff;
    all 0.5s animation-timing-function: ease-in-out;
}
.design-box a {
    font-size: 18px;
    line-height: 29px;
    color: #5F3799;
    background: #fff;
    width: 100%;
    display: block;
    padding: 16px 0;
    text-decoration: none;
    border-radius: 5px;
    all 0.5s animation-timing-function: ease-in-out;
    transition: all 0.5s ease-in-out;
}
div#slider_design .owl-nav {
    position: absolute;
    top: -170px;
    right: 130px;
    display: block !IMPORTANT;
    width: 100%;
}
section.vc_section.design-sec {
    position: relative !IMPORTANT;
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.owl-nav button {
    background: #382F54 !IMPORTANT;
    border-radius: 50% ! IMPORTANT;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    border: 0;
}
button.owl-prev {
    position: absolute;
    right: 70px;
}
button.owl-next {
    position: absolute;
    right: -20px;
}
.owl-nav button i {
    color: #fff;
    font-size: 30px;
    transition: all 0.5s ease-in-out;
}
.owl-nav button:hover {
    background: #FFf !IMPORTANT;
    transition: all 0.5s ease-in-out;
}
.owl-nav button:hover i {
    color: #382f54;
    all 0.5s ease-in-out
}
.design-box:hover h4 {
    color: #5F3799;
    transition: all 0.5s ease-in-out;
}
.design-box:hover a {
    background: #5F3799;
    color: #fff;
}
.design-box .ctn figure {
    overflow: hidden;
}
.design-box:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}
.design-box img {
    transition: all 0.5s ease-in-out;
}
.design-sec p {
    font-size: 18px;
    line-height: 34px;
    color: #fff;
}
section.vc_section.design-sec h2 {
    padding: 0;
    font-weight: 400;
}

/*==================
      BLOG
====================*/
.blog-con {
    border: 1px solid #00000073;
    border-top: 0 !important;
    padding: 30px 30px;
    border-radius: 0 0 10px 10px;
    background: #fff;
    transition: all 0.5s ease-in-out;
}
.blog-box img {
    width: 100%;
}
.blog-box:hover .blog-con {
    background: linear-gradient(136deg, #233F3F, #61379C, #233F3F);
    transition: all 0.5s ease-in-out;
}
.blog-box:hover .blog-con h3 {
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.blog-box:hover .blog-con p {
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.blog-box:hover .blog-con a {
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.blog-box:hover img {
    transform: scale(1.5);
    transition: all 0.5s ease-in-out;
}
.blog-box {
    transition: all 0.5s ease-in-out;
}
.blog-box:hover {
    transition: all 0.5s ease-in-out;
}
.blog-con h3 {
    margin: 0;
    padding: 0;
    font-size: 35px;
    line-height: 39px;
    font-weight: 400;
}
.blog-box figure {
    margin: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.blog-con p {
    font-size: 18px;
    line-height: 34px;
    color: #0000008c;
    margin-top: 20px;
}
.blog-con a {
    font-size: 20px;
    line-height: 34px;
    color: #000;
    text-decoration: underline;
}
section.vc_section.blog-sec {
    padding: 100px 80px !IMPORTANT;
}
section.vc_section.blog-sec h2 {
    font-weight: 400;
}
/*================
     FOOTER
==================*/
div#footer-widget {
    background: linear-gradient(136deg, #233F3F, #61379C, #233F3F);
    padding: 60px 70px;
    padding-bottom: 0px;
}
div#footer-widget p {
    color: #ffffff87;
    font-size: 18px;
    line-height: 34px;
}
.footer-2 ul li a {
    padding: 0;
    font-size: 18px;
    line-height: 45px;
    color: #ffffff87;
    background: none !IMPORTANT;
}
div#footer-widget h3 {
    font-size: 27px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
}
.footer-3 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-3 ul li {
    font-size: 18px;
    line-height: 45px;
    color: #ffffff87;
}
.footer-2 {
    padding-left: 180px;
}
.footer-3 {
    padding-left: 170px;
}
.footer-4 ul li {
    margin-right: 30px !IMPORTANT;
}
.footer-4 {
    padding-left: 110px;
}
footer#colophon {
    display: none;
}
.footer-5 {
    text-align: center;
    border-top: 1px solid #ffffff75;
    padding: 20px 0 0;
    margin-top: 20px;
}
.footer-1 {
    padding: 0 0px 0px 15px;
}

.footer-5 p {
    color: #fff !IMPORTANT;
}
@media only screen and (max-width: 1500px) and (min-width: 1200px){
  header#masthead {
    background: transparent;
    box-shadow: none;
    padding: 20px 10px;
}

li.cont-btn a {
    padding: 19px 30px;
    border: 1px solid #000;
    font-size: 18px;
    line-height: 29px;
    color: #000;
    border-radius: 5px;
    text-decoration: none;
    margin-left: 10px;
}
.navbar-brand {
    width: 50%;
    text-align: center;
    margin: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    font-size: 18px;
    line-height: 29px;
    color: #0000008c;
    padding: 0;
    margin-right: 20px;
}
.banner-sec .center img {
    height: 305px;
    margin-top: -60px;
    object-fit: cover;
    border-radius: 10px;
}
.about-sec p {
    font-size: 16px;
    line-height: 29px;
    color: #000000bf !important;
    width: 100%;
}
section.vc_section.about-sec {
    padding: 60px 30px 70px 20px ! IMPORTANT;
}
.about-sec h2 {

    font-size: 70px ! IMPORTANT;
    line-height: 80px ! IMPORTANT;

}
section.vc_section.design-sec h2 {
    padding: 0;
    font-weight: 400;
    font-size: 65px ! IMPORTANT;
    color: #ffffff;
    line-height: 75px !important;
}
.design-sec p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}
section.vc_section.design-sec {
    position: relative ! IMPORTANT;
    padding-top: 50px;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
section.vc_section.blog-sec {
    padding: 50px 20px ! IMPORTANT;
}
section.vc_section.blog-sec h2 {
    font-weight: 400;
    font-size: 65px ! IMPORTANT;
    color: #000000;
    line-height: 75px ! IMPORTANT;
}
.blog-con h3 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    line-height: 39px;
    font-weight: 400;
}
.blog-con p {
    font-size: 16px;
    line-height: 30px;
    color: #0000008c;
    margin-top: 10px;
    margin-bottom: 10px;
}
div#footer-widget {
    background: linear-gradient(136deg, #233F3F, #61379C, #233F3F);
    padding: 40px 20px;
    padding-bottom: 0px;
}
.footer-2 {
    padding-left: 120px;
}
.footer-3 {
    padding-left: 90px;
}
.footer-4 {
    padding-left: 20px;
}
div#footer-widget p {
    color: #ffffff87;
    font-size: 16px;
    line-height: 29px;
}
}
li.cont-btn {
    margin-right: 0 !IMPORTANT;
}
@media only screen and (max-width: 1200px){
      .navbar-brand {
        width: 35%;
        text-align: center;
        margin: 0;
    }
    .design-box a {
    font-size: 14px;
    line-height: 29px;
    color: #5F3799;
    background: #fff;
    width: 100%;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    border-radius: 5px;
    all 0.5s animation-timing-function: ease-in-out;
    transition: all 0.5s ease-in-out;
}
.design-box h4 {
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0;
    font-weight: 400;
    color: #fff;
}
    .footer-3 {
        padding-left: 60px;
    }
        .footer-4 {
        padding-left: 0px;
    }
    .footer-4 ul li {
    margin-right: 20px !IMPORTANT;
}
    .footer-2 {
        padding-left: 100px;
    }
        section.vc_section.design-sec h2 {
        padding: 0;
        font-weight: 400;
        font-size: 60px ! IMPORTANT;
        color: #ffffff;
        line-height: 70px !important;
    }

    section.vc_section.blog-sec h2 {
        font-weight: 400;
        font-size: 60px ! IMPORTANT;
        color: #000000;
        line-height: 70px ! IMPORTANT;
    }
    .about-sec h2 {
        font-size: 60px ! IMPORTANT;
        line-height: 70px ! IMPORTANT;
    }
} 
.owl-stage {
    display: flex;
}
.woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product {
    width: 100%;
}
.woocommerce ul.products li.product-category.product h2 {
    font-size: 24px !IMPORTANT;
    text-align: center;
    line-height: 27px;
    color: #fff;
    position: relative;
}
.woocommerce mark.count {
    display: none;
}

.woocommerce ul.products li.product-category.product h2:after {
    content: 'CREATE YOUR CUSTOM DESIGn';
    display: block;
    font-size: 18px;
    line-height: 34px;
    background: #fff;
    color: #5F3799;
    font-family: 'PP Telegraf';
    position: absolute;
    width: 100%;
    bottom: -60px;
    border-radius: 5px;
    padding: 14px 0;
    text-transform: uppercase;
}
.design-sec .woocommerce .owl-nav {
    position: absolute;
    top: -40%;
    right: 5%;
}
/*================
   BREAD_CRUMBS
==================*/
.breadcrumbs {
    padding-top: 100px;
    padding-bottom: 100px;
    background: linear-gradient(136deg, #233F3F, #61379C, #233F3F);
}
.breadcrumbs h1 {
    font-size: 45px;
    line-height: 60px;
    color: #fff;
    font-weight: 400;
}
.woocommerce section#primary {
    max-width: 100%;
    flex: 0 0 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.woocommerce aside#secondary {
    display: none;
}
.woocommerce ul li h2 {
    font-size: 22px !important;
    color: #000;
    font-weight: 200;
}
.woocommerce ul.products li.product .price {font-size: 22px;color: #000;
                                           }
.woocommerce ul.products li.product .button {
    display: block;
    text-align: center;
    padding: 15px 5px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'PP Telegraf';
    background: #5d3797;
    color: #fff;
}
.woocommerce section#primary ul.products li {
    background: #fff;
    padding: 20px 20px !IMPORTANT;
    box-shadow: 0 0 10px 0 #00000085;
    border-radius: 10px;
    transition: all 0.5s ease-in-out !important;
}
.woocommerce section#primary ul.products li:hover {
    background: linear-gradient(136deg, #233F3F, #61379C, #233F3F);
    transition: all 0.5s ease-in-out !IMPORTANT;
}
.woocommerce section#primary ul.products li:hover h2, .woocommerce section#primary ul li:hover .price {
    color: #fff;
    transition: all 0.5s ease-in-out !important;
}
.woocommerce section#primary ul.products li:hover .button {
    background: #fff;
    color: #000;
    transition: all 0.5s ease-in-out !important;
}
.woocommerce section#primary ul.products li :hover img {
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}
.woocommerce ul.products li.product a img {
    transition: all 0.5s ease-in-out;
    border-radius: 10px;
}
.woocommerce .woocommerce-ordering select {
    padding: 20px 10px;
}
/*--------- 
SINGLE-PAGE
---------*/
.single-product div.product .product_title {
    font-size: 40px;
    line-height: 59px;
    border: 0;
    color: #000000;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px;
}
.single-product p.price {
    font-size: 35px !important;
    font-weight: bold !important;
    color: #61379c !important;
    margin-bottom: 20px;
}
.single-product .quantity input {
    background: #61379c00 !important;
    border: solid 1px #d9d9d9;
    height: 50px;
    width: 130px !important;
    color: #000;
    font-size: 22px;
    margin-right: 10px;
    outline: none !important;
    border-radius: 30px;
}
.single-product .product_meta {
    font-size: 25px;
    color: #000000;
    font-family: "Montserrat";
    font-weight: 500;
}
.single-product .product_meta span.posted_in {
    width: 100%;
    display: inline-block;
}
.single-product .product_meta a {
    color: #61379c !important;
}
.single-product .woocommerce-product-gallery__image img {margin-right: 12px !important;border-radius: 5px;transition: all 0.5s !important;box-shadow: 0 3px 24px 0 #00000029 !important;border: 1px solid #E3EFF9;transition: all 0.5s !important;padding: 40px 20px;}
.woocommerce-tabs ul.tabs.wc-tabs {
    border: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li {
    border: 0 !important;
    padding: 0 !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li::before,
.woocommerce-tabs ul.tabs.wc-tabs li::after {
    display: none !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li a {
    color: #61379c !important;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500 !important;
    padding: 24px 62px !important;
    background: transparent !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li {
    background: transparent !important;
    border-radius: 0 !important;
    margin-right: 20px !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li.active {
    background: #61379c !important;
    color: #fff !important;
    border-radius: 5px !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li.active a {
    color: #fff !important;
}
.woocommerce-tabs.wc-tabs-wrapper {
    padding-top: 5%;
}
.woocommerce-Tabs-panel h2 {
    /* display: none; */
}
.woocommerce-Tabs-panel p {
    color: #000;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 10px;
}
.single div.product form.cart .button {
    background: #61379c !important;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    border: 1px solid #61379c !important;
    margin-right: 10px;
    border-radius: 50px;
    padding: 10px 20px !IMPORTANT;
    font-weight: 400;
}
.single div#content {
}
section.related.products {
    padding-top: 100px;
}
section.related.products h2 {
    margin: 0;
    font-size: 44px;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 50px;
    font-weight: 600;
}
.woocommerce-message {
    border-color: #5f3899;
}
.woocommerce-message::before {
    color: #5f379a;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
}
section.related.products a.button.yith-wcqv-button {
    display: none;
}
section.related.products .star-rating {
    display: none;
}
.related.products ul.products li.product {
    width: 29% !important;
    border: 1px solid #ececec;
    padding: 20px 20px 20px 20px !IMPORTANT;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #0000002b;
    background: #fff;
}
.woocommerce-shop ul.products li.product {
    /* width: 30% !important; */
    /* border: 1px solid #ececec; */
    /* padding: 20px 20px 20px 20px !IMPORTANT; */
    /* border-radius: 10px; */
    /* box-shadow: 0 0 10px 0 #0000002b; */
    /* background: #fff; */
}

.woocommerce p.stars a {
    color: #61379c;
}

.woocommerce #review_form #respond textarea {
    height: 200px;
    resize: none;
    border: 0;
    box-shadow: 0 0 10px 0 #00000052;
    border-radius: 5px;
    outline: none !important;
    padding: 20px 20px;
}

.woocommerce #review_form #respond .form-submit input {
    background: #61379c ! IMPORTANT;
    width: 100% !IMPORTANT;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
}

.woocommerce #review_form #respond .form-submit input:hover {
    color: #fff !important;
    border: #c21a7e !important;
}
/*--------- 
CART-PAGE
---------*/
.woocommerce-cart h1.entry-title {
    display: none;
}
.woocommerce-cart tr.wc-block-cart-items__header th span, .woocommerce-cart a.wc-block-components-product-name, span.wc-block-cart__totals-title {
    color: #000;
    font-size: 22px !important;
    line-height: 32px;
    font-weight: 500;
}
.woocommerce-cart .wc-block-cart-item__prices span {
    color: #000 !important;
    font-size: 18px;
    line-height: 28px;
}
.woocommerce-cart span.price span {
    color: #000 !important;
    font-size: 18px;
}
.wc-block-components-totals-coupon a {
    color: #5f3799 !important;
    text-transform: capitalize;
}
.wc-block-cart__sidebar .wc-block-components-totals-item span {
}
.wp-block-woocommerce-cart-totals-block span.wc-block-cart__totals-title {
    text-align: center !important;
    font-weight: 400 !IMPORTANT;
}
.woocommerce-cart section#primary {
    padding-top: 100px;
    padding-bottom: 90px;
}
.woocommerce-checkout section#primary {
    padding-top: 100px;
    padding-bottom: 70px;
}
.woocommerce-cart .wc-block-components-sidebar-layout {
    margin-bottom: 0 !important;
}
.woocommerce-checkout header.entry-header {
    display: none;
}
.woocommerce-checkout h2.wc-block-components-checkout-step__title {
    color: #000 !important;
    font-weight: 400;
}
.woocommerce-cart section#primary {
    max-width: 100%;
    flex: 100%;
}
.woocommerce-cart aside#secondary {
    display: none;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    border: 1px solid #5f3799 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600;
    border-radius: 50px !important;
    padding: 18px 32px !important;
    background: #60379a !important;
    margin-top: 12px !important;
    transition: 0.5s !important;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data {
    font-size: 16px;
    line-height: 27px;
}
.woocommerce-checkout aside#secondary {
    display: none;
}
.woocommerce-checkout section#primary {
    max-width: 100%;
    flex: 100%;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {border: 1px solid #60379b !important;color: #fff !important;font-size: 18px !important;font-weight: 600;border-radius: 50px !important;padding: 18px 32px !important;background: #60379b !important;margin-top: 12px !important;transition: 0.5s !important;}
.pop-form {
    position: absolute;
    background: #000;
    padding: 10px 25px;
    z-index: 999;
    width: 350px;
    border-radius: 60px;
    display: none;
    top: 40px;
    right: -30px;
}
.pop-form form.search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pop-form form.search-form label {
    margin: 0;
    width: 100%;
    height: 0;
}
.pop-form form.search-form .form-control {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0;
    background: transparent;
    color: #fff !important;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    position: absolute;
    top: 0;
}
.pop-form form.search-form .form-control::placeholder {
    color: #fff;
}
.pop-form form.search-form .search-submit {
    background: #fff0;
    font-size: 0;
    line-height: 0;
    font-weight: 500;
    color: #fff;
    width: 60px;
    height: 40px;
    padding: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    z-index: 999;
}
.pop-form form.search-form {
    position: relative;
}
.pop-form form.search-form:after {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: 6px;
    bottom: 2px;
    pointer-events: none;
    font-size: 22px;
}
.scrhIcon {
    position: relative;
}

#fpd-start-customizing-button {
    background: #61379c !important;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    border: 1px solid #61379c !important;
    margin-right: 10px;
    border-radius: 50px;
    padding: 10px 20px ! IMPORTANT;
    font-weight: 400;
    margin: 0;
    color: #fff;
}


.single-product .product_meta {
    display: none;
}
div.product span.price {
    color: #000 !important;
    margin-bottom: 10px;
    display: block;
}
.woo-variation-swatches .variable-items-wrapper .variable-item {
    padding: 7px 20px 5px !important;
    height: 40px !important;
    margin: 6px !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item .variable-item-span-button {
    font-size: 16px;
}
.woocommerce div.product form.cart .reset_variations {
    background: #61379c !important;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    border: 1px solid #61379c !important;
    margin-right: 10px;
    border-radius: 50px;
    padding: 4px 20px !important;
    font-weight: 400;
    color: #fff;
    margin-top: 13px;
    display: inline-block;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected {
    border: solid 1px #61379c;
    outline: none !important;
    box-shadow: 0 0 4px 2px #61379c40;
}
.woocommerce section#primary .table-responsive td {
    padding: 12px 28px;
    border: solid 1px #61379c;
}
.woocommerce section#primary .table-responsive th {
    font-size: 20px;
}
.woocommerce section#primary .activeclasstr td {
    background: #61379c !important;
    border: solid 1px #ffffff;
}
section.related.products {
    display: none;
}
.faq-accordion {
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    /* padding: 10px; */
    /* background-color: #f9f9f9; */
}
.faq-item {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.faq-question {
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    margin: 0;
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 3px;
    color: #000;
    font-weight: 400;
}
.faq-answer {
    display: none;
    padding: 25px;
    font-size: 16px;
    color: #555;
    background-color: #fff;
    border-radius: 3px;
}
.additional_information_tab {
    display: none !IMPORTANT;
}
.faq-answer ol {
    padding: 0 0 0 15px;
    margin: 0;
    font-size: 18px;
    color: #000;
}
.faq-answer ol li {
    margin: 10px 0;
    color: #000 !IMPORTANT;
}
.faq-answer  strong {
    color: #000 !important;
    font-weight: 500;
}
section#media_image-2 img {
    background: #fff;
    padding: 10px 10px;
    border-radius: 10px;
    width: 80%;
}
span.toggle-icon {
    float: inline-end;
    font-size: 40px;
}
ul.tabs.wc-tabs {
    display: flex; /* To arrange the list items in a row */
    list-style-type: none;
    padding: 0;
    margin: 0;
}
li#tab-title-description {
    order: 0;
}
li#tab-title-additional_information {
    order: 3;
}
li#tab-title-reviews {
    order: 3;
}
button#gang-sheet-builder-button {
    color: #ffffff !important;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500 !important;
    padding: 0px 62px !important;
    background: #61379c !important;
    border-color: #61379c;
}
.contact-form input {
    height: 60px;
    padding: 0 20px;
    background: #fff;
    border: 0;
    box-shadow: 0 5px 10px 0 #0000005c;
}
.contact-form textarea {
    height: 150px;
    padding: 20px 20px;
    border: 0;
    background: #fff;
    border: 0;
    box-shadow: 0 5px 10px 0 #0000005c;
    resize: none;
}
.contact-form .btn-primary {
    width: 100%;
    background: #60379b;
    font-size: 20px;
}


.custom-upload-container {
    margin-bottom: 20px;
}

.mockup-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    background: #f2f2f2;
}

.mockup-item {
    position: relative;
    width: 100%;
    text-align: center;
}

.mockup-wrapper {
    position: relative;
    display: inline-block;
}

.mockup-base {
    width: 250px;
    height: auto;
}

.mockup-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%; /* Adjust size as needed */
    height: auto;
    transform: translate(-50%, -50%);
    opacity: 1;
    display: none;
    object-fit: scale-down;
}
.mockup-text {
    width: 100%;
}
span.text-overlay {
    width: 90%;
}
.color-palette-container {
    margin-top: 20px;
    text-align: center;
}

.color-palette {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.color-swatch {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 2px solid #fff;
    transition: transform 0.2s ease;
}
input.color-swatch {
    box-shadow: none;
    outline: none;
    appearance: auto;
    inline-size: 32px;
    block-size: 35px;
    border-style: none;
    padding: 0;
    background-position: center;
    opacity: 0;
    z-index: 9;
    position: relative;
}
.maininner {
    position: relative;
    width: 40px;
    height: 40px;
}
.maininner span.product-variant__item-swatch {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    cursor: pointer;
    border: 2px solid #fff;
    transition: transform 0.2s ease;
    background-position: center !important;
    background-size: cover !important;
}
td.product-name a {
    color: #000;
    font-weight: 600;
    font-size: 24px;
}
.woocommerce table.shop_table td {
    padding: 24px;
}
dl.variation p {
    font-size: 15px;
}
a.checkout-button.button.alt.wc-forward {
    background: linear-gradient(136deg, #233F3F, #61379C, #233F3F);
}
.woocommerce-cart-form .shop_table .coupon .input-text {
    padding: 18px 10px !important;
    width: 220px !important;
    border-radius: 7px;
    padding:  0;
}
.woocommerce-cart-form__contents button.button {
    background: linear-gradient(136deg, #233F3F, #61379C, #233F3F);
    color: #fff !important;
    border-radius: 7px;
}
.woocommerce .quantity .qty {
    width: 100px;
    padding: 13px 0;
    border: solid 1px #d4d4d4;
    border-radius: 9px;
}
dd.variation-UploadedDesign img {
    max-width: 150px !important;
    width: 112px !important;
}


/*-------- CHECKOUT ---------*/
.woocommerce-checkout .col-lg-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.woocommerce-checkout .site-content {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
    font-family: 'Poppins';
}
.woocommerce-checkout h1.entry-title {
    border: none;
    font-size: 50px;
    font-weight: 400;
    color: #1f1f1f;
}
.woocommerce-checkout .woocommerce-info a.showcoupon {
    color: #6600a2 !important;
}
.woocommerce-checkout .woocommerce-info {
    border-top-color: #6600a2 !important;
}
.woocommerce-checkout .woocommerce-info::before {
    color: #6600a2 !important;
}
.woocommerce-checkout #customer_details .col-12 {
    padding: 0;
}
.woocommerce-checkout .form-group .form-control {
    padding: 22px 18px;
    border: 1px solid #ced4da !important;
}
.woocommerce-checkout span.woocommerce-input-wrapper {
    width: 100% !important;
}
.woocommerce-checkout .form-group .form-control:focus {
    box-shadow: none !important;
    border: solid 1px #f6badc;
}
.woocommerce-checkout .form-group label.control-label {
    line-height: 2 !important;
}
.woocommerce-checkout .select2-container .select2-selection--single {
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border: solid 1px #ced4da;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
}
.woocommerce-checkout form .form-row textarea {
    width: 100% !important;
    resize: none;
    height: 50px !important;
    padding-top: 14px;
    border: 1px solid #ced4da !important;
}
.woocommerce-checkout .woocommerce-additional-fields label.control-label {
    line-height: 2 !important;
}
.woocommerce-checkout .woocommerce-privacy-policy-text a {
    color: #6600a2 !important;
}
.woocommerce-checkout button#place_order {
    padding: 15px 50px !important;
    border-radius: 30px !important;
    background-color: #6600a2 !important;
    color: #fff !important;
    border: solid 2px #6600a2 !important;
    margin-top: 20px;
}
.woocommerce-checkout button#place_order:hover {
    background-color: #fff !important;
    color: #f6badc !important;
    border: solid 2px !important;
}
.woocommerce-checkout h3 {
    margin-top: 30px !important;
    color: #1f1f1f;
    font-weight: 400;
    font-size: 30px;
    line-height: 59px;
}
/*  */
.woocommerce ul.products li.product a {
    overflow: hidden;
}
.woocommerce ul.products li.product a img {
    transition: all 0.5s;
    margin-bottom: 30px;
}
.woocommerce ul.products li.product a img:hover {
    transition: all 0.5s;
    transform: scale(1.2);
}
.woocommerce ul.products li.product {
    overflow: hidden;
}
/*  */
.single .post-thumbnail {
    width: 100%;
}
.single .post-thumbnail img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.single header.entry-header h1 {
    margin: 0;
    padding: 30px 0px;
    border: 0;
    font-size: 44px;
    color: #0a0a0a;
}
.single .entry-content p {
    font-size: 22px;
    line-height: 40px;
    color: #0a0a0a;
}
.single .entry-content ul {
    list-style: none;
    padding: 0;
    font-family: 'Outfit';
}
.single .entry-content ul li {
    position: relative;
    padding-left: 20px;
    font-size: 22px;
    line-height: 50px;
}
.single .entry-content ul li::before {
    content: '';
    background: #f3b7db;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 40%;
    left: 0;
}
.single  div#content {
    padding-top: 100px;
    padding-bottom: 100px;
}
.entry-meta {
    display: none;
}

.vc_row.btn-row {
    text-align: center;
}

div#footer-widget .footer-1 img {
    margin-top: 50px;
}

p.upload {
    font-size: 20px;
    margin-bottom: 19px;
    font-weight: 500;
}

@media only screen and (max-width: 1280px) {
	
.navbar-brand {
    width: 100% !important;
}
.center .testimonial-box .ctn figure img {
    height: 250px !important;
    margin: -40px 6px 0 !important;
}

.owl-carousel .owl-item img {
    height: 222px !important;
}
.banner-sec .owl-stage {
    height: 350px;
}
.owl-nav button {
    width: 48px !important;
    height: 48px !important;
}

.owl-nav button i {
    font-size: 20px !important;
}	
}

@media only screen and (max-width: 1199px) {
	
header#masthead .col-md-2 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    text-align: start;
    order: 1;
}
header#masthead .col-md-5 {
    order: 2;
    text-align: end;
}
header#masthead {
    padding: 0px 0px !important;
}

.navbar-brand {
    width: 40% !important;
    text-align: end !important;
}
.navbar-light .navbar-toggler {
    border-color: #66009fb3 !important;
    background: #66009fb3 !important;
}		
	
	div#main-nav {
    position: fixed;
    top: 0;
    height: 100%;
    padding: 40px 40px;
    background: #fff;
    z-index: 9999;
    transform: translateX(-100%);
    transition: 0.5s all ease-in-out;
    width: 30%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: start !important;
    left: 0;
}
div#main-nav.show {
    transform: none;
}
div#main-nav.collapse:not(.show) {
}
div#main-nav .navbar-brand {
    width: 100% !important;
    margin: 0;
    padding-bottom: 50px;
}
.right-col ul {
    display: block !important;
}

.right-col .navbar-brand {
    display: none;
}

.right-col ul li {
    margin-right: 0 !important;
    text-align: left !important;
    margin-bottom: 20px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    margin-right: 0px !important;
    text-align: left !important;
}

.right-col ul li img {
    width: 13%;
}

.pop-form {
    right: -120px;
}
.banner-sec h2 {
    font-size: 76px !important;
    line-height: 60px !important;
}	
}

@media only screen and (max-width: 1024px) {
	
.banner-sec .owl-nav {
    right: 45% !important;
    bottom: -100px !important;
}
div#footer-widget {
    padding: 30px 0px !important;
}

.footer-2 {
    padding-left:  40px !important;
}

.footer-3 {
    padding-left: 40px !important;
}
div#footer-widget p {
    margin-bottom: 0px;
}

.footer-5 section#text-4 {
    margin-bottom: 0px !important;
}
div#main-nav {
    width: 32% !important;
}

.banner-sec h2 {
    font-size: 66px !important;
    line-height: 50px !important;
}
.breadcrumbs {
    padding-top: 70px;
    padding-bottom: 70px;
}

.breadcrumbs h1 {
    font-size: 30px !important;
    line-height: 40px !important;
}

.single-product div.product .product_title {
    font-size: 30px !important;
    line-height: 40px !important;
}

.single-product p.price {
    font-size: 25px !important;
}

.single .entry-content p {
    font-size: 18px !important;
    line-height: 35px !important;
}

.woocommerce-tabs ul.tabs.wc-tabs li a {
    padding: 14px 52px !important;
    font-size: 13px !important;
}

.woocommerce section#primary {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
}

.single div#content {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

button#gang-sheet-builder-button {
    font-size: 16px !important;
}
.contact-page h2.vc_custom_heading {
    font-size: 35px !important;
    line-height: 40px !important;
}
section.contact-page {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}	
}

@media only screen and (max-width: 768px) {

 header#masthead {
    padding: 0px 0px !important;
}

.owl-carousel .owl-item img {
    height: 222px !important;
}

.center .testimonial-box .ctn figure img {
    height: 250px !important;
    margin: -40px 6px 0 !important;
}

.banner-sec .owl-stage {
    height: 350px;
}

.theme-btn a.vc_general {
    padding: 10px 40px ! IMPORTANT;
    font-size: 16px !important;
}

.about-sec .vc_col-sm-6 {
    width: 100% !important;
}

section.vc_section.about-sec {
    padding: 50px 20px 60px 20px ! IMPORTANT;
}
.about-sec h2 {
    font-size: 50px !important;
    text-align: center !important;
}

.about-sec p {
    text-align: center !important;
}

.wrap-1 h3, .wrap-2 h3 {
    text-align: center !important;
}
.footer-1 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

div#footer-widget .col-md-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
}

div#footer-widget {
    text-align: center;
}

.footer-4 {
    padding-left: 15px !im;
}

.footer-3 {
    padding-left: 15px !important;
}

.widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas {
    margin-left: 0px !important;
}

section#media_image-2 img {
    width: 50% !important;
}
div#main-nav {
        width: 40% !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li a {
    padding: 14px 52px !important;
    font-size: 13px !important;
}
.contact-page .vc_col-sm-8 {
    width: 100% !important;
}
.banner-sec h2 {
        font-size: 56px !important;
        line-height: 40px !important;
}
.theme-btn {
    margin-right: 0px !important;
}	
}

@media only screen and (max-width: 767px) {
	
header#masthead .col-md-5 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
section#primary {
    width: 100% !important;
}

.container {
    max-width: 100% !important;
}
	
.single-product div.product .product_title {
    font-size: 25px !important;
    line-height: 35px !important;
}

.single-product p.price {
    font-size: 20px !important;
}

.woocommerce-tabs ul.tabs.wc-tabs li a {
    padding: 14px 22px !important;
}
.single .entry-content p {
    font-size: 16px !important;
    line-height: 32px !important;
}
.faq-question {
    font-size: 18px !important;
}	
}

@media only screen and (max-width: 667px) {
	
    div#main-nav {
        width: 50% !important;
}
div#main-nav {
    width: 50% !important;
}	
}

@media only screen and (max-width: 568px) {
	
    .banner-sec h2 {
        font-size: 46px !important;
        line-height: 40px !important;
}
    .banner-sec .owl-nav {
        right: 41% !important;
        bottom: -180px !important;
}
    div#main-nav {
        width: 60% !important;
}	
}

@media only screen and (max-width: 520px) {
	
.about-sec h2 {
    font-size: 40px !important;
    line-height: 50px !important;
}
.navbar-brand {
    width: 60% !important;
}	
}

@media only screen and (max-width: 480px) {
	
.banner-sec h2 {
        font-size: 40px !important;
        line-height: 40px !important;
}
    div#main-nav {
        width: 65% !important;
}
.woocommerce-tabs ul.tabs.wc-tabs li a {
        padding: 14px 12px !important;
}
.breadcrumbs h1 {
    font-size: 25px !important;
    line-height: 35px !important;
}

.breadcrumbs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
    .banner-sec h2 {
        font-size: 35px !important;
        line-height: 35px !important;
}	
}

@media only screen and (max-width: 425px) {
	
.owl-carousel .owl-item img {
    height: 132px !important;
}

.center .testimonial-box .ctn figure img {
    height: 165px !important;
}

.banner-sec .owl-stage {
    height: 260px;
}
div#footer-widget p {
    font-size: 16px;
    line-height: 30px;
}
	 div#main-nav {
        width: 75% !important;
}
    .contact-page h2.vc_custom_heading {
        font-size: 25px !important;
        line-height: 30px !important;
    }	
}

@media only screen and (max-width: 375px) {
	
    div#main-nav {
        width: 75% !important;
    }	
}