:root {
    /* --primary: #d6af67; */
    --primary: #335BA3;
    /* --seconadry: #106200; */
    --seconadry: #1455c0;
  }
  /* 
Author: web4pro
Author URI:https://web4pro.pl
*/
/* 1- Typography
-------------------------------------------------
-------------------------------------------------*/
a {
    color: var(--primary);
  }
  a:hover {
    color: var(--primary);
  }
  a:focus,
  a:active {
    color: var(--primary);
  }
  mark,
  .mark {
    background-color: var(--primary);
    color: #ffffff;
  }
  .text-default {
    color: var(--primary);
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Lato", Sans-serif;
    color: var(--primary);
  }
  .navbar .navbar-nav {
    font-family: 'Poppins', sans-serif;
  }
  
  body {
    font-family: 'Poppins', sans-serif;
  }
  
  .logo-font {
    font-family: 'Poppins', sans-serif;
  }
  
  .alt-font {
    font-family: "Lato", Sans-serif;
  }
  /* Tables
  ---------------------------------- */
  .table.table-colored {
    border-bottom-color: var(--primary);
  }
  .table-colored > thead > tr > th {
    border-color: var(--primary);
    background-color: var(--primary);
    color: #fff;
  }
  /* 2- Layout
  -------------------------------------------------
  -------------------------------------------------*/
  .header-top.dark {
    background-color: #302e28;
    border-bottom: 1px solid #23221d;
  }
  .header.dark {
    background-color: #3d3b33;
    border-top-color: #3d3b33;
  }
  .header-top.colored {
    background-color: var(--primary);
    border-bottom: 1px solid var(--primary);
  }
  .default-bg {
    background-color: var(--primary);
    color: #ffffff;
  }
  /*Transparent Header*/
  .transparent-header header.header.dark.transparent-header-on {
    background-color: rgba(61, 59, 51, 0.8);
    border-top-color: rgba(35, 34, 29, 0.5);
  }
  /*Fixed Navigation*/
  .fixed-header-on .dark.header.fixed {
    background-color: rgba(61, 59, 51, 0.95);
  }
  /* Small devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .fixed-header-on .dark.header .dropdown-menu {
      border: 1px solid #302e28;
    }
  }
  /*Translucent Backgrounds*/
  .default-translucent-bg:after {
    background-color: rgba(199, 172, 86, 0.7);
  }
  .default-translucent-bg.hovered:hover:after {
    background-color: rgba(199, 172, 86, 0.8);
  }
  .default-hovered:hover:after,
  .default-hovered:hover {
    background-color: var(--primary);
  }
  /* 4 Pages
  -------------------------------------------------
  -------------------------------------------------*/
  /* Blog Timeline layout
  ---------------------------------- */
  .timeline-date-label:after {
    background-color: var(--primary);
  }
  /* 5 Components
  -------------------------------------------------
  -------------------------------------------------*/
  /* Buttons
  ---------------------------------- */
  /*Default Button*/
  .btn-default {
    color: #ffffff;
    background-color: var(--seconadry);
    border-color: var(--seconadry);
  }
  .btn-default:hover,
  .btn-default:focus,
  .btn-default.focus,
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-default.disabled,
  .btn-default[disabled],
  fieldset[disabled] .btn-default {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .btn-default-transparent {
    color: #777777;
    background-color: transparent;
    border-color: var(--primary);
  }
  .btn-default-transparent:hover,
  .btn-default-transparent:focus,
  .btn-default-transparent.focus,
  .btn-default-transparent:active,
  .btn-default-transparent.active,
  .open > .dropdown-toggle.btn-default-transparent {
    color: #ffffff;
    background-color: var(--primary);
    border-color: #a88d38;
  }
  .default-bg .btn-default,
  .default-translucent-bg .btn-default,
  .default-bg .btn-default-transparent,
  .default-translucent-bg .btn-default-transparent {
    color: var(--primary);
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .default-bg .btn-default:hover,
  .default-translucent-bg .btn-default:hover,
  .default-bg .btn-default:focus,
  .default-translucent-bg .btn-default:focus,
  .default-bg .btn-default.focus,
  .default-translucent-bg .btn-default.focus,
  .default-bg .btn-default:active,
  .default-translucent-bg .btn-default:active,
  .default-bg .btn-default.active,
  .default-translucent-bg .btn-default.active,
  .default-bg .open > .dropdown-toggle.btn-default,
  .default-translucent-bg .open > .dropdown-toggle.btn-default,
  .default-bg .btn-default-transparent:hover,
  .default-translucent-bg .btn-default-transparent:hover,
  .default-bg .btn-default-transparent:focus,
  .default-translucent-bg .btn-default-transparent:focus,
  .default-bg .btn-default-transparent.focus,
  .default-translucent-bg .btn-default-transparent.focus,
  .default-bg .btn-default-transparent:active,
  .default-translucent-bg .btn-default-transparent:active,
  .default-bg .btn-default-transparent.active,
  .default-translucent-bg .btn-default-transparent.active,
  .default-bg .open > .dropdown-toggle.btn-default-transparent,
  .default-translucent-bg .open > .dropdown-toggle.btn-default-transparent {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
  }
  /*White Button*/
  .btn-white {
    color: #777777;
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .btn-white:hover,
  .btn-white:focus,
  .btn-white.focus,
  .btn-white:active,
  .btn-white.active,
  .open > .dropdown-toggle.btn-white {
    color: var(--primary);
    background-color: #ffffff;
    border-color: #ffffff;
  }
  /*Background Transition*/
  .hvr-sweep-to-right:hover,
  .hvr-sweep-to-left:hover,
  .hvr-sweep-to-bottom:hover,
  .hvr-sweep-to-top:hover,
  .hvr-bounce-to-right:hover,
  .hvr-bounce-to-left:hover,
  .hvr-bounce-to-bottom:hover,
  .hvr-bounce-to-top:hover,
  .hvr-radial-out:hover,
  .hvr-rectangle-out:hover,
  .hvr-shutter-out-horizontal:hover,
  .hvr-shutter-out-vertical:hover {
    background: transparent;
  }
  .hvr-radial-in,
  .hvr-rectangle-in,
  .hvr-shutter-in-horizontal,
  .hvr-shutter-in-vertical {
    background: var(--primary);
  }
  .hvr-radial-in:hover,
  .hvr-rectangle-in:hover,
  .hvr-shutter-in-horizontal:hover,
  .hvr-shutter-in-vertical:hover {
    background: var(--primary);
  }
  .hvr-radial-in:before,
  .hvr-rectangle-in:before,
  .hvr-shutter-in-horizontal:before,
  .hvr-shutter-in-vertical:before {
    background: #ffffff;
  }
  .hvr-sweep-to-right:before,
  .hvr-sweep-to-left:before,
  .hvr-sweep-to-bottom:before,
  .hvr-sweep-to-top:before,
  .hvr-bounce-to-right:before,
  .hvr-bounce-to-left:before,
  .hvr-bounce-to-bottom:before,
  .hvr-bounce-to-top:before,
  .hvr-radial-out:before,
  .hvr-rectangle-out:before,
  .hvr-shutter-out-horizontal:before,
  .hvr-shutter-out-vertical:before {
    background: var(--primary);
  }
  /*ie9*/
  .no-csstransitions .hvr-radial-in,
  .no-csstransitions .hvr-rectangle-in,
  .no-csstransitions .hvr-shutter-in-horizontal,
  .no-csstransitions .hvr-shutter-in-vertical {
    background: transparent;
  }
  .no-csstransitions .hvr-sweep-to-right:hover,
  .no-csstransitions .hvr-sweep-to-left:hover,
  .no-csstransitions .hvr-sweep-to-bottom:hover,
  .no-csstransitions .hvr-sweep-to-top:hover,
  .no-csstransitions .hvr-bounce-to-right:hover,
  .no-csstransitions .hvr-bounce-to-left:hover,
  .no-csstransitions .hvr-bounce-to-bottom:hover,
  .no-csstransitions .hvr-bounce-to-top:hover,
  .no-csstransitions .hvr-radial-out:hover,
  .no-csstransitions .hvr-rectangle-out:hover,
  .no-csstransitions .hvr-shutter-out-horizontal:hover,
  .no-csstransitions .hvr-shutter-out-vertical:hover,
  .no-csstransitions .hvr-radial-in:hover,
  .no-csstransitions .hvr-rectangle-in:hover,
  .no-csstransitions .hvr-shutter-in-horizontal:hover,
  .no-csstransitions .hvr-shutter-in-vertical:hover {
    background: var(--primary);
  }
  /* Image overlay
  ---------------------------------- */
  .overlay-top a,
  .overlay-bottom a,
  .overlay-to-top a {
    color: #ffffff;
  }
  /* Pager
  ---------------------------------- */
  ul.pagination li > a:hover,
  ul.pagination li > a:focus {
    background-color: transparent;
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  ul.pagination li.active a,
  .pagination > .active > a:hover,
  .pagination > .active > a:focus {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  /* Breadcrumb
  ---------------------------------- */
  .banner .breadcrumb > li a:hover {
    color: var(--primary);
  }
  /* Nav pills
  ---------------------------------- */
  .nav-pills.style-2 > li.active > a,
  .nav-pills.style-2 > li.active > a:hover,
  .nav-pills.style-2 > li.active > a:focus,
  .nav-pills.style-2 > li > a:hover,
  .nav-pills.style-2 > li > a:focus {
    color: var(--primary);
    background-color: #fafafa;
    border: 1px solid #eaeaea;
  }
  .nav-pills.nav-stacked > li.active > a,
  .nav-pills.nav-stacked > li.active > a:hover,
  .nav-pills.nav-stacked > li.active > a:focus,
  .nav-pills.nav-stacked > li > a:hover,
  .nav-pills.nav-stacked > li > a:focus {
    color: var(--primary);
    background-color: transparent;
    border-color: transparent;
  }
  .nav-pills > li.active > a:after {
    color: var(--primary);
  }
  .nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:hover:after,
  .nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:focus:after,
  .nav-pills.nav-stacked:not(.list-style-icons) > li > a:hover:after,
  .nav-pills.nav-stacked:not(.list-style-icons) > li > a:focus:after {
    color: var(--primary);
  }
  .nav-pills.nav-stacked.list-style-icons > li > a > i {
    color: #cdcdcd;
  }
  .nav-pills.nav-stacked.list-style-icons > li.active > a > i,
  .nav-pills.nav-stacked.list-style-icons > li > a:hover > i,
  .nav-pills.nav-stacked.list-style-icons > li > a:focus > i {
    color: var(--primary);
  }
  /*footer*/
  .dark .footer-content .nav-pills > li > a,
  .dark .footer-content .nav-pills > li.active > a,
  .dark .footer-content .nav-pills > li.active > a:focus,
  .dark .footer-content .nav-pills > li > a:focus {
    color: #999999;
  }
  .dark .footer-content .nav-pills > li.active > a:hover,
  .dark .footer-content .nav-pills > li > a:hover {
    color: var(--primary);
  }
  /* Collapse
  ---------------------------------- */
  /*Style 2*/
  .collapse-style-2 .panel-heading a {
    color: #ffffff;
    background-color: var(--primary);
  }
  .panel-heading a {
    color: inherit;
  }
  /* Progress bars
  ---------------------------------- */
  .progress-bar-default {
    background-color: var(--primary);
  }
  /* Forms
  ---------------------------------- */
  .default-bg .form-control {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: var(--primary);
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
    color: #ffffff;
  }
  .default-bg .has-success .form-control:focus,
  .default-bg .has-warning .form-control:focus,
  .default-bg .has-error .form-control:focus {
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
  }
  .default-bg .input-group-addon {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: var(--primary);
  }
  .default-bg .form-control:focus {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .default-bg .form-control-feedback {
    color: #ffffff;
  }
  .dark.header .form-control,
  .dark.header-top .form-control {
    border-color: #302e28;
  }
  /*Icons
  ---------------------------------- */
  .icon.default-bg {
    background-color: var(--primary);
    color: #ffffff;
  }
  .icon.light-bg {
    background-color: #fff;
    color: var(--primary);
  }
  /*Listing Items
  ---------------------------------- */
  .listing-item .overlay-container .badge {
    border: 1px solid var(--primary);
    background-color: rgba(255, 255, 255, 0.95);
    color: var(--primary);
  }
  /*Modals
  ---------------------------------- */
  .modal-content .modal-header {
    background-color: var(--primary);
  }
  .modal-content .modal-title {
    color: #ffffff;
  }
  /*Breadcrumb
  ---------------------------------- */
  .banner .dark.breadcrumb-container {
    background-color: rgba(61, 59, 51, 0.6);
  }
  /*Pace (Page loader)
  ---------------------------------- */
  .page-loader-1 .pace {
    border: 1px solid var(--primary);
  }
  .page-loader-1 .pace .pace-progress {
    background: var(--primary);
  }
  .page-loader-2 .pace .pace-progress:before {
    background: var(--primary);
  }
  .page-loader-2 .pace .pace-activity {
    border: 5px solid var(--primary);
  }
  .page-loader-2 .pace .pace-activity:after {
    border: 5px solid var(--primary);
  }
  .page-loader-2 .pace .pace-activity:before {
    border: 5px solid var(--primary);
  }
  .page-loader-3 .pace .pace-progress {
    background: var(--primary);
  }
  .page-loader-4 .pace .pace-progress {
    background: var(--primary);
  }
  .page-loader-5 .pace .pace-progress:after {
    color: var(--primary);
  }
  .page-loader-6 .pace .pace-activity {
    background: var(--primary);
  }
  /* 6 Navigations
  -------------------------------------------------
  -------------------------------------------------*/
  /* 6.1 Light Version
  ---------------------------------- */
  /* first level menu item on hover/focus */
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: var(--primary);
  }
  .transparent-header .header:not(.dark) .navbar-nav > li.open > a,
  .transparent-header .header:not(.dark) .navbar-nav > li > a:hover,
  .transparent-header .header:not(.dark) .navbar-nav > li > a:focus {
    color: var(--primary);
  }
  /* first level menu item when opened */
  .main-navigation .navbar-nav > .open > a,
  .main-navigation .navbar-nav > .open > a:hover,
  .main-navigation .navbar-nav > .open > a:focus,
  .main-navigation .navbar-nav > .dropdown > a:focus {
    background-color: #ffffff;
    color: var(--primary);
    border-bottom-color: #ffffff;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
  }
  /* second level menu item on focus/hover and when opened */
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus,
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus,
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus,
  .dropdown-menu .menu > .active > a,
  .dropdown-menu .menu > .active > a:hover,
  .dropdown-menu .menu > .active > a:focus {
    background-color: #fcfcfc;
    color: var(--primary);
    border-color: #f7f7f7;
  }
  /* Mega Menu 
  ------------------------------ */
  header:not(.dark) .mega-menu .menu > li > a:hover i,
  header:not(.dark) .dropdown-menu > li > a:hover i,
  header:not(.dark) .mega-menu .menu > li.active > a i,
  header:not(.dark) .dropdown-menu > li.active > a i {
    color: var(--primary);
  }
  /* mega menu menu item on focus/hover*/
  .mega-menu .menu > li > a:hover,
  .mega-menu .menu > li > a:focus {
    background-color: #fcfcfc;
    color: var(--primary);
    border-color: #f7f7f7;
    text-decoration: none;
  }
  /* Arrow for parent menu item 
  ------------------------------ */
  .header:not(.dark) .active.dropdown > a:before,
  .header:not(.dark).centered .active.dropdown > a:before {
    color: var(--primary);
  }
  .transparent-header .header:not(.dark) .dropdown:not(.open):not(.active) > a:before {
    color: #777777;
  }
  .transparent-header .header:not(.dark) .navbar-default .navbar-nav > .dropdown.open > a:before {
    color: var(--primary);
  }
  .dropdown .dropdown.open > a:before,
  .header.centered:not(.dark) .dropdown .dropdown.open > a:before {
    color: var(--primary);
  }
  /* Mobile Menu
  ------------------------------ */
  /* mobile menu toggle button on hover/focus */
  .navbar-default .navbar-toggle {
    border-color: #ccc;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #fafafa;
    border-color: var(--primary);
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc;
  }
  .navbar-default .navbar-toggle:hover .icon-bar,
  .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: var(--primary);
  }
  /* Small devices (tablets, phones less than 767px) */
  @media (max-width: 767px) {
    /* Mobile menu
      ------------------------------ */
    /* active item */
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: var(--primary);
      background-color: transparent;
    }
    /* first level item hover and focus states */
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
      color: var(--primary);
      background-color: #fff;
      border-bottom-color: transparent;
    }
    /* second level item on hover/focus */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: var(--primary);
    }
    /* Arrow for parent menu item */
    .navbar-default .navbar-nav > .dropdown.open > a:before {
      color: var(--primary);
    }
  }
  /* 6.2 Dark Version
  ------------------------------ */
  /* first level active menu item when opened */
  .dark.header .main-navigation .navbar-nav > .open > a,
  .dark.header .main-navigation .navbar-nav > .open > a:hover,
  .dark.header .main-navigation .navbar-nav > .open > a:focus,
  .dark.header .main-navigation .navbar-nav > .dropdown > a:focus {
    border-bottom-color: #302e28;
  }
  /* second level menu item */
  .dark.header .dropdown-menu {
    background-color: #302e28;
    border: 1px solid rgba(61, 59, 51, 0.8);
  }
  .dark.header .dropdown-menu .divider {
    background-color: #3d3b33;
  }
  .dark.header .dropdown-menu > li > a,
  .dark.header .mega-menu .menu > li > a {
    border-bottom: 1px solid rgba(61, 59, 51, 0.8);
  }
  .dark.header .mega-menu .menu > li > a:hover,
  .dark.header .mega-menu .menu > li > a:focus {
    border-color: rgba(61, 59, 51, 0.8);
  }
  .dark.header .dropdown-menu > li > a:hover,
  .dark.header .dropdown-menu > li > a:focus,
  .dark.header .nav .open > a,
  .dark.header .nav .open > a:hover,
  .dark.header .nav .open > a:focus,
  .dark.header .dropdown-menu > .active > a,
  .dark.header .dropdown-menu > .active > a:hover,
  .dark.header .dropdown-menu > .active > a:focus,
  .dark.header .dropdown-menu .menu > .active > a,
  .dark.header .dropdown-menu .menu > .active > a:hover,
  .dark.header .dropdown-menu .menu > .active > a:focus {
    border-color: rgba(61, 59, 51, 0.8);
  }
  /* Small devices (tablets, phones less than 767px) */
  @media (max-width: 767px) {
    .transparent-header .dark .main-navigation .navbar.navbar-default {
      background-color: rgba(61, 59, 51, 0.9);
      border-color: rgba(35, 34, 29, 0.5);
    }
  }
  /* 6.3 Subfooter navigation
  ------------------------------ */
  .subfooter .navbar-default .nav > li > a:hover,
  .subfooter .navbar-default .nav > .active > a:hover,
  .subfooter .navbar-default .nav > .active > a:focus {
    background-color: transparent;
    text-decoration: underline;
    color: var(--primary);
  }
  /* 6.3 Offcanvas navigation
  ------------------------------ */
  #offcanvas .nav .open > a,
  #offcanvas .nav .open > a:hover,
  #offcanvas .nav .open > a:focus,
  #offcanvas .nav > li > a:hover,
  #offcanvas .nav > li > a:focus,
  #offcanvas .navbar-nav > li.active > a {
    color: var(--primary);
    background-color: #ffffff;
  }
  /*Nav arrows*/
  #offcanvas .dropdown > a:before {
    color: #777777;
  }
  #offcanvas .dropdown.open > a:before {
    color: var(--primary);
  }
  /* 7 Blocks/Widgets
  -------------------------------------------------
  -------------------------------------------------*/
  /* Social icons block
  ------------------------------ */
  .social-links li a {
    border: 1px solid #e7e7e7;
    color: #cdcdcd;
  }
  .social-links li a:hover {
    background-color: transparent;
    border-color: var(--primary);
    color: var(--primary);
  }
  .dark.social-links li a {
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #ffffff;
  }
  .social-links.animated-effect-1 li a:hover {
    color: #ffffff!important;
  }
  .social-links.animated-effect-1 li a:after {
    background-color: var(--primary);
  }
  .default.social-links li a {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #ffffff;
  }
  .default.social-links li a:hover {
    background-color: #ffffff;
    color: #777777;
  }
  /*Header Top Dropdowns*/
  .header-top:not(.dark) .social-links .dropdown.open > button > i:before {
    color: var(--primary);
  }
  .header-top.colored .social-links .dropdown > button > i:before,
  .header-top.colored .social-links .dropdown.open > button > i:before {
    color: #ffffff;
  }
  .dark.header-top .dropdown-menu {
    border: 1px solid #23221d;
    border-top: none;
    background: #302e28;
  }
  .header-dropdown-buttons .btn-group .dropdown-menu {
    border: none;
  }
  /* Full Width Content
  ---------------------------------- */
  /* Medium devices (tablets, phones) */
  @media (max-width: 1199px) {
    .full-width-section:not(.no-image) .full-text-container.default-bg {
      background-color: rgba(199, 172, 86, 0.6);
    }
  }
  /*Header Dropdowns (search, cart etc)
  ---------------------------------- */
  .header-dropdown-buttons .btn-group > .btn {
    background-color: #f2f2f2;
    border: 1px solid #e9e9e9;
  }
  .header-dropdown-buttons .btn-group > .btn:hover {
    background-color: var(--primary);
    color: #fff;
    border-color: var(--primary);
  }
  .header-dropdown-buttons .btn-group.open > .btn {
    background-color: var(--primary);
    color: #fff;
    border-color: var(--primary);
  }
  .colored.header-top .dropdown-menu {
    border: 1px solid var(--primary);
    background: var(--primary);
  }
  /* Media 
  ---------------------------------- */
  .media:hover .icon {
    background-color: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
  }
  /* Pricing tables
  ---------------------------------- */
  .popover-title {
    background-color: var(--primary);
    color: #ffffff;
  }
  /* Tags cloud block
  ---------------------------------- */
  .tag a {
    color: #ffffff;
    background-color: var(--primary);
    border: 1px solid var(--primary);
  }
  .tag a:hover {
    color: var(--primary);
    background-color: #ffffff;
    border-color: var(--primary);
    text-decoration: none;
  }
  /* 8 Main Slideshow
  -------------------------------------------------
  -------------------------------------------------*/
  .tp-bannertimer {
    background-color: rgba(199, 172, 86, 0.8);
  }
  /* 9 Owl Carousel
  -------------------------------------------------
  -------------------------------------------------*/
  .content-slider-with-large-controls .owl-buttons .owl-prev:after,
  .content-slider-with-large-controls-autoplay .owl-buttons .owl-prev:after {
    color: var(--primary);
  }
  .content-slider-with-large-controls .owl-buttons .owl-next:after,
  .content-slider-with-large-controls-autoplay .owl-buttons .owl-next:after {
    color: var(--primary);
  }
  /* 9 wsnt
  -------------------------------------------------
  var(--primary)
  -------------------------------------------------*/
  
  h1, h2, h3, h4, h5, h6 { margin:0 0 25px 0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }
  h1 { font-size:54px; line-height: 1.1; font-weight: 900; margin-bottom:50px; text-transform: initial;}
  h2 {font-size:28px;line-height:1.1; font-weight: 700; font-style: italic; text-transform: initial; }
  h3 { font-size:3.4rem; line-height:3.9rem; }
  h4 { font-size:26px;line-height:1.1; font-weight: 700; font-style: italic; text-transform: initial; margin: 10px 0 25px 0}
  h5 { font-size:2.30rem; line-height:3rem; }
  h6 { font-size:25px; line-height:35px; }
  
  p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: 15px;
    line-height: 30px;
  }
  
  section {
    padding: 130px 0;
    overflow: hidden;
    display: block;
  }
  
  .header-top.colored a {
    /* Zmiana 2022-10-13 */
    /* color: #000; */
    color: #fff;
    text-decoration: none;
  }
  .header-top.dark, .header-top.colored {
    /* Zmiana 2022-10-13 */
    /* color: #000; */
    color: #fff;
  }
  
  .mega-menu .menu > li > a i,
  .dropdown-menu > li > a i {
    color: var(--primary);
  }
  .colored .btn-default {
    /* Zmiana 2022-10-13 */
    /* color: #000; */
    color: #fff;
  }
  
  #logo_img {
    padding: 8px 0 0 0;
  }
    
  /* index hero */
  .cover-background {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: center center !important;
  }
  .p-0 {
    padding: 0!important;
  }
  .pb-0 {
    padding-bottom: 0!important;
  }
  .pb-0 {
    padding-bottom: 0!important;
  }
  
  .min-h-600px {
    min-height: 600px;
  }
  .d-flex {
    display: flex!important;
  }
  .flex-column {
    flex-direction: column!important;
  }
  .justify-content-center {
    justify-content: center!important;
  }
  .margin-65px-bottom {
    margin-bottom: 65px;
  }
  .line-height-65px {
    line-height: 65px;
  }
  .font-weight-500 {
    font-weight: 500 !important;
  }
  .letter-spacing-minus-1px {
    letter-spacing: -1px;
  }
  .text-end {
    text-align: right!important;
  }
  .w4p-hero-container {margin-top:100px;}
  .hero-header {font-size:55px;}
  .margin-30px-top {
    margin-top: 30px;
  }
  
  /* section o nas  */
  .margin-100px-top {
    margin-top: 100px;
  }
  
  .letter-spacing-2px {
    letter-spacing: 2px;
  }
  .text-uppercase {
    text-transform: uppercase!important;
  }
  .pd-30 {padding:30px;}
  
  ul { margin: 0; padding: 0; }
  .list-style-02 li { list-style: none; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; }
  .list-style-02 li i { line-height: 30px; }
  .margin-20px-bottom {
    margin-bottom: 20px;
  }
  .margin-10px-right {
    margin-right: 10px;
  }
  .text-large {
    font-size: 18px;
    line-height: 22px;
  }
  .feather {
    font-family: feather!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .footer {
    background-color: transparent;
  }
  .subfooter-inner a {
    color: #000;
    font-weight: initial;
  }
  
  .border-color-light-gold {
    border-color: #d9b64f57 !important;
  }
  
  
  /* COOKIE INFO */
  .w4p-cookie-info{
      line-height: 10px;
      font-size: 10px;
  }
  .cookie-disclaimer {
    background: #000000;
    color: #FFF;
    opacity: 0.8;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 70px;
    position: fixed;
  }
  .cookie-disclaimer .container {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .cookie-disclaimer .cookie-close{
    float: right;
    padding: 10px;
    cursor: pointer;
  }
  
  .image-box-link:hover {text-decoration: none;}
  .image-box.style-2{    border: 1px solid var(--primary);}
  .shadow:after,
  .shadow-narrow:after {
    -webkit-box-shadow: 0 5px 7px #ddd2b2;
    box-shadow: 0 5px 7px #ddd2b2;
    content: "";
    position: absolute;
    height: 50%;
    width: 96%;
    left: 50%;
    bottom: 2px;
    margin-left: -48%;
    z-index: 1;
    border-radius: 6%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .w-name{width:70%}
  .w-name h2 {font-size:26px;
    line-height: 30px;
    padding-top: 17px;
    margin: 0;
  }
  .w-icon{width:10%}
  .w-icon .w4p-flower-icon {
    height: 50px;
      width: 69px;
  }
  .w-button{width: 20%;}
  .table-striped > tbody > tr:nth-child(odd) > td,
  .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fbfbfb;
  }
  .text-center img {display:inline-block;}
  .feature-box ul {text-align:left;}
  .panel-title {
    font-size: 26px;
  }
  .collapse-style-2 .panel-heading a.collapsed {
    background-color: #fbfbfa; 
    color: var(--primary);
  }
  .collapse-style-2 .panel-heading a:after {
    font-size: 36px;
    margin-top: -19px;
  }
  .mb-30 {margin-bottom:30px;}
  
  .w4p-articleimage {
      max-width:550px;
      /* margin-top:30px; */
      padding:20px;
  }
  
  .separator-2:after {
      height: 1px;
      background: rgb(222 190 96);
      background: -moz-linear-gradient(left, rgba(222, 190, 96, 0.18) 0%, rgba(222, 190, 96, 0.12) 35%, rgba(222, 190, 96, 0.05) 70%, transparent 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(222, 190, 96, 0.18)), color-stop(35%, rgba(222, 190, 96, 0.12)), color-stop(70%, rgba(222, 190, 96, 0.05)), color-stop(100%, transparent));
      background: -webkit-linear-gradient(left, rgba(222, 190, 96, 0.18) 0%, rgba(222, 190, 96, 0.12) 35%, rgba(222, 190, 96, 0.05) 70%, transparent 100%);
      background: -o-linear-gradient(left, rgba(222, 190, 96, 0.18) 0%, rgba(222, 190, 96, 0.12) 35%, rgba(222, 190, 96, 0.05) 70%, transparent 100%);
      background: -ms-linear-gradient(left, rgba(222, 190, 96, 0.18) 0%, rgba(222, 190, 96, 0.12) 35%, rgba(222, 190, 96, 0.05) 70%, transparent 100%);
      background: linear-gradient(to right, rgb(222 190 96) 0%, rgb(222 190 96) 35%, rgb(222 190 96) 70%, transparent 100%);
  }
  
  .separator:after {
      background: rgb(222 190 96);
      background: -moz-linear-gradient(left, transparent 0%, rgba(222, 190, 96, 0.09) 35%, rgba(222, 190, 96, 0.09) 70%, transparent 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(222, 190, 96, 0.09)), color-stop(70%, rgba(222, 190, 96, 0.09)), color-stop(100%, transparent));
      background: -webkit-linear-gradient(left, transparent 0%, rgba(222, 190, 96, 0.09) 35%, rgba(222, 190, 96, 0.09) 70%, transparent 100%);
      background: -o-linear-gradient(left, transparent 0%, rgba(222, 190, 96, 0.09) 35%, rgba(222, 190, 96, 0.09) 70%, transparent 100%);
      background: -ms-linear-gradient(left, transparent 0%, rgba(222, 190, 96, 0.09) 35%, rgba(222, 190, 96, 0.09) 70%, transparent 100%);
      background: linear-gradient(to right, transparent 0%, rgba(222, 190, 96, 0.09) 35%, rgba(222, 190, 96, 0.09) 70%, transparent 100%);
  }
  
  ul.basic-list {
      margin-left:30px;
  }

  /* OHLER */

.productAutosize.gallery.overlay-container {
  min-height: 185px!important;
}
.gallery-title {
  font-size: 40px;
  margin-top: 40px;
}

  div.call-to-action > div.row > div.col-md-8 > h2 {
    margin-top:30px;
  }
  .userBundleBg {
    background-image: url(/images/slide-5.jpg);
  }

  .mainBanner {
    /* width: 1920px;
    height: 900px; */
    color:#fff;
    padding: 100px 0;
    background-image: url(/images/slide-5.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #65523e;
}
.mainBanner picture {
    position: relative;
    max-width: 100%;
}
.center {
    max-width: 1170px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}
.heading1 {
    font-family: Lato,Arial,Helvetica,sans-serif;
    font-weight: 900;
    font-size: 80px;
    color:#fff;
    line-height: 1;
    margin-bottom: 30px;
}
.heading4 {
    font-family: Lato,Arial,Helvetica,sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 44px;
    color:#fff;
    line-height: 1.5;
    margin-bottom: 10px;
}
.bannerButtonWrapper {
    display:block;
    padding:0!important;
    margin-top:10px;
}
.btn-default {
    font-family: Lato,Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: rgba(255,255,255,1);

    /* Zmiana 2022-12-10 */
    /* background: rgba(16,99,0,1); */
    border: 1px solid rgba(214,174,103,1);
    /* padding-top: 10px; */
    padding-right: 30px;
    /* padding-bottom: 10px; */
    padding-left: 30px;
    border-radius: 5px;
}

.w4p-attributeCircle {
    border-radius: 0%;
    width: fit-content;
    max-width: 200px;
    padding: 0 10px 0 10px;
}

/* Cart steps */
.w4p-orderSteps {
  margin-bottom: 25px;
}
.show-grid [class^=col-] {
  /* padding-top: 10px; */
  padding-bottom: 10px;
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
  list-style: none;
}

.media > .pull-left > .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 35px;
}

.show-grid > .col-md-4.active { 
  color: #fff;
  background-color: var(--seconadry);
}

.show-grid > .col-md-4.inactive { 
  color: #ccc;
  background-color: #fafafa;
} 

.show-grid > .col-md-4 > .media {
  margin-bottom: 0;
  margin-top: 14px;
}
.show-grid > .col-md-4 > .media > .media-body{
  padding-top: 10px;
}

@media only screen and (min-width: 992px) {
  .show-grid > .col-md-4 {min-height: 76px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
  .show-grid > .col-md-4 > .media > .media-body{font-size: 13px;}
}

  /* BASIC  */

  /* flags  */
  #currentLang > img {
    margin-top:-7px!important;
  }
  #currentCurrency > b,
  .twitter > a > b {
    font-size: 12px;
  }
  .twitter > a > i:before {
    margin-left:-5px;
  }

.xzoom-thumbs>a>img {
 display: none!important;
}

  
  @keyframes pulse {
      0% {
          box-shadow: 0 0 0 0 rgb(217 182 78);
      }
      70% {
          box-shadow: 0 0 0 20px rgb(25 180 254 / 0%);
      }
      100% {
          box-shadow: 0 0 0 0 rgb(25 180 254 / 0%);
      }
  }
  
  
  @media only screen and (min-width: 321px) {
      .productAutosize.overlay-container {
          min-height: 275px;
      }
  }
  
  @media only screen and (max-width: 767px) {
    .index-onas-bg {
      background-position: top right;
      background-size: 392px auto;
    }
    .p-0.cover-background.overlap-height{
      background-position: bottom left!important;
    }
    .w-name, .w-icon, .w-button{width:100%;display: inline-grid;}
    .table > tbody > tr > td {border:none;}
  }
  
  
  
  @media only screen and (min-width: 992px) {
    header .navbar .navbar-brand img {max-height: 150px;position: absolute;margin-top: -67px;}
    .ramka {
      border-style: solid;
      border-width: 0px 1px 0px 0px;
      border-color: var(--primary);
      transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    }
    
  }
  @media only screen and (max-width: 1199px) {
      .body h3 {
          font-size: 14px;
          line-height: 24px;
        }
  }
  
  @media only screen and (min-width: 1200px) {
      .body h3.w4p-longtitle {
          font-size: 21px;
      }
      .productAutosize.overlay-container {
          min-height: 185px;
        }
    }
  
  @media only screen and (min-width: 2200px) {
    #footer {
      background-size: 18% auto;
    }
  }