/*******************************************************************************
 * TABLE OF CONTENTS
 * 1) Elements
 * 2) Layout
 * 3) Sections
 * 4) Pages
 * 5) Components
 * 6) Navigations
 * 7) Blocks/Widgets
 * 8) Main Slideshow
 * 9) Owl carousel
 * 10) Full Page
 * 11) Typography
 * 12) Theme color
 ******************************************************************************/



 @charset "UTF-8";

 /*** Custom Fonts ***/
 
 /*
 
  */
 
 /* MyriadPro-Light */
 @font-face {
     font-family: 'myriad-pro,sans-serif';
     src: url(../fonts/myriadpro/MyriadPro-Light.otf);
 }
 
 @font-face {
     font-family: 'myriad-pro-cond-reg,sans-serif';
     src: url(../fonts/myriadpro/MyriadPro-Cond.otf);
 }
 
 /* gillsans / Gill Sans, Regular */
 @font-face {
     font-family: 'gillsans-regular, sans-serif';
     src: url(../fonts/gillsans/GIL_____.TTF);
 }
 
 /* gillsans / Gill Sans, Condensed */
 @font-face {
     font-family: 'gillsans-condensed, sans-serif';
     src: url(../fonts/gillsans/GILC____.TTF);
 }
 
 
 /******************************************************************************/
 /*** 1 Elements ***************************************************************/
 /******************************************************************************/
 
 body.canvas-sliding,
 body.canvas-slid {
     overflow-x: hidden;
 }
 
 .no-trans * {
     -webkit-transition: none !important;
     -o-transition: none !important;
     transition: none !important;
 }
 
 img {
     display: block;
     max-width: 100%;
     height: auto;
 }
 
 img.inline {
     display: inline-block;
 }
 
 .btn,
 .dropdown-menu,
 .dropdown-item {
     color: #0f314d;
 }
 
 /* Lists
  ---------------------------------- */
 ul {
     list-style: square;
 }
 
 .list-icons,
 .list {
     list-style: none;
     padding: 0;
 }
 
 .list-icons li,
 .list li {
     padding: 5px 0;
 }
 
 .list-icons li i {
     min-width: 25px;
     text-align: center;
 }
 
 .list-inline {
     margin-top: 9px;
     margin-bottom: 8px;
 }
 
 .header-top .list-inline {
     display: inline-block;
 }
 
 /* Medium desktop devices and tablets */
 @media (min-width: 992px) and (max-width: 1199px) {
     .header-top .list-inline>li {
         padding: 0;
     }
 }
 
 /* Tables
  ---------------------------------- */
 .table:not(.table-bordered) {
     border-bottom: 2px solid #f3f3f3;
 }
 
 .table>thead>tr>th {
     vertical-align: bottom;
     border-bottom: 1px solid #eaeaea;
     background-color: #eaeaea;
     color: #0f314d;
     font-weight: 400;
 }
 
 .table-colored>thead>tr>th {
     color: #ffffff;
 }
 
 tbody {
     background-color: #ffffff;
 }
 
 .table>thead>tr>th,
 .table>tbody>tr>th,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
     padding: 8px 15px;
     border-top: 1px solid #d0d0ce;
 }
 
 .table-striped tbody {
     background-color: #ffffff;
 }
 
 .table-striped>tbody>tr:nth-child(odd)>td,
 .table-striped>tbody>tr:nth-child(odd)>th {
     background-color: #f5f5f5;
 }
 
 .table-striped.table>tbody>tr>td {
     border-color: #e8e8e8;
 }
 
 .table-bordered>thead>tr>th,
 .table-bordered>tbody>tr>th,
 .table-bordered>tfoot>tr>th,
 .table-bordered>thead>tr>td,
 .table-bordered>tbody>tr>td,
 .table-bordered>tfoot>tr>td {
     border-color: #f3f3f3;
 }
 
 .table-hover>tbody>tr:hover {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
 .dark .table:not(.table-bordered) {
     border-bottom: 2px solid rgba(255, 255, 255, 0.07);
 }
 
 .dark .table>tbody {
     background-color: transparent;
 }
 
 .dark .table>tbody>tr>td {
     border-top: 1px solid rgba(255, 255, 255, 0.07);
 }
 
 .dark .table>thead>tr>th {
     border-bottom: 1px solid rgba(255, 255, 255, 0.07);
     background-color: rgba(0, 0, 0, 0.15);
     color: #f1f1f1;
     font-weight: 400;
     border-top: none;
 }
 
 
 
 /******************************************************************************/
 /*** 2 Layout *****************************************************************/
 /******************************************************************************/
 
 /* Custom width container
  @media (min-width: 576px) {
      .container {
          max-width: 570px;
      }
  }
  @media (min-width: 768px) {
      .container {
          max-width: 750px;
      }
  }
  @media (min-width: 992px) {
      .container {
          max-width: 990px;
      }
  }
  @media (min-width: 1200px) {
      .container {
          max-width: 1170px;
      }
  }*/
 
 /* Width */
 .width-100 {
     width: 100%;
 }
 
 /* Borders */
 .border-1 {
     border-top: 1px solid #d0d0ce;
 }
 
 /* Page wrapper */
 .page-wrapper {
     background-color: #ffffff;
 }
 
 /* Header */
 .header-top:not(.banner) {
     background-color: #fff;
     border-bottom: 0 none;
     padding: 5px 0;
 }
 
 .header {
     border-top: 0;
     border-bottom: 0;
     background-color: #0f314d;
     box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
     position: relative;
     z-index: 3;
 }
 
 .header.dark {
     border-bottom: none;
 }
 
 .header-top.dark+.header:not(.dark) {
     border-top-color: #dddddd;
 }
 
 .header-top:not(.dark)+.header.dark {
     border-top-color: #303030;
 }
 
 .header.header-small {
     padding: 10px 0;
 }
 
 .header-row-separator {
     border-top: 1px solid #d0d0ce;
     margin-top: 28px
 }
 
 .dark .footer {
     background-color: #222222;
 }
 
 .dark .subfooter {
     background-color: #373737;
     border-color: #454545;
 }
 
 /*Transparent Header*/
 .transparent-header .header-top {
     z-index: 103;
     position: relative;
 }
 
 .transparent-header header.header.transparent-header-on {
     z-index: 22;
     position: absolute;
     width: 100%;
     left: 0;
     background-color: rgba(255, 255, 255, 0.92);
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
     border-top-color: #a0a0a0;
 }
 
 .transparent-header .header-top.colored+header.header.transparent-header-on {
     border-top-color: transparent;
 }
 
 .header-logo {
     padding: 28px 0 0 0;
 }
 
 .header-search,
 .header-promo {
     padding: 38px 0 0 0;
 }
 
 /*header dropdown*/
 .navbar.navbar-toggleable-md .header-dropdown-buttons {
     position: absolute;
     top: 19px;
     right: 80px;
     padding-top: 0;
 }
 
 .scroll-spy .banner {
     min-height: 100px;
 }
 
 .banner.parallax,
 .banner.light-translucent-bg,
 .banner.dark-translucent-bg,
 .banner.default-translucent-bg {
     min-height: 250px;
     padding-top: 60px;
     padding-bottom: 20px;
 }
 
 .banner.banner-big-height {
     min-height: 550px;
     padding-top: 100px;
 }
 
 .banner.video-background-banner {
     min-height: 400px;
     padding-top: 100px;
 }
 
 
 .main-container {
     padding: 0 0 25px 0;
 }
 
 .block {
     margin-bottom: 50px;
 }
 
 .section {
     padding: 20px 0;
 }
 
 .footer-top {
     padding: 20px 0;
 }
 
 .footer {
     padding: 0;
     background-color: #fafafa;
 }
 
 .footer-content {
     padding: 20px 0;
 }
 
 .footer .payement-logos-section {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-basis: 100%;
 }
 
 .footer .payement-logos-section .payement-logos {
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }
 
 .footer .payement-logos-section .payement-logos img {
     height: 35px;
     width: auto;
 }
 
 .footer .payement-logos-section .payement-logos .payement-logo:not(:last-child) {
     margin-right: 10px;
 }
 
 @media (max-width:767px) {
     .footer .payement-logos-section {
         justify-content: center;
         flex-wrap: wrap;
         margin-top: 30px;
     }
 
     .footer .payement-logos-section .payement-logos {
         flex-basis: 100%;
         margin-bottom: 15px;
     }
 }
 
 .subfooter {
     background-color: #fff;
     padding: 10px 0;
     border-top: 0;
 }
 
 .full-page .subfooter {
     background-color: transparent;
     position: fixed;
     border: none;
     color: #bbbbbb;
     width: 100%;
     bottom: 0;
     padding: 15px 0;
 }
 
 .full-page .subfooter p a {
     text-decoration: none;
     color: #a1a1a1;
 }
 
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
 
     /*Centered Logo Layout*/
     .header.centered .header-first {
         padding: 12px 0;
     }
 }
 
 /* Medium devices (desktops, tablets less than 991px) */
 @media (max-width: 991px) {
     .sidebar {
         margin-top: 40px;
     }
 
     .footer-content {
         padding: 10px 0;
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
 
     /*Transparent Header*/
     .transparent-header .header-first {
         padding: 12px 0 12px;
     }
 
     .transparent-header .header-first.visible-xs {
         padding: 10px 0 3px;
     }
 
     .transparent-header .header-second {
         z-index: 21;
     }
 
     /*Full width Header*/
     .header.full-width {
         padding: 0 15px;
     }
 
     .header.full-width .header-first {
         padding: 8px 0 0;
     }
 }
 
 /* Boxed Layout
  ---------------------------------- */
 .boxed .page-wrapper {
     margin-right: auto;
     margin-left: auto;
     position: relative;
     -webkit-box-shadow: 0px 0px 10px #cacaca;
     box-shadow: 0px 0px 10px #cacaca;
 }
 
 .boxed.transparent-page-wrapper .page-wrapper {
     background-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .pattern-1 {
     background-image: url("../images/pattern-1.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-2 {
     background-image: url("../images/pattern-2.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-3 {
     background-image: url("../images/pattern-3.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-4 {
     background-image: url("../images/pattern-4.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-5 {
     background-image: url("../images/pattern-5.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-6 {
     background-image: url("../images/pattern-6.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-7 {
     background-image: url("../images/pattern-7.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-8 {
     background-image: url("../images/pattern-8.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-9 {
     background-image: url("../images/pattern-9.png");
     background-repeat: repeat;
     background-position: 0 0;
 }
 
 .pattern-4 .page-wrapper,
 .pattern-5 .page-wrapper,
 .pattern-6 .page-wrapper,
 .pattern-7 .page-wrapper,
 .pattern-8 .page-wrapper,
 .pattern-9 .page-wrapper {
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .boxed .page-wrapper {
         width: 750px;
     }
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
     .boxed .page-wrapper {
         width: 970px;
     }
 }
 
 /* Large devices (Large desktops 1200px and up) */
 @media (min-width: 1200px) {
     .boxed .page-wrapper {
         width: 1170px;
     }
 }
 
 /*Backgrounds
  ---------------------------------- */
 .background-img-1 {
     background: url("../images/background-img-1.jpg") 50% 0px no-repeat;
 }
 
 .background-img-2 {
     background: url("../images/background-img-2.jpg") 50% 0px no-repeat;
 }
 
 .background-img-3 {
     background: url("../images/background-img-3.jpg") 50% 0px no-repeat;
 }
 
 .background-img-4 {
     background: url("../images/background-img-4.jpg") 50% 0px no-repeat;
 }
 
 .background-img-5 {
     background: url("../images/background-img-5.jpg") 50% 0px no-repeat;
 }
 
 .background-img-6 {
     background: url("../images/background-img-6.jpg") 50% 0px no-repeat;
 }
 
 .background-img-7 {
     background: url("../images/background-img-7.jpg") 50% 0px no-repeat;
 }
 
 .background-img-8 {
     background: url("../images/background-img-8.jpg") 50% 0px no-repeat;
 }
 
 .background-img-9 {
     background: url("../images/background-img-9.jpg") 50% 0px no-repeat;
 }
 
 .background-img-10 {
     background: url("../images/background-img-10.jpg") 50% 0px no-repeat;
 }
 
 .fullscreen-bg {
     background: url("../images/fullscreen-bg.jpg") 50% 0px no-repeat;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
 }
 
 .boxed .fullscreen-bg {
     background: none;
 }
 
 .white-bg {
     background-color: #ffffff;
 }
 
 .light-gray-bg {
     background-color: #fafafa;
     border-top: 1px solid #f3f3f3;
     border-bottom: 1px solid #f3f3f3;
 }
 
 .footer-top.light-gray-bg {
     background-color: #f5f5f5;
     border-top: 1px solid #eaeaea;
     border-bottom: 1px solid #eaeaea;
 }
 
 .dark-bg {
     background-color: #373737;
     color: #cdcdcd;
 }
 
 .dark-bg+.dark-bg:not(.image-box):not(.full-image-container):not(.full-text-container):not(.full-width-section) {
     background-color: #555555;
 }
 
 .dark-bg+.dark-bg+.dark-bg {
     background-color: #373737;
 }
 
 .dark-bg h1,
 .dark-bg h2,
 .dark-bg h3,
 .dark-bg h4,
 .dark-bg h5,
 .dark-bg h6 {
     color: #ffffff;
 }
 
 .dark-bg a:not(.btn) {
     text-decoration: underline;
     color: #cdcdcd;
 }
 
 .dark-bg a:not(.btn):hover {
     text-decoration: none;
     color: #cdcdcd;
 }
 
 .default-bg {
     color: #ffffff;
 }
 
 .default-bg h1,
 .default-bg h2,
 .default-bg h3,
 .default-bg h4,
 .default-bg h5,
 .default-bg h6 {
     color: #ffffff;
 }
 
 .default-bg a:not(.btn) {
     text-decoration: underline;
     color: #ffffff;
 }
 
 .default-bg a:not(.btn):hover {
     text-decoration: none;
     color: #ffffff;
 }
 
 /*Translucent Backgrounds*/
 .no-touch .parallax,
 .no-touch .parallax-2,
 .no-touch .parallax-3,
 .no-touch .fixed-bg {
     background-attachment: fixed;
 }
 
 .light-translucent-bg,
 .dark-translucent-bg,
 .default-translucent-bg,
 .two-col-translucent-bg {
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-position: 50% 0;
     background-repeat: no-repeat;
     z-index: 1;
     position: relative;
     overflow: hidden;
 }
 
 .light-translucent-bg:after,
 .dark-translucent-bg:after,
 .default-translucent-bg:after,
 .two-col-translucent-bg:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     width: 100%;
     height: 100%;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1, 1);
 }
 
 .light-translucent-bg>div,
 .dark-translucent-bg>div,
 .default-translucent-bg>div,
 .two-col-translucent-bg>div {
     z-index: 3;
     position: relative;
 }
 
 .light-translucent-bg {
     color: #0f314d;
     border-bottom: 1px solid #dadada;
     border-top: 1px solid #dadada;
 }
 
 .light-translucent-bg:after {
     background-color: rgba(255, 255, 255, 0.7);
 }
 
 .light-translucent-bg.slight:after {
     background-color: rgba(255, 255, 255, 0.85);
 }
 
 .video-background.light-translucent-bg:after,
 .video-background-banner.light-translucent-bg:after {
     background-color: rgba(255, 255, 255, 0.5);
 }
 
 .light-translucent-bg.hovered:hover:after {
     background-color: rgba(255, 255, 255, 0.8);
 }
 
 .dark-translucent-bg:after {
     background-color: rgba(0, 0, 0, 0.5);
 }
 
 .dark-translucent-bg.hovered:hover:after {
     background-color: rgba(0, 0, 0, 0.6);
 }
 
 .dark-translucent-bg,
 .dark-translucent-bg h1,
 .dark-translucent-bg h2,
 .dark-translucent-bg h3,
 .dark-translucent-bg h4,
 .dark-translucent-bg h5,
 .dark-translucent-bg h6 {
     color: #ffffff;
 }
 
 .dark-translucent-bg a:not(.btn) {
     text-decoration: underline;
     color: #ffffff;
 }
 
 .dark-translucent-bg a:not(.btn):hover {
     text-decoration: none;
     color: #ffffff;
 }
 
 .two-col-translucent-bg {
     color: #0f314d;
 }
 
 .two-col-translucent-bg:after {
     background-color: rgba(255, 255, 255, 0.7);
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
     .two-col-translucent-bg:after {
         background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
         background: -webkit-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
         background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
         background: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
         background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
         background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0.5) 50%);
     }
 
     .two-col-translucent-bg .container>.row>div+div,
     .two-col-translucent-bg .container>.row>div+div h1,
     .two-col-translucent-bg .container>.row>div+div h2,
     .two-col-translucent-bg .container>.row>div+div h3,
     .two-col-translucent-bg .container>.row>div+div h4,
     .two-col-translucent-bg .container>.row>div+div h5,
     .two-col-translucent-bg .container>.row>div+div h6 {
         color: #ffffff;
     }
 
     .two-col-translucent-bg .container>.row>div+div a:not(.btn) {
         text-decoration: underline;
         color: #ffffff;
     }
 
     .two-col-translucent-bg .container>.row>div+div a:not(.btn):hover {
         text-decoration: none;
         color: #ffffff;
     }
 }
 
 .default-translucent-bg,
 .default-translucent-bg h1,
 .default-translucent-bg h2,
 .default-translucent-bg h3,
 .default-translucent-bg h4,
 .default-translucent-bg h5,
 .default-translucent-bg h6 {
     color: #ffffff;
 }
 
 .default-translucent-bg a:not(.btn) {
     text-decoration: underline;
     color: #ffffff;
 }
 
 .default-translucent-bg a:not(.btn):hover {
     text-decoration: none;
     color: #ffffff;
 }
 
 .default-hovered {
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .light-gray-bg.default-hovered:hover * {
     color: #ffffff;
 }
 
 .position-bottom {
     position: absolute !important;
     bottom: 0;
     width: 100%;
 }
 
 /*Animated Backgrounds
  ---------------------------------- */
 /* Small devices (tablets, 768px and up) */
 .animated-text {
     overflow: hidden;
 }
 
 @media (min-width: 768px) {
     .animated-text h2 {
         -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
         position: absolute;
         top: 0;
         width: 100%;
     }
 
     .animated-text h2+h2 {
         opacity: 0;
         filter: alpha(opacity=0);
         -webkit-transform: scale(1.15);
         -moz-transform: scale(1.15);
         -ms-transform: scale(1.15);
         -o-transform: scale(1.15);
         transform: scale(1.15);
     }
 
     .animated-text:hover h2 {
         opacity: 0;
         filter: alpha(opacity=0);
         -webkit-transform: scale(0.85);
         -moz-transform: scale(0.85);
         -ms-transform: scale(0.85);
         -o-transform: scale(0.85);
         transform: scale(0.85);
     }
 
     .animated-text:hover h2+h2 {
         opacity: 1;
         filter: alpha(opacity=100);
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1);
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .animated-text h2+h2 {
         display: none;
     }
 }
 
 /* Fixed navigation
  ---------------------------------- */
 .fixed-header-on .header.fixed,
 .fixed-header-on .header-top.fixed,
 .fixed-header-on header.header.transparent-header-on {
     position: fixed;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 1006;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0);
 }
 
 .fixed-header-on .header.fixed.object-visible,
 .fixed-header-on .header-top.fixed.object-visible {
     opacity: 1;
     filter: alpha(opacity=100);
 }
 
 .fixed-header-on .header.fixed:not(.dark),
 .fixed-header-on .header-top.fixed:not(.dark) {
     border-bottom: 0;
     background-color: rgba(255, 255, 255, 1);
     box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
 }
 
 .transparent-header .sticky-wrapper {
     position: absolute;
     width: 100%;
     left: 0;
 }
 
 .fixed-header-on.boxed .header.fixed {
     left: auto;
     -webkit-transition: left linear 0s !important;
     -o-transition: left linear 0s !important;
     transition: left linear 0s !important;
 }
 
 .fixed-header-on .header.fixed.animated,
 .fixed-header-on .header-top.fixed.animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
 }
 
 .fixed-main-navigation.animated,
 .kategorije-meni-container.animated {
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
 }
 
 .fixed-header-on .header-dropdown-buttons {
     padding-top: 10px;
 }
 
 .fixed-header-on .dark .header-dropdown-buttons .btn-group .dropdown-menu {
     margin-top: 16px;
 }
 
 
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .fixed-header-on.boxed .header.fixed {
         width: 750px;
     }
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
 
     .fixed-header-on .header .logo,
     .fixed-header-on .header .site-slogan {
         display: block;
     }
 
     .fixed-header-on.boxed .header.fixed {
         width: 970px;
     }
 
     .fixed-header-on .header-first {
         -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
     }
 
     .fixed.header .main-navigation.animated .navbar-nav>li>a {
         -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
     }
 }
 
 /* Large devices (Large desktops 1200px and up) */
 @media (min-width: 1200px) {
     .fixed-header-on.boxed .header.fixed {
         width: 1170px;
     }
 }
 
 /* Fullpage navigation
  ---------------------------------- */
 .full-page .header-container {
     position: fixed;
     width: 100%;
     top: 0;
 }
 
 /* Custom Grid
  ---------------------------------- */
 .grid-space-20 {
     margin-right: -10.5px;
     margin-left: -10.5px;
 }
 
 .grid-space-20 .col-lg-6,
 .grid-space-20 .col-lg-4,
 .grid-space-20 .col-lg-3,
 .grid-space-20 .col-md-6,
 .grid-space-20 .col-md-4,
 .grid-space-20 .col-md-3,
 .grid-space-20 .col-sm-6,
 .grid-space-20 .col-sm-4,
 .grid-space-20 .col-sm-3,
 .grid-space-20 .col-xs-6,
 .grid-space-20 .col-xs-4,
 .grid-space-20 .col-xs-3 {
     padding-left: 10px;
     padding-right: 10px;
 }
 
 .grid-space-10 {
     margin-right: -6px;
     margin-left: -6px;
 }
 
 .grid-space-10 .col-lg-6,
 .grid-space-10 .col-lg-4,
 .grid-space-10 .col-lg-3,
 .grid-space-10 .col-md-6,
 .grid-space-10 .col-md-4,
 .grid-space-10 .col-md-3,
 .grid-space-10 .col-sm-6,
 .grid-space-10 .col-sm-4,
 .grid-space-10 .col-sm-3,
 .grid-space-10 .col-xs-6,
 .grid-space-10 .col-xs-4,
 .grid-space-10 .col-xs-3 {
     padding-left: 5px;
     padding-right: 5px;
 }
 
 .grid-space-0 {
     margin-right: 0;
     margin-left: 0;
 }
 
 .container-fluid .grid-space-0 {
     margin-right: -15px;
     margin-left: -15px;
 }
 
 .grid-space-0 .col-lg-6,
 .grid-space-0 .col-lg-4,
 .grid-space-0 .col-lg-3,
 .grid-space-0 .col-md-6,
 .grid-space-0 .col-md-4,
 .grid-space-0 .col-md-3,
 .grid-space-0 .col-sm-6,
 .grid-space-0 .col-sm-4,
 .grid-space-0 .col-sm-3,
 .grid-space-0 .col-xs-6,
 .grid-space-0 .col-xs-4,
 .grid-space-0 .col-xs-3 {
     padding-left: 0;
     padding-right: 0;
 }
 
 .grid-space-0>div {
     margin-bottom: 0;
     padding-bottom: 0;
 }
 
 /* Separators
  ---------------------------------- */
 .separator {
     width: 100%;
     margin: 20px auto 15px;
     position: relative;
     height: 1px;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1, 1);
 }
 
 .separator:after {
     height: 1px;
     background: #e8e8e8;
     background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
     background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
     background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
     background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
     position: absolute;
     bottom: -1px;
     content: "";
     width: 100%;
     left: 0;
 }
 
 .dark-bg:not(.banner) .separator:after {
     background: #505050;
     background: -moz-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #373737));
     background: -webkit-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
     background: -o-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
     background: -ms-linear-gradient(left, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
     background: linear-gradient(to right, #373737 0%, #505050 35%, #505050 70%, #373737 100%);
 }
 
 #footer.dark .separator:after {
     background: #505050;
     background: -moz-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #222222));
     background: -webkit-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
     background: -o-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
     background: -ms-linear-gradient(left, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
     background: linear-gradient(to right, #222222 0%, #505050 35%, #505050 70%, #222222 100%);
 }
 
 .default-bg .separator:after,
 .dark-translucent-bg .separator:after,
 .default-translucent-bg .separator:after,
 .light.separator:after {
     background: rgba(255, 255, 255, 0.5);
     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
     .two-col-translucent-bg .container>.row>div+div .separator:after {
         background: rgba(255, 255, 255, 0.5);
         background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
         background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
         background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
         background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
         background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
         background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
     }
 }
 
 .light-translucent-bg .separator:after,
 .two-col-translucent-bg .container>.row>div .separator:after,
 .dark.separator:after {
     background: rgba(0, 0, 0, 0.5);
     background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(70%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
     background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
     background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
     background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
 }
 
 h3+.separator,
 h4+.separator,
 h5+.separator {
     margin-top: 15px;
 }
 
 .separator-2,
 .separator-3 {
     width: 100%;
     margin-bottom: 15px;
     position: relative;
     height: 1px;
 }
 
 .separator-2:after {
     height: 1px;
     background: #d1d1d1;
     background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     position: absolute;
     bottom: -1px;
     left: 0px;
     content: "";
     width: 100%;
 }
 
 .dark-bg .separator-2:after {
     background: #666666;
     background: -moz-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
     background: -webkit-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
     background: -o-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
     background: -ms-linear-gradient(left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
     background: linear-gradient(to right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
 }
 
 #footer.dark .separator-2:after {
     background: #444444;
     background: -moz-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
     background: -webkit-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
     background: -o-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
     background: -ms-linear-gradient(left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
     background: linear-gradient(to right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
 }
 
 .light-translucent-bg .separator-2:after,
 .two-col-translucent-bg .container>.row>div .separator-2:after,
 .dark.separator-2:after {
     background: rgba(0, 0, 0, 0.5);
     background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
     background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
     background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
     background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
 }
 
 .default-bg .separator-2:after,
 .default-translucent-bg .separator-2:after,
 .dark-translucent-bg .separator-2:after,
 .light.separator-2:after {
     background: rgba(255, 255, 255, 0.5);
     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
     .two-col-translucent-bg .container>.row>div+div .separator-2:after {
         background: rgba(255, 255, 255, 0.5);
         background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
         background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
         background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
         background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
         background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
         background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     }
 }
 
 .separator-3:after {
     height: 1px;
     background: #d1d1d1;
     background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: linear-gradient(to left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     position: absolute;
     bottom: -1px;
     left: 0px;
     content: "";
     width: 100%;
 }
 
 .dark-bg .separator-3:after {
     background: #666666;
     background: -moz-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
     background: -webkit-gradient(linear, right top, left top, color-stop(0%, #666666), color-stop(35%, #555555), color-stop(70%, #444444), color-stop(100%, #373737));
     background: -webkit-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
     background: -o-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
     background: -ms-linear-gradient(right, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
     background: linear-gradient(to left, #666666 0%, #555555 35%, #444444 70%, #373737 100%);
 }
 
 #footer.dark .separator-3:after {
     background: #444444;
     background: -moz-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
     background: -webkit-gradient(linear, right top, left top, color-stop(0%, #444444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222222));
     background: -webkit-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
     background: -o-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
     background: -ms-linear-gradient(right, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
     background: linear-gradient(to left, #444444 0%, #393939 35%, #323232 70%, #222222 100%);
 }
 
 .light-translucent-bg .separator-3:after,
 .two-col-translucent-bg .container>.row>div .separator-3:after,
 .dark.separator-3:after {
     background: rgba(0, 0, 0, 0.5);
     background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
     background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
     background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
     background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
     background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, transparent 100%);
 }
 
 .default-bg .separator-3:after,
 .default-translucent-bg .separator-3:after,
 .dark-translucent-bg .separator-3:after,
 .light.separator-3:after {
     background: rgba(255, 255, 255, 0.5);
     background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
     background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
     .two-col-translucent-bg .container>.row>div+div .separator-3:after {
         background: rgba(255, 255, 255, 0.5);
         background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
         background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
         background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
         background: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
         background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
         background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
     }
 }
 
 .footer-content .separator-2,
 .footer-content .separator-3 {
     margin-bottom: 25px;
 }
 
 /*Separator with icon*/
 .separator.with-icon {
     margin: 55px 0;
 }
 
 .separator.with-icon:after {
     background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.09)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
     background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
     background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
     background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.09) 75%, transparent 100%);
 }
 
 .dark-bg:not(.banner) .separator.with-icon:after {
     background: -moz-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #373737), color-stop(25%, #505050), color-stop(45%, #373737), color-stop(55%, #373737), color-stop(75%, #505050), color-stop(100%, #373737));
     background: -webkit-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
     background: -o-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
     background: -ms-linear-gradient(left, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
     background: linear-gradient(to right, #373737 0%, #505050 25%, #373737 45%, #373737 55%, #505050 75%, #373737 100%);
 }
 
 #footer.dark .separator.with-icon:after {
     background: #505050;
     background: -moz-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, #222222), color-stop(25%, #505050), color-stop(45%, #222222), color-stop(55%, #222222), color-stop(75%, #505050), color-stop(100%, #222222));
     background: -webkit-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
     background: -o-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
     background: -ms-linear-gradient(left, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
     background: linear-gradient(to right, #222222 0%, #505050 25%, #222222 45%, #222222 55%, #505050 75%, #222222 100%);
 }
 
 .default-bg .separator.with-icon:after,
 .dark-translucent-bg .separator.with-icon:after,
 .default-translucent-bg .separator.with-icon:after,
 .light.separator.with-icon:after {
     background: rgba(255, 255, 255, 0.5);
     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.5)), color-stop(45%, rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
 }
 
 .light-translucent-bg .separator.with-icon:after,
 .dark.separator.with-icon:after {
     background: rgba(0, 0, 0, 0.5);
     background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(25%, rgba(0, 0, 0, 0.4)), color-stop(45%, transparent), color-stop(55%, transparent), color-stop(75%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
     background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
     background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
     background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 45%, transparent 55%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
 }
 
 .separator.with-icon i {
     font-size: 36px;
     position: absolute;
     width: 80px;
     height: 80px;
     text-align: center;
     left: 50%;
     top: 50%;
     margin-top: -40px;
     margin-left: -40px;
     line-height: 77px;
     z-index: 5;
 }
 
 .separator.with-icon i.bordered {
     border-width: 1px;
     border-style: solid;
     border-color: rgba(0, 0, 0, 0.04);
     background-color: rgba(0, 0, 0, 0.02);
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
 }
 
 .default-bg .separator.with-icon i.bordered,
 .dark-translucent-bg .separator.with-icon i.bordered,
 .default-translucent-bg .separator.with-icon i.bordered {
     border-color: rgba(255, 255, 255, 0.1);
     background-color: rgba(255, 255, 255, 0.05);
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
 }
 
 .object-non-visible {
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .object-visible,
 .object-non-visible.object-visible {
     opacity: 1;
     filter: alpha(opacity=100);
 }
 
 /* Miscellaneous
  ---------------------------------- */
 .absolute-positioned-top {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
 }
 
 .absolute-positioned-bottom {
     position: absolute;
     bottom: 0;
     left: 0;
     top: auto;
     width: 100%;
 }
 
 .pl-5 {
     padding-left: 5px;
 }
 
 .pl-10 {
     padding-left: 10px;
 }
 
 .pl-20 {
     padding-left: 20px;
 }
 
 .pr-5 {
     padding-right: 5px;
 }
 
 .pr-10 {
     padding-right: 10px;
 }
 
 .pr-20 {
     padding-right: 20px;
 }
 
 .p-20 {
     padding: 20px;
 }
 
 .p-30 {
     padding: 30px;
 }
 
 .p-40 {
     padding: 40px;
 }
 
 .ph-20 {
     padding-left: 20px;
     padding-right: 20px;
 }
 
 .ph-30 {
     padding-left: 30px;
     padding-right: 30px;
 }
 
 .ph-40 {
     padding-left: 40px;
     padding-right: 40px;
 }
 
 .pv-20 {
     padding-top: 20px;
     padding-bottom: 20px;
 }
 
 .pv-30 {
     padding-top: 30px;
     padding-bottom: 30px;
 }
 
 .pv-40 {
     padding-top: 40px;
     padding-bottom: 40px;
 }
 
 .pv-45 {
     padding-top: 45px;
     padding-bottom: 45px;
 }
 
 .mt-5 {
     margin-top: 5px;
 }
 
 .mb-5 {
     margin-bottom: 5px;
 }
 
 .mt-10 {
     margin-top: 10px;
 }
 
 .mb-10 {
     margin-bottom: 10px;
 }
 
 .mt-20 {
     margin-top: 20px;
 }
 
 .mt-25 {
     margin-top: 25px;
 }
 
 .mb-20 {
     margin-bottom: 20px;
 }
 
 .space-top {
     padding-top: 20px;
 }
 
 .space-bottom {
     padding-bottom: 20px;
 }
 
 .margin-top-clear {
     margin-top: 0 !important;
 }
 
 .margin--bottom-clear {
     margin-bottom: 0 !important;
 }
 
 .margin-clear {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
 }
 
 .padding-top-clear {
     padding-top: 0 !important;
 }
 
 .padding-bottom-clear {
     padding-bottom: 0 !important;
 }
 
 .padding-ver-clear {
     padding-bottom: 0 !important;
     padding-top: 0 !important;
 }
 
 .padding-hor-clear {
     padding-right: 0 !important;
     padding-left: 0 !important;
 }
 
 .border-bottom-clear {
     border-bottom: none !important;
 }
 
 .border-top-clear {
     border-top: none !important;
 }
 
 .border-clear {
     border: none !important;
 }
 
 .circle {
     -webkit-border-radius: 100% !important;
     -moz-border-radius: 100% !important;
     border-radius: 100% !important;
 }
 
 .radius-clear {
     -webkit-border-radius: 0% !important;
     -moz-border-radius: 0% !important;
     border-radius: 0% !important;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .text-center-xs {
         text-align: center;
     }
 }
 
 /*hide elements*/
 .hidden-xs-up {
     display: none !important;
 }
 
 @media (max-width: 575px) {
     .hidden-xs-down {
         display: none !important;
     }
 }
 
 @media (min-width: 576px) {
     .hidden-sm-up {
         display: none !important;
     }
 }
 
 @media (max-width: 767px) {
     .hidden-sm-down {
         display: none !important;
     }
 }
 
 @media (min-width: 768px) {
     .hidden-md-up {
         display: none !important;
     }
 }
 
 @media (max-width: 991px) {
     .hidden-md-down {
         display: none !important;
     }
 }
 
 @media (min-width: 992px) {
     .hidden-lg-up {
         display: none !important;
     }
 }
 
 @media (max-width: 1199px) {
     .hidden-lg-down {
         display: none !important;
     }
 }
 
 @media (min-width: 1200px) {
     .hidden-xl-up {
         display: none !important;
     }
 }
 
 .hidden-xl-down {
     display: none !important;
 }
 
 
 
 /******************************************************************************/
 /*** 3 Sections ***************************************************************/
 /******************************************************************************/
 
 /*Header Top*/
 .header-top {
     font-size: 14px;
     color: #0f314d;
     font-weight: 300;
 }
 
 .header-top.dark,
 .header-top.colored {
     color: #ffffff;
 }
 
 .header-top.colored a {
     color: #ffffff;
     text-decoration: none;
 }
 
 .header-top .btn {
     font-weight: 300;
 }
 
 .header-top .btn-sm {
     font-size: 14px;
     padding: 5px 10px;
 }
 
 
 .header-top-first,
 .header-top-dropdown {
     margin-top: 0px;
 }
 
 .header-top-center {
     margin-top: 6px;
 }
 
 .header-top-first .btn-group:last-child img {
     position: relative;
     top: -1px;
 }
 
 .header-top-first .btn-group:first-child .btn-sm {
     padding: 5px 10px 5px 0;
 }
 
 .header-top-first .btn-sm {
     padding: 5px 10px;
 }
 
 .header-top-first .with-left-border:before {
     content: "";
     position: absolute;
     top: 3px;
     bottom: 0;
     height: 23px;
     left: -1px;
     border: 1px solid #d0d0ce;
     border-top-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-width: 0 1px 0 0;
 }
 
 .header-top-second .with-left-border:before {
     content: "";
     position: absolute;
     top: 3px;
     bottom: 0;
     height: 23px;
     left: -1px;
     border: 1px solid #d0d0ce;
     border-top-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-width: 0 1px 0 0;
 }
 
 .header-top-second .btn-group .btn.user-logged-in {
     line-height: 2.4;
 }
 
 .header-top-second .btn-group .btn.user-logged-in i {
     position: relative;
     top: 1px;
 }
 
 @media (max-width: 991px) {
     .header-top .btn-sm {
         font-size: 14px;
     }
 
     .header-top-first .btn-sm {
         padding: 5px 0;
     }
 
     .header-top-first img {
         width: 90%;
     }
 
     .header-top-center {
         text-align: center;
     }
 
     .header-top-center .btn-group .btn {
         line-height: 0;
     }
 
     .header-top-second {
         margin-top: 0;
     }
 
     .header-top:not(.banner) {
         padding: 5px 15px;
     }
 }
 
 /*Header*/
 .header.dark {
     color: #cacaca;
 }
 
 .header-top .header-top-col {
     display: flex;
     align-items: center;
     padding: 0;
 }
 
 .header-top .header-top-col .navbar-toggler,
 .header .navbar-toggler {
     padding: 0;
 }
 
 /*Kategorije*/
 .header .navbar-nav .kategorije .nav-link.dropdown-toggle::after {
     display: none;
 }
 
 .header .navbar-nav li.nav-item.kategorije {
     width: 25.64%;
     text-align: center;
 }
 
 .kategorije-section {
     width: 23.5%;
     background-color: #ffffff;
     float: left;
     padding-top: 28px;
 }
 
 .fixed-main-navigation {
     min-width: 275px;
     border: 0 none;
     border-radius: 0;
     margin-top: 25px;
 }
 
 .fixed-main-navigation .kategorije-section {
     width: 100%;
 }
 
 .kategorije-section ul {
     padding-left: 0;
 }
 
 .kategorije-section ul li {
     list-style: none;
 }
 
 .kategorije-section li.separator-line {
     padding: 0 15px;
 }
 
 .kategorije-section li.separator-line hr {
     border-color: #d0d0ce;
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 .kategorije-section ul li a {
     position: relative;
     width: 100%;
     display: block;
     padding: 2px 15px;
     font-size: 14px;
     color: #0f314d;
     font-weight: 300;
 }
 
 .kategorije-section ul li a:hover {
     color: #5bb132;
     background-color: #efefef;
 }
 
 .kategorije-section ul li a span {
     position: absolute;
     right: 15px;
 }
 
 /*Kategorije menu*/
 #index-section-menu .kategorije-meni-container {
     width: 76.5%;
     left: 23.5%;
 }
 
 .kategorije-meni-container {
     position: absolute;
     width: 895px;
     height: 378px;
     left: 275px;
     background-color: #f0f0f0;
     border: 1px solid #aaaaaa;
     z-index: 2;
     overflow: hidden;
     display: none;
 }
 
 .kategorije-meni {
     position: relative;
     display: inline-block;
     padding: 15px;
 }
 
 .kategorije-meni .kategorije-col {
     display: inline-block;
     margin-right: 40px;
 }
 
 .kategorije-meni .kategorije-col h3 {
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
 }
 
 .kategorije-meni .kategorije-col h3 a {
     color: #5bb132;
 }
 
 .kategorije-meni .kategorije-col h3.subtitle {
     margin-top: 30px;
 }
 
 .kategorije-meni .kategorije-col a {
     display: block;
     font-size: 14px;
     font-weight: 400;
     color: #787878;
 }
 
 .kategorije-meni .kategorije-col a:hover {
     color: #5bb132;
 }
 
 .kategorije-meni .kategorije-col.kategorije-image {
     margin-right: 0;
 }
 
 .kategorije-meni .kategorije-col.kategorije-image h3 {
     margin-top: 20px;
     margin-bottom: 10px;
     padding-bottom: 10px;
     color: #5bb132;
     font-size: 20px;
     font-weight: 600;
     text-transform: uppercase;
     border-bottom: 1px solid #d0d0ce;
 }
 
 .kategorije-meni .kategorije-col.kategorije-image p span {
     float: left;
     margin-right: 10px;
     font-size: 40px;
     font-weight: 600;
 }
 
 .kategorije-meni .kategorije-col.kategorije-image p {
     font-size: 18px;
     line-height: 1;
     color: #0f314d;
 }
 
 @media (max-width: 1199px) {
     .fixed-main-navigation {
         min-width: 232px;
     }
 
     .fixed-main-navigation .kategorije-meni-container {
         width: 758px;
         left: 232px;
     }
 
     .kategorije-meni-container {
         height: 361px;
     }
 
     .kategorije-meni .kategorije-col {
         margin-right: 15px;
     }
 
     .kategorije-section ul li a,
     .kategorije-meni .kategorije-col h3,
     .kategorije-meni .kategorije-col a {
         font-size: 13px;
     }
 }
 
 /*Kategorije meni show / hide*/
 /*.kategorije-section:hover + .kategorije-meni-container {
      display:block;
  }
 
  .kategorije-meni-container {
      display:none;
  }*/
 /*Carousel listing items*/
 .owl-carousel.with-minimum-height .listing-item .overlay-container {
     display: flex;
     min-height: 310px;
 }
 
 .owl-carousel.with-minimum-height .listing-item .overlay-container a {
     align-self: flex-end;
     width: 100%;
     line-height: 0;
 }
 
 .owl-carousel .listing-item {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .owl-carousel .listing-item .body {
     padding: 15px;
     text-align: center;
 }
 
 .owl-carousel .listing-item .body h3 {
     font-size: 16px;
     font-weight: 400;
     height: 68px;
     overflow: hidden;
 }
 
 .owl-carousel .listing-item .body p {
     height: 42px;
     font-size: 14px;
     color: #787878;
     overflow: hidden;
 }
 
 .owl-carousel .listing-item .body p a {
     color: #787878;
 }
 
 .owl-carousel .listing-item .body p a:hover,
 .owl-carousel .listing-item .body p a:focus {
     color: #5bb132;
 }
 
 .owl-carousel .listing-item .price {
     font-size: 20px;
     color: #0f314d;
 }
 
 .owl-carousel .listing-item .price-discounted {
     color: #e54b4b;
     font-weight: 600;
 }
 
 .owl-carousel .listing-item del {
     font-size: 12px;
     font-weight: 400;
     color: #787878;
     display: block;
 }
 
 .owl-carousel .listing-item .btn-group.dodaj-u-korpu {
     background-color: #5bb132;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
     height: 30px;
     padding: 0 10px;
     margin-top: 5px;
     align-items: center;
     justify-content: space-between;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .owl-carousel .listing-item .btn-group.dodaj-u-korpu .btn {
     padding: 0;
     color: #fff;
     margin: 0;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 16px;
 }
 
 .owl-carousel .listing-item .btn-group.dodaj-u-korpu .btn i {
     position: relative;
     top: 1px;
     font-size: 14px;
 }
 
 .owl-carousel .listing-item .dodaj-u-korpu .input-group {
     width: 16px;
     align-items: center;
 }
 
 .owl-carousel .listing-item .dodaj-u-korpu .form-control {
     box-shadow: 0 0 0 transparent;
     border: 0 none;
     text-align: center;
     font-size: 14px;
     color: #0f314d;
     padding-top: 2px;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 16px;
     width: 100%;
     z-index: 0;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }
 
 /*Carousel related*/
 .owl-carousel.with-minimum-height .item-container {
     display: flex;
     min-height: 150px;
 }
 
 .owl-carousel.with-minimum-height .item-container a {
     align-self: flex-end;
     width: 100%;
     line-height: 0;
 }
 
 /*Index Promo*/
 section.stacked {
     padding-top: 0;
 }
 
 ul.promo-list {
     padding-left: 0;
     margin-bottom: 0;
     font-size: 0;
     width: 100%;
 }
 
 ul.promo-list li {
     width: 30%;
 }
 
 ul.promo-list li:first-child,
 ul.promo-list li:last-child {
     margin: 0;
 }
 
 ul.promo-list li:nth-child(2) {
     margin-left: 5%;
     margin-right: 5%;
 }
 
 ul.promo-list.two-items li {
     width: 49%;
 }
 
 ul.promo-list.two-items li:first-child {
     margin-right: 1%;
 }
 
 ul.promo-list.two-items li:last-child {
     margin-left: 1%;
     margin-right: 0;
 }
 
 
 /*Carousel | Section title*/
 .carousel-title,
 .section-title {
     border-bottom: 1px solid #d0d0ce;
     margin-bottom: 28px;
 }
 
 .carousel-title h2,
 .section-title h1,
 .section-title h2 {
     margin-top: 20px;
     font-size: 22px;
     color: #0f314d;
     font-weight: 300;
     text-transform: none;
 }
 
 .carousel-title a.absolute-position-right,
 .section-title a.absolute-position-right {
     position: absolute;
     top: 0;
     right: 0;
     padding: 24px 15px 21px;
     font-size: 14px;
     color: #5bb132;
     text-transform: none;
 }
 
 .carousel-title a.absolute-position-right:hover,
 .section-title a.absolute-position-right:hover {
     text-decoration: none;
 }
 
 /**/
 .carousel-title h2,
 .section-title h1,
 .section-title h2,
 .section-toolbar {
     display: inline-block;
 }
 
 .section-toolbar {
     position: relative;
     float: right;
 }
 
 .section-toolbar .btn {
     font-weight: 300;
 }
 
 .section-toolbar .btn i {
     position: relative;
     top: 0;
 }
 
 .section-toolbar a.view-all {
     position: relative;
     display: inline-block;
     padding: 21px 0 21px 20px;
     font-size: 14px;
 }
 
 .section-toolbar a.view-all.with-left-border:before {
     content: "";
     position: absolute;
     top: 10px;
     bottom: 10px;
     left: -1px;
     border: 1px solid #d0d0ce;
     border-width: 0 1px 0 0;
 }
 
 /*Carousel content*/
 .carousel-content {
     padding-left: 40px;
     padding-right: 40px;
     padding-bottom: 28px;
 }
 
 .carousel-content.border-bottom {
     border-bottom: 1px solid #d0d0ce !important;
 }
 
 /*Carousel Gifts*/
 .owl-carousel.gifts .listing-item .body h3 a {
     font-weight: 300;
     color: #787878;
 }
 
 .owl-carousel.gifts .listing-item .body h3 a:hover {
     color: #005e97;
 }
 
 /*Mosaic Index*/
 .mosaic-content {
     padding-left: 15px;
     padding-right: 15px;
 }
 
 .mosaic-content h3 {
     margin-top: 10px;
     font-size: 18px;
     font-weight: 300;
     text-align: center;
 }
 
 .mosaic-content .mosaic-item {
     padding-top: 15px;
     border-right: 1px solid #d0d0ce;
     border-bottom: 1px solid #d0d0ce;
     float: left;
 }
 
 .mosaic-content .mosaic-item:nth-child(1),
 .mosaic-content .mosaic-item:nth-child(5),
 .mosaic-content .mosaic-item:nth-child(6) {
     border-bottom: 0;
     margin-bottom: 20px;
 }
 
 .mosaic-content .mosaic-item:nth-child(4),
 .mosaic-content .mosaic-item:nth-child(6) {
     border-right: 0;
 }
 
 .mosaic-content .mosaic-item img {
     margin: 0 auto;
 }
 
 .mosaic-content .mosaic-item.height-1 {
     height: 420px;
 }
 
 .mosaic-content .mosaic-item.height-2 {
     height: 210px;
 }
 
 .search-box .dropdown-menu,
 .section-toolbar .dropdown-menu {
     border: 1px solid #d0d0ce;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .search-box .dropdown-menu .dropdown-item,
 .section-toolbar .dropdown-menu .dropdown-item {
     font-size: 14px;
     font-weight: 300;
 }
 
 .search-box .dropdown-menu .dropdown-item:hover,
 .search-box .dropdown-menu .dropdown-item:focus,
 .section-toolbar .dropdown-menu .dropdown-item:hover,
 .section-toolbar .dropdown-menu .dropdown-item:focus {
     background-color: #efefef;
 }
 
 .overlay-to-top.links .btn-md-link {
     font-size: 14px;
 }
 
 @media (max-width: 1199px) {
     .mosaic-content h3 {
         margin-top: 5px;
         font-size: 16px;
     }
 
     .mosaic-content .mosaic-item.height-1 {
         height: 350px;
     }
 
     .mosaic-content .mosaic-item.height-2 {
         height: 173px;
     }
 
     .overlay-to-top.links .btn-md-link {
         font-size: 13px;
     }
 }
 
 @media (max-width: 991px) {
     .owl-carousel.with-minimum-height .listing-item .overlay-container {
         min-height: 275px;
     }
 
     .mosaic-content .mosaic-item {
         border: 0;
     }
 
     .mosaic-content .mosaic-item.height-1 {
         height: 400px;
     }
 
     .mosaic-content .mosaic-item.height-2 {
         height: 210px;
     }
 }
 
 @media (max-width: 767px) {
 
     .mosaic-content .mosaic-item.height-1,
     .mosaic-content .mosaic-item.height-2 {
         height: auto;
     }
 
     .overlay-to-top.links .btn-md-link {
         font-size: 12px;
     }
 }
 
 @media (max-width: 575px) {
     .owl-carousel.with-minimum-height .listing-item .overlay-container {
         min-height: 485px;
     }
 
     .owl-carousel.with-minimum-height .item-container {
         min-height: 275px;
     }
 
     .carousel-title h2,
     .section-title h1,
     .section-title h2 {
         font-size: 16px;
     }
 
     .owl-carousel .listing-item .body h3,
     .mosaic-content h3 {
         font-size: 14px;
     }
 
     .owl-carousel .listing-item .body p {
         font-size: 12px;
     }
 
     .overlay-to-top.links .btn-md-link {
         padding-left: 0;
         padding-right: 0;
     }
 
     .section-toolbar .btn.ostavi-komentar {
         padding-left: 20px;
         padding-right: 20px;
     }
 
     .section-toolbar .btn {
         padding-right: 5px;
     }
 
     .section-toolbar a.view-all {
         padding: 17px 0 17px 10px;
     }
 
     .overlay-to-top.links .btn-md-link {
         font-size: 11px;
     }
 
     .header-top-first .btn-group {
         max-width: 75px;
     }
 
     .search-box .dropdown-menu,
     .section-toolbar .dropdown-menu {
         font-size: 14px;
     }
 }
 
 @media (max-width: 414px) {
     .owl-carousel.with-minimum-height .listing-item .overlay-container {
         min-height: 300px;
     }
 
     .owl-carousel.with-minimum-height .item-container {
         min-height: 175px;
     }
 }
 
 @media (max-width: 375px) {
     .owl-carousel.with-minimum-height .listing-item .overlay-container {
         min-height: 255px;
     }
 
     .owl-carousel.with-minimum-height .item-container {
         min-height: 150px;
     }
 
     .owl-carousel .listing-item .body h3 {
         height: 58px;
         font-size: 13px;
     }
 }
 
 @media (max-width: 360px) {
     .owl-carousel.with-minimum-height .listing-item .overlay-container {
         min-height: 240px;
     }
 
     .owl-carousel.with-minimum-height .item-container {
         min-height: 140px;
     }
 }
 
 @media (max-width: 320px) {
     .owl-carousel.with-minimum-height .listing-item .overlay-container {
         min-height: 190px;
     }
 
     .owl-carousel.with-minimum-height .item-container {
         min-height: 110px;
     }
 }
 
 /*Top Liste Index */
 .top-liste-col h3 {
     margin-bottom: 0;
     padding-bottom: 15px;
     color: #5bb132;
     font-size: 24px;
     font-weight: 300;
     border-bottom: 1px solid #d0d0ce;
 }
 
 .top-liste-col .media {
     position: relative;
     padding-top: 15px;
     padding-bottom: 15px;
     border-bottom: 1px solid #d0d0ce;
 }
 
 .top-liste-col .media:first-of-type {
     height: 290px;
 }
 
 .top-liste-col .media {
     height: 190px;
 }
 
 .top-liste-col .media-image {
     min-width: 144px;
     margin-right: 10px;
     justify-content: center;
 }
 
 .top-liste-col .media:first-of-type .media-image img {
     max-width: 144px;
 }
 
 .top-liste-col .media-image img {
     margin: 0 auto;
     max-width: 80px;
 }
 
 .top-liste-col h4 {
     font-size: 16px;
     font-weight: 400;
 }
 
 .top-liste-col h4 a {
     color: #5bb132;
 }
 
 .top-liste-col p.author {
     color: #787878;
     font-size: 12px;
     font-weight: 400;
 }
 
 .top-liste-col p.author a {
     color: #787878;
 }
 
 .top-liste-col .media:first-of-type p.genre {
     margin-bottom: 15px;
 }
 
 .top-liste-col p.genre {
     color: #0f314d;
     font-size: 14px;
     font-weight: 300;
     margin-bottom: 0;
 }
 
 .top-liste-col p {
     color: #787878;
     font-size: 12px;
     font-weight: 300;
 }
 
 .top-liste-col a.view-all {
     display: block;
     width: 100%;
     padding: 15px 0;
     text-align: right;
     font-size: 14px;
     font-weight: 300;
 }
 
 @media (max-width: 1199px) {
     .top-liste-col h4 {
         font-size: 15px;
     }
 
     .top-liste-col p.genre {
         font-size: 12px;
     }
 }
 
 @media (max-width: 991px) {
     .top-liste-col .media:first-of-type {
         height: auto;
     }
 
     .top-liste-col .media {
         height: auto;
     }
 }
 
 /*Bukmarker*/
 .bukmarker-section {
     padding-bottom: 15px;
 }
 
 .bukmarker-section h3 {
     font-size: 16px;
     font-weight: 400;
     margin-top: 10px;
 }
 
 .bukmarker-section h3 a {
     color: #5bb132;
 }
 
 .bukmarker-section p {
     color: #787878;
     font-size: 14px;
     font-weight: 300;
 }
 
 @media (max-width: 767px) {
     .bukmarker-section .col {
         min-width: 100%;
     }
 }
 
 
 /* Listing Preporucujemo povecan padding jer prikaz 3 predmeta pravi belinu oko slike u listanju prozivoda */
 .listing-preporucujemo {
     padding: 20px 5px;
 }
 
 /*Listing page*/
 .listing-content-container {
     padding: 0;
 }
 
 .listing-content-container .section-title h1,
 .listing-content-container .section-title h2 {
     text-transform: none;
 }
 
 .listing-content-container .section-title h1,
 .listing-content-container.category-listing .section-title h1 {
     text-transform: none;
     margin-top: 8px;
 }
 
 .listing-content-container .section-title h1 span,
 .listing-content-container .section-title h2 span {
     color: #787878;
 }
 
 .listing-content-container .section-title h1 i,
 .listing-content-container .section-title h2 i {
     font-size: 14px;
     color: #787878;
 }
 
 .listing-content-container .section-title.filter-bar h2 {
     margin-top: 10px;
 }
 
 .listing-content-container .section-title.filter-bar .section-toolbar {
     margin-top: 8px;
 }
 
 .listing-content-container.category-listing .section-title .section-toolbar {
     margin-top: 3px;
 }
 
 .listing-content-container .section-title.filter-bar .section-toolbar .btn,
 .listing-content-container.category-listing .section-title .section-toolbar .btn {
     padding-right: 0;
 }
 
 .listing-content-container .listing-item {
     margin-bottom: 20px;
 }
 
 .listing-content-container .listing-item.bordered {
     border: 1px solid #d0d0ce;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .listing-content-container .listing-item .overlay-container {
     display: flex;
 }
 
 .listing-content-container .listing-item .overlay-container a {
     align-self: flex-end;
     width: 100%;
     line-height: 0;
 }
 
 .listing-content-container .listing-item .overlay-container a img {
     margin: 0 auto;
 }
 
 .listing-content-container .listing-item .body h3 {
     font-size: 16px;
     font-weight: 400;
     height: 68px;
     overflow: hidden;
     text-align: center;
 }
 
 .listing-content-container .listing-item .body p {
     height: 42px;
     font-size: 14px;
     color: #787878;
     overflow: hidden;
 }
 
 .listing-content-container .listing-item .price {
     font-size: 20px;
     color: #0f314d;
 }
 
 .listing-content-container .listing-item .price-discounted {
     color: #e54b4b;
     font-weight: 600;
 }
 
 .listing-content-container .listing-item del {
     font-size: 16px;
     font-weight: 400;
     color: #787878;
 }
 
 .listing-content-container ul.pagination,
 .news-listing-content-container ul.pagination {
     margin: 20px 0;
 }
 
 .listing-content-container .listing-item .btn-group.dodaj-u-korpu {
     background-color: #5bb132;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
     height: 30px;
     padding: 0 10px;
     margin-top: 5px;
     align-items: center;
     justify-content: space-between;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .listing-content-container .listing-item .btn-group.dodaj-u-korpu .btn {
     padding: 0;
     color: #fff;
     margin: 0;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 16px;
 }
 
 .listing-content-container .listing-item .dodaj-u-korpu .input-group {
     width: 16px;
     align-items: center;
 }
 
 .listing-content-container .listing-item .dodaj-u-korpu .form-control {
     box-shadow: 0 0 0 transparent;
     border: 0 none;
     text-align: center;
     font-size: 14px;
     line-height: 14px;
     color: #0f314d;
     padding-top: 2px;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 16px;
     width: 100%;
     z-index: 0;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }
 
 .listing-content-container .listing-item .btn-group.dodaj-u-korpu .btn i {
     position: relative;
     top: 1px;
     font-size: 14px;
 }
 
 /*News listing page*/
 .news-listing-content-container {
     padding: 0;
 }
 
 .news-listing-content-container .image-box {
     padding-left: 15px;
     padding-right: 15px;
 }
 
 .news-listing-content-container .image-box .body {
     padding: 0;
 }
 
 .news-listing-content-container .image-box .overlay-container a img {
     margin: 0 auto;
 }
 
 .news-listing-content-container .image-box .body h3 {
     font-size: 18px;
     font-weight: 400;
 }
 
 .news-listing-content-container .image-box .body .date {
     margin-bottom: 5px;
     font-size: 12px;
 }
 
 .news-listing-content-container .image-box p {
     margin-bottom: 0;
 }
 
 .news-listing-content-container .separator-line {
     position: relative;
     width: 100%;
     height: 1px;
     background: #d0d0d0;
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 /*News page*/
 .news-content-container {
     padding: 0;
 }
 
 .news-content-container.main,
 .news-listing-content-container.main {
     height: max-content;
 }
 
 .news-content-container .section-title {
     margin-bottom: 20px;
 }
 
 .news-content-container .image-box .body {
     padding: 0;
 }
 
 .news-content-container .image-box .body h1 {
     font-size: 20px;
     font-weight: 400;
     text-transform: none;
     margin-bottom: 15px;
 }
 
 .news-content-container .image-box .date {
     margin-bottom: 5px;
     font-size: 12px;
 }
 
 .news-content-container .image-box .body img {
     float: left;
     margin-right: 15px;
     margin-bottom: 15px;
 }
 
 /*Top liste page*/
 .top-liste-content-container {
     padding: 0;
 }
 
 .top-liste-content-container .section-title h1 {
     margin-top: 20px;
     margin-bottom: 15px;
     font-size: 22px;
     color: #0f314d;
     font-weight: 300;
     text-transform: none;
 }
 
 .top-liste-content-container .listing-item {
     margin-bottom: 20px;
     padding-top: 20px;
 }
 
 .top-liste-content-container .listing-item.bordered {
     border: 1px solid #d0d0ce;
     border-radius: 0;
 }
 
 .top-liste-content-container .listing-item .overlay-container {
     display: flex;
     min-height: 260px;
 }
 
 .top-liste-content-container .listing-item .overlay-container a {
     align-self: flex-end;
     width: 100%;
     line-height: 0;
 }
 
 .top-liste-content-container .listing-item .overlay-container a img {
     margin: 0 auto;
 }
 
 .top-liste-content-container .listing-item .body h3 {
     font-size: 16px;
     font-weight: 400;
     height: 68px;
     overflow: hidden;
 }
 
 .top-liste-content-container .listing-item .body p {
     height: 42px;
     font-size: 14px;
     color: #787878;
     overflow: hidden;
 }
 
 .top-liste-content-container .listing-item .price {
     font-size: 14px;
     color: #0f314d;
 }
 
 .top-liste-content-container .listing-item del {
     font-size: 11px;
     font-weight: 400;
     color: #787878;
 }
 
 /*Knjizare listing page*/
 .knjizare-content-container {
     padding: 0;
 }
 
 .knjizare-content-container.main {
     height: max-content;
 }
 
 .knjizare-content-container .listing-item {
     margin-bottom: 20px;
 }
 
 .knjizare-content-container .listing-item .body h3 {
     font-size: 16px;
     font-weight: 400;
     height: 45px;
     overflow-y: hidden;
 }
 
 .knjizare-content-container .listing-item .body p {
     font-size: 12px;
 }
 
 .knjizare-content-container .listing-item .body p.knjizara-adresa,
 .knjizare-content-container .listing-item .body p.knjizara-telefon {
     height: 36px;
     overflow-y: hidden;
 }
 
 .knjizare-content-container .listing-item .body p.knjizara-radno-vreme {
     height: 53px;
     overflow-y: hidden;
 }
 
 .knjizare-content-container .background-image {
     height: 180px;
     width: 100%;
     display: block;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
 }
 
 /*Knjizara page*/
 .knjizare-content-container h1 {
     margin-bottom: 15px;
 }
 
 .knjizare-content-container .media-image {
     margin-right: 20px;
 }
 
 .knjizare-content-container .image-holder {
     position: relative;
     max-width: 311px;
     min-width: 311px;
 }
 
 .knjizare-content-container .image-holder img {
     width: 311px;
 }
 
 .knjizare-content-container .separator-line {
     position: relative;
     width: 100%;
     height: 1px;
     background: #d0d0d0;
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 .knjizare-content-container .nav-tabs.style-2 {
     margin-top: 20px;
 }
 
 .knjizare-content-container .nav-tabs.style-2>li.tab-title>a {
     text-transform: uppercase;
 }
 
 .knjizare-content-container .nav-tabs.style-2>li>a {
     display: table-cell;
     vertical-align: middle;
     width: auto;
     color: #5bb132;
 }
 
 .knjizare-content-container .nav-tabs.style-2>li>a:hover {
     color: #5bb132;
 }
 
 .knjizare-content-container .nav-tabs.style-2>li>a.active,
 .knjizare-content-container .nav-tabs.style-2>li>a.active:focus,
 .knjizare-content-container .nav-tabs.style-2>li>a.active:hover {
     border-top-color: #d0d0ce;
 }
 
 .knjizare-content-container .nav-tabs.style-2+.tab-content.style-2 {
     padding-left: 0;
     padding-right: 0;
 }
 
 .knjizare-content-container .iframe-map-container {
     display: block;
     width: 100%
 }
 
 .knjizare-content-container .iframe-map-container iframe {
     width: 100%;
     height: 545px;
 }
 
 /*Global page*/
 .page-content-container {
     padding: 0;
 }
 
 .page-content-container .section-title .section-toolbar {
     margin-top: 16px;
 }
 
 .page-content-container .section-title .section-toolbar .btn {
     padding-right: 0;
 }
 
 /*All Categories page*/
 .category-list {
     border-bottom: 1px solid #d0d0ce;
     margin-bottom: 20px;
 }
 
 .category-list h2 {
     font-size: 20px;
     font-weight: 400;
 }
 
 .category-list h2 a {
     color: #5bb132;
 }
 
 .category-list h3 {
     font-size: 18px;
     font-weight: 400;
 }
 
 .category-list h3 a {
     color: #5bb132;
 }
 
 .category-list ul {
     margin-bottom: 28px;
 }
 
 .category-list li {
     width: 24.5%;
     margin-bottom: 3px;
 }
 
 .category-list li.list-inline-item:not(:last-child) {
     margin-right: 0;
 }
 
 .category-list li a {
     color: #0f314d;
 }
 
 .category-list li a:hover {
     color: #5bb132;
 }
 
 .category-nav li {
     vertical-align: top;
     width: 16%;
     border: 1px solid #d0d0d0;
     padding: 5px 15px;
     margin-bottom: 5px;
 }
 
 .category-nav li.list-inline-item:not(:last-child) {
     margin-right: 5px;
 }
 
 .category-nav li a {
     display: inline-block;
     width: 100%;
     height: 55px;
     text-align: center;
 }
 
 @media (max-width: 1199px) {
     .knjizare-content-container .iframe-map-container iframe {
         height: 455px;
     }
 }
 
 @media (max-width: 991px) {
     .knjizare-content-container .section-toolbar {
         margin-top: 12px;
     }
 
     .knjizare-content-container .section-toolbar .btn {
         padding-right: 0;
     }
 }
 
 @media (max-width: 767px) {
 
     .news-listing-content-container,
     .news-content-container,
     .knjizare-content-container {
         padding: 0;
     }
 
     .news-listing-content-container .section-title h1,
     .news-listing-content-container .section-title h2,
     .news-content-container .image-box .body h1,
     .news-content-container .section-title h1,
     .news-content-container .section-title h2,
     .knjizare-content-container .section-title h1,
     .knjizare-content-container .section-title h2 {
         font-size: 18px;
     }
 
     .knjizare-content-container .section-toolbar {
         margin-top: 12px;
     }
 
     .knjizare-content-container .section-toolbar .btn {
         padding-right: 0;
     }
 
     .news-listing-content-container .image-box .overlay-container a img {
         margin: 0 0 10px 0;
     }
 
     .news-content-container .image-box .body img {
         float: none;
         margin: 0 auto 15px auto;
     }
 
     .knjizare-content-container .listing-item .body h3,
     .knjizare-content-container .listing-item .body p.knjizara-adresa,
     .knjizare-content-container .listing-item .body p.knjizara-telefon,
     .knjizare-content-container .listing-item .body p.knjizara-radno-vreme {
         height: auto;
     }
 
     .knjizare-content-container .media {
         display: block;
     }
 
     .knjizare-content-container .media-image {
         text-align: center;
         margin-bottom: 20px;
         margin-right: 0;
     }
 
     .knjizare-content-container .image-holder,
     .knjizare-content-container .image-holder img {
         width: 100%;
         min-width: 100%;
     }
 
     .knjizare-content-container .nav-tabs.style-2>li.tab-title>a {
         font-size: 18px;
     }
 
     .knjizare-content-container .nav-tabs.style-2>li>a {
         font-size: 13px;
     }
 
     .knjizare-content-container .iframe-map-container iframe {
         height: 340px;
     }
 
     .category-list li {
         width: 32.5%;
     }
 }
 
 @media (max-width: 575px) {
     .knjizare-content-container .nav-tabs {
         display: flex;
         border-bottom: 1px solid #d0d0ce !important;
         background-color: initial !important;
     }
 
     .page-content-container .section-title h1,
     .page-content-container .section-title h2 {
         font-size: 18px;
     }
 
     .page-content-container .section-title .section-toolbar {
         margin-top: 13px;
     }
 
     .category-list li {
         width: 49.5%;
     }
 }
 
 @media (max-width: 414px) {
     .knjizare-content-container .iframe-map-container iframe {
         height: 256px;
     }
 
     .category-list {
         text-align: center;
     }
 
     .category-list li {
         width: 100%;
     }
 }
 
 @media (max-width: 375px) {
     .knjizare-content-container .iframe-map-container iframe {
         height: 230px;
     }
 }
 
 @media (max-width: 360px) {
     .knjizare-content-container .iframe-map-container iframe {
         height: 220px;
     }
 }
 
 @media (max-width: 320px) {
     .knjizare-content-container .iframe-map-container iframe {
         height: 220px;
     }
 }
 
 /*Footer*/
 .footer {
     font-size: 14px;
     line-height: 1.5;
     box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.15);
 }
 
 .footer .right-field {
     float: right;
 }
 
 .footer h2.title {
     font-size: 22px;
     text-transform: none;
     margin-bottom: 10px;
 }
 
 .footer form {
     margin: 0;
 }
 
 .footer .form-inline label {
     color: #5bb132;
     font-size: 18px;
     font-weight: 300;
     margin-right: 10px;
 }
 
 .footer .form-control {
     border-radius: 0;
     background-color: #efefef;
     box-shadow: 0 0 0 0;
     border-color: #efefef;
     width: 320px;
 }
 
 .footer .has-feedback label~.form-control-feedback {
     top: 0;
     font-size: 20px;
 }
 
 .footer .border-bottom {
     border-bottom: 1px solid #d0d0ce !important;
 }
 
 .footer .footer-links-container {
     border-right: 1px solid #d0d0ce !important;
     margin-bottom: 20px;
 }
 
 .footer-links {
     display: inline-block;
     margin-right: 40px;
 }
 
 .footer-links:last-child {
     margin-right: 0;
 }
 
 .footer-links h4 {
     font-size: 16px;
     font-weight: 300;
     text-transform: uppercase;
 }
 
 .footer-links a {
     color: #787878;
 }
 
 .footer .pratite-posiljku-container {
     display: block;
     width: 400px;
     height: 80px;
     font-size: 16px;
     font-weight: 400;
     margin: 20px auto 30px auto;
     border-bottom: 1px solid #d0d0ce;
 }
 
 .footer .pratite-posiljku {
     display: block;
     width: 240px;
     margin: 0 auto;
 }
 
 .footer .pratite-posiljku p {
     margin: 0;
 }
 
 .footer .pratite-posiljku img {
     display: inline-block;
     margin-right: 25px;
 }
 
 .footer .pratite-posiljku p span {
     display: inline-block;
 }
 
 .footer .skinite-aplikaciju-social-container {
     width: 320px;
     margin: 0 auto;
 }
 
 .footer .skinite-aplikaciju {
     display: inline-block;
 }
 
 .footer .skinite-aplikaciju p {
     color: #0f314d;
     font-weight: 400;
     margin-bottom: 5px;
 }
 
 .footer .skinite-aplikaciju a {
     display: inline-block;
     margin-right: 5px;
 }
 
 .footer .footer-social {
     display: inline-block;
 }
 
 .footer .footer-social a {
     display: inline-block;
     margin-left: 25px;
 }
 
 .footer .footer-box .media {
     margin-bottom: 15px;
 }
 
 .footer .footer-box .media-image {
     margin-right: 15px;
 }
 
 .footer .footer-box .media h4 {
     font-size: 22px;
     font-weight: 300;
     text-transform: uppercase;
     margin-top: 12px;
     margin-bottom: 15px;
 }
 
 .footer .footer-box .media p {
     margin-bottom: 5px;
     color: #787878;
 }
 
 .footer .footer-box .media p a {
     color: #787878;
 }
 
 .footer ul.delfi-placanje-karticama {
     padding: 0;
     margin: 0;
     width: 100%;
 }
 
 .footer .delfi-placanje-karticama li {
     list-style: none;
     display: inline-block;
 
 }
 
 .footer .col,
 .footer .col-auto {
     margin-bottom: auto;
     margin-top: auto;
 }
 
 /*Subfooter*/
 .subfooter {
     font-size: 12px;
     line-height: 1.3;
     color: #0f314d;
 }
 
 .subfooter p {
     margin-bottom: 0;
 }
 
 .subfooter.default-bg {
     color: #ffffff;
 }
 
 .subfooter a,
 .subfooter a:hover,
 .subfooter a:focus {
     color: #0f314d;
 }
 
 @media (max-width: 1199px) {
     .footer {
         font-size: 13px;
     }
 
     .footer-links h4 {
         font-size: 14px;
     }
 
     .footer .form-control {
         width: 300px;
     }
 
     .footer .pratite-posiljku-container {
         width: 380px;
     }
 }
 
 @media (max-width: 991px) {
     .footer .form-inline label {
         font-size: 16px;
     }
 
     .footer .form-control {
         width: 200px;
     }
 
     .footer .footer-links-container {
         text-align: center;
         border-right: 0 !important;
         margin-bottom: 0;
     }
 
     .footer .footer-links {
         text-align: left;
     }
 
     .footer .col-auto img {
         width: 100px;
     }
 }
 
 @media (max-width: 767px) {
 
     .listing-content-container .listing-item .overlay-container,
     .listing-content-container .listing-item .body h3,
     .listing-content-container .listing-item .body p {
         height: auto;
     }
 
     .footer .right-field {
         float: none;
     }
 
     .footer .form-inline .form-group,
     .footer .form-inline label,
     .footer .form-inline input {
         display: block;
         width: 100%;
     }
 
     .footer .has-feedback label~.form-control-feedback {
         top: 24px;
     }
 
     .footer .footer-links {
         width: 49.5%;
         margin-right: 0;
     }
 
     .footer .footer-box .media-image {
         min-width: 108px;
         justify-content: center;
     }
 
     .footer .col,
     .footer .col-auto {
         display: flex;
         min-width: 120px;
         max-width: 120px;
         justify-content: center;
     }
 
     .footer .col-auto img {
         width: auto;
     }
 
     .footer .col img,
     .footer .col-auto img {
         margin-bottom: 10px;
     }
 }
 
 @media (max-width: 575px) {
     .listing-content-container .section-title.filter-bar .section-toolbar {
         margin-top: 4px;
     }
 
     footer .p-0 {
         padding-left: 15px !important;
         padding-right: 15px !important;
     }
 
     .footer .has-feedback label~.form-control-feedback {
         top: 32px;
     }
 
     .footer .pratite-posiljku-container,
     .footer .skinite-aplikaciju-social-container {
         width: auto;
     }
 
     .footer .skinite-aplikaciju-social-container {
         justify-content: center;
         display: flex;
     }
 
     .footer .footer-social a {
         margin-left: 10px;
     }
 }
 
 @media (max-width: 359px) {
     .listing-content-container .section-title.filter-bar .section-toolbar {
         margin-top: 0;
     }
 }
 
 /******************************************************************************/
 /*** 4 Pages ******************************************************************/
 /******************************************************************************/
 
 /* Blog pages
  ---------------------------------- */
 .blogpost {
     margin: 0 0 70px;
 }
 
 .blogpost header {
     padding: 20px 10px 20px;
 }
 
 .blogpost header h2 {
     text-transform: none;
     margin-top: 0;
     margin-bottom: 10px;
 }
 
 .blogpost .post-info {
     font-size: 12px;
     color: #aaa;
     font-weight: 400;
 }
 
 .blogpost .post-info>span {
     margin-right: 5px;
     display: inline-block;
 }
 
 .blogpost .post-info a {
     color: #aaa;
 }
 
 .blogpost .blogpost-content {
     padding: 0 10px 10px;
 }
 
 .blogpost .row .blogpost-content {
     padding-bottom: 0;
 }
 
 .blogpost footer {
     font-size: 12px;
     padding: 10px;
     color: #aaa;
     border-top: 1px solid #eaeaea;
 }
 
 .blogpost .row+footer {
     padding: 10px 0;
 }
 
 .blogpost.full {
     margin-bottom: 30px;
 }
 
 .blogpost.full header {
     padding: 0 0 15px 0;
 }
 
 .blogpost.full .blogpost-content {
     padding: 0 0 5px;
 }
 
 .blogpost.full footer {
     padding: 10px 0;
 }
 
 .blogpost.light-gray-bg header,
 .blogpost.light-gray-bg .blogpost-content,
 .blogpost.light-gray-bg footer {
     padding-left: 20px;
     padding-right: 20px;
 }
 
 .blogpost.light-gray-bg footer {
     padding-bottom: 20px;
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
     .blogpost .row header {
         padding-top: 0;
     }
 
     .blogpost .row+footer {
         margin-top: 15px;
     }
 }
 
 /* Comments
  ---------------------------------- */
 #comments {
     margin-top: 60px;
 }
 
 .comments h2.title {
     margin-bottom: 40px;
     padding-bottom: 10px;
     position: relative;
 }
 
 .comments h2.title:after {
     height: 1px;
     background: #d1d1d1;
     background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
     background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
     position: absolute;
     bottom: -1px;
     left: 0px;
     content: "";
     width: 100%;
 }
 
 .comment {
     font-size: 14px;
 }
 
 .comment .comment {
     margin-left: 75px;
 }
 
 .comment h3 {
     margin-top: 0;
     margin-bottom: 5px;
 }
 
 .comment p {
     margin-bottom: 10px;
 }
 
 .comment .btn-sm-link {
     padding: 0;
 }
 
 .comment-avatar {
     width: 50px;
     float: left;
     margin: 0 15px 0 0;
 }
 
 .comment-content {
     border-bottom: 1px solid #f1f1f1;
     margin-bottom: 40px;
     clear: both;
 }
 
 .comment-meta {
     margin-bottom: 15px;
     color: #aaa;
     font-size: 12px;
 }
 
 .comment-meta a {
     color: #aaa;
 }
 
 .comment-meta a:hover {
     text-decoration: underline;
 }
 
 /* Blog Masonry Grid
  ---------------------------------- */
 .masonry-grid-item .blogpost footer {
     padding-top: 0px;
     border-top: none;
 }
 
 .masonry-grid-item .blogpost header h2 {
     font-size: 22px;
 }
 
 /* Blog Timeline layout
  ---------------------------------- */
 .timeline {
     position: relative;
     padding: 40px 0;
     margin-top: 40px;
 }
 
 .timeline .blogpost footer {
     padding-top: 0px;
     border-top: none;
 }
 
 .timeline .blogpost header h2 {
     font-size: 22px;
 }
 
 .timeline .timeline-item {
     padding: 0 15px;
 }
 
 .timeline-date-label {
     float: none;
     clear: both;
     display: block;
     margin: 0px auto;
     text-align: center;
     margin-bottom: 80px;
     line-height: 1;
     width: 135px;
     position: relative;
     z-index: 2;
     color: #ffffff;
 }
 
 .timeline-date-label:after {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     height: 30px;
     width: 100%;
     position: absolute;
     bottom: -8px;
     z-index: -1;
 }
 
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .timeline .blogpost {
         margin-bottom: 0;
     }
 
     .timeline:before {
         background-color: #e8e8e8;
         background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(10%, rgba(0, 0, 0, 0.09)), color-stop(90%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
         background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
         background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
         background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
         background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.09) 10%, rgba(0, 0, 0, 0.09) 90%, transparent 100%);
         width: 1px;
         height: 100%;
         content: "";
         position: absolute;
         left: 50%;
         display: block;
         top: 0;
     }
 
     .timeline .timeline-item {
         position: relative;
         width: 50%;
         padding-left: 0;
         padding-right: 40px;
         margin-bottom: 80px;
         float: left;
         clear: left;
         z-index: 1;
     }
 
     .timeline .timeline-item.pull-right {
         position: relative;
         width: 50%;
         padding-left: 40px;
         padding-right: 0;
         margin-top: 80px;
         margin-bottom: 0;
         float: right;
         clear: right;
     }
 
     .timeline .timeline-item.pull-right+.timeline-date-label {
         padding-top: 80px;
     }
 
     .timeline .timeline-item:after {
         content: "";
         font-family: 'Font Awesome 5 Free';
         font-weight: 900;
         right: 0px;
         background-color: #eaeaea;
         left: auto;
         position: absolute;
         top: 20px;
         z-index: -1;
         width: 35px;
         height: 1px;
     }
 
     .timeline .timeline-item:before {
         content: "";
         position: absolute;
         background-color: #cdcdcd;
         border: 1px solid #cdcdcd;
         height: 7px;
         width: 7px;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
         border-radius: 100%;
         top: 17px;
         right: -4px;
     }
 
     .timeline .timeline-item.pull-right:after {
         right: auto;
         left: 0px;
     }
 
     .timeline .timeline-item.pull-right:before {
         left: -3px;
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .timeline .timeline-item.pull-right {
         float: none !important;
     }
 }
 
 /* Shop Pages
  ---------------------------------- */
 /*Product Page*/
 .product-content-container {
     padding: 0;
 }
 
 .book-content {
     padding: 20px 15px 0 15px;
     margin-bottom: 0;
 }
 
 .book-content .media-image {
     margin-right: 20px;
     min-width: 180px;
 }
 
 .book-content .media-image .hvr-curl-bottom-right::before {
     width: 20px;
     height: 20px;
     background: linear-gradient(315deg, #efefef 45%, #aaa 50%, #ccc 56%, #fff 80%);
 }
 
 .book-content .media-image .hvr-curl-bottom-right:active::before,
 .book-content .media-image .hvr-curl-bottom-right:focus::before,
 .book-content .media-image .hvr-curl-bottom-right:hover::before {
     width: 35px;
     height: 35px;
 }
 
 .book-content .product-info {
     font-size: 12px;
     margin-top: 20px;
     margin-bottom: 0;
 }
 
 .book-content .media-heading.author {
     font-size: 22px;
     font-weight: 300;
     text-transform: none;
     margin-bottom: 5px;
 }
 
 .book-content .media-heading.author a {
     color: #787878;
 }
 
 .book-content .media-heading {
     font-family: 'gillsans-condensed, sans-serif';
     font-size: 42px;
     line-height: 1;
     font-weight: 400;
     text-transform: none;
     margin-bottom: 10px;
 }
 
 .book-content .media-heading a {
     color: #0f314d;
 }
 
 .book-content .rating-stars {
     margin-bottom: 10px;
     font-size: 16px;
     font-weight: 600;
     color: #787878;
 }
 
 .book-content .rating-stars a {
     font-size: 18px;
     color: #efefef;
 }
 
 .book-content .rating-stars a:hover {
     color: #ffbe50;
 }
 
 .book-content .rating-stars a.active,
 .bestsellers .rating-stars i {
     color: #ffbe50;
 }
 
 .book-content .rating-stars .rating {
     color: #0f314d;
     font-size: 18px;
     font-weight: 600;
     margin-left: 5px;
 }
 
 .book-content .rating-stars .rating-votes {
     color: #787878;
 }
 
 .book-content .comments-total {
     color: #787878;
     font-size: 16px;
     font-weight: 400;
 }
 
 .book-content .media-body .btn-white {
     border: 2px solid #d0d0ce;
     background-color: #ffffff;
     color: #787878;
     font-size: 12px;
     font-weight: 300;
     text-align: left;
     padding: 5px;
     margin: 0 25px 25px 0;
     min-width: 90px;
 }
 
 .book-content .media-body .cover-select .btn-group:last-of-type .btn-white {
     margin-right: 0;
 }
 
 .book-content .media-body .btn-white span {
     color: #0f314d;
     font-weight: 400;
 }
 
 .book-content .media-body .btn-white.selected {
     border: 2px solid #5bb132;
     background-color: #efefef;
 }
 
 .book-content .media-body .btn-white:hover {
     border: 2px solid #5bb132;
 }
 
 .book-content .product-text {
     line-height: 22px;
     overflow-y: hidden;
 }
 
 .book-content .read-more,
 .book-content .read-less,
 .book-content .read-more:hover,
 .book-content .read-less:hover {
     color: #5bb132;
     cursor: pointer;
 }
 
 .book-content .item-selection ul {
     padding-left: 0;
 }
 
 .book-content .item-selection ul li {
     list-style: none;
     border-bottom: 1px solid #d0d0ce;
     margin-bottom: 5px;
     padding-bottom: 5px;
 }
 
 .book-content .item-selection ul li span {
     /*min-width: 70px;*/
     display: inline-block;
 }
 
 .book-content .item-selection ul li:last-child {
     border-bottom: 0 none;
 }
 
 .book-content .item-selection .btn {
     padding-left: 0;
     padding-right: 0;
     width: 100%;
     align-items: center;
     justify-content: center;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 18px;
 }
 
 .book-content .item-selection .btn .icon-holder {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px;
     background-color: #5bb132;
     margin-right: 8px;
     color: #fff;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }
 
 .book-content .item-selection .btn .icon-holder svg {
     width: 18px;
     height: auto;
 }
 
 .book-content .item-selection .btn-default-transparent {
     border-color: #0f314d;
     /* border-width: 3px; */
 }
 
 .book-content .item-selection .btn-default-transparent.selected,
 .book-content .item-selection .btn-default-transparent:hover {
     border-color: #5bb132;
     /* border-width: 3px; */
 }
 
 .book-content .item-info ul {
     padding-left: 0;
 }
 
 .book-content .item-info ul li {
     list-style: none;
     border-bottom: 1px solid #d0d0ce;
     margin-bottom: 5px;
     padding-bottom: 5px;
     display: flex;
     align-items: center;
 }
 
 .book-content .item-info ul li span {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
     padding-right: 15px;
 }
 
 .book-content .item-info ul li span:last-child {
     padding-left: 15px;
     padding-right: 0;
 }
 
 .book-content .item-action {
     padding: 25px 30px;
     border: 1px solid #d0d0ce;
 }
 
 .book-content .item-action ul {
     padding-left: 0;
 }
 
 .book-content .item-action ul li {
     list-style: none;
 }
 
 .book-content .item-action a {
     color: #0f314d;
 }
 
 .book-content .item-action a:hover {
     color: #5bb132;
 }
 
 .book-content .item-price {
     color: #e54b4b;
     font-size: 32px;
     margin-bottom: 22px;
 }
 
 .book-content .item-price p {
     margin: 0;
 }
 
 .book-content .item-price .price {
     font-size: 32px;
     color: #0f314d;
 }
 
 .book-content .item-price .price-discounted {
     color: #e54b4b;
     font-weight: 600;
 }
 
 .book-content .item-price del {
     font-size: 18px;
     font-weight: 400;
     color: #787878;
     display: block;
 }
 
 .book-content .item-price .price .text-muted {
     color: #0f314d !important;
 }
 
 .book-content .item-price .btn-group.dodaj-u-korpu {
     background-color: #5bb132;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 200px;
     height: 40px;
     padding: 0 10px;
     margin-top: 0;
     align-items: center;
     justify-content: space-between;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .book-content .item-price .btn-group.dodaj-u-korpu .btn {
     padding: 0;
     color: #fff;
     margin: 0;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 20px;
 }
 
 .book-content .item-price .dodaj-u-korpu .input-group {
     width: 20px;
     align-items: center;
 }
 
 .book-content .item-price .dodaj-u-korpu .form-control {
     box-shadow: 0 0 0 transparent;
     border: 0 none;
     text-align: center;
     font-size: 16px;
     color: #0f314d;
     padding-top: 2px;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 20px;
     width: 100%;
     z-index: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .book-content .item-price .btn-group.dodaj-u-korpu .btn i {
     position: relative;
     top: 1px;
     font-size: 18px;
 }
 
 .book-content .tabs-holder {
     margin-top: 30px;
 }
 
 .ribbon {
     font-size: 14px;
     position: relative;
     display: block;
     text-align: left;
     margin: 0 0 20px 0;
     height: 32px;
     width: 275px;
 }
 
 .ribbon .text {
     display: block;
     padding: 7px 14px;
     line-height: 17px;
     position: relative;
     height: 32px;
 }
 
 .ribbon:after,
 .ribbon:before {
     content: '';
     position: absolute;
     border-style: solid;
 }
 
 .ribbon:after {
     top: 0;
     right: -15px;
     border-width: 16px 14px 16px 35px;
     z-index: 1;
     height: 32px;
 }
 
 .ribbon.top-list-rank .text {
     background: #ffffff;
     border: 1px solid #d0d0ce;
     color: #0f314d;
     font-weight: 300;
 }
 
 .ribbon.top-list-rank:after {
     border-color: #d0d0ce transparent #d0d0ce #d0d0ce;
 }
 
 .ribbon.top-list-rank .text a {
     color: #5bb132;
 }
 
 .ribbon.top-list-rank .rank {
     position: absolute;
     right: 0;
     z-index: 2;
     width: 30px;
     text-align: center;
     font-weight: 600;
     font-size: 18px;
     color: #ffffff;
 }
 
 .dodatni-popust {
     padding: 20px;
 }
 
 .dodatni-popust h3 {
     margin-top: 10px;
     font-size: 18px;
     font-weight: 300;
 }
 
 .dodatni-popust .dodatni-popust-item .image-holder {
     position: relative;
     display: flex;
     min-height: 150px;
     max-width: 80px;
 }
 
 .dodatni-popust .dodatni-popust-item .image-holder .badge-check i {
     position: absolute;
     top: 0;
     left: 0;
     border: 1px solid #e54b4b;
     font-size: 12px;
     color: #e54b4b;
     cursor: pointer;
 }
 
 .dodatni-popust .dodatni-popust-item .image-holder .badge-check.selected i {
     border: 1px solid #787878;
     color: #787878;
 }
 
 .dodatni-popust .dodatni-popust-item .image-holder a {
     align-self: flex-end;
     width: 100%;
     line-height: 0;
 }
 
 .dodatni-popust .dodatni-popust-item:after {
     content: "+";
     font-size: 25px;
     color: #787878;
     position: absolute;
     top: 40px;
     right: 13px;
 }
 
 .dodatni-popust .dodatni-popust-item:nth-child(4):after {
     content: "=";
 }
 
 .dodatni-popust .dodatni-popust-item .btn.dropdown-toggle {
     font-size: 12px;
     font-weight: 300;
     color: #787878;
     height: auto;
     padding: 7px 0 0;
 }
 
 .dodatni-popust .dodatni-popust-item .price {
     font-size: 14px;
     font-weight: 500;
     color: #0f314d;
     margin-bottom: 0;
 }
 
 .dodatni-popust .dropdown-menu {
     border-radius: 0;
     border: 1px solid #d0d0ce;
 }
 
 .dodatni-popust .dropdown-menu .dropdown-item {
     font-size: 14px;
     font-weight: 300;
 }
 
 .dodatni-popust .kolicina {
     font-size: 18px;
     font-weight: 300;
     color: #0f314d;
     margin-bottom: 5px;
 }
 
 .dodatni-popust .cena {
     font-size: 30px;
     font-weight: 500;
     color: #5bb132;
     margin-bottom: 0;
 }
 
 .dodatni-popust .usteda {
     font-size: 14px;
     font-weight: 400;
     color: #0f314d;
     margin-bottom: 5px;
 }
 
 .dodatni-popust .usteda del {
     font-size: 18px;
     font-weight: 400;
 }
 
 .dodatni-popust .btn {
     height: 36px;
     font-size: 16px;
     line-height: 1;
     margin-bottom: 0;
 }
 
 .dodatni-popust .btn img {
     position: relative;
     top: -2px;
 }
 
 /*Comments*/
 .comments-container .section-title {
     margin-bottom: 15px;
 }
 
 .comments-container .section-title h2 {
     margin-top: 20px;
     font-size: 16px;
 }
 
 .comments-container .comments {
     padding-bottom: 20px;
 }
 
 .comments-container .comments .comment-info {
     min-width: 160px;
 }
 
 .comments-container .comments .comment-info h4 {
     font-size: 16px;
     font-weight: 300;
     margin-top: 5px;
     margin-bottom: 0;
     color: #0f314d;
 }
 
 .comments-container .comments .comment-info p {
     font-size: 14px;
     font-weight: 300;
     color: #787878;
 }
 
 .comments-container .comments .rating-stars {
     margin-right: 20px;
 }
 
 .comments-container .comments .rating-stars a {
     font-size: 15px;
     color: #efefef;
 }
 
 .comments-container .comments .rating-stars a.active {
     color: #ffbe50;
 }
 
 .comments-container .comments .comment-title {
     font-size: 18px;
     font-weight: 400;
     color: #0f314d;
 }
 
 .comments-container .comments .comment-text {
     margin-bottom: 0;
     font-size: 14px;
     line-height: 22px;
     font-weight: 400;
     color: #787878;
 }
 
 .comments-container .comments .comment-like {
     margin-top: 5px;
     margin-bottom: 0;
 }
 
 .comments-container .comments .comment-like li {
     display: inline-block;
     font-size: 14px;
     color: #787878;
     font-weight: 300;
     margin-right: 20px;
 }
 
 .comments-container .comments .comment-like li a img {
     display: inline-block;
     margin-left: 5px;
 }
 
 .comments-container .comments .separator-line {
     margin-top: 15px;
     margin-bottom: 15px;
 }
 
 .comments-container .comments .show-all {
     text-align: center;
     margin-bottom: 0;
 }
 
 .comments-container .comments .show-all .btn {
     color: #5bb132;
     padding: 0;
     margin: 0;
 }
 
 .comments-container .comments .show-all .btn:hover,
 .comments-container .comments .show-all .btn:focus {
     text-decoration: none;
 }
 
 .aside-product {
     padding-left: 20px;
     padding-right: 0;
 }
 
 .aside-listing {
     padding-left: 0;
     padding-right: 20px;
 }
 
 .custom-modal .aside-listing {
     padding-right: 0;
 }
 
 .aside-product .block,
 .aside-listing .block {
     margin-bottom: 20px;
     padding: 20px;
     background-color: #ffffff;
 }
 
 .aside-product .block:last-of-type,
 .aside-listing .block:last-of-type {
     padding: 19px 20px;
 }
 
 .aside-product .block .separator-line,
 .aside-listing .block .separator-line {
     margin-top: 19px;
     margin-bottom: 19px;
 }
 
 .aside-product h3,
 .aside-listing h3 {
     color: #0f314d;
     font-size: 18px;
     font-weight: 300;
     text-align: center;
 }
 
 .aside-listing .nav.flex-column.list-style-icons>li .nav-link {
     display: flex;
 }
 
 .aside-listing .nav.flex-column.list-style-icons>li .nav-link>.flex-icon i {
     color: #5bb132;
 }
 
 .aside-listing .nav.flex-column.list-style-icons>li .nav-link>.flex-icon i:before {
     text-align: left;
 }
 
 .aside-listing .nav.flex-column.list-style-icons>li .nav-link>.flex-content {
     flex-grow: 1;
     word-break: break-word;
 }
 
 .aside-listing .nav.flex-column.list-style-icons>li .nav-item-menu {
     padding-left: 1rem;
 }
 
 .aside-listing .nav.flex-column.list-style-icons>li .nav-item-menu li {
     list-style: none;
 }
 
 .aside-listing .media,
 .knjige-top-10 .media {
     position: relative;
 }
 
 .knjige-top-10 .overlay-link {
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: transparent;
 }
 
 .knjige-top-10 .overlay-link i {
     position: relative;
     top: unset;
     left: unset;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0;
     line-height: 1;
     background-color: #fff;
     color: #5bb132;
     border: 0 none;
 }
 
 .knjige-top-10 .overlay-link:hover i {
     background-color: #fff;
     color: #5bb132;
 }
 
 .knjige-top-10 .overlay-link.small i {
     margin: 0;
 }
 
 .knjige-top-10 .overlay-link.small i {
     width: 24px;
     height: 24px;
     font-size: 14px;
 }
 
 .aside-listing .media .media-body p a,
 .knjige-top-10 .media .media-body p a {
     font-size: 13px;
 }
 
 .knjige-top-10 .book-ranking,
 .aside-listing .book-ranking {
     position: absolute;
     top: 0;
     left: -10px;
     align-items: center;
     justify-content: center;
     width: 30px;
     height: 30px;
     background-color: #5bb132;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     z-index: 1;
 }
 
 .knjige-top-10 .book-ranking p,
 .aside-listing .book-ranking p {
     font-size: 24px;
     margin: 0;
     font-weight: 600;
     line-height: 30px;
     color: #fff;
     position: relative;
     top: 2px;
 }
 
 .aside-product .price {
     color: #5bb132;
     font-size: 30px;
     font-weight: 500;
 }
 
 .aside-product .price-discount {
     color: #666666;
     font-size: 14px;
     font-weight: 400;
 }
 
 .aside-product .price-discount del {
     font-size: 18px;
 }
 
 .aside-product .item-quantity .input-group {
     display: inline-flex;
     width: 92px;
     margin-bottom: 10px;
     margin-right: 20px;
 }
 
 .aside-product .item-quantity .input-group .form-control {
     box-shadow: 0 0 0 transparent;
     border: 1px solid #d0d0ce;
     text-align: center;
     font-size: 18px;
     font-weight: 500;
     color: #0f314d;
     padding-left: 23px;
     padding-right: 23px;
     height: 36px;
     z-index: 0;
 }
 
 .aside-product .item-quantity .input-group .btn {
     padding: 4px 6px;
     margin: 0;
     font-size: 18px;
     color: #787878;
     z-index: 1;
 }
 
 .aside-product .item-quantity .input-group-prepend {
     position: absolute;
     left: 0;
 }
 
 .aside-product .item-quantity .input-group-append {
     position: absolute;
     right: 0;
 }
 
 .aside-product .btn-group .btn {
     margin: 0;
     height: 36px;
     font-size: 16px;
     line-height: 1;
 }
 
 .aside-product .btn-group .btn img {
     position: relative;
     top: -2px;
 }
 
 .aside-product .btn-light-gray {
     font-size: 16px;
 }
 
 .aside-product .search-box .btn.btn-gray {
     background-color: #efefef;
     font-size: 16px;
 }
 
 .aside-product .search-box .form-control {
     background-color: #ffffff;
 }
 
 .product.price {
     font-size: 24px;
     font-weight: 400;
 }
 
 .product.price del {
     color: #cdcdcd;
     font-size: 14px;
 }
 
 .product.element-list {
     margin-top: 7px;
 }
 
 .aside-listing .top-liste-aside h3,
 .aside-listing .knjizare-aside h3 {
     color: #0f314d;
     font-size: 22px;
     font-weight: 300;
     text-align: center;
     margin: 0;
 }
 
 .aside-listing .top-liste-aside .title .separator-line,
 .aside-listing .knjizare-aside .title .separator-line {
     margin-top: 16px;
     margin-bottom: 20px;
 }
 
 .aside-listing .top-liste-aside .separator-line {
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 .top-liste-aside .media {
     position: relative;
 }
 
 .top-liste-aside .media .top-liste img {
     width: auto;
 }
 
 .top-liste-aside .media-image {
     min-width: 50px;
     padding-right: 10px;
     justify-content: center;
 }
 
 .top-liste-aside h4 {
     font-size: 16px;
     font-weight: 400;
 }
 
 .top-liste-aside h4 a {
     color: #5bb132;
 }
 
 .top-liste-aside p.author a {
     font-size: 12px;
     font-weight: 400;
 }
 
 .top-liste-aside p.author a {
     color: #787878;
 }
 
 .knjizare-aside-list h4 {
     font-size: 18px;
     color: #0f314d;
     font-weight: 300;
     margin-top: 15px;
     margin-bottom: 5px;
 }
 
 .knjizare-aside-list p {
     margin-bottom: 0;
 }
 
 .knjizare-aside-list a {
     color: #787878;
 }
 
 @media (max-width: 1199px) {
     .book-content .media-body .btn-white {
         margin: 0 20px 25px 0;
     }
 
     .book-content .product-text {
         height: 230px;
     }
 
     .dodatni-popust .dodatni-popust-item::after {
         right: 0;
     }
 
     .dodatni-popust .usteda {
         font-size: 12px;
     }
 
     .dodatni-popust .usteda del {
         font-size: 16px;
     }
 
     .aside-product h3 {
         font-size: 17px;
     }
 
     .aside-product .item-quantity .input-group {
         width: 84px;
         margin-right: 10px;
     }
 
     .aside-product .block {
         padding: 19px 20px;
     }
 }
 
 @media (max-width: 991px) {
     .book-content .dodaj-u-korpu-holder {
         display: flex;
         justify-content: center;
     }
 
     .book-content .dodaj-u-korpu-holder .item-price .elements-list {
         text-align: center;
     }
 
     .book-content .dodaj-u-korpu-holder .btn-group.dodaj-u-korpu {
         width: 200px;
     }
 
     .dodatni-popust .dodatni-popust-item::after {
         right: 10px;
     }
 
     .aside-product {
         padding-left: 0;
     }
 
     .sidebar {
         margin-top: 25px;
     }
 
     .aside-product .block:last-of-type {
         margin-bottom: 0;
     }
 }
 
 @media (max-width: 767px) {
 
     .book-content,
     .dodatni-popust {
         padding: 20px 15px;
     }
 
     .book-content .media-image {
         padding-right: 0;
         margin-right: 0;
     }
 
     .book-content .item-info {
         margin-top: 20px;
         margin-bottom: 20px;
     }
 
     .dodatni-popust .dodatni-popust-item {
         display: block;
         min-width: 100%;
         margin-bottom: 15px;
         text-align: center;
     }
 
     .dodatni-popust .dodatni-popust-item::after {
         right: 20px;
     }
 
     .dodatni-popust .dodatni-popust-item .image-holder {
         display: block;
         max-width: none;
     }
 
     .dodatni-popust .dodatni-popust-item .image-holder img {
         margin: 0 auto;
     }
 
     .dodatni-popust .dodatni-popust-item .image-holder .badge-check {
         display: block;
         margin-bottom: -20px;
     }
 
     .dodatni-popust .dodatni-popust-item .image-holder .badge-check i {
         position: relative;
     }
 
     .dodatni-popust .dodatni-popust-item-sum {
         text-align: center;
     }
 
     .book-content .media {
         display: block;
     }
 
     .book-content .media-image {
         text-align: center;
         margin-bottom: 20px;
     }
 
     .comments-container .comments .media {
         display: block;
     }
 
     .aside-product .block {
         padding: 19px 15px;
     }
 }
 
 /*Dropdown Cart*/
 .header-dropdown-buttons .btn-group .dropdown-menu.cart {
     padding: 0;
     min-width: 350px;
     font-size: 13px;
 }
 
 .header-dropdown-buttons .btn-group .dropdown-menu.cart .broj-predmeta {
     font-size: 12px;
     font-weight: 300;
     padding-bottom: 5px;
     padding-left: 10px;
     margin: 0;
 }
 
 .cart-content {
     max-height: 215px;
     overflow-y: auto;
 }
 
 .cart-item {
     position: relative;
     display: block;
     background-color: #ffffff;
     padding: 10px 10px;
     border-bottom: 1px solid #d0d0ce;
 }
 
 .cart-item .btn-cancel {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 14px;
     color: #787878;
     font-weight: 400;
     padding-right: 10px;
 }
 
 .cart-item .item-image {
     display: inline-block;
     vertical-align: top;
     margin-right: 10px;
     max-width: 80px;
 }
 
 .cart-item .item-info {
     display: inline-block;
     vertical-align: top;
     max-width: 100px;
 }
 
 .cart-item .item-info h3 {
     font-size: 12px;
     color: #787878;
     font-weight: 400;
     height: 78px;
     overflow-y: hidden;
     margin-bottom: 9px;
 }
 
 .cart-item .item-info .item-price {
     margin-bottom: 0;
     font-size: 13px;
     color: #0f314d;
     font-weight: 500;
 }
 
 .cart-item .item-quantity {
     float: right;
     margin-top: 42px;
 }
 
 .cart-item .item-quantity .input-group {
     float: right;
     width: 70px;
     margin-bottom: 10px;
 }
 
 .cart-item .item-quantity .input-group .form-control {
     box-shadow: 0 0 0 transparent;
     border: 1px solid #d0d0ce;
     text-align: center;
     font-size: 18px;
     font-weight: 500;
     color: #0f314d;
     padding-left: 23px;
     padding-right: 23px;
     height: 36px;
     z-index: 0;
 }
 
 .cart-item .item-quantity .input-group .btn {
     padding: 4px 6px;
     margin: 0;
     font-size: 18px;
     color: #787878;
     z-index: 1;
 }
 
 .cart-item .item-quantity .input-group-prepend {
     position: absolute;
     left: 0;
 }
 
 .cart-item .item-quantity .input-group-append {
     position: absolute;
     right: 0;
 }
 
 .cart-item .item-quantity .item-sum-price {
     margin-bottom: 0;
     font-size: 13px;
     color: #0f314d;
     font-weight: 500;
     clear: both;
 }
 
 .header-dropdown-buttons .btn-group .dropdown-menu.cart table {
     margin-bottom: 0;
 }
 
 .header-dropdown-buttons .btn-group .dropdown-menu.cart table a {
     color: #0f314d;
 }
 
 .header-dropdown-buttons .btn-group .dropdown-menu.cart .panel-body {
     padding: 10px 0 0;
 }
 
 .dropdown-menu.cart .panel-body .kolicinski-popust {
     font-size: 12px;
     font-weight: 400;
     color: #787878;
     margin-bottom: 5px;
     text-align: right;
 }
 
 .dropdown-menu.cart .panel-body .panel-left {
     float: left;
     vertical-align: top;
 }
 
 .dropdown-menu.cart .panel-body .panel-left .btn {
     padding: 5px 22px;
     margin: 0;
     background-color: #5bb132;
     font-size: 14px;
     font-weight: 400;
     color: #ffffff;
 }
 
 .dropdown-menu.cart .panel-body .panel-right {
     float: right;
     text-align: right;
 }
 
 .dropdown-menu.cart .panel-body .panel-right p {
     line-height: 1.1;
     margin-bottom: 0;
     font-size: 18px;
     font-weight: 500;
     color: #5bb132;
 }
 
 .dropdown-menu.cart .panel-body .panel-right p.small {
     font-size: 12px;
     font-weight: 400;
     color: #787878;
 }
 
 .dropdown-menu.cart .panel-body .panel-promo {
     background-color: #fff1dd;
     padding: 5px 8px;
     margin-top: 10px;
 }
 
 .dropdown-menu.cart .panel-body .panel-promo .media-highlight p {
     line-height: 1.4;
     margin-bottom: 0;
     font-size: 22px;
     font-weight: 500;
     color: #0f314d;
 }
 
 .dropdown-menu.cart .panel-body .panel-promo .media-body p {
     line-height: 1.2;
     font-size: 12px;
     font-weight: 300;
     color: #787878;
 }
 
 .cart-count,
 .wishlist-count {
     position: absolute;
     line-height: 20px;
     width: 20px;
     height: 20px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     font-size: 10px;
     text-shadow: none;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .cart-count,
 .wishlist-count {
     top: -3px;
     right: -3px;
     background-color: #c64b4b;
     color: #ffffff;
     font-size: 12px;
 }
 
 .dark .header-dropdown-buttons .cart-count {
     background-color: rgba(0, 0, 0, 0.5);
     color: #cdcdcd;
 }
 
 .dropdown.open .cart-count,
 .dropdown:hover .cart-count {
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .total-amount,
 .total-quantity {
     font-size: 13px;
 }
 
 .cart .table>tbody>tr>td,
 .cart.table>tbody>tr>td {
     vertical-align: inherit;
 }
 
 .cart .product .small {
     display: block;
     color: #999999;
 }
 
 /* Small devices (phones less than 575px) */
 @media (max-width: 575px) {
     .header-dropdown-buttons .btn-group .dropdown-menu.cart {
         min-width: 300px;
     }
 }
 
 /* Wishlist page
  ---------------------------------- */
 .wishlist-content-container {
     padding: 0;
 }
 
 .wishlist-content-container .section-title h1 {
     margin-top: 20px;
     margin-bottom: 15px;
     font-size: 22px;
     color: #0f314d;
     font-weight: 300;
     text-transform: none;
 }
 
 .table.cart.wishlist .form-control {
     border-radius: 0;
 }
 
 .table.cart.wishlist .btn.btn-to-cart {
     font-size: 10px;
     padding: 3px 5px;
     min-width: 0;
     margin: 5px 0 0 0;
     width: 100%;
 }
 
 .desktop-cart-container {
     display: block;
     width: 100%;
 }
 
 .mobile-cart-container .cart-item .btn-to-cart {
     padding-right: 0;
     padding-left: 0;
     margin: 0;
 }
 
 @media (max-width: 1199px) {
     .wishlist.cart .product {
         width: 38%;
     }
 
     .wishlist.cart.table .remove {
         width: 12%;
     }
 }
 
 @media (max-width: 991px) {
     .wishlist.cart .product {
         width: 33%;
     }
 
     .wishlist.cart.table .remove {
         width: 14%;
     }
 
     .wishlist.cart.table .amount {
         width: 18%;
     }
 }
 
 /* Cart and Checkout pages
  ---------------------------------- */
 /*Cart page*/
 .cart-content-container {
     padding: 0;
 }
 
 .cart-content-container .section-title h1 {
     margin-top: 20px;
     margin-bottom: 15px;
     font-size: 22px;
     color: #0f314d;
     font-weight: 300;
     text-transform: none;
 }
 
 /*Cart steps*/
 .cart-steps {
     margin-top: 30px;
     margin-bottom: 30px;
     padding: 0 15px;
 }
 
 .cart-steps>.cart-step {
     padding: 0;
     position: relative;
 }
 
 .cart-steps>.cart-step+.cart-step {}
 
 .cart-steps>.cart-step .cart-step-title {
     color: #787878;
     font-size: 16px;
     margin-bottom: 5px;
     text-align: center;
 }
 
 .cart-steps>.cart-step .cart-step-info {
     color: #999;
     font-size: 14px;
 }
 
 .cart-steps>.cart-step>.cart-step-dot {
     position: absolute;
     width: 30px;
     height: 30px;
     display: block;
     background: #5bb132;
     top: 45px;
     left: 50%;
     margin-top: -15px;
     margin-left: -15px;
     border-radius: 50%;
 }
 
 .cart-steps>.cart-step>.cart-step-dot:after {
     content: ' ';
     width: 14px;
     height: 14px;
     background: #ffffff;
     border-radius: 50px;
     position: absolute;
     top: 8px;
     left: 8px;
 }
 
 .cart-steps>.cart-step>.progress {
     position: relative;
     border-radius: 0px;
     height: 8px;
     box-shadow: none;
     margin: 18px 0;
     background-color: #efefef;
 }
 
 .cart-steps>.cart-step>.progress>.progress-bar {
     width: 0px;
     box-shadow: none;
     background-color: #5bb132;
 }
 
 .cart-steps>.cart-step.complete>.progress>.progress-bar {
     width: 100%;
 }
 
 .cart-steps>.cart-step.active>.progress>.progress-bar {
     width: 50%;
 }
 
 .cart-steps>.cart-step:first-child.active>.progress>.progress-bar {
     width: 0%;
 }
 
 .cart-steps>.cart-step:last-child.active>.progress>.progress-bar {
     width: 100%;
 }
 
 .cart-steps>.cart-step.disabled>.cart-step-dot {
     background-color: #efefef;
 }
 
 .cart-steps>.cart-step.disabled>.cart-step-dot:after {
     opacity: 0;
 }
 
 .cart-steps>.cart-step:first-child>.progress {
     left: 50%;
     width: 50%;
 }
 
 .cart-steps>.cart-step:last-child>.progress {
     width: 50%;
 }
 
 .cart-steps>.cart-step.disabled a.cart-step-dot {
     pointer-events: none;
 }
 
 
 .table.cart {
     margin-bottom: 0;
 }
 
 .cart .product-image {
     width: 10%;
 }
 
 .cart .quantity {
     width: 15%;
     font-size: 11px;
 }
 
 .cart .product {
     width: 45%;
     font-size: 13px;
 }
 
 .cart .amount {
     width: 40%;
     font-size: 13px;
 }
 
 .cart.table .price {
     width: 15%;
     font-size: 16px;
 }
 
 .cart.table .amount {
     width: 15%;
     font-size: 16px;
 }
 
 .cart.table .quantity {
     width: 10%;
 }
 
 .cart.table .remove {
     width: 10%;
 }
 
 .cart.table .quantity .form-control {
     box-shadow: 0 0 0 transparent;
     border: 1px solid #d0d0ce;
     text-align: center;
     font-size: 16px;
     font-weight: 500;
     color: #0f314d;
     padding-left: 23px;
     padding-right: 23px;
     height: 36px;
     width: 100%;
     z-index: 0;
 }
 
 .cart.table .quantity .input-group-prepend {
     position: absolute;
     left: 0;
 }
 
 .cart.table .quantity .input-group-append {
     position: absolute;
     right: 0;
 }
 
 .cart.table .quantity .input-group .btn {
     padding: 4px 6px;
     margin: 0;
     font-size: 18px;
     color: #787878;
     z-index: 1;
 }
 
 .cart.table .product {
     font-size: 16px;
     width: 40%;
 }
 
 .cart.table .product small a {
     font-size: 12px;
     display: block;
     color: #787878;
 }
 
 .cart.table .amount {
     text-align: right;
 }
 
 .cart.table thead>tr>th {
     font-size: 16px;
 }
 
 .cart.table.step-4 thead>tr>th,
 .cart.table.step-4 .product,
 .cart.table.step-4 .quantity .form-control,
 .cart.table.step-4 .price,
 .cart.table.step-4 .amount,
 .cart.table.step-5 thead>tr>th,
 .cart.table.step-5 .product,
 .cart.table.step-5 .quantity .form-control,
 .cart.table.step-5 .price,
 .cart.table.step-5 .amount {
     font-size: 14px;
 }
 
 .cart.step-4 .product,
 .cart.step-5 .product {
     width: 40%;
 }
 
 .cart.table.step-4 .price,
 .cart.table.step-4 .amount,
 .cart.table.step-5 .price,
 .cart.table.step-5 .amount {
     width: 20%;
 }
 
 .cart.table.step-4 .quantity .form-control,
 .cart.table.step-5 .quantity .form-control {
     padding-left: 0;
     padding-right: 0;
 }
 
 .cart.table .total-quantity,
 .cart.table .total-amount {
     padding-top: 15px;
     padding-bottom: 15px;
     font-weight: 700;
 }
 
 .cart.table .bg-gray {
     background-color: #f0f0f0;
 }
 
 .cart.table .total-amount {
     text-align: right;
     font-size: 16px;
     color: #5bb132;
 }
 
 .cart.table .total-amount p {
     margin-bottom: 0;
 }
 
 .cart.table .total-amount.discounts-and-fees {
     font-weight: 300;
     font-size: 14px;
     color: #787878;
 }
 
 .cart.table .total-amount.discounts-and-fees span {
     display: inline-block;
     min-width: 160px;
     font-weight: 400;
 }
 
 .cart.table .total-amount span {
     display: inline-block;
     min-width: 160px;
     font-weight: 500;
 }
 
 .cart.table .total-amount.discounts-and-fees .besplatna-isporuka {
     max-width: 265px;
     margin-left: auto;
 }
 
 .cart.table .total-amount.discounts-and-fees .besplatna-isporuka img {
     display: inline-block;
     padding-right: 10px;
     position: relative;
     top: 2px;
 }
 
 .cart.table .total-amount.discounts-and-fees .besplatna-isporuka p {
     display: inline-block;
     font-weight: 400;
 }
 
 .cart.table .panel-promo {
     background-color: #fff1dd;
     padding: 5px 8px;
     max-width: 382px;
     text-align: left;
     margin-left: auto;
     margin-top: 10px;
 }
 
 .cart.table .panel-promo .media-highlight p {
     line-height: 1.4;
     margin-bottom: 0;
     font-size: 22px;
     font-weight: 500;
     color: #0f314d;
 }
 
 .cart.table .panel-promo .media-body p {
     line-height: 1.2;
     font-size: 12px;
     font-weight: 300;
     color: #787878;
 }
 
 .cart.table .btn-remove {
     position: relative;
 }
 
 .cart.table .form-group {
     margin: 7px 0;
 }
 
 .table .information {
     width: 80%;
 }
 
 .cart-options {
     width: 100%;
     text-align: right;
 }
 
 .cart-options .btn:first-child {
     margin-right: 5px;
 }
 
 /* Cart mobile view*/
 .mobile-cart-container {
     width: 100%;
     display: block;
 }
 
 .mobile-cart-container .bg-gray {
     background-color: #f0f0f0;
 }
 
 .mobile-cart-container .cart-item {
     position: relative;
     display: block;
     background-color: #ffffff;
     padding: 10px 10px;
     border-bottom: 1px solid #d0d0ce;
 }
 
 .mobile-cart-container .cart-item .btn-cancel {
     position: absolute;
     top: 0;
     right: 0;
     font-size: 14px;
     color: #787878;
     font-weight: 400;
     padding-right: 10px;
 }
 
 .mobile-cart-container .cart-item .item-image {
     display: inline-block;
     vertical-align: top;
     margin-right: 10px;
     max-width: 80px;
 }
 
 .mobile-cart-container.step-4 .cart-item .item-image,
 .mobile-cart-container.step-5 .cart-item .item-image {
     max-width: 50px;
 }
 
 .mobile-cart-container .cart-item .item-info {
     display: inline-block;
     vertical-align: top;
     max-width: 55%;
 }
 
 .mobile-cart-container.step-4 .cart-item .item-info,
 .mobile-cart-container.step-5 .cart-item .item-info {
     max-width: 35%;
 }
 
 .mobile-cart-container .cart-item .item-info h3 {
     height: 80px;
     overflow-y: hidden;
     margin-bottom: 9px;
     font-size: 14px;
     color: #787878;
     font-weight: 400;
 }
 
 .mobile-cart-container .cart-item .item-info h3 small {
     display: block;
     margin-top: 10px;
 }
 
 .mobile-cart-container .cart-item .item-info .item-price {
     margin-bottom: 0;
     font-size: 13px;
     color: #0f314d;
     font-weight: 500;
 }
 
 .mobile-cart-container .cart-item .item-quantity {
     float: right;
     margin-top: 42px;
 }
 
 .mobile-cart-container .cart-item .item-quantity .input-group {
     float: right;
     width: 70px;
     margin-bottom: 11px;
 }
 
 .mobile-cart-container .cart-item .item-quantity .input-group-prepend {
     position: absolute;
     left: 0;
 }
 
 .mobile-cart-container .cart-item .item-quantity .input-group .btn {
     padding: 4px 6px;
     margin: 0;
     font-size: 18px;
     color: #787878;
     z-index: 1;
 }
 
 .mobile-cart-container .cart-item .item-quantity .input-group .form-control {
     box-shadow: 0 0 0 transparent;
     border: 1px solid #d0d0ce;
     text-align: center;
     font-size: 18px;
     font-weight: 500;
     color: #0f314d;
     padding-left: 23px;
     padding-right: 23px;
     height: 36px;
     z-index: 0;
 }
 
 .mobile-cart-container .cart-item .item-quantity .input-group-append {
     position: absolute;
     right: 0;
 }
 
 .mobile-cart-container .cart-item .item-quantity .item-sum-price {
     margin-bottom: 0;
     font-size: 13px;
     color: #0f314d;
     font-weight: 500;
     clear: both;
 }
 
 .mobile-cart-container .total-amount {
     text-align: right;
     padding-top: 10px;
     padding-left: 10px;
     padding-bottom: 10px;
     padding-right: 10px;
     font-size: 14px;
     font-weight: 600;
     color: #5bb132;
 }
 
 .mobile-cart-container .total-amount p {
     margin-bottom: 0;
 }
 
 .mobile-cart-container .total-amount.discounts-and-fees {
     padding-top: 10px;
     padding-bottom: 0;
 }
 
 .mobile-cart-container .total-amount.discounts-and-fees p {
     font-weight: 300;
     font-size: 12px;
     color: #787878;
 }
 
 .mobile-cart-container .total-amount.discounts-and-fees span {
     display: inline-block;
     min-width: 150px;
     font-weight: 400;
 }
 
 .mobile-cart-container.step-4 .total-amount.discounts-and-fees span,
 .mobile-cart-container.step-5 .total-amount.discounts-and-fees span {
     min-width: 140px;
 }
 
 .mobile-cart-container .total-amount span {
     display: inline-block;
     min-width: 150px;
     font-weight: 500;
 }
 
 .mobile-cart-container.step-4 .total-amount span,
 .mobile-cart-container.step-5 .total-amount span {
     min-width: 140px;
 }
 
 .mobile-cart-container .exchange {
     padding-top: 10px;
 }
 
 .mobile-cart-container .cart-options {
     margin-top: 15px;
     margin-bottom: 15px;
 }
 
 .mobile-cart-container .total-amount.discounts-and-fees .besplatna-isporuka {
     max-width: 260px;
     margin-left: auto;
 }
 
 .mobile-cart-container .total-amount.discounts-and-fees .besplatna-isporuka img {
     position: relative;
     top: 2px;
 }
 
 .mobile-cart-container .total-amount.discounts-and-fees .besplatna-isporuka p {
     font-weight: 400;
 }
 
 .mobile-cart-container .panel-promo {
     background-color: #fff1dd;
     padding: 5px 8px;
 }
 
 .mobile-cart-container .panel-promo .media-highlight p {
     line-height: 1.4;
     margin-bottom: 0;
     font-size: 22px;
     font-weight: 500;
     color: #0f314d;
 }
 
 .mobile-cart-container .panel-promo .media-body p {
     line-height: 1.2;
     font-size: 12px;
     font-weight: 300;
     color: #787878;
 }
 
 .form-content-container {
     width: 100%;
     display: block;
     margin-bottom: 15px;
     background-color: #efefef;
 }
 
 .form-content-container .custom-checkbox .custom-control-label {
     font-size: 18px;
 }
 
 .form-content-container .form-control,
 .form-content-container .custom-select {
     border-radius: 0;
     box-shadow: 0 0 0 transparent;
     border-color: #787878;
 }
 
 .form-content-container h2 {
     color: #0f314d;
     font-size: 18px;
     font-weight: 400;
     text-transform: none;
 }
 
 .form-content-container .podaci-narucioca {
     margin-bottom: 30px;
 }
 
 .form-content-container .podaci-narucioca p,
 .form-content-container .nacin-placanja p {
     margin-bottom: 0;
     color: #787878;
 }
 
 .form-content-container .podaci-narucioca p span {
     display: inline-block;
     min-width: 160px;
     font-weight: 400;
 }
 
 .form-content-container .nacin-placanja p span {
     display: inline-block;
     min-width: 70px;
     font-weight: 400;
 }
 
 .form-content-container .uslovi-kupovine-check {
     text-align: right;
     margin-top: 20px;
     margin-bottom: 10px;
 }
 
 @media (max-width: 991px) {
     .cart-steps>.cart-step>.progress {
         margin: 22px 0;
     }
 
     .cart.table>thead>tr>th,
     .cart.table>tbody>tr>td {
         padding: 8px 8px;
     }
 
     .cart-steps>.cart-step .cart-step-title,
     .cart.table thead>tr>th,
     .cart.table .product,
     .cart.table .quantity .form-control,
     .cart.table .price,
     .cart.table .amount,
     .cart.table .total-amount {
         font-size: 13px;
     }
 
     .cart.table .total-amount.discounts-and-fees {
         font-size: 12px;
     }
 
     .cart .product {
         width: 35%;
     }
 
     .cart.table .product {
         width: 35%;
     }
 
     .cart.table .remove {
         width: 10%;
     }
 
     .cart.table .quantity {
         width: 15%;
     }
 
     .cart.table .panel-promo {
         max-width: 370px;
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .cart-steps {
         margin-bottom: 0;
     }
 
     .cart-steps>.cart-step>.progress {
         margin: 24px 0;
     }
 
     .cart-steps>.cart-step .cart-step-title {
         font-size: 12px;
     }
 
     .cart.table thead>tr>th {
         font-size: 12px;
     }
 
     .cart-steps>.cart-step .cart-step-title,
     .cart.table thead>tr>th,
     .cart.table .product,
     .cart.table .quantity .form-control,
     .cart.table .price,
     .cart.table .amount {
         font-size: 11px;
     }
 
     .cart.table .total-amount {
         font-size: 14px;
     }
 
     .cart.table .product small a {
         font-size: 11px;
     }
 
     .cart .product {
         width: 20%;
     }
 
     .cart.table .price {
         width: 20%;
     }
 
     .cart.table .quantity {
         width: 20%;
     }
 
     .cart.table .amount {
         width: 20%;
     }
 
     .cart.table>thead>tr>th,
     .cart.table>tbody>tr>th,
     .cart.table>tfoot>tr>th,
     .cart.table>thead>tr>td,
     .cart.table>tbody>tr>td,
     .cart.table>tfoot>tr>td {
         padding: 5px 5px;
     }
 
     .mobile-cart-container .cart-item .item-quantity .input-group .form-control {
         font-size: 16px;
     }
 
     .btn.btn-sm-only {
         padding: 5px 15px;
         font-size: 12px;
     }
 
     .form-content-container .podaci-narucioca p {
         margin-bottom: 10px;
     }
 
     .form-content-container .podaci-narucioca p span {
         min-width: 100%;
         display: block;
     }
 }
 
 /* Extra small devices (phones, less than 575px) */
 @media (max-width: 575px) {
     .cart-steps>.cart-step .cart-step-title {
         font-size: 10px;
     }
 
     .cart-steps>.cart-step>.progress {
         margin: 26px 0;
     }
 
     .cart.table>thead>tr>th,
     .cart.table>tbody>tr>th,
     .cart.table>tfoot>tr>th,
     .cart.table>thead>tr>td,
     .cart.table>tbody>tr>td,
     .cart.table>tfoot>tr>td {
         padding: 8px 7px;
     }
 
     .mobile-cart-container .cart-item .item-info {
         max-width: 50%;
     }
 }
 
 @media (max-width:480px) {
     .cart-steps>.cart-step .cart-step-title {
         font-size: 10px;
         height: 20px;
     }
 
     .cart-steps>.cart-step>.cart-step-dot {
         top: 50px;
     }
 }
 
 @media (max-width: 414px) {
     .mobile-cart-container .cart-item .item-info {
         max-width: 40%;
     }
 
     .mobile-cart-container .cart-item .item-info h3,
     .mobile-cart-container .cart-item .item-info .item-price,
     .mobile-cart-container .cart-item .item-quantity .item-sum-price {
         font-size: 12px;
     }
 }
 
 @media (max-width: 359px) {
     .mobile-cart-container .cart-item .item-info {
         max-width: 30%;
     }
 
     .mobile-cart-container .panel-promo .media-highlight p {
         font-size: 18px;
         line-height: 1.6;
     }
 }
 
 /* About Us Pages
  ---------------------------------- */
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .team-member {
         max-width: 480px;
         margin: 20px auto 20px !important;
     }
 }
 
 /* Coming Soon Page
  ---------------------------------- */
 .is-countdown {
     border: 1px solid transparent;
     background-color: transparent;
 }
 
 .countdown-row {
     height: 0;
     padding: 0;
 }
 
 .countdown-section {
     text-align: center;
     padding: 20px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     background-color: rgba(0, 0, 0, 0.2);
     -webkit-border-radius: 5%;
     -moz-border-radius: 5%;
     border-radius: 5%;
 }
 
 .countdown-show4 .countdown-section {
     width: 24%;
     margin: 10px 0.5%;
 }
 
 .countdown-amount {
     font-size: 36px;
     font-weight: 700;
     display: block;
 }
 
 .countdown-period {
     display: block;
     font-size: 28px;
     line-height: 1.2;
     margin-top: 15px;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .countdown-amount {
         font-size: 24px;
     }
 
     .countdown-period {
         font-size: 18px;
     }
 }
 
 /* Extra small devices (phones, less than 575px) */
 @media (max-width: 575px) {
     .countdown-amount {
         font-size: 18px;
     }
 
     .countdown-period {
         font-size: 10px;
     }
 }
 
 /* Pages Misc
  ---------------------------------- */
 .icons-page i {
     font-size: 20px;
     width: 35px;
     text-align: center;
 }
 
 .grid span {
     padding: 5px 5px;
     background-color: #666;
     border: 1px solid #444;
     display: block;
     text-align: center;
     margin-bottom: 10px;
     color: #ffffff;
 }
 
 
 
 /******************************************************************************/
 /*** 5 Components *************************************************************/
 /******************************************************************************/
 
 /* Buttons
  ---------------------------------- */
 /*Buttons Color Variations*/
 .btn:focus {
     color: inherit;
     box-shadow: 0 0 0 transparent;
 }
 
 .btn {
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 /*Default Button*/
 .btn-default {
     color: #ffffff;
 }
 
 .btn-default:hover,
 .btn-default:focus,
 .btn-default.focus,
 .btn-default:active,
 .btn-default.active,
 .show>.dropdown-toggle.btn-default {
     color: #ffffff;
 }
 
 .btn-default-transparent {
     color: #777777;
     background-color: transparent;
 }
 
 .btn-default-transparent:hover,
 .btn-default-transparent:focus,
 .btn-default-transparent.focus,
 .btn-default-transparent:active,
 .btn-default-transparent.active,
 .show>.dropdown-toggle.btn-default-transparent {
     color: #ffffff;
 }
 
 .dark-bg .btn-default-transparent {
     color: #ffffff;
 }
 
 .default-bg .btn-default,
 .default-translucent-bg .btn-default,
 .default-bg .btn-default-transparent,
 .default-translucent-bg .btn-default-transparent {
     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 .show>.dropdown-toggle.btn-default,
 .default-translucent-bg .show>.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 .show>.dropdown-toggle.btn-default-transparent,
 .default-translucent-bg .show>.dropdown-toggle.btn-default-transparent {
     color: #ffffff;
     background-color: transparent;
     border-color: #ffffff;
 }
 
 .dark .btn-default {
     color: #ffffff;
     background-color: rgba(0, 0, 0, 0.2);
     border-color: rgba(0, 0, 0, 0.1);
 }
 
 .dark .btn-default .badge {
     color: rgba(0, 0, 0, 0.2);
     background-color: #ffffff;
 }
 
 .dark .btn-default:hover,
 .dark .btn-default:focus,
 .dark .btn-default.focus,
 .dark .btn-default:active,
 .dark .btn-default.active,
 .dark .show>.dropdown-toggle.btn-default {
     color: #ffffff;
     background-color: rgba(0, 0, 0, 0.35);
     border-color: rgba(0, 0, 0, 0.2);
 }
 
 .colored .btn-default {
     color: #ffffff;
     background-color: #5bb132;
     border-color: #5bb132;
 }
 
 .colored .btn-default .badge {
     color: rgba(0, 0, 0, 0.2);
     background-color: #ffffff;
 }
 
 .colored .btn-default:hover,
 .colored .btn-default:focus,
 .colored .btn-default.focus,
 .colored .btn-default:active,
 .colored .btn-default.active,
 .colored .show>.dropdown-toggle.btn-default {
     color: #ffffff;
     background-color: #5bb132;
     border-color: #5bb132;
 }
 
 .default-hovered:hover .btn-default-transparent {
     border-color: #ffffff;
 }
 
 /*White Button*/
 .btn-white {
     color: #0f314d;
     background-color: #ffffff;
     border-color: #ffffff;
 }
 
 /*Gray Button*/
 .btn-gray {
     color: #0f314d;
     background-color: #e1e1e1;
     border-color: #d3d3d3;
 }
 
 .btn-gray:hover,
 .btn-gray:focus,
 .btn-gray.focus,
 .btn-gray:active,
 .btn-gray.active,
 .show>.dropdown-toggle.btn-gray {
     color: #0f314d;
     background-color: #cdcdcd;
     border-color: #cdcdcd;
 }
 
 .btn-gray-transparent {
     color: #0f314d;
     background-color: transparent;
     border-color: #777777;
 }
 
 .btn-gray-transparent:hover,
 .btn-gray-transparent:focus,
 .btn-gray-transparent.focus,
 .btn-gray-transparent:active,
 .btn-gray-transparent.active,
 .show>.dropdown-toggle.btn-gray-transparent {
     color: #ffffff;
     background-color: #0f314d;
     border-color: #0f314d;
 }
 
 .btn-light-gray {
     color: #787878;
     background-color: #efefef;
     border-color: #d0d0ce;
 }
 
 .btn-dark-gray {
     color: #ffffff;
     background-color: #787878;
     border-color: #787878;
 }
 
 .btn-dark-gray:hover,
 .btn-dark-gray:focus {
     color: #ffffff;
 }
 
 .btn-link {
     color: #5bb132;
 }
 
 .btn-link:hover,
 .btn-link:focus {
     text-decoration: none;
     color: #0f314d;
 }
 
 .dark-bg .btn-gray-transparent {
     color: #ffffff;
 }
 
 .dark-bg .btn-gray-transparent:hover {
     border-color: #ffffff;
     color: #777777;
     background-color: #ffffff;
 }
 
 .dark-translucent-bg .btn-gray-transparent,
 .default-translucent-bg .btn-gray-transparent,
 .default-bg .btn-gray-transparent {
     border-color: #ffffff;
     color: #ffffff;
 }
 
 .dark-translucent-bg .btn-gray-transparent:hover,
 .default-translucent-bg .btn-gray-transparent:hover,
 .default-bg .btn-gray-transparent:hover,
 .dark-translucent-bg .btn-gray-transparent:focus,
 .default-translucent-bg .btn-gray-transparent:focus,
 .default-bg .btn-gray-transparent:focus {
     border-color: #ffffff;
     color: #777777;
     background-color: #ffffff;
 }
 
 .default-hovered:hover .btn-gray-transparent {
     border-color: #ffffff;
 }
 
 .light-gray-bg.default-hovered:hover .btn-gray-transparent:hover {
     border-color: #0f314d;
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
     .two-col-translucent-bg .container>.row>div+div .btn-gray-transparent {
         border-color: #ffffff;
         color: #ffffff;
     }
 
     .two-col-translucent-bg .container>.row>div+div .btn-gray-transparent:hover,
     .two-col-translucent-bg .container>.row>div+div .btn-gray-transparent:focus {
         border-color: #ffffff;
         color: #777777;
         background-color: #ffffff;
     }
 }
 
 /*Dark Button*/
 .btn-dark {
     color: #ffffff;
     background-color: #373737;
     border-color: #0f314d;
 }
 
 .btn-dark:hover,
 .btn-dark:focus,
 .btn-dark.focus,
 .btn-dark:active,
 .btn-dark.active,
 .show>.dropdown-toggle.btn-dark {
     color: #ffffff;
     background-color: #111111;
     border-color: #111111;
 }
 
 .dark-bg .btn-dark {
     color: #ffffff;
     background-color: #222222;
     border-color: #171717;
 }
 
 .dark-bg .btn-dark:hover,
 .dark-bg .btn-dark:focus,
 .dark-bg .btn-dark.focus,
 .dark-bg .btn-dark:active,
 .dark-bg .btn-dark.active,
 .dark-bg .show>.dropdown-toggle.btn-dark {
     color: #ffffff;
     background-color: #000000;
     border-color: #000000;
 }
 
 /*Buttons Sizes*/
 .btn {
     padding: 7px 20px;
     font-size: 14px;
     line-height: 1.4666666667;
     border-radius: 0;
     margin: 10px 0;
 }
 
 .btn-sm {
     padding: 5px 15px;
     font-size: 12px;
     line-height: 1.4666666667;
     border-radius: 0;
     margin: 5px 0;
 }
 
 .btn-lg {
     padding: 10px 25px;
     font-size: 18px;
     line-height: 1.4666666667;
     border-radius: 0;
     margin: 10px 0;
 }
 
 .btn-xl {
     padding: 15px 50px;
     font-size: 22px;
     line-height: 1.4666666667;
     border-radius: 0;
     margin: 10px 0;
 }
 
 .btn-md-link {
     padding: 7px 15px;
     font-size: 14px;
     line-height: 1.4666666667;
     border-radius: 0px;
     margin: 10px 0;
 }
 
 .btn-sm-link {
     padding: 5px 15px;
     font-size: 12px;
     line-height: 1.4666666667;
     border-radius: 0px;
     margin: 5px 0;
 }
 
 .btn-lg-link {
     padding: 10px 15px;
     font-size: 18px;
     line-height: 1.4666666667;
     border-radius: 0px;
     margin: 10px 0;
 }
 
 .btn-remove {
     font-size: 10px;
     padding: 3px 5px;
     min-width: 0;
     margin: -5px 0 0 0;
     width: 100%;
 }
 
 /*Buttons with radius*/
 .radius-50 {
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
 }
 
 /*Animated Buttons*/
 .btn-animated {
     position: relative;
     min-width: 0 !important;
     padding-right: 45px !important;
 }
 
 .btn-animated i {
     -webkit-transition: right 0.2s ease-in-out;
     -o-transition: right 0.2s ease-in-out;
     transition: right 0.2s ease-in-out;
     z-index: 3;
     right: 17px;
     position: absolute;
     line-height: 34px;
     top: 0;
     min-width: 12px;
 }
 
 .btn-animated:after {
     width: 35px;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.1);
     position: absolute;
     content: "";
     top: 0;
     opacity: 0;
     filter: alpha(opacity=0);
     right: 0px;
     z-index: 2;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .btn-animated.radius-50:after {
     border-radius: 0 50px 50px 0;
 }
 
 .btn-animated.btn-gray-transparent:after {
     background-color: rgba(0, 0, 0, 0.05);
 }
 
 .btn-animated:hover:after {
     opacity: 1;
     filter: alpha(opacity=100);
 }
 
 .btn-animated:hover i {
     right: 11px;
 }
 
 .btn-animated.btn-sm {
     padding-right: 35px !important;
 }
 
 .btn-animated.btn-sm:after {
     width: 25px;
 }
 
 .btn-animated.btn-sm i {
     right: 14px;
     line-height: 28px;
     min-width: 11px;
 }
 
 .btn-animated.btn-sm:hover i {
     right: 7px;
 }
 
 .btn-animated.btn-lg {
     padding-right: 60px !important;
 }
 
 .btn-animated.btn-lg:after {
     width: 45px;
 }
 
 .btn-animated.btn-lg i {
     right: 25px;
     line-height: 48px;
     min-width: 15px;
 }
 
 .btn-animated.btn-lg:hover i {
     right: 15px;
 }
 
 .btn-animated.btn-xl {
     padding-right: 60px !important;
 }
 
 .btn-animated.btn-xl:after {
     width: 45px;
 }
 
 .btn-animated.btn-xl i {
     right: 25px;
     line-height: 64px;
     min-width: 15px;
     text-align: center;
 }
 
 .btn-animated.btn-xl:hover i {
     right: 13px;
 }
 
 /*Background Transition*/
 .btn-hvr {
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
 }
 
 .btn-hvr.radius-50 {
     overflow: hidden;
 }
 
 .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:before,
 .hvr-rectangle-in:before,
 .hvr-shutter-in-horizontal:before,
 .hvr-shutter-in-vertical:before {
     background: #ffffff;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }
 
 /*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;
 }
 
 /* Tabs
  ---------------------------------- */
 .nav-tabs.style-1 {
     border-bottom: 1px solid #e1e1e1;
     margin-bottom: 15px;
 }
 
 .nav-tabs.style-1>li>a {
     position: relative;
     color: #0f314d;
     margin-right: 0;
     line-height: 1;
     border: 1px solid transparent;
     padding: 12px 15px 11px 15px;
     -webkit-border-radius: 15px 15px 0 0;
     -moz-border-radius: 15px 15px 0 0;
     border-radius: 15px 15px 0 0;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     height: 40px;
 }
 
 .nav-tabs.style-1>li>a:hover {
     border-color: #222222 !important;
     background-color: #0f314d !important;
     color: #ffffff;
 }
 
 .nav-tabs.style-1>li>a:focus {
     border-color: transparent;
     background-color: transparent;
 }
 
 .nav-tabs.style-1>li>a:after {
     position: absolute;
     right: -14px;
     bottom: -1px;
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 31px 0 0 14px;
     border-color: transparent transparent transparent transparent;
 }
 
 .nav-tabs.style-1>li>a:before {
     position: absolute;
     left: -14px;
     bottom: -1px;
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 31px 14px 0 0;
     border-color: transparent transparent transparent transparent;
 }
 
 .nav-tabs.style-1>li>a:hover:after {
     border-color: transparent transparent transparent #0f314d;
     border-width: 31px 0 0 14px;
 }
 
 .nav-tabs.style-1>li>a:hover:before {
     border-color: transparent #0f314d transparent transparent;
     border-width: 31px 14px 0 0;
 }
 
 .nav-tabs.style-1>li>a.active {
     background-color: #0f314d !important;
 }
 
 .nav-tabs.style-1>li>a.active,
 .nav-tabs.style-1>li>a.active:hover,
 .nav-tabs.style-1>li>a.active:focus {
     color: #ffffff;
     cursor: default;
     border-color: #222222;
 }
 
 .nav-tabs.style-1>li>a.active:after {
     border-color: transparent transparent transparent #0f314d;
 }
 
 .nav-tabs.style-1>li>a.active:before {
     border-color: transparent #0f314d transparent transparent;
 }
 
 .nav-tabs.style-1>li:first-child>a:before,
 .nav-tabs.style-1>li:last-child>a:after {
     border-width: 0 0 0 0;
     border-color: transparent transparent transparent transparent;
 }
 
 .nav-tabs.style-1+.tab-content>.tab-pane {
     padding-bottom: 0;
     border-bottom: none;
 }
 
 
 /*Tabs section*/
 .nav-tabs.style-2 {
     border-bottom: 1px solid #d0d0ce;
 }
 
 .nav-tabs.style-2>li.tab-title>a {
     color: #0f314d;
     cursor: default;
     font-size: 22px;
     font-weight: 300;
     padding-top: 14px;
     padding-left: 0;
 }
 
 .nav-tabs.style-2>li>a {
     color: #999999;
     border-radius: 0;
     width: 102px;
     height: 62px;
 }
 
 .nav-tabs.style-2>li>a.knjige {
     background-image: url('../images/icon-knjige.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a.gift {
     background-image: url('../images/icon-gift.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a.eknjige {
     background-image: url('../images/icon-e-knjige.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a.straneknjige {
     background-image: url('../images/icon-strane-knjige.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a.muzika {
     background-image: url('../images/icon-muzika.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a.videoigre {
     background-image: url('../images/icon-video-igre.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a:hover.knjige,
 .nav-tabs.style-2>li>a:focus.knjige,
 .nav-tabs.style-2>li>a.knjige.active {
     background-image: url('../images/icon-knjige-active.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a:hover.gift,
 .nav-tabs.style-2>li>a:focus.gift,
 .nav-tabs.style-2>li>a.gift.active {
     background-image: url('../images/icon-gift-active.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a:hover.eknjige,
 .nav-tabs.style-2>li>a:focus.eknjige,
 .nav-tabs.style-2>li>a.eknjige.active {
     background-image: url('../images/icon-e-knjige-active.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a:hover.straneknjige,
 .nav-tabs.style-2>li>a:focus.straneknjige,
 .nav-tabs.style-2>li>a.straneknjige.active {
     background-image: url('../images/icon-strane-knjige-active.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a:hover.muzika,
 .nav-tabs.style-2>li>a:focus.muzika,
 .nav-tabs.style-2>li>a.muzika.active {
     background-image: url('../images/icon-muzika-active.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a:hover.videoigre,
 .nav-tabs.style-2>li>a:focus.videoigre,
 .nav-tabs.style-2>li>a.videoigre.active {
     background-image: url('../images/icon-video-igre-active.svg');
     background-repeat: no-repeat;
     background-position: center center;
 }
 
 .nav-tabs.style-2>li>a:hover {
     color: #0f314d;
     background-color: #ffffff !important;
     border-color: transparent;
     border-top-color: transparent;
     border-bottom-color: #d0d0ce;
 }
 
 
 .nav-tabs.style-2>li.absolute-position-right {
     text-align: right;
 }
 
 .nav-tabs.style-2>li.absolute-position-right>a {
     position: absolute;
     right: 0;
     padding: 19px 15px;
     font-size: 14px;
     color: #5bb132;
 }
 
 .nav-tabs.style-2>li.absolute-position-right>a:hover {
     background-color: transparent !important;
     text-decoration: none;
     color: #5bb132;
 }
 
 .nav-tabs.style-2>li>a:focus {
     border-color: transparent;
     background-color: transparent;
 }
 
 .nav-tabs.style-2>li>a.active,
 .nav-tabs.style-2>li>a.active:hover,
 .nav-tabs.style-2>li>a.active:focus {
     color: #0f314d;
     cursor: default;
     background-color: #ffffff;
     border-color: #d0d0ce;
     border-top-color: transparent;
     border-bottom-color: transparent;
 }
 
 .nav-tabs.style-2+.tab-content.style-2 {
     padding-left: 40px;
     padding-right: 40px;
 }
 
 .nav-tabs.style-2+.tab-content>.tab-pane {
     padding: 28px 15px;
     border: none;
     border-right-color: transparent;
     border-left-color: transparent;
     border-bottom-color: transparent;
     border-top: transparent;
     background-color: #ffffff;
 }
 
 .nav-tabs.style-3 {
     border-bottom: 1px solid transparent;
     background-color: #5bb132;
 }
 
 .nav-tabs.style-3>li>a {
     color: #fff;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     margin: 0;
 }
 
 .nav-tabs.style-3>li>a:hover {
     color: #fff;
     background-color: #94C72E !important;
     border-color: #94C72E;
     border-bottom-color: #94C72E !important;
 }
 
 .nav-tabs.style-3>li>a:focus {
     border-color: transparent;
     background-color: transparent;
 }
 
 .nav-tabs.style-3>li>a.active,
 .nav-tabs.style-3>li>a.active:hover,
 .nav-tabs.style-3>li>a.active:focus {
     color: #fff;
     cursor: default;
     background-color: #94C72E;
     border-color: #94C72E;
     border-bottom-color: transparent;
 }
 
 .nav-tabs.style-3>li>a i {
     color: #5bb132;
 }
 
 .nav-tabs.style-3>li>a:hover i,
 .nav-tabs.style-3>li>a.active i,
 .nav-tabs.style-3>li>a.active:hover i,
 .nav-tabs.style-3>li>a.active:focus i {
     color: #fff;
 }
 
 .nav-tabs.style-3+.tab-content>.tab-pane {
     padding: 15px;
     border: 1px solid #d0d0d0;
     border-top: none;
     background-color: #ffffff;
 }
 
 .nav-tabs.style-4 {
     margin-bottom: 15px;
     border-bottom: 1px solid #0f314d;
 }
 
 .nav-tabs.style-4>li>a {
     color: #999999;
 }
 
 .nav-tabs.style-4>li>a:hover {
     color: #ffffff;
     background-color: #0f314d !important;
     border-color: #0f314d;
     border-bottom-color: #0f314d !important;
 }
 
 .nav-tabs.style-4>li>a:focus {
     border-color: #0f314d;
     background-color: #0f314d;
 }
 
 .nav-tabs.style-4>li>a.active,
 .nav-tabs.style-4>li>a.active:hover,
 .nav-tabs.style-4>li>a.active:focus {
     color: #ffffff;
     cursor: default;
     background-color: #0f314d;
     border-color: #0f314d;
     border-bottom-color: transparent;
 }
 
 @media (max-width: 991px) {
     .nav-tabs.style-2>li>a {
         width: 90px;
     }
 
     .nav-tabs.style-2>li>a.knjige {
         background-size: 34px;
     }
 
     .nav-tabs.style-2>li>a.gift {
         background-size: 21px;
     }
 
     .nav-tabs.style-2>li>a.eknjige {
         background-size: 42px;
     }
 
     .nav-tabs.style-2>li>a.straneknjige {
         background-size: 75px;
     }
 
     .nav-tabs.style-2>li>a.muzika {
         background-size: 36px;
     }
 
     .nav-tabs.style-2>li>a.videoigre {
         background-size: 53px;
     }
 }
 
 /* Small devices (tablets, smartphones) */
 @media (min-width: 576px) and (max-width: 767px) {
     .nav-tabs>li>a {
         padding: 12px 10px;
         font-size: 11px;
         margin-right: 0;
     }
 }
 
 /* Extra small devices (phones, less than 575px) */
 @media (max-width: 575px) {
     .nav-tabs {
         background-color: #eaeaea;
         border-bottom: none !important;
         display: block;
     }
 
     .nav-tabs>.nav-item {
         float: none;
         display: block;
     }
 
     .nav-tabs>li a {
         color: #ffffff;
         margin-right: 0;
         -webkit-border-radius: 0px !important;
         -moz-border-radius: 0px !important;
         border-radius: 0px !important;
     }
 
     .nav-tabs.style-3>li>a.active,
     .nav-tabs.style-3>li>a.active:hover,
     .nav-tabs.style-3>li>a.active:focus,
     .nav-tabs.style-3>li>a:hover,
     .nav-tabs.style-3>li>a:focus {
         border-bottom: 1px solid #999999 !important;
     }
 
     .nav-tabs.style-3+.tab-content>.tab-pane {
         border-top: 1px solid #999999;
     }
 
     .nav-tabs>li a:after,
     .nav-tabs>li a:before {
         border-color: transparent transparent transparent transparent !important;
     }
 }
 
 /* vertical tabs */
 .vertical {
     margin: 20px 0;
 }
 
 .vertical .nav-tabs,
 .vertical .tab-content {
     display: table-cell;
     margin: 0;
     vertical-align: top;
 }
 
 .vertical .nav-tabs {
     border-bottom-color: transparent;
     background-color: #f2f2f2;
 }
 
 .vertical .nav-tabs>li {
     float: none;
 }
 
 .vertical .nav-tabs>li a {
     margin: 0;
     padding: 10px 20px;
     white-space: nowrap;
     color: #0f314d;
     border-bottom: 1px solid #919191;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
 }
 
 .vertical .nav-tabs>li>a:hover,
 .vertical .nav-tabs>li>a:focus {
     background-color: #fafafa;
     border-right-color: transparent;
     border-bottom: 1px solid #f1f1f1;
     color: #777777;
     z-index: 2;
 }
 
 .vertical .nav-tabs>li>a.active,
 .vertical .nav-tabs>li>a.active:hover,
 .vertical .nav-tabs>li>a.active:focus {
     border: 1px solid #f1f1f1;
     background-color: #fafafa;
     border-right-color: transparent;
     color: #777777;
     z-index: 2;
 }
 
 .vertical.left .nav-tabs>li>a:hover,
 .vertical.left .nav-tabs>li>a:focus {
     border-left-color: transparent;
     border-right-color: #f1f1f1;
 }
 
 .vertical.left .nav-tabs>li>a.active,
 .vertical.left .nav-tabs>li>a.active:hover,
 .vertical.left .nav-tabs>li>a.active:focus {
     border-right-color: #f1f1f1;
     border-left-color: transparent;
 }
 
 .vertical .tab-content {
     border: 1px solid #f1f1f1;
     border-left: 1px solid #fafafa;
     background-color: #fafafa;
     left: -1px;
     z-index: 1;
     padding: 20px 30px;
 }
 
 .left.vertical .tab-content {
     border-left-color: #f1f1f1;
     border-right-color: transparent;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
 
     .vertical .nav-tabs,
     .vertical .tab-content {
         display: block;
     }
 
     .vertical .nav-tabs>li a {
         font-size: 15px;
     }
 }
 
 /* Pager
  ---------------------------------- */
 ul.pagination,
 ul.pager {
     margin: 20px 0 40px;
     text-align: center;
     display: block;
 }
 
 ul.pagination .page-item {
     padding: 0;
     margin: 0 10px 0 0;
     border-bottom: none;
     display: inline-block;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
 }
 
 ul.pagination .page-item:last-child {
     margin: 0;
 }
 
 ul.pagination .page-item .page-link,
 .pagination .page-item:first-child .page-link,
 .pagination .page-item:last-child .page-link,
 ul.pager .page-item .page-link {
     text-align: center;
     padding: 0;
     height: 40px;
     min-width: 40px;
     border: 0 none;
     line-height: 39px;
     background-color: #fff;
     color: #0f314d;
     display: inline-block;
     font-size: 16px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 ul.pagination .page-item .page-link:hover,
 ul.pagination .page-item .page-link:focus {
     background-color: transparent;
     color: #ffffff;
 }
 
 ul.pagination .page-item.active .page-link,
 .page-item.active .page-link:hover,
 .page-item.active .page-link:focus {
     color: #ffffff;
 }
 
 /* Breadcrumb
  ---------------------------------- */
 .breadcrumb-container {
     background-color: #fff;
 }
 
 .dark.breadcrumb-container {
     background-color: #777777;
     border-color: #0f314d;
     color: #ffffff;
 }
 
 .breadcrumb {
     background-color: transparent;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     margin-bottom: 0;
     font-size: 16px;
     padding: 15px 0 0 0;
 }
 
 .breadcrumb-item a {
     color: #0f314d;
 }
 
 .breadcrumb-item.active {
     color: #0f314d;
 }
 
 .breadcrumb-item+.breadcrumb-item {
     padding: 0;
 }
 
 .breadcrumb-item+.breadcrumb-item:before {
     content: "•";
     font-size: 16px;
     padding: 0 10px;
     color: #0f314d;
 }
 
 .banner .breadcrumb-container {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background-color: rgba(255, 255, 255, 0.85);
     border-bottom-color: rgba(255, 255, 255, 0.1);
 }
 
 .banner .dark.breadcrumb-container {
     border-bottom-color: rgba(119, 119, 119, 0.1);
 }
 
 .banner .breadcrumb .breadcrumb-item a,
 .banner .breadcrumb .breadcrumb-item i {
     color: #000000;
 }
 
 .banner .breadcrumb .breadcrumb-item.active,
 .banner .breadcrumb-item+.breadcrumb-item:before {
     color: #777777;
 }
 
 .dark .breadcrumb .breadcrumb-item a,
 .dark .breadcrumb .breadcrumb-item i,
 .dark .breadcrumb>.active,
 .banner .dark .breadcrumb>.active,
 .dark .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
     color: #ffffff;
 }
 
 @media (max-width: 767px) {
     .breadcrumb {
         padding-left: 15px;
         padding-right: 15px;
     }
 }
 
 /* Nav pills
  ---------------------------------- */
 .nav-pills:not(.nav-stacked) {
     margin-bottom: 15px;
 }
 
 .nav-pills>li .nav-link {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     padding: 7px 10px;
     border: 1px solid transparent;
     color: #999999;
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 400;
 }
 
 .nav-pills>li .nav-link.active,
 .nav-pills>li .nav-link.active:hover,
 .nav-pills>li .nav-link.active:focus,
 .nav-pills>li .nav-link:hover,
 .nav-pills>li .nav-link:focus {
     color: #777777;
     background-color: transparent;
     border-bottom: 1px solid #777777;
 }
 
 .nav-pills.style-2>li .nav-link {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .nav-pills.style-2>li .nav-link.active,
 .nav-pills.style-2>li .nav-link.active:hover,
 .nav-pills.style-2>li .nav-link.active:focus,
 .nav-pills.style-2>li .nav-link:hover,
 .nav-pills.style-2>li .nav-link:focus {
     background-color: #fafafa;
     border: 1px solid #eaeaea;
 }
 
 .nav-pills>li+li {
     margin-left: 5px;
 }
 
 .nav.flex-column>li .nav-link {
     padding: 7px 0px;
     color: #0f314d;
     position: relative;
     font-size: 14px;
     font-weight: 400;
 }
 
 .nav.flex-column>li .nav-link.read-more,
 .nav.flex-column.list-style-icons>li .nav-link.read-more>i {
     color: #5bb132;
 }
 
 .nav.flex-column.list-style-icons>li .nav-link {
     padding: 4px 0px;
 }
 
 .nav.flex-column>li .nav-link.active,
 .nav.flex-column>li .nav-link.active:hover,
 .nav.flex-column>li .nav-link.active:focus,
 .nav.flex-column>li .nav-link:hover,
 .nav.flex-column>li .nav-link:focus {
     background-color: transparent;
     border-color: transparent;
 }
 
 .nav.flex-column:not(.list-style-icons)>li .nav-link:after {
     font-family: "fontello";
     content: '\e877';
     font-size: 12px;
     position: absolute;
     right: 15px;
     top: 6px;
     color: #0f314d;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .nav.flex-column:not(.list-style-icons)>li .nav-link.active:hover:after,
 .nav.flex-column:not(.list-style-icons)>li .nav-link.active:focus:after,
 .nav.flex-column:not(.list-style-icons)>li .nav-link:hover:after,
 .nav.flex-column:not(.list-style-icons)>li .nav-link:focus:after {
     right: 10px;
 }
 
 .nav.flex-column.list-style-icons>li .nav-link>i {
     padding-right: 10px;
     font-size: 14px;
     color: #cdcdcd;
 }
 
 /* Process pills */
 .process .nav-pills>li+li {
     margin-left: 40px;
     position: relative;
 }
 
 .process .nav-pills>li+li:after {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     content: "\f101";
     position: absolute;
     top: 6px;
     left: -24px;
     width: 10px;
     color: #cdcdcd;
 }
 
 @media (max-width: 575px) {
     .nav.nav-pills {
         display: block;
     }
 
     .nav.nav-pills .nav-item {
         display: inline-block;
     }
 }
 
 /*Dark bgs*/
 .dark-bg .nav-pills>li .nav-link,
 .dark-translucent-bg .nav-pills>li .nav-link {
     text-decoration: none;
 }
 
 .dark-bg .nav-pills>li .nav-link.active,
 .dark-bg .nav-pills>li .nav-link.active:focus,
 .dark-bg .nav-pills>li .nav-link:focus,
 .dark-translucent-bg .nav-pills>li .nav-link.active,
 .dark-translucent-bg .nav-pills>li .nav-link.active:focus,
 .dark-translucent-bg .nav-pills>li .nav-link:focus {
     color: #ffffff;
     border-bottom-color: #ffffff;
 }
 
 /*footer*/
 .footer-content .nav.flex-column>li>a {
     padding: 5px 0px;
 }
 
 .footer-content .nav.flex-column>li>a:after {
     top: 5px;
     display: none;
 }
 
 .dark .footer-content .nav.flex-column>li>a,
 .dark .footer-content .nav.flex-column>li>a.active,
 .dark .footer-content .nav.flex-column>li>a.active:focus,
 .dark .footer-content .nav.flex-column>li>a:focus {
     color: #999999;
 }
 
 /* Collapse
  ---------------------------------- */
 /*Style 1*/
 .collapse-style-1 .card {
     border-color: #eaeaea;
 }
 
 .collapse-style-1 .card+.card {
     margin-top: 5px;
 }
 
 .collapse-style-1 .card-header {
     background-color: #fafafa;
     padding: 0;
     border-bottom: none;
 }
 
 .collapse-style-1 .card-header a {
     font-weight: 400;
     display: inline-block;
     width: 100%;
     position: relative;
     text-decoration: none;
     padding: 10px 40px 10px 15px;
     color: inherit;
     font-size: 16px;
 }
 
 .collapse-style-1 .card-header a.collapsed {
     color: #999999;
 }
 
 .collapse-style-1 .card-header a:not(.collapsed) {
     color: #777777;
 }
 
 .collapse-style-1 .card-header a:after {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     content: "\f146";
     position: absolute;
     right: 15px;
     font-size: 14px;
     font-weight: 300;
     top: 50%;
     line-height: 1;
     margin-top: -7px;
 }
 
 .collapse-style-1 .card-header a.collapsed:after {
     content: "\f0fe";
 }
 
 .collapse-style-1 .card-block {
     border-top: none !important;
     background-color: #fafafa;
     padding: 0 15px 15px 15px;
 }
 
 /*Style 2*/
 .collapse-style-2 .card {
     border: 0 none;
 }
 
 .collapse-style-2 .card+.card {
     margin-top: 5px;
 }
 
 .collapse-style-2 .card-header {
     background-color: transparent;
     padding: 0;
     border: 0 none;
 }
 
 .collapse-style-2 .card-header a {
     color: #fff;
     font-weight: 400;
     display: inline-block;
     width: 100%;
     position: relative;
     text-decoration: none;
     padding: 12px 40px 10px 15px;
     font-size: 18px;
     line-height: 1;
 }
 
 .collapse-style-2 .card-header a.collapsed {
     background-color: #0f314d;
 }
 
 .collapse-style-2 .card-header a:after {
     font-family: "fontello";
     content: '\e878';
     position: absolute;
     right: 15px;
     font-size: 14px;
     font-weight: 300;
     top: 50%;
     line-height: 1;
     margin-top: -7px;
 }
 
 .collapse-style-2 .card-header a.collapsed:after {
     content: '\e875';
 }
 
 .collapse-style-2 .card-header.card-header-link a:after {
     display: none;
 }
 
 .collapse-style-2 .card-block {
     background-color: transparent;
     padding: 15px 15px;
     margin: 10px 0;
     border: 1px solid #d0d0ce;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .collapse-style-2 .card-block hr:last-of-type {
     display: none;
 }
 
 .collapse-style-2 .card-block.p-15 {
     padding: 15px;
 }
 
 /*Style 3*/
 .collapse-style-3 .card {
     border-color: #999999;
 }
 
 .collapse-style-3 .card+.card {
     margin-top: 5px;
 }
 
 .collapse-style-3 .card-header {
     background-color: transparent;
     padding: 0;
     border-color: #999999;
 }
 
 .collapse-style-3 .card-header a {
     color: #ffffff;
     background-color: #999999;
     font-weight: 400;
     display: inline-block;
     width: 100%;
     position: relative;
     text-decoration: none;
     padding: 10px 40px 10px 15px;
     font-size: 16px;
 }
 
 .collapse-style-3 .card-header a.collapsed {
     background-color: #999999;
 }
 
 .collapse-style-3 .card-header a:after {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     content: "\f139";
     position: absolute;
     right: 15px;
     font-size: 12px;
     font-weight: 300;
     top: 50%;
     line-height: 1;
     margin-top: -7px;
 }
 
 .collapse-style-3 .card-header a.collapsed:after {
     content: "\f13a";
 }
 
 .collapse-style-3 .card-block {
     border-top: none !important;
     background-color: transparent;
     padding: 15px;
 }
 
 .card-header a:hover {
     text-decoration: none;
 }
 
 .card-header a i {
     font-size: 16px;
 }
 
 /*Contextual Headings*/
 .collapse-contextual .card+.card {
     margin-top: 5px;
 }
 
 .collapse-contextual .card-primary,
 .collapse-contextual .card-success,
 .collapse-contextual .card-danger,
 .collapse-contextual .card-info,
 .collapse-contextual .card-warning {
     color: #ffffff;
 }
 
 .collapse-contextual .card-primary .card-header a,
 .collapse-contextual .card-success .card-header a,
 .collapse-contextual .card-danger .card-header a,
 .collapse-contextual .card-info .card-header a,
 .collapse-contextual .card-warning .card-header a {
     color: #ffffff;
     text-decoration: none;
 }
 
 .collapse-contextual .card-header {
     position: relative;
     border-bottom: 1px solid rgba(255, 255, 255, 0.125);
     padding: 0;
 }
 
 .collapse-contextual .card-header a {
     font-size: 16px;
     text-decoration: none;
     display: block;
     padding: 10px 20px;
 }
 
 .collapse-contextual .card-header a:after {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     content: "\f068";
     position: absolute;
     right: 15px;
     font-size: 10px;
     font-weight: 300;
     top: 50%;
     line-height: 1;
     margin-top: -6px;
 }
 
 .collapse-contextual .card-header a.collapsed:after {
     content: "\f067";
 }
 
 .collapse-contextual .card-block {
     padding: 15px;
 }
 
 /*Content Collapse*/
 .btn[data-toggle="collapse"] i:before {
     font-size: 10px;
     content: "\f068";
 }
 
 .btn.collapsed[data-toggle="collapse"] i:before {
     content: "\f067";
 }
 
 /* Progress bars
  ---------------------------------- */
 .progress.style-1 {
     margin-top: 25px;
     background-color: #fafafa;
     border: 1px solid #eaeaea;
     height: 8px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: none;
     box-shadow: none;
     overflow: visible;
     position: relative;
 }
 
 .progress.style-1 .progress-bar {
     padding: 0;
     text-align: left;
     font-size: 11px;
     font-weight: 300;
     margin-top: 0px;
     height: 4px;
     margin: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: none;
     box-shadow: none;
     position: relative;
 }
 
 .progress.style-2 {
     margin-bottom: 15px;
     background-color: #fafafa;
     border: 1px solid #eaeaea;
     height: 20px;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .progress.style-2 .progress-bar {
     padding: 0;
     text-align: left;
     -webkit-box-shadow: none;
     box-shadow: none;
     height: 20px;
 }
 
 .progress.style-2 span {
     font-size: 11px;
     line-height: 1;
     position: relative;
     top: -2px;
     left: 10px;
 }
 
 .progress-bar {
     -webkit-transition: width 1.5s ease;
     -o-transition: width 1.5s ease;
     transition: width 1.5s ease;
 }
 
 .progress .label {
     position: absolute;
     top: -16px;
     font-size: 11px;
     color: #0f314d;
     right: 10px;
     font-weight: 400;
     padding: 0;
 }
 
 .progress .text {
     position: absolute;
     font-size: 11px;
     top: -17px;
     left: 0;
     font-weight: 400;
     text-transform: uppercase;
     color: #999999;
 }
 
 .progress.dark {
     background-color: #cdcdcd;
     border-color: #cdcdcd;
 }
 
 .progress.dark.style-1 {
     border-color: #ffffff;
 }
 
 .dark .progress-striped .progress-bar,
 .dark .progress-bar-striped {
     background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
     background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
     background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent);
 }
 
 .progress-bar-white {
     background-color: #ffffff;
     color: #777777;
 }
 
 .progress-bar-gray {
     background-color: #999999;
 }
 
 .progress-bar-dark {
     background-color: #0f314d;
 }
 
 .gray-bg .progress {
     background-color: #ffffff;
     -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
 }
 
 /* Circular Progress Bars
  ---------------------------------- */
 .knob-container {
     margin: 10px;
     position: relative;
     display: inline-block;
 }
 
 .knob-container canvas {
     width: 132px;
     height: 132px;
     margin: 0 auto;
 }
 
 .knob-text {
     position: absolute;
     text-align: center;
     top: 50%;
     width: 100%;
     margin-top: -14px;
 }
 
 /* Large devices (Large desktops 1200px and up) */
 @media (min-width: 1200px) {
     .knob-container canvas {
         width: 169px;
         height: 169px;
     }
 }
 
 /* Dropdowns
  ---------------------------------- */
 .dropdown-toggle--no-caret::after {
     margin: 0;
     border-width: 0;
     border: none;
 }
 
 .dark .dropdown-menu,
 .dark-bg .dropdown-menu,
 .colored .dropdown-menu {
     color: #0f314d;
     font-size: 0.9rem;
 }
 
 .colored .dropdown-menu a {
     color: #ffffff;
 }
 
 .colored .dropdown-menu ul li a {
     color: #0f314d;
 }
 
 
 .dropdown-menu .divider {
     background-color: #ededed;
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
 }
 
 .dropdown-menu-right {
     right: 0;
     left: auto;
 }
 
 .fixed-desktop .search-box .dropdown-menu-right {
     right: 45px;
 }
 
 /* Forms
  ---------------------------------- */
 form {
     margin: 20px 0;
 }
 
 textarea {
     resize: vertical;
 }
 
 textarea.form-control {
     height: auto;
 }
 
 .sidebar form {
     margin: 5px 0 20px 0;
 }
 
 .form-control,
 .custom-select {
     border-radius: 0;
     background-color: #ffffff;
     height: 40px;
     font-weight: 300;
     font-size: 14px;
     padding-right: 30px;
     border-color: #e1e1e1;
     color: #777777;
     position: relative;
     -webkit-appearance: none;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
     box-shadow: 0 0 0 transparent;
 }
 
 .form-control.form-control-lg,
 .form-control.form-control-sm {
     height: auto;
 }
 
 .form-control.radius-50 {
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
 }
 
 .form-inline .form-control-lg {
     height: 48px;
 }
 
 .form-inline [type="submit"] {
     margin-top: 0;
     margin-bottom: 0;
 }
 
 /* Small devices (tablets, phones 576px and up) */
 @media (min-width: 576px) {
     .form-control-lg {
         min-width: 350px;
     }
 }
 
 /* Small devices (tablets, phones 575px and down) */
 @media (max-width: 575px) {
     .form-inline {
         display: block !important;
     }
 }
 
 .form-control:focus {
     border-color: #999999;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
 }
 
 select.form-control {
     padding-right: 5px;
     -webkit-appearance: menulist;
 }
 
 select[multiple].form-control {
     -webkit-appearance: listbox;
     height: auto;
 }
 
 .form-control::-moz-placeholder {
     color: inherit;
 }
 
 .form-control:-ms-input-placeholder {
     color: inherit;
 }
 
 .form-control::-webkit-input-placeholder {
     color: inherit;
 }
 
 .input-group-addon {
     background-color: #f1f1f1;
     border-color: #e1e1e1;
 }
 
 .form-list>div {
     padding: 7px 15px;
     border-bottom: 1px solid #dddddd;
     background-color: #f3f3f3;
     margin: 6px 0;
     display: block;
 }
 
 form label,
 .radio label,
 .checkbox label {
     font-weight: 300;
 }
 
 .custom-control-input:checked~.custom-control-label::before {
     color: #fff;
     border-color: #5bb132;
     background-color: #5bb132;
 }
 
 fieldset {
     padding: 10px 25px;
     margin: 15px 0px;
     border: 1px solid #dddddd;
     background-color: #fafafa;
 }
 
 fieldset legend {
     display: block;
     width: auto;
     padding: 3px 10px;
     margin-bottom: 0;
     font-size: 15px;
     line-height: inherit;
     color: #0f314d;
     border: 1px solid #ddd;
     background-color: #ffffff;
 }
 
 fieldset .form-control,
 fieldset .form-control:focus {
     -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
     box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);
     border-color: #f3f3f3;
 }
 
 input[type="radio"],
 input[type="checkbox"] {
     margin-top: 5px;
 }
 
 /* forms with icons */
 .has-feedback {
     position: relative;
 }
 
 .has-feedback label~.form-control-feedback {
     top: 29px;
 }
 
 .has-feedback label.sr-only~.form-control-feedback {
     top: 0;
 }
 
 .has-feedback .form-control-feedback {
     width: 40px;
     height: 40px;
     line-height: 40px !important;
     top: 0;
     right: 0;
     color: #777777;
     position: absolute;
     text-align: center;
     margin-top: 0;
 }
 
 .has-feedback .form-control-lg+.form-control-feedback,
 .has-feedback label.sr-only~.form-control-lg+.form-control-feedback {
     height: 48px;
     top: 4px;
 }
 
 /* Disabled forms */
 .form-control[disabled],
 .form-control[readonly],
 fieldset[disabled] .form-control {
     opacity: 0.5;
     filter: alpha(opacity=50);
 }
 
 /* Forms in all backgrounds */
 .dark-bg .form-control {
     background-color: rgba(255, 255, 255, 0.15);
     border-color: #353535;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
     color: #cdcdcd;
 }
 
 .dark-bg .has-success .form-control:focus,
 .dark-bg .has-warning .form-control:focus,
 .dark-bg .has-error .form-control:focus {
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
 }
 
 .dark-bg .input-group-addon {
     background-color: rgba(255, 255, 255, 0.2);
     border-color: #000000;
 }
 
 .dark-bg .form-control:focus,
 .dark-bg .has-success .form-control:focus,
 .dark-bg .has-warning .form-control:focus,
 .dark-bg .has-error .form-control:focus {
     background-color: rgba(255, 255, 255, 0.25);
 }
 
 .dark-bg .has-feedback .form-control-feedback {
     color: #cdcdcd;
 }
 
 .default-bg .form-control {
     background-color: rgba(0, 0, 0, 0.2);
     -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);
 }
 
 .default-bg .form-control:focus {
     background-color: rgba(0, 0, 0, 0.1);
 }
 
 .default-bg .has-feedback .form-control-feedback {
     color: #ffffff;
 }
 
 .default-bg .form-check.disabled .form-check-label {
     color: rgba(255, 255, 255, 0.8);
 }
 
 .dark .form-control {
     -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6);
     box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.6);
     color: #cccccc;
     background-color: rgba(255, 255, 255, 0.1);
     border-color: #373737;
 }
 
 .dark .form-control:focus {
     background-color: rgba(255, 255, 255, 0.15);
 }
 
 .dark .has-feedback .form-control-feedback {
     color: #cdcdcd;
 }
 
 .dark .footer-content .form-control {
     border-color: #222222;
 }
 
 /* Validation states */
 .dark-bg .has-success .help-block,
 .dark-bg .has-success .control-label,
 .dark-bg .has-success .radio,
 .dark-bg .has-success .checkbox,
 .dark-bg .has-success .radio-inline,
 .dark-bg .has-success .checkbox-inline,
 .dark-bg .has-success.radio label,
 .dark-bg .has-success.checkbox label,
 .dark-bg .has-success.radio-inline label,
 .dark-bg .has-success.checkbox-inline label,
 .dark-bg .has-success .form-control-feedback {
     color: #15c019;
 }
 
 .dark-bg .has-warning .help-block,
 .dark-bg .has-warning .control-label,
 .dark-bg .has-warning .radio,
 .dark-bg .has-warning .checkbox,
 .dark-bg .has-warning .radio-inline,
 .dark-bg .has-warning .checkbox-inline,
 .dark-bg .has-warning.radio label,
 .dark-bg .has-warning.checkbox label,
 .dark-bg .has-warning.radio-inline label,
 .dark-bg .has-warning.checkbox-inline label,
 .dark-bg .has-warning .form-control-feedback {
     color: #e5af51;
 }
 
 .dark-bg .has-error .help-block,
 .dark-bg .has-error .control-label,
 .dark-bg .has-error .radio,
 .dark-bg .has-error .checkbox,
 .dark-bg .has-error .radio-inline,
 .dark-bg .has-error .checkbox-inline,
 .dark-bg .has-error.radio label,
 .dark-bg .has-error.checkbox label,
 .dark-bg .has-error.radio-inline label,
 .dark-bg .has-error.checkbox-inline label,
 .dark-bg .has-error .form-control-feedback {
     color: #ef4f4c;
 }
 
 .has-success .form-control,
 .has-success .form-control:focus {
     border-color: #3c763d;
 }
 
 .has-warning .form-control,
 .has-warning .form-control:focus {
     border-color: #8a6d3b;
 }
 
 .has-error .form-control,
 .has-error .form-control:focus {
     border-color: #a94442;
 }
 
 .default-bg .has-success .form-control,
 .default-bg .has-warning .form-control,
 .default-bg .has-error .form-control,
 .default-bg .has-success .form-control:focus,
 .default-bg .has-warning .form-control:focus,
 .default-bg .has-error .form-control:focus {
     border-color: #ffffff;
     color: #ffffff;
 }
 
 .default-bg .has-success .form-control-feedback,
 .default-bg .has-warning .form-control-feedback,
 .default-bg .has-error .form-control-feedback,
 .default-bg .has-success .control-label,
 .default-bg .has-warning .control-label,
 .default-bg .has-error .control-label {
     color: #ffffff;
 }
 
 .has-success .form-control:focus,
 .has-warning .form-control:focus,
 .has-error .form-control:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .has-error .error {
     font-weight: 400;
     margin-bottom: 5px;
     display: block;
 }
 
 /*Sorting Filters*/
 .sorting-filters label {
     display: block;
     margin-bottom: 5px;
     font-size: 14px;
     text-align: left;
 }
 
 .sorting-filters form {
     margin: 0;
 }
 
 .sorting-filters .form-inline .form-control {
     width: 100%;
 }
 
 .sorting-filters .btn {
     margin: 0;
     min-width: 0;
     width: 100%;
 }
 
 /* Small devices (tablets, smartphones) */
 @media (min-width: 992px) and (max-width: 1199px) {
     .sorting-filters .form-inline .form-group {
         width: 16%;
     }
 }
 
 /* Small devices (tablets, smartphones 768px and up) */
 @media (min-width: 992px) {
     .sorting-filters .btn {
         margin: 25px 0 0;
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 991px) {
     .sorting-filters .form-control {
         margin: 0 0 5px;
     }
 
     .sorting-filters .form-inline,
     .sorting-filters .form-inline .form-group {
         display: block;
     }
 
     .sorting-filters form {
         width: 100%;
     }
 }
 
 /* Alerts
  ---------------------------------- */
 .alert {
     margin: 20px 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: none;
 }
 
 .alert-success {
     color: #2a5f2b;
     background-color: #bcdab0;
 }
 
 .alert-info {
     color: #1a4e68;
     background-color: #c6e8fa;
 }
 
 .alert-warning {
     color: #72582b;
     background-color: #f7f0ce;
 }
 
 .alert-icon {
     padding-left: 70px;
     position: relative;
 }
 
 .alert-icon i {
     position: absolute;
     font-size: 28px;
     left: 21px;
     top: 13px;
     width: 30px;
     text-align: center;
 }
 
 .alert .close {
     font-weight: normal;
     filter: alpha(opacity=40);
     opacity: 0.4;
     top: -14px;
 }
 
 [data-notify="container"] {
     max-width: 400px;
 }
 
 [data-notify="progressbar"] {
     display: none;
 }
 
 /*Announcments
  ---------------------------------- */
 .announcement {
     font-size: 13px;
 }
 
 .announcement .alert {
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     padding: 10px 0;
     position: relative;
 }
 
 .announcement .alert .close {
     position: absolute;
     top: 30px;
     padding: 0 20px;
     right: 10px;
     z-index: 3;
     margin-top: -14px;
     text-shadow: none;
     opacity: 0.7;
     filter: alpha(opacity=70);
 }
 
 .announcement .alert .close:hover,
 .announcement .alert .close:focus {
     color: #ffffff;
     opacity: 1;
     filter: alpha(opacity=100);
 }
 
 .announcement p:last-child {
     margin-bottom: 0;
 }
 
 .announcement h2,
 .announcement h3,
 .announcement h4 {
     margin-top: 5px;
     margin-bottom: 5px;
 }
 
 /*Icons
  ---------------------------------- */
 .icon {
     display: inline-block;
     text-align: center;
     position: relative;
     background-color: rgba(255, 255, 255, 0.85);
     color: #000000;
     font-size: 24px;
     width: 60px;
     height: 60px;
     line-height: 58px;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid transparent;
 }
 
 .icons .icon {
     margin: 0 5px 5px 0;
 }
 
 .icon i {
     position: relative;
     z-index: 1;
 }
 
 .icon.dark-bg {
     background-color: rgba(66, 66, 66, 0.66);
     color: #ffffff;
 }
 
 .icon.default-bg {
     color: #ffffff;
 }
 
 .icon.light-bg {
     background-color: #ffffff;
 }
 
 .icon.without-bg {
     font-size: 36px;
     line-height: 1;
     color: inherit;
     background-color: transparent;
     height: 100%;
 }
 
 .icon.large {
     font-size: 36px;
     width: 100px;
     height: 100px;
     line-height: 97px;
 }
 
 .icon.small {
     font-size: 18px;
     width: 45px;
     height: 45px;
     line-height: 43px;
 }
 
 /*Feature Box
  ---------------------------------- */
 .feature-box,
 .feature-box-2 {
     margin-bottom: 30px;
 }
 
 .feature-box .title,
 .feature-box-2 .title {
     margin-top: 0px;
 }
 
 /*style-1*/
 .feature-box h3 {
     margin-top: 0;
 }
 
 .feature-box .icon {
     margin-bottom: 10px;
 }
 
 .feature-box p {
     clear: both;
     margin-bottom: 15px;
 }
 
 .feature-box:not(.shadow):hover .icon {
     opacity: 0.8;
     filter: alpha(opacity=80);
 }
 
 /*style-2*/
 .feature-box-2 {
     position: relative;
 }
 
 .feature-box-2 .icon {
     position: absolute;
     top: 0px;
     left: 0px;
 }
 
 .feature-box-2 .icon.without-bg {
     width: 0;
     height: 0;
 }
 
 .feature-box-2.boxed {
     border: 1px solid #f1f1f1;
 }
 
 .feature-box-2.boxed .icon {
     left: 20px;
     top: 20px;
 }
 
 .feature-box-2 .icon {
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .feature-box-2 .body {
     margin-left: 62px;
 }
 
 .feature-box-2:hover .icon {
     opacity: 0.8;
     filter: alpha(opacity=80);
 }
 
 .feature-box-2.right .body {
     margin-right: 62px;
     margin-left: 0px;
     text-align: right;
 }
 
 .feature-box-2.right .icon {
     left: auto;
     right: 0px;
 }
 
 .feature-box-2.right .icon.without-bg {
     right: 40px;
 }
 
 .feature-box-2.boxed.right .icon {
     left: auto;
     right: 20px;
 }
 
 .feature-box-2.boxed.right .icon.without-bg {
     right: 60px;
 }
 
 /* Medium devices (desktops, tablets less than 991px) */
 @media (max-width: 991px) {
     .feature-box-2:not(.boxed) {
         padding-bottom: 0;
     }
 }
 
 /*shadow*/
 .shadow,
 .shadow-narrow {
     position: relative;
     background-color: #ffffff;
 }
 
 .light-gray-bg.shadow,
 .light-gray-bg.shadow-narrow {
     background-color: #fafafa;
 }
 
 .bordered {
     border: 1px solid #d0d0ce;
     border-radius: 0;
 }
 
 .dark-bg .bordered {
     border: 1px solid #555555;
 }
 
 .shadow *,
 .shadow-narrow * {
     position: relative;
     z-index: 3;
 }
 
 .shadow:before,
 .shadow-narrow:before {
     position: absolute;
     left: 0;
     height: 60%;
     bottom: 0;
     width: 100%;
     content: "";
     background-color: #ffffff;
     z-index: 2;
 }
 
 .light-gray-bg.shadow:before,
 .light-gray-bg.shadow-narrow:before {
     background-color: #fafafa;
 }
 
 .shadow:after,
 .shadow-narrow:after {
     content: "";
     position: absolute;
     height: 50%;
     width: 96%;
     left: 50%;
     bottom: 2px;
     margin-left: -48%;
     -webkit-box-shadow: 0 5px 7px #999999;
     box-shadow: 0 5px 7px #999999;
     z-index: 1;
     border-radius: 10%;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 
 .shadow-narrow:after {
     width: 90%;
     margin-left: -45%;
 }
 
 .shadow:hover:after,
 .shadow-narrow:hover:after {
     bottom: 10px;
 }
 
 .shadow-2 {
     -webkit-box-shadow: 0 10px 6px -6px #999;
     box-shadow: 0 10px 6px -6px #999;
     -webkit-transition: all 0.25s ease-in-out;
     -o-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
 }
 
 .shadow-2:hover {
     -webkit-box-shadow: 0 18px 24px -9px #999;
     box-shadow: 0 18px 24px -9px #999;
 }
 
 /*Image box
  ---------------------------------- */
 .owl-item .image-box {
     margin-bottom: 20px;
 }
 
 .image-box .body {
     padding: 15px;
 }
 
 .image-box .body h3 {
     margin-top: 0;
 }
 
 .image-box .body p:last-child {
     margin-bottom: 0;
 }
 
 .image-box.style-4 {
     border: none;
 }
 
 .image-box.style-3-b {
     display: block;
     margin-bottom: 40px;
 }
 
 .image-box.style-3-b .body {
     padding: 10px 0;
 }
 
 /* Medium devices (tablets, laptops, smartphones 768px and up) */
 @media (min-width: 768px) {
     .image-box.style-3-b .body {
         padding: 0;
     }
 }
 
 /* Medium devices (desktops, tablets less than 991px) */
 @media (max-width: 991px) {
     .image-box.style-4 {
         margin-bottom: 30px;
     }
 }
 
 /*Listing Items
  ---------------------------------- */
 
 .listing-item .body {
     padding: 15px;
 }
 
 .listing-item .body h3 {
     margin-top: 0;
     font-size: 18px;
     line-height: 1.4;
 }
 
 .listing-item .elements-list {
     font-size: 12px;
     text-align: center;
     min-height: 54px;
 }
 
 .listing-item .price {
     font-size: 18px;
     margin-top: 1px;
     display: inline-block;
     font-weight: 500;
 }
 
 .listing-item .price del {
     font-size: 12px;
     color: #999999;
 }
 
 .listing-item .overlay-to-top,
 .book-content .product-image-holder .overlay-to-top {
     padding: 2px 0 !important;
     font-weight: 600;
 }
 
 .book-content .product-image-holder .overlay-to-top {
     text-align: center;
 }
 
 .book-content .product-image-holder .overlay-link {
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: transparent;
 }
 
 .book-content .product-image-holder .overlay-link i {
     position: relative;
     top: unset;
     left: unset;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     margin: 0;
     font-size: 25px;
     line-height: 1;
 }
 
 .book-content .product-image-holder .overlay-link i,
 .book-content .product-image-holder .overlay-link i:hover {
     background-color: #fff;
     color: #5bb132;
     border: 0 none;
 }
 
 .listing-item .overlay-to-top .btn-sm-link {
     padding: 5px;
 }
 
 /*Modals
  ---------------------------------- */
 .modal-content {
     border-radius: 0;
 }
 
 .modal-content .modal-title {
     color: #0f314d;
 }
 
 .modal-content .modal-title i {
     color: #5bb132;
 }
 
 .modal-open .page-wrapper {
     background-color: rgba(0, 0, 0, 0.5);
     opacity: 0.5;
 }
 
 .modal-footer {
     border-radius: 0;
 }
 
 .modal-footer .btn+.btn {
     margin-bottom: 5px;
 }
 
 /* Large devices (Large desktops 1200px and up) */
 @media (min-width: 1200px) {
     .modal-lg {
         width: 1140px;
         max-width: none;
     }
 }
 
 /*Images and Overlays
  ---------------------------------- */
 .overlay-container {
     position: relative;
     display: block;
     text-align: center;
     overflow: hidden;
 }
 
 .overlay-bottom,
 .overlay-top {
     position: absolute;
     top: auto;
     padding: 15px;
     bottom: 0px;
     left: 0;
     right: 0px;
     background-color: rgba(30, 30, 30, 0.5);
     overflow: hidden;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: all ease-in-out 0.25s;
     -o-transition: all ease-in-out 0.25s;
     transition: all ease-in-out 0.25s;
     height: 0;
     color: #ffffff;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1, 1);
 }
 
 .overlay-bottom.links,
 .overlay-to-top.links {
     z-index: 11;
 }
 
 .overlay-to-top {
     position: absolute;
     top: auto;
     padding: 10px;
     bottom: -30px;
     left: 0;
     right: 0px;
     background-color: #0f314d;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: all ease-in-out 0.25s;
     -o-transition: all ease-in-out 0.25s;
     transition: all ease-in-out 0.25s;
     color: #ffffff;
 }
 
 .overlay-visible .overlay-to-top {
     opacity: 1;
     filter: alpha(opacity=100);
     bottom: 0;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1, 1);
 }
 
 .overlay-top {
     top: 0;
 }
 
 .overlay-visible .overlay-bottom,
 .overlay-visible .overlay-top {
     opacity: 1;
     filter: alpha(opacity=100);
     height: auto !important;
     padding-bottom: 20px;
 }
 
 .overlay-visible.overlay-container:hover .overlay-bottom:not(.links),
 .overlay-visible.overlay-container:hover .overlay-top {
     opacity: 0.5;
     filter: alpha(opacity=50);
 }
 
 .overlay-top a,
 .overlay-bottom a,
 .overlay-to-top a,
 .overlay-top a:hover,
 .overlay-bottom a:hover,
 .overlay-to-top a:hover,
 .overlay-top a:focus,
 .overlay-bottom a:focus,
 .overlay-to-top a:focus {
     color: #ffffff;
     text-decoration: none;
 }
 
 .overlay-container .text {
     padding: 0 20px;
     position: relative;
 }
 
 .overlay-container .text h3,
 .overlay-container .text h3 .small {
     margin-top: 0;
     color: #ffffff;
 }
 
 .overlay-container .text a:hover {
     color: #ffffff;
 }
 
 .overlay-bottom .btn,
 .overlay-top .btn {
     color: #ffffff;
     border-color: #ffffff;
     margin: 0;
 }
 
 .overlay-bottom .btn:hover,
 .overlay-top .btn:hover {
     color: #777777;
     background-color: #ffffff;
 }
 
 .overlay-container:hover .overlay-top,
 .overlay-container:hover .overlay-bottom,
 .image-box.style-2:hover .overlay-top,
 .image-box.style-2:hover .overlay-bottom {
     height: 50%;
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1, 1);
 }
 
 .overlay-container:hover .overlay-to-top,
 .image-box:hover .overlay-to-top {
     opacity: 1;
     filter: alpha(opacity=100);
     bottom: 0;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1, 1);
 }
 
 .overlay-link {
     position: absolute;
     z-index: 10;
     top: 0;
     padding: 15px;
     bottom: 0px;
     left: 0;
     right: 0px;
     background-color: rgba(30, 30, 30, 0.5);
     overflow: hidden;
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: all ease-in-out 0.25s;
     -o-transition: all ease-in-out 0.25s;
     transition: all ease-in-out 0.25s;
     color: #ffffff;
 }
 
 .overlay-link i {
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     width: 80px;
     height: 80px;
     border: 1px solid #ffffff;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     color: #ffffff;
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -40px 0 0 -40px;
     font-size: 32px;
     line-height: 80px;
 }
 
 .overlay-link i:hover {
     background-color: #ffffff;
     color: #777777;
 }
 
 .overlay-link.small i {
     width: 25px;
     height: 25px;
     margin: -12.5px 0 0 -12.5px;
     font-size: 14px;
     line-height: 25px;
 }
 
 .overlay-container:hover .overlay-link {
     height: 100%;
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0) scale(1, 1);
 }
 
 /* Large devices (Large desktops 1200px and up) */
 @media (min-width: 1200px) {
     .overlay-container .text {
         top: 30%;
     }
 }
 
 /* Extra small devices (phones, less than 575px) */
 @media (max-width: 575px) {
     .overlay-container .text {
         top: 30%;
     }
 
     .overlay-container .text p:not(.mobile-visible) {
         display: none;
     }
 }
 
 /* Large and Medium devices (desktops, tablets less than 1199px) */
 @media (min-width: 575px) and (max-width: 1199px) {
     .overlay-container:not(.overlay-visible) .overlay-top~.overlay-bottom {
         padding-top: 5px;
         padding-bottom: 5px;
     }
 
     .owl-item .overlay-container:hover .overlay-top {
         height: 71%;
     }
 
     .owl-item .overlay-container:hover .overlay-bottom {
         height: 29%;
     }
 }
 
 /*Video Backgrounds
  ---------------------------------- */
 .video-background,
 .video-background-banner {
     position: relative;
     overflow: hidden;
 }
 
 .video-background video,
 .video-background-banner video {
     min-width: 100%;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-attachment: scroll;
     min-height: 100%;
     height: auto;
     width: auto;
     top: 0%;
     left: 0%;
     background-size: cover;
     display: none;
     position: absolute;
 }
 
 .video.videoautoplay .video-background video,
 .video.videoautoplay .video-background-banner video {
     display: block;
 }
 
 .video-background-banner .video-background-poster,
 .video-background .video-background-poster {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-attachment: scroll;
     background-size: cover;
     z-index: 0;
 }
 
 .video.videoautoplay .video-background-banner .video-background-poster,
 .video.videoautoplay .video-background .video-background-poster {
     display: none;
     background-image: none !important;
 }
 
 /* Responsive iframe
  ---------------------------------- */
 .tp-caption .embed-responsive {
     overflow: visible;
 }
 
 /* Audio wrapper
  ---------------------------------- */
 .audio-wrapper iframe {
     width: 100%;
     border: none;
     margin-bottom: 20px;
 }
 
 /* Jumbotron
  ---------------------------------- */
 .jumbotron {
     background-color: transparent;
 }
 
 /*Carousel
  ---------------------------------- */
 .top.carousel-indicators {
     bottom: auto;
     top: 10px;
 }
 
 .bottom.carousel-indicators {
     bottom: 10px;
 }
 
 .shadow .carousel-indicators {
     position: absolute;
     z-index: 4;
 }
 
 /* Navigation Badges
  ---------------------------------- */
 .main-navigation .badge {
     position: absolute;
     top: 13px;
     right: 20px;
     font-size: 12px;
     background-color: transparent;
     color: inherit;
     font-weight: 300;
     padding: 2px 4px;
 }
 
 .main-navigation .mega-menu .badge {
     top: 8px;
 }
 
 /* Extra small devices (phones, less than 767px) */
 @media (max-width: 767px) {
     .main-navigation .dropdown-toggle .badge {
         right: 50px;
     }
 }
 
 /*Pace (Page loader)
  ---------------------------------- */
 /*loader 1*/
 .page-loader-1 .page-wrapper {
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .page-loader-1.pace-done .page-wrapper {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transition: ease-in-out opacity 0.2s;
     -o-transition: ease-in-out opacity 0.2s;
     transition: ease-in-out opacity 0.2s;
 }
 
 .page-loader-1 .pace {
     -webkit-pointer-events: none;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 2000;
     position: fixed;
     margin: auto;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     height: 5px;
     width: 200px;
     background: #ffffff;
     overflow: hidden;
 }
 
 .page-loader-1 .pace .pace-progress {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     max-width: 200px;
     position: fixed;
     z-index: 2000;
     display: block;
     position: absolute;
     top: 0;
     right: 100%;
     height: 100%;
     width: 100%;
 }
 
 /*loader 2*/
 .page-loader-2 .page-wrapper {
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .page-loader-2.pace-done .page-wrapper {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transition: ease-in-out opacity 0.2s;
     -o-transition: ease-in-out opacity 0.2s;
     transition: ease-in-out opacity 0.2s;
 }
 
 .page-loader-2 .pace {
     -webkit-pointer-events: none;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 2000;
     position: fixed;
     height: 60px;
     width: 100px;
     margin: auto;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }
 
 .page-loader-2 .pace .pace-progress {
     z-index: 2000;
     position: absolute;
     height: 60px;
     width: 100px;
     -webkit-transform: translate3d(0, 0, 0) !important;
     -ms-transform: translate3d(0, 0, 0) !important;
     transform: translate3d(0, 0, 0) !important;
 }
 
 .page-loader-2 .pace .pace-progress:before {
     content: attr(data-progress-text);
     text-align: center;
     color: #ffffff;
     border-radius: 50%;
     font-family: "Helvetica Neue", sans-serif;
     font-size: 14px;
     font-weight: 100;
     line-height: 45px;
     padding: 0;
     width: 44px;
     height: 44px;
     margin: 8px 0 0 29px;
     display: block;
     z-index: 999;
     position: absolute;
 }
 
 .page-loader-2 .pace .pace-activity {
     font-size: 15px;
     line-height: 1;
     z-index: 2000;
     position: absolute;
     height: 60px;
     width: 100px;
     display: block;
     -webkit-animation: pace-theme-center-atom-spin 2s linear infinite;
     -moz-animation: pace-theme-center-atom-spin 2s linear infinite;
     -ms-animation: pace-theme-center-atom-spin 2s linear infinite;
     -o-animation: pace-theme-center-atom-spin 2s linear infinite;
     animation: pace-theme-center-atom-spin 2s linear infinite;
 }
 
 .page-loader-2 .pace .pace-activity {
     border-radius: 50%;
     content: ' ';
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     height: 60px;
     width: 100px;
 }
 
 .page-loader-2 .pace .pace-activity:after {
     border-radius: 50%;
     content: ' ';
     display: block;
     position: absolute;
     top: -5px;
     left: -5px;
     height: 60px;
     width: 100px;
     -webkit-transform: rotate(60deg);
     -ms-transform: rotate(60deg);
     -o-transform: rotate(60deg);
     transform: rotate(60deg);
 }
 
 .page-loader-2 .pace .pace-activity:before {
     border-radius: 50%;
     content: ' ';
     display: block;
     position: absolute;
     top: -5px;
     left: -5px;
     height: 60px;
     width: 100px;
     -webkit-transform: rotate(120deg);
     -ms-transform: rotate(120deg);
     -o-transform: rotate(120deg);
     transform: rotate(120deg);
 }
 
 @-webkit-keyframes pace-theme-center-atom-spin {
     0% {
         -webkit-transform: rotate(0deg);
     }
 
     100% {
         -webkit-transform: rotate(359deg);
     }
 }
 
 @-moz-keyframes pace-theme-center-atom-spin {
     0% {
         -moz-transform: rotate(0deg);
     }
 
     100% {
         -moz-transform: rotate(359deg);
     }
 }
 
 @-o-keyframes pace-theme-center-atom-spin {
     0% {
         -o-transform: rotate(0deg);
     }
 
     100% {
         -o-transform: rotate(359deg);
     }
 }
 
 @keyframes pace-theme-center-atom-spin {
     0% {
         transform: rotate(0deg);
     }
 
     100% {
         transform: rotate(359deg);
     }
 }
 
 /*loader 3*/
 .page-loader-3 .pace {
     -webkit-pointer-events: none;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .page-loader-3 .pace .pace-progress {
     position: fixed;
     z-index: 2000;
     top: 0;
     right: 100%;
     width: 100%;
     height: 2px;
 }
 
 .pace.pace-inactive {
     display: none;
 }
 
 /*loader 4*/
 .page-loader-4 .page-wrapper {
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .page-loader-4.pace-done .page-wrapper {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transition: ease-in-out opacity 0.2s;
     -o-transition: ease-in-out opacity 0.2s;
     transition: ease-in-out opacity 0.2s;
 }
 
 .page-loader-4 .pace {
     -webkit-pointer-events: none;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-perspective: 12rem;
     -moz-perspective: 12rem;
     -ms-perspective: 12rem;
     -o-perspective: 12rem;
     perspective: 12rem;
     z-index: 2000;
     position: fixed;
     height: 6rem;
     width: 6rem;
     margin: auto;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }
 
 .page-loader-4 .pace .pace-progress {
     position: fixed;
     z-index: 2000;
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     height: 6rem;
     width: 6rem !important;
     line-height: 6rem;
     font-size: 2rem;
     border-radius: 50%;
     color: #ffffff;
     font-family: "Helvetica Neue", sans-serif;
     font-weight: 100;
     text-align: center;
     -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
     -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
     -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
     -o-animation: pace-theme-center-circle-spin linear infinite 2s;
     animation: pace-theme-center-circle-spin linear infinite 2s;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     transform-style: preserve-3d;
 }
 
 .page-loader-4 .pace .pace-progress:after {
     content: attr(data-progress-text);
     display: block;
 }
 
 @-webkit-keyframes pace-theme-center-circle-spin {
     from {
         -webkit-transform: rotateY(0deg);
     }
 
     to {
         -webkit-transform: rotateY(360deg);
     }
 }
 
 @-moz-keyframes pace-theme-center-circle-spin {
     from {
         -moz-transform: rotateY(0deg);
     }
 
     to {
         -moz-transform: rotateY(360deg);
     }
 }
 
 @-ms-keyframes pace-theme-center-circle-spin {
     from {
         -ms-transform: rotateY(0deg);
     }
 
     to {
         -ms-transform: rotateY(360deg);
     }
 }
 
 @-o-keyframes pace-theme-center-circle-spin {
     from {
         -o-transform: rotateY(0deg);
     }
 
     to {
         -o-transform: rotateY(360deg);
     }
 }
 
 @keyframes pace-theme-center-circle-spin {
     from {
         transform: rotateY(0deg);
     }
 
     to {
         transform: rotateY(360deg);
     }
 }
 
 /*loader 5*/
 .page-loader-5 .page-wrapper {
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .page-loader-5.pace-done .page-wrapper {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transition: ease-in-out opacity 0.2s;
     -o-transition: ease-in-out opacity 0.2s;
     transition: ease-in-out opacity 0.2s;
 }
 
 .page-loader-5 .pace {
     -webkit-pointer-events: none;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .page-loader-5 .pace .pace-progress {
     position: fixed;
     z-index: 2000;
     top: 0;
     right: 0;
     height: 5rem;
     width: 5rem;
     -webkit-transform: translate3d(0, 0, 0) !important;
     -ms-transform: translate3d(0, 0, 0) !important;
     transform: translate3d(0, 0, 0) !important;
 }
 
 .page-loader-5 .pace .pace-progress:after {
     display: block;
     position: absolute;
     top: 0;
     right: .5rem;
     content: attr(data-progress-text);
     font-family: "Helvetica Neue", sans-serif;
     font-weight: 100;
     font-size: 100px;
     line-height: 1;
     text-align: right;
 }
 
 /*loader 6*/
 .page-loader-6 .page-wrapper {
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .page-loader-6.pace-done .page-wrapper {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transition: ease-in-out opacity 0.2s;
     -o-transition: ease-in-out opacity 0.2s;
     transition: ease-in-out opacity 0.2s;
 }
 
 .page-loader-6 .pace {
     -webkit-pointer-events: none;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .page-loader-6 .pace .pace-activity {
     display: block;
     position: fixed;
     z-index: 2000;
     top: 0;
     right: 0;
     width: 300px;
     height: 300px;
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
     transform: translateX(100%) translateY(-100%) rotate(45deg);
     pointer-events: none;
 }
 
 .page-loader-6 .pace.pace-active .pace-activity {
     -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
     transform: translateX(50%) translateY(-50%) rotate(45deg);
 }
 
 .page-loader-6 .pace .pace-activity::before,
 .page-loader-6 .pace .pace-activity::after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     position: absolute;
     bottom: 30px;
     left: 50%;
     display: block;
     border: 5px solid #ffffff;
     border-radius: 50%;
     content: '';
 }
 
 .page-loader-6 .pace .pace-activity::before {
     margin-left: -40px;
     width: 80px;
     height: 80px;
     border-right-color: rgba(0, 0, 0, 0.2);
     border-left-color: rgba(0, 0, 0, 0.2);
     -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
     -moz-animation: pace-theme-corner-indicator-spin 3s linear infinite;
     -ms-animation: pace-theme-corner-indicator-spin 3s linear infinite;
     -o-animation: pace-theme-corner-indicator-spin 3s linear infinite;
     animation: pace-theme-corner-indicator-spin 3s linear infinite;
 }
 
 .page-loader-6 .pace .pace-activity::after {
     bottom: 50px;
     margin-left: -20px;
     width: 40px;
     height: 40px;
     border-top-color: rgba(0, 0, 0, 0.2);
     border-bottom-color: rgba(0, 0, 0, 0.2);
     -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
     -moz-animation: pace-theme-corner-indicator-spin 1s linear infinite;
     -ms-animation: pace-theme-corner-indicator-spin 1s linear infinite;
     -o-animation: pace-theme-corner-indicator-spin 1s linear infinite;
     animation: pace-theme-corner-indicator-spin 1s linear infinite;
 }
 
 @-webkit-keyframes pace-theme-corner-indicator-spin {
     0% {
         -webkit-transform: rotate(0deg);
     }
 
     100% {
         -webkit-transform: rotate(359deg);
     }
 }
 
 @keyframes pace-theme-corner-indicator-spin {
     0% {
         transform: rotate(0deg);
     }
 
     100% {
         transform: rotate(359deg);
     }
 }
 
 
 
 /******************************************************************************/
 /*** 6 Navigations ************************************************************/
 /******************************************************************************/
 
 
 /* 6.1 Light Version
  ----------------------------------------------------------------------------- */
 
 /*First level*/
 .header .navbar-nav li .nav-link {
     display: flex;
     align-items: center;
     color: #fff;
     font-size: 15px;
     padding: 0 10px;
     height: 60px;
     z-index: 102;
     border: none;
     border-bottom: 1px solid transparent;
     border-right: 1px solid transparent;
     border-left: 1px solid transparent;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     text-transform: none;
 }
 
 .header .main-navigation.animated .navbar-nav li a,
 .header .navbar-nav .nav-item.show .dropdown-toggle::after {
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .header .navbar-nav li .nav-link img {
     display: inline-block;
     max-height: 50px;
 }
 
 .header .navbar-nav li.sn-lazarev .nav-link span.span-sn-lazarev {
     font-family: 'gillsans-condensed, sans-serif';
     color: #fff;
     line-height: 1;
     font-size: 33px;
     margin-right: 7px;
 }
 
 .header .navbar-nav li .nav-link span.nav-alignment {
     position: relative;
     top: 7px;
 }
 
 .header .navbar-nav li .nav-link span.nav-alignment.seminar-link {
     font-size: 21px;
     font-family: "myriad-pro-cond-reg,sans-serif";
 }
 
 .header .navbar-nav li.sn-lazarev .nav-link img {
     margin-right: 7px;
 }
 
 .header .navbar-nav li.nav-etar .nav-link img {
     margin-left: 7px;
 }
 
 
 @media (min-width: 992px) and (max-width: 1199px) {
     .header .navbar-nav li .nav-link {
         padding: 0 5px;
         height: 60px;
         font-size: 12px;
     }
 }
 
 .header .navbar-nav li .nav-link:focus,
 .header .navbar-nav li .nav-link:hover,
 .header .navbar-nav .show>.nav-link,
 .header .navbar-nav li .nav-link.show,
 .header .navbar-nav .active.show>.nav-link,
 .header .navbar-nav li.show .nav-link.active {
     background-color: transparent;
     border-bottom-color: transparent;
     border-right: 1px solid transparent;
     border-left: 1px solid transparent;
     z-index: 106;
 }
 
 .header .scrollspy .navbar-nav li .nav-link:focus,
 .header .scrollspy .navbar-nav li .nav-link:hover {
     background-color: transparent;
     border-left-color: transparent;
     border-right-color: transparent;
 }
 
 .header .navbar-nav .active>.nav-link,
 .header .navbar-nav li .nav-link.active {
     background-color: transparent;
 }
 
 /*..header .navbar-nav .dropdown-toggle::after {
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      content: "\f107";
      position: absolute;
      top: 51%;
      left: auto;
      right: 0px;
      line-height: 20px;
      font-size: 12px;
      border: none;
      width: 20px;
      height: 20px;
      margin: 0;
      text-align: center;
      margin-top: -10px;
      color: #cdcdcd;
      transition: all 0.2s ease-in-out;
  }
  .header .navbar-nav .nav-item.show .dropdown-toggle::after {
      color: #5bb132;
  }
  header-dropdown-buttons .dropdown-toggle::after {
      font-family: "fontello";
      content: '\e875';
      font-style: normal;
      font-weight: normal;
      display: inline-block;
      text-decoration: inherit;
      margin-right: .2em;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: .2em;
      border: 0 none;
      position: relative;
      top: 6px;
  }
  .header-dropdown-buttons .dropdown-toggle.dropdown-toggle--no-caret::after {
      display: none;
  }*/
 .header .navbar-nav .dropdown-toggle::after,
 .dropdown-toggle::after {
     font-family: "fontello";
     content: '\e875';
     font-style: normal;
     font-weight: normal;
     display: inline-block;
     text-decoration: inherit;
     margin-right: 0;
     margin-left: 0.5em;
     vertical-align: 0.255em;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     border: 0 none;
     position: relative;
     top: 0;
     font-size: 10px;
 }
 
 .dropdown-toggle.dropdown-toggle--no-caret::after {
     display: none !important;
 }
 
 .header .navbar-nav .nav-item.show .dropdown-toggle::after {
     color: #5bb132;
 }
 
 .header .navbar-nav .dropdown-toggle::after {
     top: 7px;
 }
 
 .header-top .navbar-nav .dropdown-toggle::after {
     top: 0;
 }
 
 @media (min-width: 992px) {
     .header.centered .navbar-nav .nav-item a.nav-link {
         padding-top: 15px !important;
         padding-bottom: 15px !important;
         border-top: 1px solid transparent;
     }
 
     .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link,
     .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link:hover,
     .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.show a.nav-link:focus,
     .header.centered:not(.dark) .main-navigation .navbar-nav .nav-item.dropdown a.nav-link:focus {
         border-top: 1px solid #f5f5f5;
     }
 }
 
 @media (min-width: 1200px) {
     .header .navbar-nav>li {
         margin: 0 0 0 10;
     }
 
     .header .navbar-nav>li:first-child {
         margin: 0;
     }
 }
 
 @media (max-width: 767px) {
     .header .navbar-nav li .nav-link {
         padding: 10px 15px;
     }
 }
 
 /*Second level*/
 .header .navbar-nav li ul {
     min-width: 14rem;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     padding: 0;
     margin: 0;
     margin-top: -1px;
     background-color: #ffffff;
     -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
     border-width: 1px;
     border-style: solid;
     border-color: #f1f1f1;
     border-top-color: transparent;
     z-index: 101;
 }
 
 .header .navbar-nav li li a {
     padding: 10px 20px;
     display: block;
     font-size: 14px;
     color: #0f314d;
     border-bottom: 1px solid #f7f7f7;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     position: relative;
     text-align: left;
 }
 
 .header .navbar-nav li li a:focus,
 .header .navbar-nav li li a:hover,
 .header .navbar-nav li .show>a,
 .header .navbar-nav li li a.show,
 .header .navbar-nav li .active>a,
 .header .navbar-nav li li a.active {
     background-color: #fcfcfc;
     border-color: #f7f7f7;
     text-decoration: none;
 }
 
 .header .navbar-nav ul .dropdown-toggle::after {
     content: '\e877';
     position: absolute;
     top: 16px;
     right: 10px;
 }
 
 /* third level menu */
 .header .navbar-nav ul ul {
     top: -1px;
     left: 100% !important;
     right: auto;
     border-top: 1px solid #f7f7f7;
 }
 
 .header .container-fluid .navbar-nav ul.to-left {
     right: 100% !important;
     left: auto !important;
 }
 
 /*Large Devices less than 1610px*/
 @media (max-width: 1610px) {
     .header .navbar-nav ul.to-left {
         right: 100% !important;
         left: auto !important;
     }
 }
 
 /*Mega Menu*/
 .mega-menu.dropdown {
     position: static;
 }
 
 .mega-menu>a {
     position: relative;
 }
 
 .header .navbar-nav li.mega-menu .dropdown-menu {
     left: 0;
     width: 100%;
     padding: 20px 30px;
 }
 
 /* mega menu menu item */
 @media (min-width: 992px) {
     .header.centered .col-md-12 .navbar {
         position: static;
     }
 }
 
 .header .navbar-nav li.mega-menu .menu {
     list-style: none;
     padding: 0;
     margin: 0;
     box-shadow: none;
     border: none;
     min-width: 0;
     background-color: transparent;
 }
 
 .mega-menu .menu li {
     position: relative;
 }
 
 .mega-menu h4.title {
     margin: 5px 0;
     font-size: 15px;
     text-transform: uppercase;
 }
 
 .header .navbar-nav li.mega-menu .menu>li>a {
     padding: 5px 0;
     border-bottom: 1px solid #f7f7f7;
     display: block;
     -webkit-transition: none;
     -o-transition: none;
     transition: all 0.2s ease-in-out;
     text-align: left;
 }
 
 .mega-menu .menu>li>a i,
 .dropdown-menu>li>a i {
     padding-left: 5px;
     font-size: 12px;
     width: 20px;
     position: relative;
     top: -1px;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     color: #cdcdcd;
 }
 
 .mega-menu .menu>li>a i.fa,
 .dropdown-menu>li>a i.fa {
     width: 32px;
     text-align: center;
 }
 
 .fa {
     line-height: unset;
 }
 
 .mega-menu .menu>li>a i.fa-circle-o,
 .dropdown-menu>li>a i.fa-circle-o {
     font-size: 7px;
     top: -3px;
 }
 
 .mega-menu .menu>li>a i.fa-spin {
     width: 11px;
     padding: 0;
     margin-right: 13px;
     margin-left: 8px;
 }
 
 .mega-menu .menu>li:last-child>a {
     border-bottom: none !important;
 }
 
 .mega-menu .menu>li>a:hover i.fa-circle-o:before,
 .dropdown-menu>li>a:hover i.fa-circle-o:before,
 .mega-menu .menu>li.active>a i.fa-circle-o:before,
 .dropdown-menu>li.active>a i.fa-circle-o:before {
     content: "\f111";
 }
 
 /*centered logo header*/
 .col-md-12 .mega-menu--wide .dropdown-menu {
     left: 0 !important;
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) and (max-width: 1199px) {
     .container .mega-menu--wide .dropdown-menu {
         width: 930px !important;
     }
 
     .container .col-lg-auto .mega-menu .dropdown-menu {
         left: auto !important;
         right: 0px !important;
         width: 930px !important;
     }
 }
 
 /* Large devices (Large desktops 1200px and up) */
 @media (min-width: 1200px) {
     .container .mega-menu--wide .dropdown-menu {
         width: 1110px !important;
     }
 
     .main-navigation .navbar-nav>li:first-child {
         margin: 0;
     }
 
     .container .col-lg-auto .mega-menu .dropdown-menu {
         left: auto !important;
         right: 0px !important;
         width: 1110px !important;
     }
 }
 
 @media (min-width: 1500px) {
     .container .col-lg-auto .mega-menu .dropdown-menu {
         left: auto !important;
         right: 0px !important;
         width: 1110px !important;
     }
 }
 
 /* Dropdown animations
  ------------------------------ */
 .animated.main-navigation .navbar-nav .show .dropdown-menu,
 #offcanvas.animated .show .dropdown-menu,
 #offcanvas.animated .dropdown-menu .show .dropdown-menu {
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeInUpSmall;
     animation-name: fadeInUpSmall;
 }
 
 .animated.main-navigation .dropdown-menu .show .dropdown-menu {
     -webkit-animation-name: fadeInLeftSmall;
     animation-name: fadeInLeftSmall;
 }
 
 header .container-fluid .animated.main-navigation .dropdown-menu .show .dropdown-menu.to-left {
     -webkit-animation-name: fadeInRightSmall;
     animation-name: fadeInRightSmall;
 }
 
 /*Large Devices less than 1610px*/
 @media (max-width: 1610px) {
     .animated.main-navigation .dropdown-menu .show .dropdown-menu.to-left {
         -webkit-animation-name: fadeInRightSmall;
         animation-name: fadeInRightSmall;
     }
 }
 
 /*Fixed header desktop*/
 .header.fixed-desktop {
     padding: 5px 0;
 }
 
 @media (min-width: 992px) {
 
     .sticky-wrapper,
     .header.fixed-desktop {}
 
     .fixed-header-on .sticky-wrapper,
     .fixed-header-on .header.fixed-desktop,
     .fixed-header-on .header-top.fixed-desktop {
         display: block;
     }
 }
 
 .header.fixed-desktop .navbar-toggler {
     position: relative;
     top: 10px;
     margin-right: 35px;
     padding-left: 0;
 }
 
 .header.fixed-desktop .header-logo {
     padding: 0;
 }
 
 .header.fixed-desktop .header-search {
     padding: 0;
 }
 
 .header.fixed-desktop .header-dropdown-buttons .btn-group:first-child {
     margin-right: 0;
 }
 
 .header.fixed-desktop .header-dropdown-buttons .btn-group:last-child {
     margin-left: 10px;
 }
 
 /*mobile menu*/
 .header .navbar-brand {
     padding: 13px 0;
     margin-right: 0;
 }
 
 .header .navbar-toggler {
     top: 19px;
     right: 0;
 }
 
 .navbar-light .navbar-toggler {
     border: 0 none;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 991px) {
     .header-search {
         position: relative;
         top: 0;
     }
 
     .header.fixed-desktop .navbar-toggler {
         top: 0;
     }
 
     .header .navbar-nav {
         padding-top: 20px;
         padding-bottom: 20px;
     }
 
     .header .navbar-nav .nav-item {
         border-bottom: 1px solid #f7f7f7;
     }
 
     .header .navbar-nav .nav-item:last-child {
         border-bottom: 0 none;
     }
 
     /* first level item */
     .header .navbar-nav li ul {
         border: 0 none;
         box-shadow: 0 0 0 transparent;
     }
 
     .header .navbar-nav li .nav-link {
         border-bottom: 0 none;
         padding: 10px 15px;
     }
 
     .header .navbar-nav>li:last-child a.nav-link {
         border-bottom: 0 none;
     }
 
     /* first level item hover and focus states */
     .header .navbar-nav li>a:hover,
     .header .navbar-nav li>a:focus,
     .header .navbar-nav .active>a,
     .header .navbar-nav .active>a:hover,
     .header .navbar-nav .active>a:focus {
         background-color: #ffffff;
         border-bottom-color: transparent;
     }
 
     /* second level menu */
     .navbar-toggleable-md .navbar-nav .dropdown-menu {
         -webkit-box-shadow: none;
         box-shadow: none;
     }
 
     .header .navbar-nav .dropdown-menu {
         background-color: #ffffff;
     }
 
     .header .navbar-nav .badge {
         right: 30px;
     }
 
     /* second level item */
     .header .navbar-nav .show .dropdown-menu>li>a,
     .header .navbar-nav .show .dropdown-menu .dropdown-header {
         padding: 12px 15px 12px 30px;
         border-color: #d0d0ce;
     }
 
     /* third level item */
     .header .navbar-nav .show .dropdown-menu .dropdown-menu>li>a {
         padding-left: 40px;
     }
 
     .header .navbar-nav li li a {
         border: 0 none;
     }
 
     /* four level item */
     .header .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
         padding-left: 40px;
     }
 
     /* Arrow for parent menu item */
     .header .navbar-nav .dropdown-toggle::after {
         position: absolute;
         color: #999999;
         top: 16px;
         right: 10px;
     }
 
     .header .navbar-nav .dropdown .dropdown .dropdown-toggle::after {
         right: 10px;
     }
 
     .header.fixed-desktop .navbar-toggler {
         margin-right: 10px;
     }
 }
 
 @media (max-width: 767px) {
     .header-search {
         margin-bottom: 20px;
     }
 }
 
 /* 6.2 Dark Version
  ----------------------------------------------------------------------------- */
 /* first level menu item */
 .dark.header .navbar-nav li .nav-link {
     color: #cccccc;
     border-bottom: 1px solid transparent;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
 }
 
 .transparent-header .dark.header .navbar-nav li .nav-link {
     color: #e1e1e1;
 }
 
 /* first level menu item on hover/focus */
 .dark.header .navbar-nav li .nav-link:hover,
 .dark.header .navbar-nav li .nav-link:focus,
 .dark.header .navbar-nav .active .nav-link,
 .dark.header .navbar-nav .active .nav-link:hover,
 .dark.header .navbar-nav .active .nav-link:focus {
     background-color: transparent;
     color: #ffffff;
     border-right: 1px solid transparent;
     border-left: 1px solid transparent;
     z-index: 106;
 }
 
 /* first level active menu item when opened */
 .dark.header .navbar-nav .show .nav-link,
 .dark.header .navbar-nav .show .nav-link:hover,
 .dark.header .navbar-nav .show .nav-link:focus,
 .dark.header .navbar-nav .dropdown .nav-link:focus {
     background-color: rgba(0, 0, 0, 0.15);
     color: #ffffff;
     border-right: 1px solid transparent;
     border-left: 1px solid transparent;
     z-index: 106;
 }
 
 /* second level menu item */
 .dark.header .dropdown-menu {
     border: none;
 }
 
 .dark.header .mega-menu .dropdown-menu {
     z-index: 103;
 }
 
 .dark.header .dropdown-menu>li>a,
 .dark.header .navbar-nav .mega-menu .menu>li>a {
     color: #cccccc;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
 }
 
 .dark.header .mega-menu .menu>li>a:hover,
 .dark.header .mega-menu .menu>li>a:focus {
     background-color: rgba(0, 0, 0, 0.2);
     color: #ffffff;
 }
 
 .dark.header .dropdown-menu>li>a:hover,
 .dark.header .dropdown-menu>li>a:focus,
 .dark.header .navbar-nav .show>a,
 .dark.header .navbar-nav .show>a:hover,
 .dark.header .navbar-nav .show>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 {
     background-color: rgba(0, 0, 0, 0.2);
     color: #ffffff;
 }
 
 .dark.header .dropdown .dropdown>a:before {
     color: #cccccc;
     top: 13px;
 }
 
 .dark.header .dropdown .dropdown.show>a:before {
     color: #ffffff;
 }
 
 /* Mobile Menu
  ------------------------------ */
 /*Dark mobile menu toggle button*/
 .dark .navbar .navbar-toggler {
     border-color: rgba(255, 255, 255, 0.55);
     background-color: transparent;
 }
 
 .dark .navbar .navbar-toggler:hover,
 .dark .navbar .navbar-toggler:focus {
     background-color: rgba(255, 255, 255, 0.1);
     border-color: rgba(255, 255, 255, 0.7);
 }
 
 .dark .navbar .navbar-toggler .navbar-toggler-icon {
     background-image: none;
     position: relative;
     font-weight: 300;
     text-align: center;
 }
 
 .dark .navbar .navbar-toggler .navbar-toggler-icon:after {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     height: 30px;
     content: "\f0c9";
     color: rgba(255, 255, 255, 0.5);
     font-size: 24px;
     position: absolute;
     top: 0;
     left: 0;
     font-weight: 300;
     line-height: 30px;
 }
 
 .dark .navbar .navbar-collapse,
 .dark .navbar .navbar-form {
     border-color: #121212;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 991px) {
 
     /*Dark Mobile menu*/
     /* second level menu */
     .dark .main-navigation .navbar-nav .show .dropdown-menu {
         background-color: rgba(0, 0, 0, 0.5);
         border: none;
     }
 
     /* second level item */
     .dark .main-navigation .navbar-nav .show .dropdown-menu>li>a,
     .dark .main-navigation .navbar-nav .show .dropdown-menu .dropdown-header {
         color: #cccccc;
         border-color: rgba(255, 255, 255, 0.08);
     }
 
     /* item on hover/focus */
     .dark.header .navbar-nav .show .dropdown-menu>li>a:hover,
     .dark.header .navbar-nav .show .dropdown-menu>li>a:focus,
     .dark.header .navbar-nav .show .dropdown-menu>.active>a,
     .dark.header .navbar-nav .show .dropdown-menu>.active>a:hover,
     .dark.header .navbar-nav .show .dropdown-menu>.active>a:focus,
     .dark.header .navbar-nav>li>a:hover,
     .dark.header .navbar-nav>li>a:focus,
     .dark.header .navbar-nav>.active>a,
     .dark.header .navbar-nav>.active>a:hover,
     .dark.header .navbar-nav>.active>a:focus {
         color: #ffffff;
         background-color: rgba(0, 0, 0, 0.2);
     }
 
     /* Arrow for parent menu item */
     .dark .navbar-nav .dropdown.show>.dropdown-toggle::after {
         color: #ffffff;
     }
 }
 
 /* 6.3 Offcanvas navigation
  ----------------------------------------------------------------------------- */
 .offcanvas {
     background-color: #f5f5f5;
     border-color: #f1f1f1;
 }
 
 .offcanvas-toggle-left {
     display: block;
     padding: 0;
     margin: 0;
     position: fixed;
     width: 40px;
     height: 40px;
     top: 10px;
     left: 10px;
     z-index: 1031;
     text-align: center;
     background-color: rgba(255, 255, 255, 0.85);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     border: 0;
 }
 
 .offcanvas-toggle-left:after {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     content: "\f0c9";
     font-size: 22px;
     line-height: 35px;
     text-align: center;
     color: #000000;
 }
 
 #offcanvas.in+.offcanvas-toggle-left:after {
     content: "\f00d";
 }
 
 .offcanvas-toggle-right {
     display: block;
     padding: 0;
     margin: 0;
     position: fixed;
     width: 40px;
     height: 40px;
     top: 10px;
     right: 10px;
     z-index: 1031;
     text-align: center;
     background-color: rgba(255, 255, 255, 0.85);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     border: 0;
 }
 
 .offcanvas-toggle-right:after {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     content: "\f0c9";
     font-size: 22px;
     line-height: 35px;
     text-align: center;
     color: #000000;
 }
 
 #offcanvas.in+.offcanvas-toggle-right:after {
     content: "\f00d";
 }
 
 #offcanvas .nav.flex-column {
     padding: 15px;
 }
 
 #offcanvas .nav.flex-column>li .nav-link {
     font-size: 18px;
     font-weight: 300;
 }
 
 #offcanvas .nav.flex-column>li .nav-link:after {
     top: 10px;
 }
 
 /* 6.4 Gradient background header
  ----------------------------------------------------------------------------- */
 .transparent-header.gradient-background-header .header:not(.dark) .active.dropdown>a:after {
     color: #000000;
 }
 
 .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link,
 .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link:hover,
 .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .show .nav-link:focus,
 .transparent-header.gradient-background-header .header:not(.dark) .main-navigation .nav-link:focus {
     border-right-color: transparent;
     border-left-color: transparent;
     border-bottom-color: transparent;
 }
 
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
 
     .transparent-header.gradient-background-header .header:not(.dark) li:not(.show) .nav-link:hover,
     .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link,
     .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link:hover,
     .transparent-header.gradient-background-header .header:not(.dark) .active:not(.show) .nav-link:focus {
         color: #000000;
         border-bottom: 1px solid #454545;
     }
 
     .transparent-header.gradient-background-header .header:not(.dark) li:not(.show) .nav-link:focus {
         color: #000000;
     }
 }
 
 .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link,
 .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link:hover,
 .transparent-header.gradient-background-header .dark.header .main-navigation .show .nav-link:focus,
 .transparent-header.gradient-background-header .dark.header .main-navigation .nav-link:focus {
     border-right-color: transparent;
     border-left-color: transparent;
     border-bottom-color: transparent;
 }
 
 .transparent-header.gradient-background-header header.header.transparent-header-on {
     background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
     background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.05) 85%, rgba(255, 255, 255, 0) 100%);
     border-bottom: none;
     border-top: none;
 }
 
 .transparent-header.gradient-background-header header.header.dark.transparent-header-on {
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 85%, transparent 100%);
     border-bottom: none;
     border-top: none;
 }
 
 .transparent-header.gradient-background-header.fixed-header-on .header.fixed:not(.dark) {
     border-bottom: none;
     background-color: rgba(255, 255, 255, 0.8);
     -webkit-transition: all linear 0.2s;
     -o-transition: all linear 0.2s;
     transition: all linear 0.2s;
 }
 
 .transparent-header.gradient-background-header.fixed-header-on .dark.header.fixed {
     background-color: rgba(0, 0, 0, 0.3);
     -webkit-transition: all linear 0.2s;
     -o-transition: all linear 0.2s;
     transition: all linear 0.2s;
 }
 
 /* 6.5 Full page navigation
  ----------------------------------------------------------------------------- */
 .full-page .header-container header {
     background-color: rgba(255, 255, 255, 0.1);
     border-bottom: none;
     border-top: none;
     padding-bottom: 15px;
     padding-top: 10px;
 }
 
 .full-page .header-container header.dark {
     background-color: rgba(0, 0, 0, 0.1);
     padding-bottom: 15px;
 }
 
 .transparent-header.full-page .header-container header {
     background-color: transparent;
     padding-bottom: 15px;
 }
 
 
 
 /******************************************************************************/
 /*** 7 Blocks/Widgets *********************************************************/
 /******************************************************************************/
 
 /* Logo, Site Slogan
  ---------------------------------- */
 #logo img:hover,
 #logo-mobile img:hover {
     opacity: 1;
     filter: alpha(opacity=100);
 }
 
 .logo img {
     max-width: 90px;
 }
 
 .header.centered #logo img {
     margin: 0 auto;
 }
 
 .logo-footer {
     margin-bottom: 20px;
     display: flex;
     justify-content: center;
 }
 
 .logo-footer img {
     max-width: 130px;
 }
 
 .site-slogan {
     color: #777777;
     font-size: 11px;
     padding: 3px 0 0;
     font-weight: 300;
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 
 .offcanvas .logo {
     margin: 20px 0 10px;
 }
 
 .offcanvas .logo img {
     margin: 0 auto;
 }
 
 .offcanvas .site-slogan {
     text-align: center;
     margin-bottom: 20px;
     margin-top: -10px;
 }
 
 .transparent-header .header:not(.dark) .site-slogan {
     color: #000000;
 }
 
 .header.dark .site-slogan {
     color: #cdcdcd;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
 }
 
 .transparent-header .header.dark .site-slogan {
     color: #f1f1f1;
 }
 
 /* Medium devices (tablets, phones) */
 @media (min-width: 992px) and (max-width: 1199px) {
     .logo img {
         max-width: 85px;
     }
 
     .site-slogan {
         font-size: 11px;
     }
 }
 
 /* Small devices (tablets, phones less than 991px) */
 @media (max-width: 991px) {
     body.full-page header .logo img {
         margin: 0;
     }
 
     body.full-page .site-slogan {
         text-align: left;
     }
 }
 
 /*Custom price range*/
 .price-range .slider-price:first-of-type {
     float: left;
 }
 
 .price-range .slider-price {
     float: right;
 }
 
 .form-cena-od-do .form-control {
     padding: 5px;
     width: 87px;
     height: 36px;
     border-radius: 0;
     box-shadow: 0 0 0 transparent;
     border-color: #787878;
 }
 
 .form-cena-od-do .form-control {
     margin-right: 10px;
 }
 
 .form-cena-od-do label {
     margin: 5px;
 }
 
 .form-cena-od-do .btn {
     padding: 7px;
     margin: 0;
 }
 
 .form-check {
     padding-left: 0;
 }
 
 @media (min-width: 992px) and (max-width: 1199px) {
     .form-cena-od-do .form-control {
         width: 64px;
     }
 }
 
 @media (max-width: 575px) {
     .form-cena-od-do .form-control {
         display: inline-block;
     }
 }
 
 @media (max-width: 359px) {
     .form-cena-od-do .form-control {
         width: 64px;
     }
 }
 
 /* Social icons block
  ---------------------------------- */
 .social-links {
     list-style: none;
     font-size: 0;
     margin-top: 20px;
     margin-bottom: 20px;
     padding-left: 0;
 }
 
 .social-links li {
     display: inline-block;
     margin: 0 2px 2px 0;
 }
 
 .social-links li a {
     width: 30px;
     height: 30px;
     display: block;
     text-align: center;
     font-size: 18px;
     border: 1px solid #e7e7e7;
     color: #cdcdcd;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
 }
 
 .social-links li a i {
     line-height: 40px;
 }
 
 .social-links li a:hover {
     background-color: transparent;
 }
 
 .social-links.animated-effect-1 li a {
     -webkit-transition: color 0.4s;
     -o-transition: color 0.4s;
     transition: color 0.4s;
     position: relative;
     z-index: 1;
 }
 
 .social-links.animated-effect-1 li a:hover {
     color: #ffffff !important;
     -webkit-transition: color 0.3s;
     -o-transition: color 0.3s;
     transition: color 0.3s;
 }
 
 .social-links.animated-effect-1 li a:after {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     content: '';
     top: 0px;
     left: 0px;
     padding: 0px;
     z-index: -1;
     -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, background-color 0.4s;
     -moz-transition: -moz-transform 0.4s, opacity 0.4s, background-color 0.4s;
     transition: transform 0.4s, opacity 0.4s, background-color 0.4s;
     -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
     -ms-transform: scale(1.4);
     -o-transform: scale(1.4);
     transform: scale(1.4);
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .social-links.animated-effect-1 li a:hover:after {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transition: -webkit-transform 0s, opacity 0.3s, background-color 0.3s;
     -moz-transition: -moz-transform 0s, opacity 0.3s, background-color 0.3s;
     transition: transform 0s, opacity 0.3s, background-color 0.3s;
 }
 
 .social-links.animated-effect-1:not(.circle) li a:after {
     -webkit-border-radius: 0%;
     -moz-border-radius: 0%;
     border-radius: 0%;
 }
 
 .social-links.default li a {
     color: #ffffff;
 }
 
 .social-links.default li a:hover {
     background-color: #ffffff;
     color: #777777;
 }
 
 .dark .social-links li a {
     background-color: rgba(0, 0, 0, 0.2);
     border: 1px solid rgba(0, 0, 0, 0.1);
     color: #ffffff;
 }
 
 .dark.social-links li a {
     background-color: rgba(0, 0, 0, 0.6);
     border: 1px solid rgba(0, 0, 0, 0.1);
     color: #ffffff;
 }
 
 .dark.social-links li a:hover {
     background-color: rgba(0, 0, 0, 0.8);
 }
 
 .colored .social-links li a {
     background-color: rgba(0, 0, 0, 0.2);
     border: 1px solid rgba(0, 0, 0, 0.01);
     color: #ffffff;
 }
 
 .header-top .social-links,
 .header-dropdown-buttons .social-links {
     margin: 0;
     display: inline-block;
     margin-top: 2px;
 }
 
 .full-page .header .social-links {
     margin-top: 15px;
     margin-bottom: 0;
 }
 
 .footer-content .social-links {
     margin-bottom: 16px;
 }
 
 .footer-content .social-links li {
     margin: 0 5px 5px 0;
 }
 
 .footer-content .social-links li a {
     color: #777777;
     background-color: transparent;
     border: 0 none;
 }
 
 .footer-content .social-links li a:hover {
     color: #ffffff;
     background-color: transparent;
     border: 0 none;
 }
 
 .social-links.small li a {
     width: 30px;
     height: 30px;
     font-size: 14px;
 }
 
 .social-links.small li a i {
     line-height: 29px;
 }
 
 .social-links.large li a {
     width: 60px;
     height: 60px;
     font-size: 24px;
 }
 
 .social-links.large li a i {
     line-height: 60px;
 }
 
 .social-links.square li a,
 .square {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
 }
 
 .social-links.circle li a {
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
 }
 
 .social-links.animated-effect-1 li.twitter a:hover {
     border-color: #55acee;
 }
 
 .social-links:not(.animated-effect-1) li.twitter a:hover,
 .colored.social-links li.twitter a,
 .social-links.animated-effect-1 li.twitter a:after,
 .btn.twitter {
     background-color: #55acee;
     border-color: #55acee;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.skype a:hover {
     border-color: #00aff0;
 }
 
 .social-links:not(.animated-effect-1) li.skype a:hover,
 .colored.social-links li.skype a,
 .social-links.animated-effect-1 li.skype a:after,
 .btn.skype {
     background-color: #00aff0;
     border-color: #00aff0;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.linkedin a:hover {
     border-color: #0976b4;
 }
 
 .social-links:not(.animated-effect-1) li.linkedin a:hover,
 .colored.social-links li.linkedin a,
 .social-links.animated-effect-1 li.linkedin a:after,
 .btn.linkedin {
     background-color: #0976b4;
     border-color: #0976b4;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.googleplus a:hover {
     border-color: #dd4b39;
 }
 
 .social-links:not(.animated-effect-1) li.googleplus a:hover,
 .colored.social-links li.googleplus a,
 .social-links.animated-effect-1 li.googleplus a:after,
 .btn.googleplus {
     background-color: #dd4b39;
     border-color: #dd4b39;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.youtube a:hover {
     border-color: #b31217;
 }
 
 .social-links:not(.animated-effect-1) li.youtube a:hover,
 .colored.social-links li.youtube a,
 .social-links.animated-effect-1 li.youtube a:after,
 .btn.youtube {
     background-color: #b31217;
     border-color: #b31217;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.flickr a:hover {
     border-color: #ff0084;
 }
 
 .social-links:not(.animated-effect-1) li.flickr a:hover,
 .colored.social-links li.flickr a,
 .social-links.animated-effect-1 li.flickr a:after,
 .btn.flickr {
     background-color: #ff0084;
     border-color: #ff0084;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.facebook a:hover {
     border-color: #3b5998;
 }
 
 .social-links:not(.animated-effect-1) li.facebook a:hover,
 .colored.social-links li.facebook a,
 .social-links.animated-effect-1 li.facebook a:after,
 .btn.facebook {
     background-color: #3b5998;
     border-color: #3b5998;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.pinterest a:hover {
     border-color: #cb2027;
 }
 
 .social-links:not(.animated-effect-1) li.pinterest a:hover,
 .colored.social-links li.pinterest a,
 .social-links.animated-effect-1 li.pinterest a:after,
 .btn.pinterest {
     background-color: #cb2027;
     border-color: #cb2027;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.instagram a:hover {
     border-color: #517fa4;
 }
 
 .social-links:not(.animated-effect-1) li.instagram a:hover,
 .colored.social-links li.instagram a,
 .social-links.animated-effect-1 li.instagram a:after,
 .btn.instagram {
     background-color: #517fa4;
     border-color: #517fa4;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.vimeo a:hover {
     border-color: #aad450;
 }
 
 .social-links:not(.animated-effect-1) li.vimeo a:hover,
 .colored.social-links li.vimeo a,
 .social-links.animated-effect-1 li.vimeo a:after,
 .btn.vimeo {
     background-color: #aad450;
     border-color: #aad450;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.tumblr a:hover {
     border-color: #32506d;
 }
 
 .social-links:not(.animated-effect-1) li.tumblr a:hover,
 .colored.social-links li.tumblr a,
 .social-links.animated-effect-1 li.tumblr a:after,
 .btn.tumblr {
     background-color: #32506d;
     border-color: #32506d;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.soundcloud a:hover {
     border-color: #ff3a00;
 }
 
 .social-links:not(.animated-effect-1) li.soundcloud a:hover,
 .colored.social-links li.soundcloud a,
 .social-links.animated-effect-1 li.soundcloud a:after,
 .btn.soundcloud {
     background-color: #ff3a00;
     border-color: #ff3a00;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.foursquare a:hover {
     border-color: #0072b1;
 }
 
 .social-links:not(.animated-effect-1) li.foursquare a:hover,
 .colored.social-links li.foursquare a,
 .social-links.animated-effect-1 li.foursquare a:after,
 .btn.foursquare {
     background-color: #0072b1;
     border-color: #0072b1;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.dribbble a:hover {
     border-color: #ea4c89;
 }
 
 .social-links:not(.animated-effect-1) li.dribbble a:hover,
 .colored.social-links li.dribbble a,
 .social-links.animated-effect-1 li.dribbble a:after,
 .btn.dribbble {
     background-color: #ea4c89;
     border-color: #ea4c89;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.xing a:hover {
     border-color: #126567;
 }
 
 .social-links:not(.animated-effect-1) li.xing a:hover,
 .colored.social-links li.xing a,
 .social-links.animated-effect-1 li.xing a:after,
 .btn.xing {
     background-color: #126567;
     border-color: #126567;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.behance a:hover {
     border-color: #126567;
 }
 
 .social-links:not(.animated-effect-1) li.behance a:hover,
 .colored.social-links li.behance a,
 .social-links.animated-effect-1 li.behance a:after,
 .btn.behance {
     background-color: #053eff;
     border-color: #053eff;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.vine a:hover {
     border-color: #126567;
 }
 
 .social-links:not(.animated-effect-1) li.vine a:hover,
 .colored.social-links li.vine a,
 .social-links.animated-effect-1 li.vine a:after,
 .btn.vine {
     background-color: #00a478;
     border-color: #00a478;
     color: #ffffff;
 }
 
 .social-links.animated-effect-1 li.stumbleupon a:hover {
     border-color: #126567;
 }
 
 .social-links:not(.animated-effect-1) li.stumbleupon a:hover,
 .colored.social-links li.stumbleupon a,
 .social-links.animated-effect-1 li.stumbleupon a:after,
 .btn.stumbleupon {
     background-color: #f74425;
     border-color: #f74425;
     color: #ffffff;
 }
 
 .social-links .dropdown>button {
     padding: 1px 15px 0px;
     font-size: 16px;
     color: #999999;
     text-align: center;
     min-width: 0;
     margin: 0;
     background-color: transparent;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }
 
 .social-links .dropdown>button i {
     width: 15px;
 }
 
 .header-top.colored .social-links .dropdown>button>i:before,
 .header-top.colored .social-links .dropdown.show>button>i:before {
     color: #ffffff;
 }
 
 .header-top .social-links .dropdown.show>button>i:before {
     content: "\f00d";
 }
 
 .social-links .dropdown-menu {
     z-index: 103;
     padding: 5px;
     min-width: 270px;
     margin-top: 6px;
     font-size: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #f2f2f2;
     border: 1px solid #D0D0D0;
     border-top: none;
 }
 
 .social-links .dropdown-menu li a,
 .dark .social-links .dropdown-menu li a i,
 .colored .social-links .dropdown-menu li a i {
     padding: 0;
     line-height: 30px;
     color: #ffffff;
 }
 
 .social-links .dropdown-menu li a i {
     padding-left: 0;
 }
 
 .social-links .dropdown-menu li a:hover i {
     color: #ffffff;
 }
 
 /*Header Dropdowns (search, cart etc)
  ---------------------------------- */
 /*Header Dropdowns*/
 .header-dropdown-buttons {
     padding-top: 7px;
 }
 
 .header-dropdown-buttons button i {
     font-size: 16px;
 }
 
 @media (min-width: 992px) and (max-width: 1199px) {
     .header-dropdown-buttons {
         padding-top: 5px;
     }
 
     .header-dropdown-buttons button i {
         font-size: 13px;
     }
 
     .header-top .btn-sm {
         font-size: 13px;
     }
 
     .header .navbar-nav li li a {
         font-size: 13px;
     }
 }
 
 .transparent-header .header-dropdown-buttons .btn-group>.btn {
     background-color: transparent;
     border: 1px solid #999999;
     color: #000000;
 }
 
 .transparent-header.gradient-background-header .header-dropdown-buttons .btn-group>.btn {
     border: 1px solid #0f314d;
 }
 
 .header-dropdown-buttons .btn-group:first-child {
     margin-right: 5px;
 }
 
 .header-dropdown-buttons .btn-group>.btn {
     border-radius: 0;
     width: 40px;
     height: 40px;
     padding: 0;
     line-height: 38px;
     text-align: center;
     background-color: transparent;
     border: 0 solid transparent;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     margin: 0;
 }
 
 .header-dropdown-buttons .btn-group>.btn:hover {
     color: #ffffff;
 }
 
 .fixed-desktop .header-dropdown-buttons .btn-group>.btn:hover,
 .fixed-desktop .header-dropdown-buttons .btn-group>.btn.btn-default-transparent:active,
 .fixed-desktop .header-dropdown-buttons .btn-group.show>.btn {
     color: #5bb132;
     border-color: #ffffff;
 }
 
 .header-dropdown-buttons .btn-group .dropdown-menu {
     z-index: 103;
     padding: 20px;
     min-width: 280px;
     top: 100%;
     border: none;
     -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
     border-radius: 0 0 5px 5px;
 }
 
 .dark .header-dropdown-buttons .btn-group .dropdown-menu {
     margin-top: 19px;
 }
 
 .dark .header-dropdown-buttons .cart {
     color: #cacaca;
 }
 
 .header-dropdown-buttons .btn-group.show>.btn {
     color: #ffffff;
 }
 
 .header.centered .header-dropdown-buttons .btn-group .dropdown-menu {
     margin-top: 8px;
 }
 
 .dark .header-dropdown-buttons .btn-group>.btn,
 .colored .header-dropdown-buttons .btn-group>.btn {
     background-color: rgba(0, 0, 0, 0.2);
     border: 1px solid rgba(0, 0, 0, 0.15);
     text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
     color: #cdcdcd;
 }
 
 .dark .header-dropdown-buttons .btn-group>.btn:hover,
 .colored .header-dropdown-buttons .btn-group>.btn:hover {
     background-color: rgba(0, 0, 0, 0.3);
     border: 1px solid rgba(0, 0, 0, 0.25);
 }
 
 .dark .header-dropdown-buttons .btn-group.show>.btn,
 .colored .header-dropdown-buttons .btn-group.show>.btn {
     background-color: rgba(0, 0, 0, 0.3);
     border: 1px solid rgba(0, 0, 0, 0.25);
 }
 
 .btn-group.show .dropdown-animation {
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
 }
 
 /* Top navigation */
 .top-navigation .navbar-nav .nav-link {
     padding: 0 10px;
     height: 40px;
     align-items: center;
     display: flex;
     font-size: 15px;
     color: #0f314d;
     border-top: 4px solid transparent;
     border-bottom: 4px solid transparent;
 }
 
 .top-navigation .navbar-nav .nav-link:hover,
 .top-navigation .navbar-nav .nav-link:focus,
 .top-navigation .navbar-nav .nav-item.dropdown.show .nav-link {
     color: #5bb132;
     border-bottom: 4px solid #5bb132;
 }
 
 .top-navigation .navbar-nav li ul {
     min-width: 14rem;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     padding: 0;
     margin: 0;
     margin-top: 0px;
     margin-top: -1px;
     background-color: #ffffff;
     -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
     border-width: 1px;
     border-style: solid;
     border-color: #f1f1f1;
     border-top-color: rgb(241, 241, 241);
     border-top-color: transparent;
     z-index: 101;
 }
 
 .top-navigation .main-navigation.animated .navbar-nav li a {
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .top-navigation .navbar-nav li li a {
     padding: 10px 20px;
     display: block;
     font-size: 14px;
     color: #0f314d;
     border-bottom: 1px solid #f7f7f7;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     position: relative;
     text-align: left;
 }
 
 .top-navigation .navbar-nav .dropdown-menu.shipping-fee li {
     padding: 10px 20px;
     display: block;
     font-size: 14px;
     color: #0f314d;
     border-bottom: 1px solid #f7f7f7;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     position: relative;
     text-align: left;
 }
 
 .top-navigation .navbar-nav .dropdown-menu.shipping-fee li strong {
     font-weight: 600;
 }
 
 .top-navigation .navbar-nav li li a:hover,
 .top-navigation .navbar-nav li li a:focus {
     color: #5bb132;
 }
 
 .top-navigation .navbar-nav li.mega-menu .dropdown-menu {
     padding: 20px 30px;
     left: 0 !important;
 }
 
 .top-navigation .navbar-nav li.mega-menu .menu {
     list-style: none;
     padding: 0;
     margin: 0;
     box-shadow: none;
     border: none;
     min-width: 0;
     background-color: transparent;
 }
 
 .top-navigation .navbar-nav li.mega-menu .menu>li>a {
     padding: 5px 0;
     border-bottom: 1px solid #f7f7f7;
     display: block;
     -webkit-transition: none;
     -o-transition: none;
     transition: all 0.2s ease-in-out;
     text-align: left;
 }
 
 .top-navigation .navbar-nav li.mega-menu .menu.multilevel-menu>li:first-child>a {
     border-bottom: 0 none;
 }
 
 .top-navigation .navbar-nav li.mega-menu .menu .second-level-menu {
     list-style: none;
     padding: 0;
     margin: 0;
     box-shadow: none;
     border: none;
     min-width: 0;
     background-color: transparent;
 }
 
 .top-navigation .navbar-nav li.mega-menu .menu>li>.second-level-menu>li>a {
     padding: 5px 0 5px 15px;
     border-bottom: 1px solid #f7f7f7;
     display: block;
     -webkit-transition: none;
     -o-transition: none;
     transition: all 0.2s ease-in-out;
     text-align: left;
 }
 
 /*Header Top Dropdowns*/
 .header-dropdown-buttons .btn-group .dropdown-menu.search {
     box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
 }
 
 .header-top-dropdown .btn-group .dropdown-menu.cart .panel-body {
     padding: 10px 0 0;
 }
 
 .header-top-dropdown .btn-group .dropdown-menu.cart .panel-body .cart-total-price {
     margin-bottom: 5px;
     font-size: 14px;
 }
 
 .header-top-dropdown .dropdown-menu,
 .header-dropdown-buttons .btn-group .dropdown-menu.cart,
 .header-dropdown-buttons .btn-group .dropdown-menu.register {
     z-index: 103;
     padding: 20px 10px 10px 10px;
     min-width: 335px;
     margin-top: 5px;
     border: 0;
     border-top: none;
     background: #ffffff;
     font-weight: 400;
     border-radius: 0;
     box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
 }
 
 .header-top-dropdown .dropdown-menu:before,
 .header-dropdown-buttons .btn-group .dropdown-menu.cart:before,
 .header-dropdown-buttons .btn-group .dropdown-menu.register:before {
     display: inline-block;
     position: absolute;
     width: 0;
     height: 0;
     vertical-align: middle;
     content: "";
     top: -15px;
     left: auto;
     right: -10px;
     transform: translateX(-50%);
     color: #5bb132;
     border-bottom: 15px solid;
     border-right: 15px solid transparent;
     border-left: 15px solid transparent;
 }
 
 .header-top-dropdown .dropdown-menu:before {
     color: #5bb132;
 }
 
 .header-dropdown-buttons .btn-group .dropdown-menu.cart:before,
 .header-dropdown-buttons .btn-group .dropdown-menu.register:before {
     right: 0px;
 }
 
 .header-top-dropdown .dropdown-menu.valuta {
     min-width: 220px;
 }
 
 .header-top-dropdown .dropdown-menu.valuta button,
 .header-top-dropdown .dropdown-menu.valuta a {
     font-size: 13px;
     text-align: left;
     padding: 7px 15px;
     border-bottom: 1px solid #f7f7f7;
     color: #0f314d;
     position: relative;
 }
 
 .header-top-dropdown .dropdown-menu.valuta button:hover,
 .header-top-dropdown .dropdown-menu.valuta a:hover {
     background-color: #fcfcfc;
     color: #5bb132;
 }
 
 .header-top-dropdown .dropdown-menu.valuta button.selected,
 .header-top-dropdown .dropdown-menu.valuta a.selected {
     background-color: #fcfcfc;
     color: #5bb132;
 }
 
 .header-top-dropdown .dropdown-menu.valuta button.selected i,
 .header-top-dropdown .dropdown-menu.valuta a.selected i {
     position: absolute;
     top: 8px;
     right: 8px;
 }
 
 .header-top-dropdown .dropdown-menu.prijava a.link {
     font-size: 14px;
     color: #0f314d;
 }
 
 .header-top-dropdown .dropdown-menu.prijava a.link:hover {
     color: #5bb132;
 }
 
 .header-top-dropdown .dropdown-menu.prijava .btn-default-transparent {
     border-color: #5bb132;
     color: #0f314d;
 }
 
 .dropdown-menu.cart .btn-group.margin-left,
 .dropdown-menu.prijava .btn-group.margin-left {
     margin-left: 10px;
 }
 
 .backdrop {
     background-color: rgba(0, 0, 0, 0.5);
     opacity: 0.5;
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 100;
     display: none;
 }
 
 .user-menu {
     padding: 10px 0;
 }
 
 .user-menu li {
     list-style: none;
 }
 
 .colored .dropdown-menu .user-menu li a {
     color: #0f314d;
 }
 
 .user-menu li a {
     position: relative;
     width: 100%;
     display: block;
     padding: 6px 10px;
     font-size: 14px;
     color: #0f314d;
     font-weight: 400;
 }
 
 .user-menu li a:hover {
     color: #5bb132;
     background-color: #efefef;
 }
 
 .user-menu .wishlist-count,
 .user-menu .cart-count {
     top: 6px;
     right: 10px;
     text-align: center;
     font-size: 15px;
     width: 20px;
     height: 20px;
     line-height: 20px;
 }
 
 .user-menu .separator-line {
     padding: 0 10px;
 }
 
 .user-menu .separator-line hr {
     border-color: #d0d0ce;
     margin-top: 6px;
     margin-bottom: 6px;
 }
 
 .header-top-dropdown .login-form,
 .header-dropdown-buttons .login-form {
     padding: 10px;
 }
 
 .header-top-dropdown .login-form ul,
 .header-dropdown-buttons .login-form ul {
     padding-left: 0;
     list-style-position: inside;
     margin: 15px 0 10px;
 }
 
 .header-top-dropdown .login-form .social-links,
 .header-dropdown-buttons .login-form .social-links {
     padding-left: 20px;
     margin: 0;
 }
 
 .header-top-dropdown .login-form label,
 .header-dropdown-buttons .login-form,
 .header-dropdown-buttons .login-form label {
     font-weight: 400;
     color: #0f314d;
     font-size: 0.9rem;
 }
 
 .dark.header-top .dropdown-menu {
     border-top: none;
 }
 
 .colored.header-top .dropdown-menu {
     border-top: none;
 }
 
 /*Dropdown meni Korpa*/
 .besplatna-isporuka {
     margin-bottom: 10px;
 }
 
 .besplatna-isporuka p {
     font-size: 12px;
     color: #787878;
     font-weight: 400;
     line-height: 1.2;
 }
 
 /*Search box*/
 .search-box.input-group .form-control {
     padding-right: 12px;
 }
 
 .search-box .form-group {
     margin-bottom: 0;
 }
 
 .search-box .form-control {
     height: 44px;
     border-radius: 0;
     background-color: #efefef;
     box-shadow: 0 0 0 transparent;
     border-color: #787878;
 }
 
 .search-box .input-group-append {
     border-top: 1px solid #787878;
     border-right: 1px solid #787878;
     border-bottom: 1px solid #787878;
     border-left: 0;
 }
 
 .search-box .btn {
     border-radius: 0;
 }
 
 .search-box .btn.btn-gray {
     background-color: #d0d0ce;
     border: 0;
     padding: 7px 10px;
     font-weight: 300;
 }
 
 .search-box .btn.btn-gray i {
     position: relative;
     top: 1px;
 }
 
 .search-box .btn.btn-default {
     padding: 7px 10px;
 }
 
 /*Autocomplete*/
 .autocomplete {
     position: relative;
     top: 100%;
     width: 100%;
     max-height: 300px;
     overflow-y: auto;
     display: block;
     background-color: #fff;
     padding: 12px 0;
     font-size: 14px;
     z-index: 1;
 }
 
 .nav-search {
     position: relative;
 }
 
 .nav-search form {
     padding: 10px 8px;
 }
 
 .nav-search .form-control {
     height: 40px;
     border: 0 none;
 }
 
 .nav-search .has-feedback i.form-control-feedback {
     font-size: 16px;
     width: 30px;
     line-height: 42px !important;
 }
 
 .autocomplete.nav-autocomlete {
     position: absolute;
     top: 60px;
     box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
     display: none;
 }
 
 .nav-search .search-col .media-image img {
     max-width: 50px;
 }
 
 .search-col {
     width: 100%;
     display: inline-block;
 }
 
 .search-col .media {
     padding: 10px 10px;
     border-bottom: 1px solid #d0d0ce;
 }
 
 .search-col h3 {
     font-size: 14px;
     font-weight: 400;
     text-transform: uppercase
 }
 
 .search-col h4 {
     font-size: 14px;
     font-weight: 400;
 }
 
 .search-col .author {
     margin-bottom: 5px;
 }
 
 .search-col .author,
 .search-col .genre {
     font-size: 12px;
 }
 
 .search-col .avatar img {
     border-radius: 50%;
     max-width: 40px;
 }
 
 .search-col .avatar .media-heading {
     margin-top: 12px;
 }
 
 .search-col .media-image img {
     max-width: 80px;
 }
 
 .search-col .media-price {
     font-size: 12px;
     font-weight: 600;
     margin-top: 5px;
 }
 
 .header-top-dropdown .btn-group .dropdown-menu.search .rezultati,
 .header-dropdown-buttons .btn-group .dropdown-menu.search .rezultati {
     font-size: 12px;
     padding-top: 5px;
     padding-bottom: 5px;
     margin: 0;
 }
 
 /*Button Groups*/
 .header-top .btn-group {
     margin: 0;
     border-radius: 0;
 }
 
 .header-top button.btn-top-dropdown {
     width: 40px;
     height: 40px;
     background-color: #0f314d;
     color: #fff;
     padding: 0;
     margin: 0 5px 0 0;
     border: 0 none;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }
 
 .header-top .btn-group:last-child button.btn-top-dropdown {
     background-color: #5bb132;
 }
 
 .header-top .btn-group .btn {
     margin: 0;
     text-decoration: none;
 }
 
 .header-top .show>.dropdown-toggle.btn-default-transparent {
     color: #0f314d;
 }
 
 .header-top i {
     color: #fff;
 }
 
 .header-top .btn-block.selected i {
     color: #5bb132;
 }
 
 .border-1 {
     width: 100%;
     height: 1px;
     background-color: #b9b9b9;
 }
 
 @media (min-width: 992px) {
     .header .main-nav .navbar-nav {
         display: flex;
         align-items: center;
         justify-content: space-between;
         width: 100%;
     }
 
     .header .main-navigation.animated .navbar-nav>li:first-child>a {
         padding-left: 0;
     }
 
     .header .main-navigation.animated .navbar-nav>li:last-child>a {
         padding-right: 0;
     }
 
     .navbar-expand-lg .navbar-collapse.etar-radionice-mob,
     .navbar-collapse-top-btn {
         display: none !important;
     }
 }
 
 @media (min-width: 768px) {
     .header-top-dropdown .btn-group .dropdown-menu.search .btn-close {
         display: none;
     }
 }
 
 @media (max-width: 991px) {
 
     .header.fixed-desktop,
     .header .header-col {
         padding: 0;
     }
 
     .header-top .header-top-first .btn-group {
         margin-right: 5px;
     }
 
     .header-top .header-top-first .btn-group:last-child {
         margin-right: 0;
     }
 
     .header-top-first .btn-group:first-child .btn-sm {
         padding: 5px 5px 5px 0;
     }
 
     .header-top-first .btn-group .btn-sm {
         padding: 5px;
     }
 
     .search .search-box {
         margin-top: 15px !important;
     }
 
     .header .main-nav .navbar-nav .nav-item.nav-etar {
         display: none;
     }
 
     .header .navbar-nav .nav-item.nav-etar .nav-link {
         justify-content: flex-end;
     }
 
     .header .navbar-nav .nav-item.nav-etar li a {
         text-align: right;
     }
 
     .navbar-toggler img {
         max-height: 45px;
         width: auto;
         margin: 5px 0;
     }
 
     .navbar-collapse-top {
         position: fixed !important;
         width: 100% !important;
         max-width: 100% !important;
         height: 100% !important;
         top: 0 !important;
         right: 0 !important;
         bottom: 0 !important;
         left: 0 !important;
         padding: 0 20px;
         margin-top: 0;
         transform: none !important;
         z-index: 1040 !important;
         background-color: #fff;
     }
 
     .navbar-collapse-top .navbar-nav {
         position: absolute;
         top: 60px;
         left: 0;
         right: 0;
         bottom: 0;
         max-height: 100%;
         width: 100%;
         overflow-y: auto;
         display: block;
         background-color: #fff;
         padding: 12px 20px;
     }
 
     .navbar-collapse-top-btn {
         margin: 0 5px 0 0;
     }
 
     .navbar-collapse-top .navbar-collapse-top-close-btn {
         z-index: 1;
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: flex-end;
         border-bottom: 1px solid #b9b9b9;
     }
 
     .navbar-collapse-top .navbar-collapse-top-close-btn .navbar-toggler {
         width: 40px;
         height: 60px;
     }
 
     .navbar-collapse-top .navbar-collapse-top-close-btn svg {
         width: 14px;
         height: auto;
     }
 }
 
 /* Extra small devices (phones, less than 767px) */
 @media (max-width: 767px) {
     .header-top-dropdown .btn-group .dropdown-menu.search {
         position: fixed !important;
         width: 100% !important;
         max-width: 100% !important;
         height: 100% !important;
         top: 0 !important;
         right: 0 !important;
         bottom: 0 !important;
         left: 0 !important;
         padding: 60px 20px 0 20px;
         margin-top: 0;
         transform: none !important;
         z-index: 1040 !important;
     }
 
     .header-top-dropdown .dropdown-menu.search:before {
         display: none;
     }
 
     .header-top-dropdown .btn-group .dropdown-menu.search .btn-close {
         position: absolute;
         top: 0;
         right: 18px;
         display: flex;
         justify-content: center;
         align-items: center;
         width: 40px;
         height: 60px;
         padding: 0;
         background-image: none;
         opacity: 1;
         -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
     }
 
     .header-top-dropdown .btn-group .dropdown-menu.search .btn-close svg {
         width: 14px;
         height: auto;
     }
 
     .header-top-dropdown .btn-group .dropdown-menu.search .autocomplete {
         position: absolute;
         top: 145px;
         left: 0;
         right: 0;
         bottom: 0;
         max-height: 100%;
         width: 100%;
         overflow-y: auto;
         display: block;
         background-color: #fff;
         padding: 12px 0;
     }
 }
 
 @media (max-width: 575px) {
     .header-top:not(.banner) {
         padding-right: 12px;
         padding-left: 12px;
     }
 
     .header .header-col {
         padding: 0 12px;
     }
 
     .header-top-dropdown .dropdown-menu {
         margin-top: 5px;
         min-width: 100vw;
         width: 100vw;
         max-width: 0;
     }
 
     .header-dropdown-buttons .btn-group .dropdown-menu.register {
         min-width: 240px;
     }
 
     .header-dropdown-buttons {
         padding-top: 0;
     }
 
     .header.fixed-desktop .header-search {
         padding-left: 15px;
         padding-right: 15px;
     }
 
     .listing-content-container.category-listing .section-title h1 {
         font-size: 18px;
     }
 
     .listing-content-container.category-listing .section-title .section-toolbar {
         margin-top: 0px;
     }
 }
 
 @media (max-width: 360px) {
     .header-dropdown-buttons .btn-group .dropdown-menu.cart {
         min-width: 325px;
     }
 
     .header-dropdown-buttons .btn-group .dropdown-menu.search {
         min-width: 270px;
     }
 }
 
 @media (max-width: 359px) {
     .header-top .header-top-first .btn-group {
         margin-right: 0;
     }
 
     .header-top .btn-sm,
     .header-top .col-lg-3,
     .header-top .col-lg-4,
     .header-top .col-lg-5 {
         padding-left: 5px;
         padding-right: 5px;
     }
 
     .header.fixed-desktop .navbar-toggler {
         margin-right: 0;
     }
 
     .header-dropdown-buttons .btn-group .dropdown-menu.register {
         min-width: 200px;
     }
 
     .header-top-dropdown .dropdown-menu.prijava {
         min-width: 300px;
     }
 
     .header-dropdown-buttons .btn-group .dropdown-menu.cart {
         min-width: 285px;
     }
 
     .header-dropdown-buttons .btn-group .dropdown-menu.search {
         min-width: 230px;
     }
 
     .search-box .form-control {
         font-size: 12px;
     }
 
     .search-col .media-image img {
         max-width: 60px;
     }
 
     .search-col h4 {
         font-size: 12px;
     }
 
     .cart-content {
         max-height: 180px;
     }
 
     .cart-item .item-image {
         max-width: 60px;
     }
 
     .cart-item .item-info {
         max-width: 80px;
     }
 
     .cart-item .item-info h3 {
         font-size: 12px;
     }
 
     .cart-item .item-quantity .input-group {
         margin-bottom: 9px;
     }
 
     .cart-item .item-info .item-price,
     .cart-item .item-quantity .item-sum-price {
         font-size: 12px;
     }
 
     .dropdown-menu.cart .panel-body .panel-left .btn {
         padding: 5px 10px;
     }
 
     .carousel-title h2,
     .section-title h1,
     .section-title h2 {
         font-size: 14px;
     }
 
     .section-toolbar button {
         padding-left: 0;
     }
 
     .footer .footer-links {
         width: 49.4%;
     }
 }
 
 /*Dark Dropdowns
  ---------------------------------- */
 .dark.btn-group .dropdown-menu {
     background-color: #0f314d;
     border: 1px solid #424242;
     border-bottom: none;
 }
 
 .dark.btn-group .dropdown-menu .dropdown-divider {
     background-color: #505050;
 }
 
 .dark.btn-group .dropdown-menu .dropdown-item,
 .dark.btn-group .mega-menu .menu .dropdown-item {
     color: #cccccc;
     border-bottom: 1px solid #424242;
     text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
 }
 
 .dark.btn-group .dropdown-menu .dropdown-item:hover,
 .dark.btn-group .dropdown-menu .dropdown-item:focus,
 .dark.btn-group .nav .show .dropdown-item,
 .dark.btn-group .nav .show .dropdown-item:hover,
 .dark.btn-group .nav .show .dropdown-item:focus,
 .dark.btn-group .dropdown-menu .active.dropdown-item,
 .dark.btn-group .dropdown-menu .active.dropdown-item:hover,
 .dark.btn-group .dropdown-menu .active.dropdown-item:focus {
     background-color: rgba(0, 0, 0, 0.2);
     color: #ffffff;
     border-color: #424242;
 }
 
 .dark.btn-group .dropdown .dropdown .dropdown-item:before {
     color: #cccccc;
     top: 13px;
 }
 
 .dark.btn-group .dropdown .dropdown.show .dropdown-item:before {
     color: #ffffff;
 }
 
 /* Login/Register Forms
  ---------------------------------- */
 .form-block {
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     width: 630px;
 }
 
 .form-block .social-links {
     display: inline-block;
     margin: 0 0 0 5px;
 }
 
 .form-block ul {
     padding-left: 0;
     list-style-position: inside;
 }
 
 .light-gray-bg.form-block h2,
 .light-gray-bg.form-block a,
 .light-gray-bg.form-block a:hover,
 .light-gray-bg.form-block {
     color: #777777;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .form-block {
         width: 100%;
     }
 }
 
 /* Latest tweets block
  ---------------------------------- */
 ul.tweets {
     list-style: none;
     padding: 0;
 }
 
 ul.tweets li {
     margin-bottom: 20px;
     position: relative;
     padding-left: 35px;
 }
 
 ul.tweets li i {
     position: absolute;
     top: 4px;
     left: 0;
     width: 25px;
     height: 25px;
     text-align: center;
     color: #777777;
 }
 
 ul.tweets li p {
     margin-bottom: 5px;
 }
 
 ul.tweets li span {
     font-size: 12px;
     color: #777777;
 }
 
 /* Media
  ---------------------------------- */
 .media {
     margin-top: 0;
     margin-bottom: 25px;
 }
 
 .media img {
     max-width: none;
 }
 
 .footer-content .media img,
 .block .media img,
 .knjige-top-10 .media img {
     width: 60px;
 }
 
 .media-heading {
     margin-bottom: 0;
 }
 
 h6.media-heading {
     margin-bottom: 5px;
 }
 
 .media:hover .icon {
     background-color: transparent;
 }
 
 .dark-bg .media:hover .icon {
     border-color: #cdcdcd;
     color: #cdcdcd;
 }
 
 .media:hover .icon:after {
     content: "";
     border-color: transparent;
 }
 
 /* Testimonials
  ---------------------------------- */
 .testimonial {
     padding: 20px 0;
 }
 
 .testimonial blockquote {
     margin: 0;
 }
 
 .testimonial .separator {
     margin: 15px auto 5px;
 }
 
 .testimonial-image {
     width: 90px;
     margin: 0 auto;
 }
 
 .testimonial-info-1 {
     font-size: 12px;
 }
 
 .testimonial-info-2 {
     font-size: 12px;
     font-weight: 400;
 }
 
 .testimonial h3 {
     margin-bottom: 0;
     margin-top: 15px;
 }
 
 .testimonial p {
     margin-bottom: 15px;
 }
 
 /* Clients
  ---------------------------------- */
 .clients-container {
     text-align: center;
 }
 
 .clients {
     margin: 10px auto;
 }
 
 .clients .client-image {
     text-align: center;
     width: 80px;
     height: 80px;
     margin: 5px;
     display: inline-block;
 }
 
 .clients img {
     margin: 0px auto;
 }
 
 .owl-carousel.clients .owl-item img {
     width: auto;
 }
 
 /* Full Width Content
  ---------------------------------- */
 .full-width-section {
     position: relative;
 }
 
 .full-text-container {
     position: absolute;
     top: 30%;
     padding: 20px 40px;
     z-index: 2;
 }
 
 .full-image-overlay {
     display: none;
     position: absolute;
     width: 100%;
     top: 50%;
     padding: 0 10%;
     margin-top: -133px;
     color: #ffffff;
     z-index: 1;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -webkit-transition-delay: 0s;
     transition-delay: 0s;
 }
 
 .full-image-overlay h3 {
     color: #ffffff;
 }
 
 .to-right-block {
     margin-left: auto;
     display: block;
 }
 
 /* Large devices (Large desktops 1200px and up) */
 @media (min-width: 1200px) {
     .full-width-section {
         position: relative;
         display: table;
         table-layout: fixed;
         width: 100%;
     }
 
     .full-width-section.no-image {
         min-height: 400px;
     }
 
     .full-image-container {
         width: 50%;
         display: table-cell;
         position: relative;
         overflow: hidden;
     }
 
     .full-image-overlay {
         display: block;
         opacity: 0;
         filter: alpha(opacity=0);
     }
 
     .full-image-container:before {
         content: '';
         position: absolute;
         top: 5%;
         right: 0%;
         width: 50%;
         height: 90%;
         background-color: rgba(55, 55, 55, 0.6);
         opacity: 0;
         filter: alpha(opacity=0);
         -webkit-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
         -webkit-transition-delay: 0.3s;
         transition-delay: 0.3s;
     }
 
     .full-text-container+.full-image-container:before {
         right: auto;
         left: 0;
     }
 
     .full-width-section:hover .full-image-container:before,
     .full-width-section .full-image-container.hovered:before {
         width: 90%;
         right: 5%;
         opacity: 1;
         filter: alpha(opacity=100);
         -webkit-transition-delay: 0s;
         transition-delay: 0s;
     }
 
     .full-width-section:hover .full-text-container+.full-image-container:before,
     .full-width-section .full-text-container+.full-image-container.hovered:before {
         right: auto;
         left: 5%;
     }
 
     .full-width-section.hover-disabled:hover .full-image-container:before,
     .full-width-section.hover-disabled .full-image-container.hovered:before {
         opacity: 0;
         filter: alpha(opacity=0);
     }
 
     .full-width-section:hover .full-image-overlay,
     .full-width-section .hovered .full-image-overlay {
         opacity: 1;
         filter: alpha(opacity=100);
         -webkit-transition-delay: 0.3s;
         transition-delay: 0.3s;
     }
 
     .full-text-container {
         display: table-cell;
         vertical-align: middle;
         width: 50%;
         padding: 0 50px;
         position: static;
     }
 
     .full-text-container * {
         max-width: 700px;
     }
 
     .full-text-container.left {
         text-align: right;
     }
 
     .full-text-container.left * {
         margin-left: auto;
     }
 
     .full-text-container p {
         margin-bottom: 10px;
     }
 }
 
 /* Large and Medium devices (desktops, tablets less than 1199px) */
 @media (max-width: 1199px) {
     .no-image .full-text-container {
         position: static;
         display: block;
     }
 
     .full-width-section:not(.no-image) .full-text-container.dark-bg {
         background-color: rgba(0, 0, 0, 0.8);
         width: 100%;
     }
 
     .full-width-section:not(.no-image) .full-text-container.light-gray-bg {
         background-color: rgba(255, 255, 255, 0.8);
         color: #000000;
         border-top: none;
         border-bottom: none;
         width: 100%;
     }
 
     .full-width-section:not(.no-image) .full-text-container.white-bg {
         background-color: rgba(255, 255, 255, 0.8);
         color: #000000;
         border-top: none;
         border-bottom: none;
         width: 100%;
     }
 
     .full-width-section:not(.no-image) .full-text-container.default-bg {
         width: 100%;
     }
 
     .full-width-section .to-right-block,
     .full-width-section img {
         margin: 0 auto;
     }
 }
 
 /* Medium devices (desktops, tablets less than 991px) */
 @media (max-width: 991px) {
     .full-width-section:not(.no-image) .full-text-container {
         top: 0;
         height: 100%;
         padding: 0 20px;
     }
 
     .full-text-container h1 {
         font-size: 28px;
     }
 }
 
 /* Extra small devices (phones, less than 575px) */
 @media (max-width: 575px) {
     .full-text-container {
         position: static;
         padding: 20px !important;
     }
 }
 
 /* Call to action
  ---------------------------------- */
 .call-to-action h1,
 .call-to-action a {
     margin: 0;
 }
 
 .call-to-action h2 {
     margin: 0 0 5px 0;
     text-transform: none;
     color: #fff;
 }
 
 .call-to-action form {
     justify-content: center;
 }
 
 .call-to-action label {
     margin-right: 5px;
     font-size: 20px;
 }
 
 .call-to-action .form-control {
     padding-right: 12px;
     min-width: 300px;
     border-color: #fff;
 }
 
 .call-to-action .form-control:focus {
     box-shadow: 0 0 0 0;
 }
 
 .call-to-action .form-control,
 .call-to-action .btn {
     height: 40px;
 }
 
 .call-to-action p {
     margin-bottom: 10px;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .call-to-action .text-right {
         text-align: left;
     }
 }
 
 /* Counters
  ---------------------------------- */
 .counter {
     display: block;
     font-size: 32px;
     line-height: 1;
 }
 
 /* Pricing tables
  ---------------------------------- */
 .pricing-tables {
     margin: 60px 0 0;
 }
 
 .plan {
     text-align: center;
     margin-bottom: 40px !important;
 }
 
 .plan.round-corners .header {
     -webkit-border-radius: 25px 25px 0 0;
     -moz-border-radius: 25px 25px 0 0;
     border-radius: 25px 25px 0 0;
 }
 
 .plan.round-corners ul li:last-child,
 .plan.round-corners ul {
     -webkit-border-radius: 0 0 25px 25px;
     -moz-border-radius: 0 0 25px 25px;
     border-radius: 0 0 25px 25px;
 }
 
 .plan .header {
     padding: 0;
     margin: 0 -1px;
     border: none;
 }
 
 .plan .header h3 {
     font-size: 36px;
     margin: 0;
     line-height: 36px;
     font-weight: 300;
     padding: 15px 0 10px;
     border: 1px solid rgba(0, 0, 0, 0.05);
     border-top: none;
 }
 
 .plan .header .price {
     font-size: 28px;
     padding: 8px 0 10px;
     font-weight: 300;
     background-color: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-top: 1px solid rgba(255, 255, 255, 0.15);
     line-height: 1;
     color: #ffffff;
 }
 
 .plan ul {
     margin: 0;
     padding: 0;
     font-size: 14px;
     list-style: none;
 }
 
 .plan ul li {
     padding: 12px 0px;
     font-size: 13px;
     border-bottom: 1px solid #f3f3f3;
     border-top: 1px solid #ffffff;
     color: #0f314d;
 }
 
 .plan.best-value ul li {
     padding: 15px 0;
 }
 
 .plan ul li a.pt-popover {
     color: #000000;
     border-bottom: 1px dashed #000000;
     position: relative;
 }
 
 .plan ul li a.pt-popover:hover {
     text-decoration: none;
 }
 
 .plan ul li a.pt-popover:after {
     position: absolute;
     top: 0px;
     left: -15px;
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     content: "\f059";
     color: #ddd;
     font-size: 12px;
 }
 
 /* Toast */
 .toast-main-container {
     position: fixed;
     top: 100px;
     left: 50%;
     display: flex;
     justify-content: center;
     padding: 0 12px;
     z-index: 9999;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
 }
 
 .toast-container {
     display: flex;
     width: 300px;
     flex-wrap: wrap;
 }
 
 .toast-container .toast {
     width: 300px;
     flex-basis: 300px;
     min-width: 300px;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
 }
 
 .toast.no-header .toast-body {
     position: relative;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     min-height: 50px;
     padding-left: 50px;
     color: rgb(9, 41, 51);
 }
 
 .toast.no-header .icon-holder {
     position: absolute;
     left: 5px;
     display: inline-flex;
     width: 40px;
     margin-right: 5px;
     justify-content: center;
     align-items: center;
 }
 
 .toast.no-header .toast-body {
     color: #0f314d;
     font-weight: 600;
 }
 
 .toast.no-header .icon-holder i {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 30px;
     height: 30px;
     background-color: #5bb132;
     border: 0 none;
     color: #fff;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }
 
 /*Popover*/
 .popover {
     width: 160px;
     font-size: 12px;
     text-align: center;
     border: 0 none;
     border-radius: 0;
 }
 
 .popover-header {
     background-color: #5bb132;
     color: #ffffff;
     font-size: 12px;
     padding: 5px;
     border-radius: 0;
 }
 
 .popover.bs-popover-top .arrow:after {
     border-top-color: #5bb132;
 }
 
 .popover.bs-popover-right .arrow:after {
     border-right-color: #5bb132;
 }
 
 .popover.bs-popover-bottom .arrow:after {
     border-bottom-color: #5bb132;
 }
 
 .popover.bs-popover-left .arrow:after {
     border-left-color: #5bb132;
 }
 
 .bs-popover-bottom>.arrow::before,
 .bs-popover-auto[x-placement^="bottom"]>.arrow::before {
     top: 1px;
     border-bottom-color: #5bb132;
 }
 
 .bs-popover-bottom .popover-header::before,
 .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
     border-bottom: 1px solid #5bb132;
 }
 
 .popover .popover-body {
     padding: 5px;
 }
 
 .popover-title {
     color: #ffffff;
     text-shadow: none;
     font-size: 12px;
     border: none;
 }
 
 .popover-content {
     font-size: 12px;
 }
 
 /*Tooltip*/
 .tooltip .tooltip-inner {
     background-color: #5bb132;
     border-radius: 0;
     font-size: 11px;
 }
 
 .tooltip.bs-tooltip-right .arrow:before {
     border-right-color: #5bb132;
 }
 
 .tooltip.bs-tooltip-left .arrow:before {
     border-left-color: #5bb132;
 }
 
 .tooltip.bs-tooltip-bottom .arrow:before {
     border-bottom-color: #5bb132;
 }
 
 .tooltip.bs-tooltip-top .arrow:before {
     border-top-color: #5bb132;
 }
 
 .circle-head .plan .header {
     padding: 0;
     border: none;
     width: 160px;
     height: 160px;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     margin: 20px auto;
     padding: 10px 0;
 }
 
 .circle-head .plan .header h3 {
     font-size: 26px;
     border: none;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     padding-top: 27px;
 }
 
 .circle-head .plan .header .price {
     height: 80px;
     border: none;
     padding-top: 15px;
     font-size: 22px;
     border-top: 1px solid rgba(255, 255, 255, 0.15);
 }
 
 .stripped .plan ul {
     -webkit-box-shadow: 0px -15px 32px 0px #cacaca inset;
     box-shadow: 0px -15px 32px 0px #cacaca inset;
     background: #fdfdfd;
 }
 
 .stripped .plan ul li {
     border: 1px solid #ececec;
     border-top: none;
     color: #666;
 }
 
 .stripped .plan ul li:nth-child(even) {
     -webkit-box-shadow: 0px 0px 40px #e4e4e4 inset;
     box-shadow: 0px 0px 40px #e4e4e4 inset;
     background: #ffffff;
     border-right: 1px solid #e2e2e2;
     border-bottom: 1px solid #e2e2e2;
 }
 
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .best-value.plan {
         top: -30px;
         position: relative;
         z-index: 2;
     }
 }
 
 /* Google maps
  ---------------------------------- */
 #map-canvas {
     height: 450px;
 }
 
 #map-canvas.small {
     height: 347px;
 }
 
 #collapseMap:not(.show) {
     overflow: hidden;
     height: 0;
     -webkit-transition: height 0.3s ease-in-out;
     -o-transition: height 0.3s ease-in-out;
     transition: height 0.3s ease-in-out;
 }
 
 #collapseMap.in {
     height: 450px;
 }
 
 .footer-content #map-canvas {
     height: 300px;
 }
 
 #map-canvas img {
     max-width: inherit;
 }
 
 /* Tags cloud block
  ---------------------------------- */
 .tags-cloud {
     font-size: 0;
 }
 
 .tag {
     display: inline-block;
     margin: 0 3px 3px 0;
 }
 
 .tag a {
     padding: 3px 10px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     color: #ffffff;
     display: block;
     font-size: 11px;
 }
 
 .tag a:hover {
     background-color: #ffffff;
     text-decoration: none;
 }
 
 .dark .tag a {
     color: #777777;
     background-color: transparent;
     border: 1px solid #0f314d;
 }
 
 .dark .tag a:hover {
     color: #ffffff;
     background-color: #777777;
     border-color: #777777;
     text-decoration: none;
 }
 
 /* Credit Carts Block
  ---------------------------------- */
 .icons-block i {
     display: inline-block;
     font-size: 30px;
     color: #999999;
 }
 
 /* Isotope filtering
  ---------------------------------- */
 .isotope-container {
     display: none;
 }
 
 .isotope-container-fitrows {
     display: none;
 }
 
 /* Small devices (tablets, phones less than 991px) */
 @media (max-width: 991px) {
 
     .isotope-item,
     .masonry-grid-item {
         max-width: 100%;
     }
 }
 
 @media (min-width: 768px) and (max-width: 991px) {
 
     .col-md-6.masonry-grid-item,
     .col-md-6.isotope-item {
         max-width: 50%;
     }
 }
 
 /* Affix Menu
  ---------------------------------- */
 .sidebar.affix {
     position: static;
 }
 
 /* Show and affix the side nav when space allows it */
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
 
     .col-md-4 .sidebar.affix,
     .col-md-4 .sidebar.affix-bottom {
         width: 293px;
     }
 
     .col-md-3 .sidebar.affix,
     .col-md-3 .sidebar.affix-bottom {
         width: 213px;
     }
 
     .sidebar.affix {
         position: fixed;
         top: 20px;
     }
 
     .fixed-header-on .sidebar.affix {
         top: 65px;
     }
 
     .sidebar.affix-bottom {
         position: absolute;
     }
 
     .sidebar.affix-bottom .affix-menu,
     .sidebar.affix .affix-menu {
         margin-top: 0;
         margin-bottom: 0;
     }
 
     .affix-menu {
         padding-top: 20px;
     }
 
     h3.title~.affix-menu {
         padding-top: 0px;
     }
 }
 
 /* Large devices (Large desktops 1200px and up) */
 @media (min-width: 1200px) {
 
     .col-md-4 .sidebar.affix,
     .col-md-4 .sidebar.affix-bottom {
         width: 390px;
     }
 
     .col-md-3 .sidebar.affix,
     .col-md-3 .sidebar.affix-bottom {
         width: 263px;
     }
 }
 
 /* Scroll to top
  ---------------------------------- */
 .scrollToTop {
     color: #ffffff;
     position: fixed;
     bottom: 5px;
     right: 5px;
     width: 50px;
     height: 50px;
     text-align: center;
     cursor: pointer;
     background-color: #5bb132;
     z-index: 1005;
     -webkit-backface-visibility: hidden;
     -webkit-transform: translateZ(0);
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     opacity: 0;
     filter: alpha(opacity=0);
 }
 
 .scrollToTop.fadeToTop {
     -webkit-animation-name: fadeToTop;
     animation-name: fadeToTop;
     -webkit-animation-duration: 0.4s;
     animation-duration: 0.4s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }
 
 @-webkit-keyframes fadeToTop {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
     }
 
     100% {
         opacity: 1;
         -webkit-transform: none;
         transform: none;
     }
 }
 
 @keyframes fadeToTop {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         -ms-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
     }
 
     100% {
         opacity: 1;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
     }
 }
 
 .scrollToTop.fadeToBottom {
     -webkit-animation-name: fadeToBottom;
     animation-name: fadeToBottom;
     -webkit-animation-duration: 0.4s;
     animation-duration: 0.4s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
 }
 
 @-webkit-keyframes fadeToBottom {
     0% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
     }
 }
 
 @keyframes fadeToBottom {
     0% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         -ms-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0, 100%, 0);
         -ms-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
     }
 }
 
 .scrollToTop i {
     line-height: 50px;
     font-size: 24px;
 }
 
 .scrollToTop:hover {
     background-color: #5bb132;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .scrollToTop {
         width: 40px;
         height: 40px;
         background-color: #5bb132;
     }
 
     .scrollToTop i {
         line-height: 40px;
         font-size: 20px;
     }
 }
 
 
 
 /******************************************************************************/
 /*** 8 Main Slideshow *********************************************************/
 /******************************************************************************/
 
 .slider-banner-container,
 .slider-revolution-5-container {
     width: 100%;
     position: relative;
     padding: 0;
 }
 
 .slider-banner-fullscreen,
 .slider-banner-fullwidth {
     width: 100%;
     position: relative;
 }
 
 .slider-banner-container ul.slides,
 .slider-revolution-5-container ul.slides {
     display: none;
 }
 
 /*Spinner*/
 .tp-loader.spinner2 {
     background-color: #999;
 }
 
 /*Captions*/
 .tp-caption {
     z-index: 5;
 }
 
 .tp-caption a,
 .tp-caption a:hover {
     color: #ffffff;
 }
 
 .tp-caption a.btn-gray,
 .tp-caption a.btn-gray:hover {
     color: #0f314d;
 }
 
 .caption-box {
     max-width: 540px;
     color: #ffffff;
     white-space: normal;
     padding: 20px;
     border: none;
 }
 
 .caption-box h2 {
     color: #ffffff;
 }
 
 /*text rotator*/
 .tp-caption .text-rotator {
     min-width: 580px;
     display: inline-block;
 }
 
 .light-translucent-bg.caption-box h2,
 .light-translucent-bg.caption-box p {
     color: #0f314d;
     font-weight: 400;
 }
 
 .caption-box:after {
     z-index: -1;
 }
 
 .slideshow .dark-translucent-bg:not(.caption-box),
 .slideshow .light-translucent-bg:not(.caption-box) {
     border-top: none;
     border-bottom: none;
     position: absolute;
     left: 0;
     top: 0 !important;
     width: 100%;
     height: 100%;
 }
 
 .slideshow .dark-translucent-bg {
     background-color: rgba(0, 0, 0, 0.4);
 }
 
 .slideshow .light-translucent-bg {
     background-color: rgba(255, 255, 255, 0.4);
 }
 
 .slideshow .dark-translucent-bg:after,
 .slideshow .light-translucent-bg:after {
     background-color: transparent;
 }
 
 .xlarge_white {
     font-size: 68px;
     font-family: 'myriad-pro,sans-serif';
     font-weight: 400;
     color: #ffffff;
     line-height: 1.2;
 }
 
 .large_white {
     font-size: 42px;
     font-family: 'myriad-pro,sans-serif';
     color: #ffffff;
     line-height: 1.2;
 }
 
 .medium_white {
     font-size: 24px;
     color: #ffffff;
     font-weight: 300;
 }
 
 .small_white {
     font-size: 16px;
     color: #ffffff;
     font-weight: 300;
 }
 
 .xlarge_dark {
     font-size: 68px;
     font-family: 'myriad-pro,sans-serif';
     font-weight: 400;
     color: #0f314d;
     line-height: 1.2;
 }
 
 .large_dark {
     font-size: 42px;
     font-family: 'myriad-pro,sans-serif';
     color: #0f314d;
     line-height: 1.2;
 }
 
 .tp-caption.medium_dark {
     font-family: 'myriad-pro,sans-serif';
     font-size: 24px;
     color: #0f314d;
     font-weight: 400;
     letter-spacing: 0;
     line-height: 1.4583;
 }
 
 .small_dark {
     font-size: 16px;
     color: #0f314d;
     font-weight: 400;
 }
 
 .text-shadow-light {
     text-shadow: 2px 2px 25px rgba(255, 255, 255, 0.5);
 }
 
 .text-shadow-dark {
     text-shadow: 2px 2px 25px #000000;
 }
 
 .tp-caption .separator:not(.with-icon),
 .tp-caption .separator-2:not(.with-icon),
 .tp-caption .separator-3:not(.with-icon) {
     width: 500px;
 }
 
 .slider-banner-boxedwidth .tp-caption[data-x="left"] {
     margin-left: 20px !important;
 }
 
 .slider-banner-boxedwidth .tp-caption[data-x="right"] {
     margin-right: 20px !important;
 }
 
 /* Large and Medium devices (desktops, tablets less than 1199px) */
 @media (max-width: 1199px) {
     .tp-caption[data-x="left"] {
         margin-left: 20px !important;
     }
 
     .tp-caption[data-x="right"] {
         margin-right: 20px !important;
     }
 
     .caption-box {
         max-width: 480px !important;
     }
 
     .caption-box p {
         font-size: 14px;
         line-height: 1.5;
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
 
     .tp-caption .separator:not(.with-icon),
     .tp-caption .separator-2:not(.with-icon),
     .tp-caption .separator-3:not(.with-icon) {
         width: 250px;
     }
 
     .caption-box {
         max-width: 420px !important;
     }
 
     .caption-box h2 {
         font-size: 22px;
     }
 }
 
 /* Small devices (smartphones less than 575px) */
 @media (max-width: 575px) {
     .caption-box {
         display: none;
     }
 
     .tp-caption .text-rotator {
         min-width: 250px;
     }
 }
 
 /*Slider Moving Button*/
 .btn.moving {
     padding: 10px 0px 20px;
     -webkit-font-smoothing: antialiased;
 }
 
 .btn.moving i {
     display: block;
     font-size: 24px;
     line-height: 1px;
     height: 10px;
     color: #ffffff;
     opacity: 1;
     filter: alpha(opacity=100);
 }
 
 .btn.moving i+i {
     opacity: 0.66;
     filter: alpha(opacity=66);
 }
 
 .btn.moving i+i+i {
     opacity: 0.33;
     filter: alpha(opacity=33);
 }
 
 .moving i+i+i {
     -webkit-animation: opacity_first 2s linear infinite;
     -moz-animation: opacity_first 2s linear infinite;
     -ms-animation: opacity_first 2s linear infinite;
     -o-animation: opacity_first 2s linear infinite;
     animation: opacity_first 2s linear infinite;
     -webkit-transition: none !important;
     -o-transition: none !important;
     transition: none !important;
 }
 
 .moving i+i {
     -webkit-animation: opacity_second 2s linear infinite;
     -moz-animation: opacity_second 2s linear infinite;
     -ms-animation: opacity_second 2s linear infinite;
     -o-animation: opacity_second 2s linear infinite;
     animation: opacity_second 2s linear infinite;
     -webkit-transition: none !important;
     -o-transition: none !important;
     transition: none !important;
 }
 
 .moving>i {
     -webkit-animation: opacity_third 2s linear infinite;
     -moz-animation: opacity_third 2s linear infinite;
     -ms-animation: opacity_third 2s linear infinite;
     -o-animation: opacity_third 2s linear infinite;
     animation: opacity_third 2s linear infinite;
     -webkit-transition: none !important;
     -o-transition: none !important;
     transition: none !important;
 }
 
 @-webkit-keyframes opacity_first {
     0% {
         opacity: 0.33;
         filter: alpha(opacity=33);
     }
 
     24.91% {
         opacity: 1;
         filter: alpha(opacity=100);
     }
 
     49.833% {
         opacity: 0;
         filter: alpha(opacity=0);
     }
 }
 
 @keyframes opacity_first {
     0% {
         opacity: 0.33;
         filter: alpha(opacity=33);
     }
 
     24.91% {
         opacity: 1;
         filter: alpha(opacity=100);
     }
 
     49.833% {
         opacity: 0;
         filter: alpha(opacity=0);
     }
 }
 
 @-webkit-keyframes opacity_second {
     0% {
         opacity: 0.66;
         filter: alpha(opacity=66);
     }
 
     16.66% {
         opacity: 1;
         filter: alpha(opacity=100);
     }
 
     41.5833% {
         opacity: 0;
         filter: alpha(opacity=0);
     }
 }
 
 @keyframes opacity_second {
     0% {
         opacity: 0.66;
         filter: alpha(opacity=66);
     }
 
     16.66% {
         opacity: 1;
         filter: alpha(opacity=100);
     }
 
     41.5833% {
         opacity: 0;
         filter: alpha(opacity=0);
     }
 }
 
 @-webkit-keyframes opacity_third {
     0% {
         opacity: 1;
         filter: alpha(opacity=100);
     }
 
     33.33% {
         opacity: 0;
         filter: alpha(opacity=0);
     }
 }
 
 @keyframes opacity_third {
     0% {
         opacity: 1;
         filter: alpha(opacity=100);
     }
 
     33.33% {
         opacity: 0;
         filter: alpha(opacity=0);
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .btn.moving {
         position: absolute;
         bottom: -100px;
         left: 50%;
         margin-left: -18px;
     }
 }
 
 /*Nav Controls*/
 /*Prev/Next Nav Controls*/
 .tparrows.preview2 {
     background-color: rgba(0, 0, 0, 0.4);
     color: #ffffff;
     -webkit-border-radius: 0px 3px 3px 0;
     -moz-border-radius: 0px 3px 3px 0;
     border-radius: 0px 3px 3px 0;
 }
 
 .tp-rightarrow.preview2 {
     -webkit-border-radius: 3px 0px 0px 3px;
     -moz-border-radius: 3px 0px 0px 3px;
     border-radius: 3px 0px 0px 3px;
 }
 
 .tparrows.preview2:hover {
     background-color: rgba(0, 0, 0, 0.8);
 }
 
 .tparrows.preview2:after {
     content: "";
 }
 
 .tparrows.preview2:before {
     font-family: "fontello";
     content: "\e876";
     color: #ffffff;
     font-size: 24px;
     line-height: 60px;
     left: 22px;
     position: absolute;
 }
 
 .tp-rightarrow.preview2:before {
     left: auto;
     content: "\e877";
     right: 22px;
 }
 
 .tparrows.preview2 .tp-arr-titleholder {
     color: #ffffff;
     text-transform: none;
     font-weight: 300;
     font-family: 'myriad-pro,sans-serif';
 }
 
 /*Slider Revolution 5*/
 .hebe.tparrows {
     min-width: 50px;
     min-height: 50px;
 }
 
 .hebe.tparrows,
 .hebe.tparrows:before {
     background-color: rgba(0, 0, 0, 0.2);
     color: rgba(255, 255, 255, 0.8);
 }
 
 .hebe.tparrows:before {
     line-height: 50px;
     min-width: 50px;
     min-height: 50px;
     font-size: 22px;
 }
 
 .hebe.tparrows:hover:before {
     color: rgba(255, 255, 255, 0.8);
 }
 
 .hebe .tp-arr-titleholder {
     line-height: 70px;
 }
 
 .hebe .tp-arr-titleholder {
     text-transform: none;
     font-weight: 300;
     font-family: 'myriad-pro,sans-serif';
     padding-left: 70px;
 }
 
 .hebe.tp-rightarrow .tp-arr-titleholder {
     padding-right: 70px;
 }
 
 /* Small devices (tablets, phones 768px and Up) */
 @media (min-width: 768px) {
     .tparrows.preview4 {
         height: 200px;
     }
 
     .tparrows.preview4:after {
         line-height: 200px;
         height: 200px;
     }
 
     .tparrows.preview4 .tp-arr-imgholder {
         height: 200px;
     }
 
     .tparrows.preview4 .tp-arr-imgholder2 {
         height: 200px;
     }
 }
 
 /* Medium devices (laptops, tablets, phones 991px and below) */
 @media (max-width: 991px) {
     .tparrows.preview2:before {
         font-size: 18px;
         line-height: 40px;
         left: 15px;
     }
 
     .tp-rightarrow.preview2:before {
         left: auto;
         right: 15px;
     }
 }
 
 /* Medium devices (desktops, tablets less than 991px) */
 @media (min-width: 768px) and (max-width: 991px) {
     .tparrows.preview2 {
         min-width: 40px;
         min-height: 40px;
     }
 
     .tparrows.preview2 .tp-arr-titleholder {
         font-size: 12px;
         line-height: 40px;
         letter-spacing: 0px;
     }
 
     .tp-rightarrow.preview2 .tp-arr-titleholder {
         right: 35px;
     }
 
     .tp-leftarrow.preview2 .tp-arr-titleholder {
         left: 35px;
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .tparrows.preview2:before {
         font-size: 16px;
         line-height: 30px;
         left: 10px;
     }
 
     .tp-rightarrow.preview2:before {
         left: auto;
         right: 10px;
     }
 }
 
 .tp-bullets.preview4 .bullet,
 .tp-bullets.preview2 .bullet,
 .tp-bullets.horizontal .tp-bullet {
     background: rgba(0, 0, 0, 0.6) !important;
     border: none !important;
     width: 10px !important;
     height: 10px !important;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     margin-left: 1px !important;
     margin-right: 1px !important;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
 }
 
 .tp-bullets.preview4 .bullet:hover,
 .tp-bullets.preview4 .bullet.selected,
 .tp-bullets.preview2 .bullet:hover,
 .tp-bullets.preview2 .bullet.selected,
 .tp-bullets.horizontal .tp-bullet:hover,
 .tp-bullets.horizontal .tp-bullet.selected {
     background: #000000 !important;
     border: none !important;
     width: 10px !important;
     height: 10px !important;
 }
 
 .tp-bannertimer {
     background-image: none;
     z-index: 21;
     display: none;
     height: 2px;
 }
 
 /* Medium devices (netbooks, tablets, phones less than 991px) */
 @media (max-width: 991px) {
     .slideshow .icon.large {
         font-size: 24px;
         width: 90px;
         height: 90px;
         line-height: 88px;
     }
 
     .slideshow .icon.small {
         font-size: 15px;
         width: 35px;
         height: 35px;
         line-height: 35px;
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
     .slideshow .icon.large {
         font-size: 18px;
         width: 60px;
         height: 60px;
         line-height: 58px;
     }
 }
 
 /* Extra small devices (phones, less than 575px) */
 @media (max-width: 575px) {
     .slideshow .icon.large {
         font-size: 18px;
         width: 35px;
         height: 35px;
         line-height: 33px;
     }
 }
 
 
 
 /******************************************************************************/
 /*** 9 Owl Carousel ***********************************************************/
 /******************************************************************************/
 
 .owl-carousel {
     cursor: grab;
     cursor: -moz-grab;
     cursor: -webkit-grab;
 }
 
 .container .owl-carousel {
     cursor: default;
     cursor: -moz-default;
     cursor: -webkit-default;
 }
 
 .container .content-slider-with-large-controls,
 .container .content-slider-with-large-controls-autoplay {
     margin-bottom: 50px;
     border: 1px solid #f5f5f5;
 }
 
 .slider-content {
     width: 100%;
     position: absolute;
     bottom: 10%;
     color: #fff;
     text-align: center;
 }
 
 .slider-content .btn {
     font-size: 18px
 }
 
 /* Styling Next and Prev buttons */
 /*style-1*/
 .main-content-slider .owl-nav {
     width: 100%;
     height: 0;
     position: absolute;
     top: 50%;
     margin-top: -15px;
     z-index: 10;
 }
 
 .content-slider-with-controls .owl-nav,
 .content-slider-with-controls-autoplay .owl-nav,
 .content-slider-with-controls-autoplay-tab .owl-nav,
 .content-slider-last-viewed-related .owl-nav,
 .content-slider-with-thumbs .owl-nav {
     width: 100%;
     height: 0;
     position: absolute;
     top: 50%;
     margin-top: -15px;
     z-index: 10;
 }
 
 .main-content-slider .owl-nav div {
     display: inline-block;
     font-size: 14px;
     position: absolute;
     text-transform: capitalize;
     font-weight: 300;
     color: transparent;
     background: transparent;
     padding: 5px 5px;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .content-slider-with-controls .owl-nav div,
 .content-slider-with-controls-autoplay .owl-nav div,
 .content-slider-with-controls-autoplay-tab .owl-nav div,
 .content-slider-last-viewed-related .owl-nav div,
 .content-slider-with-thumbs .owl-nav div {
     display: inline-block;
     font-size: 14px;
     position: absolute;
     text-transform: capitalize;
     font-weight: 300;
     color: transparent;
     background: transparent;
     padding: 5px 5px;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .main-content-slider .owl-nav div:after {
     font-family: "fontello";
     position: absolute;
     font-size: 26px;
     line-height: 1;
     top: 50%;
     margin-top: -13px;
 }
 
 .content-slider-with-controls .owl-nav div:after,
 .content-slider-with-controls-autoplay .owl-nav div:after,
 .content-slider-with-controls-autoplay-tab .owl-nav div:after,
 .content-slider-last-viewed-related .owl-nav div:after,
 .content-slider-with-thumbs .owl-nav div:after {
     font-family: "fontello";
     position: absolute;
     font-size: 36px;
     line-height: 1;
     top: 50%;
     margin-top: -8px;
 }
 
 .main-content-slider .owl-nav .owl-prev {
     left: 0;
     padding-left: 0px;
     width: 50px;
     height: 50px;
     background: #0f314d;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     -webkit-border-top-right-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
     -moz-border-radius-topright: 5px;
     -moz-border-radius-bottomright: 5px;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
 }
 
 .content-slider-with-controls .owl-nav .owl-prev,
 .content-slider-with-controls-autoplay .owl-nav .owl-prev,
 .content-slider-with-controls-autoplay-tab .owl-nav .owl-prev,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev,
 .content-slider-with-thumbs .owl-nav .owl-prev {
     left: 0;
     padding-left: 0px;
 }
 
 .main-content-slider .owl-nav .owl-prev:hover {
     padding-left: 25px;
     padding-right: 10px;
     color: #ffffff;
 }
 
 .content-slider-with-controls .owl-nav .owl-prev:hover,
 .content-slider-with-controls-autoplay .owl-nav .owl-prev:hover,
 .content-slider-with-controls-autoplay-tab .owl-nav .owl-prev:hover,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev:hover,
 .content-slider-with-thumbs .owl-nav .owl-prev:hover {
     padding-left: 25px;
     padding-right: 10px;
     color: #ffffff;
 }
 
 .main-content-slider .owl-nav .owl-prev:after {
     content: "\e876";
     left: 15px;
     color: #fff;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .content-slider-with-controls .owl-nav .owl-prev:after,
 .content-slider-with-controls-autoplay .owl-nav .owl-prev:after,
 .content-slider-with-controls-autoplay-tab .owl-nav .owl-prev:after,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev:after,
 .content-slider-with-thumbs .owl-nav .owl-prev:after {
     content: "\e876";
     left: 13px;
     color: #5bb132;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .main-content-slider .owl-nav .owl-prev:hover:after {
     left: 10px;
 }
 
 .content-slider-with-controls .owl-nav .owl-prev:hover:after,
 .content-slider-with-controls-autoplay .owl-nav .owl-prev:hover:after,
 .content-slider-with-controls-autoplay-tab .owl-nav .owl-prev:hover:after,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev:hover:after,
 .content-slider-with-thumbs .owl-nav .owl-prev:hover:after {
     left: 8px;
 }
 
 .main-content-slider .owl-nav .owl-next {
     right: 0px;
     left: auto;
     padding-right: 0px;
     width: 50px;
     height: 50px;
     background: #0f314d;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-bottomleft: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }
 
 .content-slider-with-controls .owl-nav .owl-next,
 .content-slider-with-controls-autoplay .owl-nav .owl-next,
 .content-slider-with-controls-autoplay-tab .owl-nav .owl-next,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-next,
 .content-slider-with-thumbs .owl-nav .owl-next {
     right: 0px;
     left: auto;
     padding-right: 0px;
 }
 
 .main-content-slider .owl-nav .owl-next:hover {
     padding-right: 25px;
     padding-left: 10px;
     color: #ffffff;
 }
 
 .content-slider-with-controls .owl-nav .owl-next:hover,
 .content-slider-with-controls-autoplay .owl-nav .owl-next:hover,
 .content-slider-with-controls-autoplay-tab .owl-nav .owl-next:hover,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-next:hover,
 .content-slider-with-thumbs .owl-nav .owl-next:hover {
     padding-right: 25px;
     padding-left: 10px;
     color: #ffffff;
 }
 
 .main-content-slider .owl-nav .owl-next:after {
     content: "\e877";
     right: 15px;
     color: #fff;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .content-slider-with-controls .owl-nav .owl-next:after,
 .content-slider-with-controls-autoplay .owl-nav .owl-next:after,
 .content-slider-with-controls-autoplay-tab .owl-nav .owl-next:after,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-next:after,
 .content-slider-with-thumbs .owl-nav .owl-next:after {
     content: "\e877";
     right: 13px;
     color: #5bb132;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .main-content-slider .owl-nav .owl-next:hover:after {
     right: 10px;
 }
 
 .content-slider-with-controls .owl-nav .owl-next:hover:after,
 .content-slider-with-controls-autoplay .owl-nav .owl-next:hover:after,
 .content-slider-with-controls-autoplay-tab .owl-nav .owl-next:hover:after,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-next:hover:after,
 .content-slider-with-thumbs .owl-nav .owl-next:hover:after {
     right: 8px;
 }
 
 /*Style 2*/
 .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-prev:after,
 .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-prev:after,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev:after {
     left: -40px;
     color: #0f314d;
 }
 
 .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-prev:hover:after,
 .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-prev:hover:after,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev:hover:after {
     left: -40px;
     color: #5bb132;
 }
 
 .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-next:after,
 .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-next:after,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-next:after {
     left: auto;
     right: -40px;
     color: #0f314d;
 }
 
 .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-next:hover:after,
 .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-next:hover:after,
 .content-slider-last-viewed-related.style-2 .owl-nav .owl-next:hover:after {
     right: -40px;
     color: #5bb132;
 }
 
 /*----------------*/
 
 /*style-2*/
 .content-slider-with-large-controls .owl-nav,
 .content-slider-with-large-controls-autoplay .owl-nav {
     width: 100%;
     height: 0;
     position: absolute;
     top: 50%;
 }
 
 .container .content-slider-with-large-controls .owl-nav,
 .container .content-slider-with-large-controls-autoplay .owl-nav {
     top: auto;
     bottom: -10px;
 }
 
 .content-slider-with-large-controls .owl-nav div,
 .content-slider-with-large-controls-autoplay .owl-nav div {
     display: inline-block;
     font-size: 18px;
     position: absolute;
     text-transform: capitalize;
     font-weight: 300;
     color: #cdcdcd;
 }
 
 .content-slider-with-large-controls .owl-nav div:after,
 .content-slider-with-large-controls-autoplay .owl-nav div:after {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     position: absolute;
     font-size: 16px;
     line-height: 1;
     top: 50%;
     margin-top: -8px;
 }
 
 .content-slider-with-large-controls .owl-nav .owl-prev,
 .content-slider-with-large-controls-autoplay .owl-nav .owl-prev {
     left: 0;
     padding-left: 30px;
 }
 
 .content-slider-with-large-controls .owl-nav .owl-prev:after,
 .content-slider-with-large-controls-autoplay .owl-nav .owl-prev:after {
     content: "\f104";
     left: 15px;
 }
 
 .content-slider-with-large-controls .owl-nav .owl-next,
 .content-slider-with-large-controls-autoplay .owl-nav .owl-next {
     right: 0px;
     left: auto;
     padding-right: 30px;
 }
 
 .content-slider-with-large-controls .owl-nav .owl-next:after,
 .content-slider-with-large-controls-autoplay .owl-nav .owl-next:after {
     content: "\f105";
     right: 15px;
 }
 
 .container .content-slider-with-large-controls .owl-nav .owl-prev,
 .container .content-slider-with-large-controls-autoplay .owl-nav .owl-prev {
     padding-left: 15px;
 }
 
 .container .content-slider-with-large-controls .owl-nav .owl-prev:after,
 .container .content-slider-with-large-controls-autoplay .owl-nav .owl-prev:after {
     left: 0px;
 }
 
 .container .content-slider-with-large-controls .owl-nav .owl-next,
 .container .content-slider-with-large-controls-autoplay .owl-nav .owl-next {
     padding-right: 15px;
 }
 
 .container .content-slider-with-large-controls .owl-nav .owl-next:after,
 .container .content-slider-with-large-controls-autoplay .owl-nav .owl-next:after {
     right: 0px;
 }
 
 /* Large and Medium devices (desktops, tablets less than 1199px) */
 @media (max-width: 1199px) {
 
     .content-slider-with-large-controls .owl-nav,
     .content-slider-with-large-controls-autoplay .owl-nav {
         top: 98%;
     }
 }
 
 .buttons-hide .owl-nav {
     display: none;
 }
 
 /* Styling Pagination*/
 .owl-dots,
 .owl-dots {
     position: absolute;
     bottom: 0px;
     text-align: center;
     width: 100%;
     z-index: 10;
 }
 
 .owl-dots .owl-dot,
 .owl-dots .owl-dot {
     display: inline-block;
     zoom: 1;
 }
 
 .owl-dots .owl-dot span,
 .owl-dots .owl-dot span {
     display: block;
     width: 16px;
     height: 16px;
     margin: 5px 12px;
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     border: 1px solid #ffffff;
     background: transparent;
 }
 
 .dark-controls .owl-dots .owl-dot span,
 .dark-controls .owl-dots .owl-dot span {
     background: #0f314d;
 }
 
 .owl-dots .owl-dot.active span,
 .owl-dots.clickable .owl-dot:hover span,
 .owl-dots .owl-dot.active span,
 .owl-dots.clickable .owl-dot:hover span {
     opacity: 1;
     filter: alpha(opacity=100);
     background: #5bb132;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 767px) {
 
     .owl-dots .owl-dot span,
     .owl-dots .owl-dot span {
         background: transparent;
         border: 1px solid #fff;
         width: 10px;
         height: 10px;
     }
 
     .slider-content .btn {
         font-size: 14px
     }
 }
 
 /* Styling Navigation Thumbs*/
 .content-slider-thumbs-container {
     margin-left: -5px;
     margin-right: -5px;
 }
 
 .owl-nav-thumb {
     margin: 0 5px;
     cursor: pointer;
 }
 
 
 
 /******************************************************************************/
 /*** 10 Full Page *************************************************************/
 /******************************************************************************/
 
 #fp-nav ul li .fp-tooltip {
     background-color: #ffffff;
     color: #454545;
     padding: 0 15px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     top: -4px;
     overflow: visible;
 }
 
 #fp-nav ul li .fp-tooltip.right {
     right: 30px;
 }
 
 #fp-nav ul li .fp-tooltip:after {
     content: "\f0da";
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     position: absolute;
     right: -8px;
     top: 50%;
     font-size: 30px;
     line-height: 20px;
     margin-top: -9px;
     color: #ffffff;
 }
 
 
 
 /******************************************************************************/
 /*** 11 - Typography **********************************************************/
 /******************************************************************************/
 
 
 /*Fonts
  ---------------------------------- */
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'myriad-pro,sans-serif';
 }
 
 .navbar .navbar-nav {
     font-family: 'myriad-pro,sans-serif';
 }
 
 body {
     font-family: 'myriad-pro,sans-serif';
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: 'myriad-pro,sans-serif';
 }
 
 .logo-font {
     font-family: 'myriad-pro,sans-serif';
 }
 
 /*Typography
  ---------------------------------- */
 
 html {
     height: 100%;
 }
 
 body {
     font-size: 14px;
     line-height: 1.4666666667;
     color: #0f314d;
     background-color: #fff;
     font-weight: 400;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #0f314d;
     line-height: 1.2;
 }
 
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: #0f314d;
 }
 
 .text-white h1,
 .text-white h2,
 .text-white h3,
 .text-white h4,
 .text-white h5,
 .text-white h6 {
     color: #ffffff;
 }
 
 .text-white h1 a,
 .text-white h2 a,
 .text-white h3 a,
 .text-white h4 a,
 .text-white h5 a,
 .text-white h6 a {
     color: #ffffff;
     text-decoration: underline;
 }
 
 .dark h1,
 .dark h2,
 .dark h3,
 .dark h4,
 .dark h5,
 .dark h6 {
     color: #ffffff;
 }
 
 .dark h1 a,
 .dark h2 a,
 .dark h3 a,
 .dark h4 a,
 .dark h5 a,
 .dark h6 a {
     color: #ffffff;
 }
 
 .dark .footer h1,
 .dark .footer h2,
 .dark .footer h3,
 .dark .footer h4,
 .dark .footer h5,
 .dark .footer h6 {
     color: #999999;
 }
 
 .dark .footer h1 a,
 .dark .footer h2 a,
 .dark .footer h3 a,
 .dark .footer h4 a,
 .dark .footer h5 a,
 .dark .footer h6 a {
     color: #999999;
 }
 
 h1 {
     font-size: 33px;
     font-weight: 700;
     margin-bottom: 15px;
     text-transform: uppercase;
 }
 
 h1.logo-font {
     text-transform: none;
     font-weight: 300;
     font-size: 50px;
 }
 
 .index-title {
     text-transform: none;
     font-size: 20px;
     text-align: center;
 }
 
 h1.large {
     font-size: 45px;
     font-weight: 300;
     letter-spacing: 0.1em;
 }
 
 h2 {
     font-size: 28px;
     margin-bottom: 15px;
     text-transform: uppercase;
 }
 
 h2.logo-font {
     text-transform: none;
 }
 
 h3 {
     font-size: 24px;
 }
 
 h4 {
     font-size: 19px;
 }
 
 h5 {
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 700;
 }
 
 h6 {
     font-size: 13px;
     font-weight: 700;
 }
 
 /* Small devices (tablets, 768px and up) */
 @media screen and (min-width: 768px) {
     h1.extra-large {
         font-size: 130px;
         font-weight: 700;
     }
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media screen and (max-width: 767px) {
     h1.extra-large {
         font-size: 60px;
         font-weight: 700;
     }
 }
 
 .page-title {
     margin-top: 0;
 }
 
 /* Medium devices (desktops, tablets, 992px and up) */
 @media (min-width: 992px) {
     .title {
         margin-top: 0;
     }
 }
 
 .sidebar .title {
     margin-top: 3px;
 }
 
 p {
     margin-bottom: 15px;
 }
 
 p.large {
     font-size: 18px;
     line-height: 1.4;
     margin-bottom: 30px;
 }
 
 a {
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 a:hover,
 a:focus,
 a:active {
     outline: none;
     text-decoration: none;
 }
 
 .link-dark {
     color: #0f314d;
     text-decoration: none !important;
 }
 
 .link-dark:hover {
     color: #0f314d;
     text-decoration: underline !important;
 }
 
 .dark .footer .link-dark {
     color: #777777;
     text-decoration: none !important;
 }
 
 .dark .footer .link-dark:hover {
     color: #777777;
     text-decoration: underline !important;
 }
 
 .link-light {
     color: #ffffff;
     text-decoration: none !important;
 }
 
 .link-light:hover {
     color: #ffffff;
     text-decoration: underline !important;
 }
 
 blockquote {
     border-left: none;
     display: inline-block;
     margin: 20px auto 20px;
     font-size: 16px;
     position: relative;
     padding: 10px 25px;
 }
 
 blockquote:after {
     content: "“";
     width: 25px;
     height: 25px;
     line-height: 36px;
     font-size: 36px;
     font-family: "PT Serif", serif;
     position: absolute;
     top: 12px;
     left: 0px;
     color: #cdcdcd;
 }
 
 .blockquote:before {
     font-family: "PT Serif", serif;
     content: "“";
     font-size: 40px;
 }
 
 blockquote.inline {
     padding: 0;
 }
 
 blockquote.inline p {
     width: 60%;
     display: inline-block;
     margin: 0;
 }
 
 blockquote.inline footer {
     width: 37%;
     display: inline-block;
     padding-left: 5px;
 }
 
 blockquote.inline:after {
     top: 0;
 }
 
 pre {
     padding: 20px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     background-color: #fafafa;
     border: 1px solid #f1f1f1;
 }
 
 .text-muted {
     color: #999999 !important;
 }
 
 .text-white {
     color: #ffffff !important;
 }
 
 .well {
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     border-radius: 0px;
     background-color: #f3f3f3;
     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
     min-height: 20px;
     padding: 20px;
     margin-bottom: 20px;
     border: 1px solid #e3e3e3;
 }
 
 hr {
     border-color: #d0d0ce;
 }
 
 .dark hr {
     border-color: #0f314d;
 }
 
 
 
 /******************************************************************************/
 /*** 12 - Theme color *********************************************************/
 /******************************************************************************/
 a {
     color: #5bb132;
 }
 
 a:hover {
     color: #5bb132;
 }
 
 a:focus,
 a:active {
     color: #5bb132;
 }
 
 mark,
 .mark {
     background-color: #5bb132;
     color: #ffffff;
 }
 
 .text-default {
     color: #5bb132;
 }
 
 /* Tables
  ---------------------------------- */
 .table.table-colored {
     border-bottom-color: #5bb132;
 }
 
 .table-colored>thead>tr>th {
     border-color: #5bb132;
     background-color: #5bb132;
     color: #ffffff;
 }
 
 /* 2- Layout
  -------------------------------------------------
  -------------------------------------------------*/
 .header-top.dark {
     background-color: #2e3537;
     border-bottom: 1px solid #252a2c;
 }
 
 .header.dark {
     background-color: #394245;
     border-top-color: #394245;
 }
 
 .header-top.colored {
     background-color: #5bb132;
     border-bottom: 1px solid #5bb132;
 }
 
 .default-bg {
     background-color: #5bb132;
     color: #ffffff;
 }
 
 .secondary-bg {
     background-color: #0f314d;
     color: #ffffff;
 }
 
 .default-bg-50 {
     background-color: rgba(9, 175, 223, 0.5);
     color: #ffffff;
 }
 
 /*Transparent Header*/
 .transparent-header header.header.dark.transparent-header-on {
     background-color: rgba(57, 66, 69, 0.8);
     border-top-color: rgba(37, 42, 44, 0.5);
 }
 
 /*Fixed Navigation*/
 .fixed-header-on .dark.header.fixed {
     background-color: rgba(57, 66, 69, 0.95);
 }
 
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 992px) {
     .fixed-header-on .dark.header .dropdown-menu {
         border: 1px solid #2e3537;
     }
 }
 
 /*Translucent Backgrounds*/
 .default-translucent-bg:after {
     background-color: rgba(9, 175, 223, 0.7);
 }
 
 .default-translucent-bg.hovered:hover:after {
     background-color: rgba(9, 175, 223, 0.8);
 }
 
 .default-hovered:hover:after,
 .default-hovered:hover {
     background-color: #5bb132;
 }
 
 /* 4 Pages
  -------------------------------------------------
  -------------------------------------------------*/
 /* Blog Timeline layout
  ---------------------------------- */
 .timeline-date-label:after {
     background-color: #5bb132;
 }
 
 /* 5 Components
  -------------------------------------------------
  -------------------------------------------------*/
 /* Buttons
  ---------------------------------- */
 .btn-default {
     background-color: #5bb132;
     border-color: #5bb132;
 }
 
 .btn-default:hover,
 .btn-default:focus,
 .btn-default.focus,
 .btn-default:active,
 .btn-default.active,
 .show>.dropdown-toggle.btn-default {
     background-color: #5bb132;
     border-color: #5bb132;
 }
 
 .btn-default-2 {
     background-color: #5bb132;
     border-color: #5bb132;
     color: #fff;
 }
 
 .btn-default-2:hover,
 .btn-default-2:focus,
 .btn-default-2.focus,
 .btn-default-2:active,
 .btn-default-2.active,
 .show>.dropdown-toggle.btn-default-2 {
     background-color: #5bb132;
     border-color: #5bb132;
     color: #fff;
 }
 
 .btn-default-2 i {
     color: #fff;
 }
 
 .btn-white-transparent {
     background-color: rgba(255, 255, 255, .8);
     border-color: #5bb132;
     color: #333;
 }
 
 .btn-white-transparent i {
     transition: all 0.2s ease-in-out;
 }
 
 .btn-white-transparent:hover i,
 .btn-white-transparent:focus i {
     color: #5bb132;
 }
 
 .btn-default.disabled,
 .btn-default[disabled],
 fieldset[disabled] .btn-default {
     background-color: #5bb132;
     border-color: #5bb132;
 }
 
 .btn-default-transparent {
     border-color: #5bb132;
     color: #0f314d;
 }
 
 .btn-default-transparent i {
     color: #5bb132;
 }
 
 .btn-default-transparent:hover,
 .btn-default-transparent:focus,
 .btn-default-transparent.focus,
 .btn-default-transparent:active,
 .btn-default-transparent.active {
     color: #0f314d;
 }
 
 .show>.dropdown-toggle.btn-default-transparent {
     background-color: transparent;
     border-color: transparent;
 }
 
 .default-bg .btn-default,
 .default-translucent-bg .btn-default,
 .default-bg .btn-default-transparent,
 .default-translucent-bg .btn-default-transparent {
     color: #5bb132;
 }
 
 .btn-white:hover,
 .btn-white:focus,
 .btn-white.focus,
 .btn-white:active,
 .btn-white.active,
 .show>.dropdown-toggle.btn-white {
     color: #5bb132;
 }
 
 .hvr-radial-in,
 .hvr-rectangle-in,
 .hvr-shutter-in-horizontal,
 .hvr-shutter-in-vertical {
     background: #5bb132;
 }
 
 .hvr-radial-in:hover,
 .hvr-rectangle-in:hover,
 .hvr-shutter-in-horizontal:hover,
 .hvr-shutter-in-vertical:hover {
     background: #5bb132;
 }
 
 .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: #5bb132;
 }
 
 .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: #5bb132;
 }
 
 /* Pager
  ---------------------------------- */
 ul.pagination .page-item .page-link:hover,
 ul.pagination .page-item .page-link:focus {
     background-color: #fff;
     color: #5bb132;
 }
 
 ul.pagination .page-item.active .page-link,
 .page-item.active .page-link:hover,
 .page-item.active .page-link:focus {
     background-color: #fff;
     color: #5bb132;
 }
 
 /* Breadcrumb
  ---------------------------------- */
 .banner .breadcrumb .breadcrumb-item a:hover {
     color: #5bb132;
 }
 
 .banner .dark.breadcrumb-container {
     background-color: rgba(57, 66, 69, 0.6);
 }
 
 /* Nav pills
  ---------------------------------- */
 .nav-pills.style-2>li .nav-link.active,
 .nav-pills.style-2>li .nav-link.active:hover,
 .nav-pills.style-2>li .nav-link.active:focus,
 .nav-pills.style-2>li .nav-link:hover,
 .nav-pills.style-2>li .nav-link:focus {
     color: #5bb132;
 }
 
 .nav.flex-column>li .nav-link.active,
 .nav.flex-column>li .nav-link.active:hover,
 .nav.flex-column>li .nav-link.active:focus,
 .nav.flex-column>li .nav-link:hover,
 .nav.flex-column>li .nav-link:focus {
     color: #5bb132;
 }
 
 .nav-pills>li .nav-link.active:after {
     color: #5bb132;
 }
 
 .nav.flex-column:not(.list-style-icons)>li .nav-link.active:hover:after,
 .nav.flex-column:not(.list-style-icons)>li .nav-link.active:focus:after,
 .nav.flex-column:not(.list-style-icons)>li .nav-link:hover:after,
 .nav.flex-column:not(.list-style-icons)>li .nav-link:focus:after {
     color: #5bb132;
 }
 
 .nav.flex-column.list-style-icons>li .nav-link.active>i,
 .nav.flex-column.list-style-icons>li .nav-link:hover>i,
 .nav.flex-column.list-style-icons>li .nav-link:focus>i {
     color: #5bb132;
 }
 
 .dark .footer-content .nav.flex-column>li>a.active:hover,
 .dark .footer-content .nav.flex-column>li>a:hover {
     color: #5bb132;
 }
 
 /* Collapse
  ---------------------------------- */
 .collapse-style-2 .card-header a {
     background-color: #0f314d;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     text-transform: uppercase;
     font-family: 'myriad-pro-cond-reg,sans-serif';
 }
 
 /* Progress bars
  ---------------------------------- */
 .progress-bar-default {
     background-color: #5bb132;
 }
 
 /* Forms
  ---------------------------------- */
 .default-bg .form-control {
     border-color: #5bb132;
 }
 
 .default-bg .input-group-addon {
     border-color: #5bb132;
 }
 
 /*Icons
  ---------------------------------- */
 .icon.default-bg {
     background-color: #5bb132;
 }
 
 .icon.light-bg {
     color: #5bb132;
 }
 
 /*Listing Items
  ---------------------------------- */
 
 .product-content-container .product-image-holder {
     position: relative;
     /*max-width: 200px;*/
     margin-bottom: 10px;
 }
 
 .product-content-container .product-image-gallery {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-top: 15px;
 }
 
 .product-content-container .product-image-gallery .gallery-item {
     width: 45%;
     margin-bottom: 15px;
 }
 
 .product-content-container .product-image-gallery .overlay-link {
     background-color: transparent;
 }
 
 .product-content-container .product-image-gallery .overlay-link {
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: transparent;
 }
 
 .product-content-container .product-image-gallery .overlay-link i {
     position: relative;
     top: unset;
     left: unset;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 30px;
     height: 30px;
     margin: 0;
     font-size: 16px;
     line-height: 1;
 }
 
 .product-content-container .product-image-gallery .overlay-link i,
 .product-content-container .product-image-gallery .overlay-link i:hover {
     background-color: #fff;
     color: #5bb132;
     border: 0 none;
 }
 
 .product-content-container .product-image-holder img {
     /*max-width: 200px;
      min-width: 200px;*/
 }
 
 .book-content .procitaj-odlomak {
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 
 .book-content .procitaj-odlomak img {
     max-width: 120px;
     height: auto;
 }
 
 .book-content .item-options {
     display: block;
     width: 100%;
     margin: 0 0 30px 0;
 }
 
 .book-content .item-options .btn {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     border: 1px solid #0f314d;
     padding-left: 0;
     padding-right: 0;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 18px;
 }
 
 .book-content .item-options .btn span {
     width: 97px;
     text-align: left;
 }
 
 .book-content .item-options .btn:hover {
     border-color: #5bb132;
 }
 
 .book-content .item-options .btn img {
     margin-right: 10px;
     width: 18px;
     height: auto;
 }
 
 .book-content .dodaj-u-korpu-holder.style-2 {
     margin-bottom: 10px;
 }
 
 .book-content .dodaj-u-korpu-holder.style-2 .item-price p {
     color: #0f314d;
     font-size: 14px;
     font-weight: 600;
 }
 
 .book-content .dodaj-u-korpu-holder.style-2 .item-price .elements-list {
     text-align: left;
 }
 
 .book-content .dodaj-u-korpu-holder.style-2 .item-price del {
     display: inline-block;
     margin-left: 5px;
 }
 
 .book-content .dodaj-u-korpu-holder.style-2 .item-price {
     margin-bottom: 0;
 }
 
 .book-content .dodaj-u-korpu-holder.style-2 .item-price .price {
     font-size: 20px;
 }
 
 .book-content .dodaj-u-korpu-holder.style-2 .item-price .price span {
     font-size: 32px;
 }
 
 .book-content .dodaj-u-korpu-holder.style-2 .item-price .price span.small {
     font-size: 20px;
 }
 
 @media (max-width: 991px) {
     .book-content .dodaj-u-korpu-holder.style-2 {
         justify-content: flex-start;
     }
 
 }
 
 @media (max-width: 767px) {
     .product-content-container .product-image-holder {
         margin: 0 auto 10px auto;
     }
 }
 
 /*Modals
  ---------------------------------- */
 .modal-content .modal-header {
     background-color: #f2f2f2;
     border-radius: 0;
 }
 
 /*Modal komentar*/
 .modal-komentar .modal-dialog {
     width: 800px;
     max-width: 800px;
 }
 
 .modal-komentar .modal-content,
 .custom-modal .modal-content,
 .modal-mobile-filter .modal-content,
 .modal-mobile-spisak-knjizara .modal-content {
     padding-left: 40px;
     padding-right: 40px;
     border-radius: 0;
 }
 
 .modal-komentar .modal-content .modal-header,
 .custom-modal .modal-content .modal-header,
 .modal-mobile-filter .modal-content .modal-header,
 .modal-mobile-spisak-knjizara .modal-content .modal-header {
     background-color: #ffffff;
     text-align: center;
     border-bottom: 1px solid #b9b9b9;
 }
 
 .modal-komentar .modal-content .modal-header .close,
 .custom-modal .modal-content .modal-header .close,
 .modal-mobile-filter .modal-content .modal-header .close,
 .modal-mobile-spisak-knjizara .modal-content .modal-header .close {
     position: absolute;
     right: 40px;
     top: 20px;
 }
 
 .modal-komentar .modal-content .modal-title,
 .custom-modal .modal-content .modal-title,
 .modal-mobile-filter .modal-content .modal-title,
 .modal-mobile-spisak-knjizara .modal-content .modal-title {
     width: 100%;
     font-size: 22px;
     font-weight: 300;
     color: #0f314d;
 }
 
 .custom-modal .modal-content .modal-title i,
 .modal-mobile-filter .modal-content .modal-title i {
     font-size: 14px;
     color: #787878;
 }
 
 .modal-komentar .modal-body {
     padding: 0;
 }
 
 .modal-komentar .komentar-ocena,
 .modal-komentar .komentar-naslov {
     padding: 0;
     margin-bottom: 30px;
 }
 
 .modal-komentar .komentar-ocena .rating-stars a {
     color: #ffbe50;
 }
 
 .modal-komentar .komentar-naslov {
     justify-content: flex-end;
 }
 
 .modal-komentar .komentar-ocena label {
     font-size: 16px;
     font-weight: 300;
     color: #0f314d;
     margin-right: 5px;
 }
 
 .modal-komentar .komentar-naslov label {
     font-size: 16px;
     font-weight: 300;
     color: #0f314d;
     margin-right: 15px;
 }
 
 .modal-komentar .komentar-naslov .form-control {
     width: 420px;
     height: 33px;
     border-radius: 0;
     background-color: #efefef;
     box-shadow: 0 0 0 transparent;
     border-color: #787878;
 }
 
 .modal-komentar .komentar-tekst {
     border-radius: 0;
     background-color: #efefef;
     box-shadow: 0 0 0 transparent;
     border-color: #787878;
     margin-bottom: 30px;
 }
 
 .modal-komentar .komentar-tekst span {
     position: absolute;
     right: 0;
     bottom: 0;
 }
 
 .modal-komentar .komentar-ime,
 .modal-komentar .komentar-prezime,
 .modal-komentar .komentar-email {
     padding: 0;
     margin-bottom: 30px;
 }
 
 .modal-komentar .komentar-ime label,
 .modal-komentar .komentar-prezime label,
 .modal-komentar .komentar-email label {
     font-size: 16px;
     font-weight: 300;
     color: #0f314d;
     width: 70px;
     justify-content: flex-start;
 }
 
 .modal-komentar .komentar-ime .form-control,
 .modal-komentar .komentar-prezime .form-control,
 .modal-komentar .komentar-email .form-control {
     width: 648px;
     height: 33px;
     border-radius: 0;
     background-color: #efefef;
     box-shadow: 0 0 0 transparent;
     border-color: #787878;
 }
 
 .modal-komentar .modal-footer {
     border-top: 0;
     padding: 0;
     justify-content: flex-start;
 }
 
 .modal-komentar .modal-footer .btn {
     font-size: 16px;
     font-weight: 300;
     width: 140px;
     margin: 0 0 25px 0;
 }
 
 /*Modal dostupnost u knjizarama*/
 .modal-dostupnost-u-knjizarama .modal-dialog {
     width: 800px;
     max-width: 800px;
     overflow-y: auto;
 }
 
 .modal-dostupnost-u-knjizarama .modal-content {
     padding-left: 40px;
     padding-right: 40px;
     border-radius: 0;
 }
 
 .modal-dostupnost-u-knjizarama .modal-content .modal-header {
     background-color: #ffffff;
     text-align: center;
     border-bottom: 0;
 }
 
 .modal-dostupnost-u-knjizarama .modal-content .modal-header .close {
     position: absolute;
     right: 40px;
     top: 20px;
 }
 
 .modal-dostupnost-u-knjizarama .modal-content .modal-title {
     width: 100%;
     font-size: 22px;
     font-weight: 300;
     color: #0f314d;
 }
 
 .modal-dostupnost-u-knjizarama .modal-body {
     padding: 0;
 }
 
 .modal-dostupnost-u-knjizarama .table {
     color: #787878;
     border-bottom: 0;
 }
 
 .modal-dostupnost-u-knjizarama .table>tbody>tr>td {
     padding: 20px 0;
     border-top: 1px solid #b9b9b9;
 }
 
 .modal-dostupnost-u-knjizarama .table>tbody>tr>td:last-child {
     text-align: right;
     color: #0f314d;
 }
 
 /*Modal Spisak Knjizara */
 .modal-mobile-spisak-knjizara .modal-body h4 {
     font-size: 18px;
     color: #0f314d;
     font-weight: 300;
     margin-top: 15px;
     margin-bottom: 5px;
 }
 
 .modal-mobile-spisak-knjizara .modal-body h4:first-child {
     margin-top: 0;
 }
 
 .modal-mobile-spisak-knjizara .modal-body p {
     margin-bottom: 3px;
 }
 
 .modal-mobile-spisak-knjizara .modal-body a {
     color: #787878;
 }
 
 /*Modal Pomoc*/
 .modal-pomoc .pomoc-images {
     margin-bottom: 20px;
 }
 
 .modal-pomoc .paypal-img {
     max-width: 210px;
     margin-bottom: 20px;
 }
 
 .modal-pomoc .uplatnica-img,
 .modal-pomoc .devices-img {
     max-width: 650px;
     margin-bottom: 20px;
 }
 
 @media (max-width: 991px) {
 
     .modal-komentar .modal-dialog,
     .modal-dostupnost-u-knjizarama .modal-dialog {
         width: auto;
         max-width: 700px;
     }
 
     .modal-komentar .komentar-ocena,
     .modal-komentar .komentar-tekst,
     .modal-komentar .komentar-ime,
     .modal-komentar .komentar-prezime,
     .modal-komentar .komentar-email {
         margin-bottom: 10px;
     }
 
     .modal-komentar .komentar-naslov {
         margin-bottom: 20px;
     }
 
     .modal-komentar .komentar-ocena label,
     .modal-komentar .komentar-naslov label {
         display: block;
         width: 100%;
     }
 
     .modal-komentar .komentar-naslov .form-control,
     .modal-komentar .komentar-ime .form-control,
     .modal-komentar .komentar-prezime .form-control,
     .modal-komentar .komentar-email .form-control {
         width: 100%;
     }
 
     .modal-komentar .komentar-naslov {
         justify-content: flex-start;
     }
 }
 
 @media (max-width: 767px) {
 
     .modal-dostupnost-u-knjizarama .modal-content,
     .custom-modal .modal-content,
     .modal-mobile-filter .modal-content {
         padding-left: 20px;
         padding-right: 20px;
     }
 
     .modal-dostupnost-u-knjizarama .modal-content .modal-header .close {
         position: absolute;
         right: 20px;
         top: 15px;
     }
 
     .modal-dostupnost-u-knjizarama .modal-content .modal-title {
         font-size: 14px;
     }
 
     .modal-dostupnost-u-knjizarama .table>tbody>tr>td {
         font-size: 12px;
         padding: 10px 5px;
     }
 }
 
 @media (max-width: 575px) {
     .modal-dialog {
         margin: 0;
     }
 }
 
 @media (max-width: 359px) {
     .modal-mobile-filter .modal-dialog {
         margin: 0;
     }
 }
 
 /*Pace (Page loader)
  ---------------------------------- */
 /*loader 1*/
 .page-loader-1 .pace {
     border: 1px solid #5bb132;
 }
 
 .page-loader-1 .pace .pace-progress {
     background: #5bb132;
 }
 
 .page-loader-2 .pace .pace-progress:before {
     background: #5bb132;
 }
 
 .page-loader-2 .pace .pace-activity {
     border: 5px solid #5bb132;
 }
 
 .page-loader-2 .pace .pace-activity:after {
     border: 5px solid #5bb132;
 }
 
 .page-loader-2 .pace .pace-activity:before {
     border: 5px solid #5bb132;
 }
 
 .page-loader-3 .pace .pace-progress {
     background: #5bb132;
 }
 
 .page-loader-4 .pace .pace-progress {
     background: #5bb132;
 }
 
 .page-loader-5 .pace .pace-progress:after {
     color: #5bb132;
 }
 
 .page-loader-6 .pace .pace-activity {
     background: #5bb132;
 }
 
 /* 6 Navigations
  -------------------------------------------------
  -------------------------------------------------*/
 /* 6.1 Light Version
  ----------------------------------------------------------------------------- */
 .header .main-navigation.animated .navbar-nav li a.text-green {
     color: #5bb132;
 }
 
 .header .main-navigation.animated .navbar-nav li a.text-blue {
     color: #12A8B8;
 }
 
 
 .header .navbar-nav li .nav-link:focus,
 .header .navbar-nav li .nav-link:hover,
 .header .navbar-nav .show>.nav-link,
 .header .navbar-nav li .nav-link.show,
 .header .navbar-nav .active.show>.nav-link,
 .header .navbar-nav li.show .nav-link.active {
     color: #5bb132;
 }
 
 .header .navbar-nav li.nav-etar .nav-link:focus,
 .header .navbar-nav li.nav-etar .nav-link:hover,
 .header .navbar-nav li.nav-etar.show>.nav-link,
 .header .navbar-nav li.nav-etar .nav-link.show,
 .header .navbar-nav li.nav-etar .active.show>.nav-link,
 .header .navbar-nav li.nav-etar.show .nav-link.active,
 .header .navbar-nav li.nav-etar.nav-item.show .dropdown-toggle::after {
     color: #12A8B8;
 }
 
 .header .navbar-nav .active>.nav-link,
 .header .navbar-nav li .nav-link.active {
     color: #5bb132;
 }
 
 .header .navbar-nav li li a:focus,
 .header .navbar-nav li li a:hover,
 .header .navbar-nav li .show>a,
 .header .navbar-nav li li a.show,
 .header .navbar-nav li .active>a,
 .header .navbar-nav li li a.active {
     color: #5bb132;
 }
 
 .header .navbar-nav li.nav-etar li a:focus,
 .header .navbar-nav li.nav-etar li a:hover,
 .header .navbar-nav li.nav-etar .show>a,
 .header .navbar-nav li.nav-etar li a.show,
 .header .navbar-nav li.nav-etar .active>a,
 .header .navbar-nav li.nav-etar li a.active {
     color: #12A8B8;
 }
 
 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: #5bb132;
 }
 
 .navbar-light .navbar-toggler:hover,
 .navbar-light .navbar-toggler:focus {
     border-color: #5bb132;
     outline: 0;
 }
 
 /* Small devices (tablets, phones less than 767px) */
 @media (max-width: 991px) {
 
     .header .navbar-nav .active .nav-link,
     .header .navbar-nav .active .nav-link:hover,
     .header .navbar-nav .active .nav-link:focus {
         color: #5bb132;
     }
 
     /* first level item hover and focus states */
     .header .navbar-nav li>a:hover,
     .header .navbar-nav li>a:focus,
     .header .navbar-nav .active>a,
     .header .navbar-nav .active>a:hover,
     .header .navbar-nav .active>a:focus {
         color: #5bb132;
     }
 
     /* second level item on hover/focus */
     .header .navbar-nav .show .dropdown-menu>li>a:hover,
     .header .navbar-nav .show .dropdown-menu>li>a:focus {
         color: #5bb132;
     }
 
     /* Arrow for parent menu item */
     .header .navbar-nav .dropdown.show>.dropdown-toggle::after {
         color: #5bb132;
     }
 }
 
 /* 6.2 Dark Version
  ----------------------------------------------------------------------------- */
 /* first level active menu item when opened */
 .dark.header .navbar-nav .show .nav-link,
 .dark.header .navbar-nav .show .nav-link:hover,
 .dark.header .navbar-nav .show .nav-link:focus,
 .dark.header .navbar-nav .dropdown .nav-link:focus {
     border-bottom-color: #2e3537;
 }
 
 /* second level menu item */
 .dark.header .dropdown-menu {
     background-color: #2e3537;
 }
 
 .dark.header .dropdown-menu .divider {
     background-color: rgba(57, 66, 69, 0.8);
 }
 
 .dark.header .dropdown-menu>li>a,
 .dark.header .navbar-nav .mega-menu .menu>li>a {
     border-bottom: 1px solid rgba(57, 66, 69, 0.8);
 }
 
 .dark.header .mega-menu .menu>li>a:hover,
 .dark.header .mega-menu .menu>li>a:focus {
     border-color: rgba(57, 66, 69, 0.8);
 }
 
 .dark.header .dropdown-menu>li>a:hover,
 .dark.header .dropdown-menu>li>a:focus,
 .dark.header .navbar-nav .show>a,
 .dark.header .navbar-nav .show>a:hover,
 .dark.header .navbar-nav .show>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(57, 66, 69, 0.8);
 }
 
 /* 7 Blocks/Widgets
  -------------------------------------------------
  -------------------------------------------------*/
 /* Social icons block
  ---------------------------------- */
 .social-links li a:hover {
     border-color: #5bb132;
     color: #5bb132;
 }
 
 .social-links.animated-effect-1 li a:after {
     background-color: #5bb132;
 }
 
 .social-links.default li a {
     background-color: #5bb132;
     border: 1px solid #5bb132;
 }
 
 .header-top:not(.dark) .social-links .dropdown.show>button>i:before {
     color: #5bb132;
 }
 
 /*Header Dropdowns (search, cart etc)
  ---------------------------------- */
 .header-dropdown-buttons .btn-group>.btn:hover {
     background-color: transparent;
     border-color: transparent;
 }
 
 .header-dropdown-buttons .btn-group.show>.btn {
     background-color: transparent;
     border-color: transparent;
 }
 
 .dark.header-top .dropdown-menu {
     border: 1px solid #252a2c;
     background: #2e3537;
 }
 
 /*.colored.header-top .dropdown-menu {
      border: 1px solid #5bb132;
      background: #5bb132;
  }*/
 
 /* Media
  ---------------------------------- */
 .media:hover .icon {
     color: #5bb132;
     border: 1px solid #5bb132;
 }
 
 /* Full Width Content
  ---------------------------------- */
 /* Large and Medium devices (desktops, tablets less than 1199px) */
 @media (max-width: 1199px) {
     .full-width-section:not(.no-image) .full-text-container.default-bg {
         background-color: rgba(9, 175, 223, 0.6);
     }
 }
 
 /* Pricing tables
  ---------------------------------- */
 .popover-title {
     background-color: #5bb132;
 }
 
 /* Tags cloud block
  ---------------------------------- */
 .tag a {
     background-color: #5bb132;
     border: 1px solid #5bb132;
 }
 
 .tag a:hover {
     color: #5bb132;
     border-color: #5bb132;
 }
 
 /* 8 Main Slideshow
  -------------------------------------------------
  -------------------------------------------------*/
 .tp-bannertimer {
     background-color: rgba(9, 175, 223, 0.8);
 }
 
 /* 9 Owl Carousel
  -------------------------------------------------
  -------------------------------------------------*/
 .content-slider-with-large-controls .owl-nav .owl-prev:after,
 .content-slider-with-large-controls-autoplay .owl-nav .owl-prev:after {
     color: #5bb132;
 }
 
 .content-slider-with-large-controls .owl-nav .owl-next:after,
 .content-slider-with-large-controls-autoplay .owl-nav .owl-next:after {
     color: #5bb132;
 }
 
 /* 10 Full Page
  -------------------------------------------------
  -------------------------------------------------*/
 #fp-nav ul li a span,
 .fp-slidesNav ul li a span {
     background: rgba(9, 175, 223, 0.8);
 }
 
 /* Badges */
 .badge.item-new,
 .badge.item-on-sale {
     position: absolute;
     top: 0;
     left: 0;
     bottom: auto;
     right: auto;
     padding: 0 8px;
     border-radius: 0;
     width: auto;
     font-size: 12px;
     font-weight: 500;
     line-height: 30px;
     height: 30px;
     background-color: #5bb132;
     border: 0;
     color: #fff;
 }
 
 .badge.item-new {
     background-color: #12A8B8;
 }
 
 .badge.item-discount {
     position: absolute;
     top: 0;
     left: auto;
     right: 0;
     bottom: auto;
     padding: 0 8px;
     border-radius: 0;
     width: auto;
     font-size: 12px;
     font-weight: 500;
     line-height: 30px;
     height: 30px;
     background-color: #e54b4b;
     border: 0;
     color: #fff;
 }
 
 .badge.item-new:before,
 .badge.item-on-sale:before {
     content: '';
     position: absolute;
     right: -8px;
     top: 0;
     width: 0;
     height: 0;
     border-right: solid 8px rgba(0, 0, 0, 0);
     border-top: solid 15px #5bb132;
     border-bottom: solid 15px #5bb132;
 }
 
 .badge.item-new:before {
     border-right: solid 8px rgba(0, 0, 0, 0);
     border-top: solid 15px #12A8B8;
     border-bottom: solid 15px #12A8B8;
 }
 
 .badge.item-discount:before {
     content: '';
     position: absolute;
     left: -8px;
     top: 0;
     width: 0;
     height: 0;
     border-left: solid 8px rgba(0, 0, 0, 0);
     border-top: solid 15px #e54b4b;
     border-bottom: solid 15px #e54b4b;
 }
 
 .badge.item-new,
 .badge.item-on-sale {
     -webkit-border-top-left-radius: 5px;
     -moz-border-radius-topleft: 5px;
     border-top-left-radius: 5px;
 }
 
 .badge.item-discount {
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topright: 5px;
     border-top-right-radius: 5px;
 }
 
 .product-image-holder .badge.item-new,
 .product-image-holder .badge.item-on-sale,
 .product-image-holder .badge.item-discount {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
 }
 
 
 .content-container {
     padding: 0;
 }
 
 /*** SN Lazarev ***/
 .sn-lazarev-page .header-top button.btn-top-dropdown,
 .sn-lazarev-page .header,
 .sn-lazarev-page .main-content-slider .owl-nav .owl-prev,
 .sn-lazarev-page .main-content-slider .owl-nav .owl-next,
 .sn-lazarev-page .secondary-bg,
 .sn-lazarev-page .scrollToTop,
 .sn-lazarev-page .book-content .item-price .btn-group.dodaj-u-korpu,
 .sn-lazarev-page .btn-default,
 .sn-lazarev-page .owl-carousel .listing-item .btn-group.dodaj-u-korpu {
     background-color: #9FAF00;
 }
 
 .sn-lazarev-page .top-navigation .navbar-nav .nav-link:hover,
 .sn-lazarev-page .top-navigation .navbar-nav .nav-link:focus,
 .sn-lazarev-page .top-navigation .navbar-nav .nav-item.dropdown.show .nav-link {
     color: #9FAF00;
     border-bottom: 4px solid #9FAF00;
 }
 
 .sn-lazarev-page .book-content .item-selection .btn-default-transparent.selected,
 .sn-lazarev-page .book-content .item-selection .btn-default-transparent:hover,
 .sn-lazarev-page .header-top-dropdown .dropdown-menu.prijava .btn-default-transparent,
 .sn-lazarev-page .btn-default-transparent,
 .sn-lazarev-page .btn-default {
     border-color: #9FAF00;
     border-width: 1px;
 }
 
 .sn-lazarev-page .nav-tabs.style-3 {
     background-color: #9FAF00 !important;
 }
 
 .sn-lazarev-page .nav-tabs.style-3>li>a {
     color: #fff;
 }
 
 .sn-lazarev-page .nav-tabs.style-3>li>a:hover {
     background-color: #D2D993 !important;
     border-color: #D2D993 !important;
 }
 
 .sn-lazarev-page .nav-tabs.style-3>li>a.active,
 .sn-lazarev-page .nav-tabs.style-3>li>a.active:hover,
 .sn-lazarev-page .nav-tabs.style-3>li>a.active:focus {
     background-color: #D2D993 !important;
     border-color: #D2D993 !important;
 }
 
 .sn-lazarev-page .header .main-navigation.animated .navbar-nav li a.text-green,
 .sn-lazarev-page .header .main-navigation.animated .navbar-nav li a.text-blue,
 .sn-lazarev-page .collapse-style-2 .card-header a:hover {
     color: #fff;
 }
 
 .sn-lazarev-page a,
 .sn-lazarev-page a:hover,
 .sn-lazarev-page .text-default,
 .sn-lazarev-page .top-navigation .navbar-nav li li a:hover,
 .sn-lazarev-page .top-navigation .navbar-nav li li a:focus,
 .sn-lazarev-page .header .navbar-nav li li a:hover,
 .sn-lazarev-page .btn-default-transparent i,
 .sn-lazarev-page .header-top-dropdown .dropdown-menu.prijava a.link:hover,
 .sn-lazarev-page .header-top-dropdown .dropdown-menu.prijava .btn-default-transparent:hover,
 .sn-lazarev-page .header-top-dropdown .dropdown-menu.valuta button.selected,
 .sn-lazarev-page .header-top-dropdown .dropdown-menu.valuta button:hover,
 .sn-lazarev-page .header-top .btn-block.selected i,
 .sn-lazarev-page .btn-white:hover,
 .sn-lazarev-page .btn-white:focus,
 .sn-lazarev-page .btn-white.focus,
 .sn-lazarev-page .btn-white:active,
 .sn-lazarev-page .btn-white.active,
 .sn-lazarev-page .show>.dropdown-toggle.btn-white,
 .sn-lazarev-page .aside-listing .nav.flex-column.list-style-icons>li .nav-link>.flex-icon i,
 .sn-lazarev-page .nav.flex-column>li .nav-link.active,
 .sn-lazarev-page .nav.flex-column>li .nav-link.active:hover,
 .sn-lazarev-page .nav.flex-column>li .nav-link.active:focus,
 .sn-lazarev-page .nav.flex-column>li .nav-link:hover,
 .sn-lazarev-page .nav.flex-column>li .nav-link:focus,
 .sn-lazarev-page .book-content .item-action a:hover,
 .sn-lazarev-page .btn-link,
 .sn-lazarev-page .comments-container .comments .show-all .btn,
 .sn-lazarev-page .breadcrumb-item a:hover,
 .sn-lazarev-page .header-top-dropdown .dropdown-menu.valuta a.selected,
 .sn-lazarev-page .header-top-dropdown .dropdown-menu.valuta a:hover,
 .sn-lazarev-page .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-prev::after,
 .sn-lazarev-page .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-prev::after,
 .sn-lazarev-page .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev::after,
 .sn-lazarev-page .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-next::after,
 .sn-lazarev-page .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-next::after,
 .sn-lazarev-page .content-slider-last-viewed-related.style-2 .owl-nav .owl-next::after {
     color: #9FAF00;
 }
 
 .sn-lazarev-page h1 a,
 .sn-lazarev-page h2 a,
 .sn-lazarev-page h3 a,
 .sn-lazarev-page h4 a,
 .sn-lazarev-page h5 a,
 .sn-lazarev-page h6 a,
 .sn-lazarev-page .header .main-navigation.animated .navbar-nav li a.text-green:hover,
 .sn-lazarev-page .header .main-navigation.animated .navbar-nav li a.text-blue:hover,
 .sn-lazarev-page .header .navbar-nav li .nav-link:hover,
 .sn-lazarev-page .header .main-navigation.animated .navbar-nav li a.text-green:focus,
 .sn-lazarev-page .header .main-navigation.animated .navbar-nav li a.text-blue:focus,
 .sn-lazarev-page .header .navbar-nav li .nav-link:focus,
 .sn-lazarev-page .header .navbar-nav .nav-item.show .dropdown-toggle::after,
 .sn-lazarev-page .header .navbar-nav li.sn-lazarev.show>a.text-green,
 .sn-lazarev-page .header .navbar-nav li.sn-lazarev.show>.nav-link,
 .sn-lazarev-page .header .navbar-nav li.sn-lazarev.nav-item.show .dropdown-toggle::after,
 .sn-lazarev-page .header .navbar-nav li.nav-etar.show>.nav-link,
 .sn-lazarev-page .header .navbar-nav li.nav-etar.nav-item.show .dropdown-toggle::after,
 .sn-lazarev-page .header-top-dropdown .dropdown-menu::before,
 .sn-lazarev-page .subfooter a,
 .sn-lazarev-page .breadcrumb-item a,
 .sn-lazarev-page .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-prev:hover::after,
 .sn-lazarev-page .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-prev:hover::after,
 .sn-lazarev-page .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev:hover::after,
 .sn-lazarev-page .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-next:hover::after,
 .sn-lazarev-page .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-next:hover::after,
 .sn-lazarev-page .content-slider-last-viewed-related.style-2 .owl-nav .owl-next:hover::after {
     color: #0f314d;
 }
 
 .sn-lazarev-page h1 {
     font-size: 32px;
     text-transform: none;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .main-img {
     /* float: left; */
     max-width: 300px;
     margin-right: 20px;
     margin-bottom: 20px;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .event-info ul {
     padding-left: 0;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .event-info li {
     list-style: none;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .event-desc .dodaj-u-korpu-holder {
     margin-bottom: 30px;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .event-desc h2 {
     font-size: 22px;
     text-align: center;
     font-weight: 600;
     text-transform: none;
     margin-top: 30px;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .dodaj-u-korpu-holder {
     display: flex;
     justify-content: center;
     margin-top: 30px;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .item-price .elements-list {
     text-align: center;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .item-price del {
     font-size: 18px;
     font-weight: 400;
     color: #787878;
     display: block;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .item-price .price {
     font-size: 32px;
     color: #0f314d;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .item-price .price-discounted {
     color: #e54b4b;
     font-weight: 600;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .item-price .price .text-muted {
     color: #0f314d !important;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .dodaj-u-korpu-holder .btn-group.dodaj-u-korpu {
     background-color: #9FAF00;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     width: 200px;
     height: 40px;
     padding: 0 10px;
     margin-top: 0;
     align-items: center;
     justify-content: space-between;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .dodaj-u-korpu-holder .btn-group.dodaj-u-korpu .btn {
     padding: 0;
     color: #fff;
     margin: 0;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 20px;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .dodaj-u-korpu-holder .btn-group.dodaj-u-korpu .btn i {
     position: relative;
     top: 1px;
     font-size: 18px;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .dodaj-u-korpu-holder .dodaj-u-korpu .input-group {
     width: 20px;
     align-items: center;
 }
 
 .sn-lazarev-page .sn-lazarev-holder .dodaj-u-korpu-holder .dodaj-u-korpu .form-control {
     box-shadow: 0 0 0 transparent;
     border: 0 none;
     text-align: center;
     font-size: 16px;
     color: #0f314d;
     padding-top: 2px;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 20px;
     width: 100%;
     z-index: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .sn-lazarev-page .sn-lazarev-section p {
     font-size: 14px;
     font-weight: 600;
     text-align: justify;
 }
 
 .sn-lazarev-holder .sn-list-item-holder h3 {
     text-transform: uppercase;
     font-size: 18px;
 }
 
 .sn-lazarev-holder .sn-list-item-holder h2 {
     text-transform: none;
     font-size: 26px;
     font-weight: 600;
     height: 140px;
     overflow: hidden;
 }
 
 .sn-lazarev-holder .sn-list-item-holder {
     border: 1px solid #d0d0ce;
     padding: 15px 0;
     margin: 0 0 20px 0;
 }
 
 .sn-lazarev-holder .sn-list-item-holder img {
     margin: 0 auto;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .item-price {
     margin-top: 20px;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .item-price del {
     font-size: 32px;
     font-weight: 400;
     color: #787878;
     display: block;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .item-price .price {
     font-size: 32px;
     color: #0f314d;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .item-price .price-discounted {
     color: #e54b4b;
     font-weight: 600;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .sn-list-info p {
     font-size: 22px;
     margin: 0;
     display: flex;
     align-items: center;
     height: 34px;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .sn-list-info svg {
     height: 30px;
     width: auto;
     margin-right: 5px;
     color: #787878;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .sn-list-buttons {
     margin-top: 20px;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .sn-list-buttons a.btn {
     background-color: #9FAF00;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 200px;
     height: 40px;
     padding: 0 10px;
     margin-top: 0;
     align-items: center;
     justify-content: center;
     border-color: #9FAF00;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #fff;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 20px;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .btn-group.dodaj-u-korpu {
     background-color: #9FAF00;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 200px;
     height: 40px;
     padding: 0 10px;
     margin-top: 0;
     align-items: center;
     justify-content: space-between;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .btn-group.dodaj-u-korpu .btn {
     padding: 0;
     color: #fff;
     margin: 0;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 20px;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .btn-group.dodaj-u-korpu .btn i {
     position: relative;
     top: 1px;
     font-size: 18px;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .dodaj-u-korpu .input-group {
     width: 20px;
     align-items: center;
 }
 
 .sn-lazarev-holder .sn-list-item-holder .dodaj-u-korpu .form-control {
     box-shadow: 0 0 0 transparent;
     border: 0 none;
     text-align: center;
     font-size: 16px;
     color: #0f314d;
     padding-top: 2px;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 20px;
     width: 100%;
     z-index: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 /*** ETAR ***/
 .header .navbar-nav li .nav-link img.logo-etar-2,
 .sn-lazarev-page .header .navbar-nav li .nav-link img.logo-etar-2,
 .etar-page .header .navbar-nav li .nav-link img.logo-etar {
     display: none;
 }
 
 .header .navbar-nav li .nav-link img.logo-etar,
 .sn-lazarev-page .header .navbar-nav li .nav-link img.logo-etar,
 .etar-page .header .navbar-nav li .nav-link img.logo-etar-2 {
     display: inline-block;
 }
 
 .etar-page .header-top button.btn-top-dropdown,
 .etar-page .header,
 .etar-page .main-content-slider .owl-nav .owl-prev,
 .etar-page .main-content-slider .owl-nav .owl-next,
 .etar-page .secondary-bg,
 .etar-page .scrollToTop,
 .etar-page .book-content .item-price .btn-group.dodaj-u-korpu,
 .etar-page .btn-default,
 .etar-page .owl-carousel .listing-item .btn-group.dodaj-u-korpu {
     background-color: #31B3C4;
 }
 
 .etar-page .top-navigation .navbar-nav .nav-link:hover,
 .etar-page .top-navigation .navbar-nav .nav-link:focus,
 .etar-page .top-navigation .navbar-nav .nav-item.dropdown.show .nav-link {
     color: #31B3C4;
     border-bottom: 4px solid #31B3C4;
 }
 
 .etar-page .book-content .item-selection .btn-default-transparent.selected,
 .etar-page .book-content .item-selection .btn-default-transparent:hover,
 .etar-page .header-top-dropdown .dropdown-menu.prijava .btn-default-transparent,
 .etar-page .btn-default-transparent,
 .etar-page .btn-default {
     border-color: #31B3C4;
     border-width: 1px;
 }
 
 .etar-page .nav-tabs.style-3 {
     background-color: #31B3C4 !important;
 }
 
 .etar-page .nav-tabs.style-3>li>a {
     color: #fff;
 }
 
 .etar-page .nav-tabs.style-3>li>a:hover {
     background-color: #9CD8E0 !important;
     border-color: #9CD8E0 !important;
 }
 
 .etar-page .nav-tabs.style-3>li>a.active,
 .etar-page .nav-tabs.style-3>li>a.active:hover,
 .etar-page .nav-tabs.style-3>li>a.active:focus {
     background-color: #9CD8E0 !important;
     border-color: #9CD8E0 !important;
 }
 
 .etar-page .header .main-navigation.animated .navbar-nav li a.text-green,
 .etar-page .header .main-navigation.animated .navbar-nav li a.text-blue,
 .etar-page .collapse-style-2 .card-header a:hover {
     color: #fff;
 }
 
 .etar-page a,
 .etar-page a:hover,
 .etar-page .text-default,
 .etar-page .top-navigation .navbar-nav li li a:hover,
 .etar-page .top-navigation .navbar-nav li li a:focus,
 .etar-page .header .navbar-nav li li a:hover,
 .etar-page .btn-default-transparent i,
 .etar-page .header-top-dropdown .dropdown-menu.prijava a.link:hover,
 .etar-page .header-top-dropdown .dropdown-menu.prijava .btn-default-transparent:hover,
 .etar-page .header-top-dropdown .dropdown-menu.valuta button.selected,
 .etar-page .header-top-dropdown .dropdown-menu.valuta button:hover,
 .etar-page .header-top .btn-block.selected i,
 .etar-page .btn-white:hover,
 .etar-page .btn-white:focus,
 .etar-page .btn-white.focus,
 .etar-page .btn-white:active,
 .etar-page .btn-white.active,
 .etar-page .show>.dropdown-toggle.btn-white,
 .etar-page .aside-listing .nav.flex-column.list-style-icons>li .nav-link>.flex-icon i,
 .etar-page .nav.flex-column>li .nav-link.active,
 .etar-page .nav.flex-column>li .nav-link.active:hover,
 .etar-page .nav.flex-column>li .nav-link.active:focus,
 .etar-page .nav.flex-column>li .nav-link:hover,
 .etar-page .nav.flex-column>li .nav-link:focus,
 .etar-page .book-content .item-action a:hover,
 .etar-page .btn-link,
 .etar-page .comments-container .comments .show-all .btn,
 .etar-page .breadcrumb-item a:hover,
 .etar-page .header-top-dropdown .dropdown-menu.valuta a.selected,
 .etar-page .header-top-dropdown .dropdown-menu.valuta a:hover,
 .etar-page .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-prev::after,
 .etar-page .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-prev::after,
 .etar-page .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev::after,
 .etar-page .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-next::after,
 .etar-page .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-next::after,
 .etar-page .content-slider-last-viewed-related.style-2 .owl-nav .owl-next::after {
     color: #31B3C4;
 }
 
 .etar-page h1 a,
 .etar-page h2 a,
 .etar-page h3 a,
 .etar-page h4 a,
 .etar-page h5 a,
 .etar-page h6 a,
 .etar-page .header .main-navigation.animated .navbar-nav li a.text-green:hover,
 .etar-page .header .main-navigation.animated .navbar-nav li a.text-blue:hover,
 .etar-page .header .navbar-nav li .nav-link:hover,
 .etar-page .header .main-navigation.animated .navbar-nav li a.text-green:focus,
 .etar-page .header .main-navigation.animated .navbar-nav li a.text-blue:focus,
 .etar-page .header .navbar-nav li .nav-link:focus,
 .etar-page .header .navbar-nav .nav-item.show .dropdown-toggle::after,
 .etar-page .header .navbar-nav li.sn-lazarev.show>a.text-green,
 .etar-page .header .navbar-nav li.sn-lazarev.show>.nav-link,
 .etar-page .header .navbar-nav li.sn-lazarev.nav-item.show .dropdown-toggle::after,
 .etar-page .header .navbar-nav li.nav-etar.show>.nav-link,
 .etar-page .header .navbar-nav li.nav-etar.nav-item.show .dropdown-toggle::after,
 .etar-page .header-top-dropdown .dropdown-menu::before,
 .etar-page .subfooter a,
 .etar-page .breadcrumb-item a,
 .etar-page .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-prev:hover::after,
 .etar-page .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-prev:hover::after,
 .etar-page .content-slider-last-viewed-related.style-2 .owl-nav .owl-prev:hover::after,
 .etar-page .content-slider-with-controls-autoplay.style-2 .owl-nav .owl-next:hover::after,
 .etar-page .content-slider-with-controls-autoplay-tab.style-2 .owl-nav .owl-next:hover::after,
 .etar-page .content-slider-last-viewed-related.style-2 .owl-nav .owl-next:hover::after {
     color: #0f314d;
 }
 
 .etar-page h1 {
     font-size: 32px;
     text-transform: none;
 }
 
 .etar-page .etar-holder .main-img {
     /* float: left; */
     max-width: 300px;
     margin-right: 20px;
     margin-bottom: 20px;
 }
 
 .etar-page .etar-holder .event-info ul {
     padding-left: 0;
 }
 
 .etar-page .etar-holder .event-info li {
     list-style: none;
 }
 
 .etar-page .event-desc .dodaj-u-korpu-holder {
     margin-bottom: 30px;
 }
 
 .etar-page .etar-holder .event-desc h2 {
     font-size: 22px;
     text-align: center;
     font-weight: 600;
     text-transform: none;
     margin-top: 30px;
 }
 
 .etar-page .etar-holder .dodaj-u-korpu-holder {
     display: flex;
     justify-content: center;
     margin-top: 30px;
 }
 
 .etar-page .etar-holder .item-price .elements-list {
     text-align: center;
 }
 
 .etar-page .etar-holder .item-price del {
     font-size: 18px;
     font-weight: 400;
     color: #787878;
     display: block;
 }
 
 .etar-page .etar-holder .item-price .price {
     font-size: 32px;
     color: #0f314d;
 }
 
 .etar-page .etar-holder .item-price .price-discounted {
     color: #e54b4b;
     font-weight: 600;
 }
 
 .etar-page .etar-holder .item-price .price .text-muted {
     color: #0f314d !important;
 }
 
 .etar-page .etar-holder .dodaj-u-korpu-holder .btn-group.dodaj-u-korpu {
     background-color: #31B3C4;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     width: 200px;
     height: 40px;
     padding: 0 10px;
     margin-top: 0;
     align-items: center;
     justify-content: space-between;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .etar-page .etar-holder .dodaj-u-korpu-holder .btn-group.dodaj-u-korpu .btn {
     padding: 0;
     color: #fff;
     margin: 0;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 20px;
 }
 
 .etar-page .etar-holder .dodaj-u-korpu-holder .btn-group.dodaj-u-korpu .btn i {
     position: relative;
     top: 1px;
     font-size: 18px;
 }
 
 .etar-page .etar-holder .dodaj-u-korpu-holder .dodaj-u-korpu .input-group {
     width: 20px;
     align-items: center;
 }
 
 .etar-page .etar-holder .dodaj-u-korpu-holder .dodaj-u-korpu .form-control {
     box-shadow: 0 0 0 transparent;
     border: 0 none;
     text-align: center;
     font-size: 16px;
     color: #0f314d;
     padding-top: 2px;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 20px;
     width: 100%;
     z-index: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .etar-page .etar-section p {
     font-size: 14px;
     color: #fff;
     font-weight: 600;
     text-align: justify;
 }
 
 .etar-holder .etar-list-item-holder h3 {
     text-transform: uppercase;
     font-size: 18px;
 }
 
 .etar-holder .etar-list-item-holder h2 {
     text-transform: none;
     font-size: 26px;
     font-weight: 600;
     height: 140px;
     overflow: hidden;
 }
 
 .etar-holder .etar-list-item-holder {
     border: 1px solid #d0d0ce;
     padding: 15px 0;
     margin: 0 0 20px 0;
 }
 
 .etar-holder .etar-list-item-holder img {
     margin: 0 auto;
 }
 
 .etar-holder .etar-list-item-holder .item-price {
     margin-top: 20px;
 }
 
 .etar-holder .etar-list-item-holder .item-price del {
     font-size: 32px;
     font-weight: 400;
     color: #787878;
     display: block;
 }
 
 .etar-holder .etar-list-item-holder .item-price .price {
     font-size: 32px;
     color: #0f314d;
 }
 
 .etar-holder .etar-list-item-holder .item-price .price-discounted {
     color: #e54b4b;
     font-weight: 600;
 }
 
 .etar-holder .etar-list-item-holder .etar-list-info p {
     font-size: 22px;
     margin: 0;
     display: flex;
     align-items: center;
     height: 34px;
 }
 
 .etar-holder .etar-list-item-holder .etar-list-info svg {
     height: 30px;
     width: auto;
     margin-right: 5px;
     color: #787878;
 }
 
 .etar-holder .etar-list-item-holder .etar-list-buttons {
     margin-top: 20px;
 }
 
 .etar-holder .etar-list-item-holder .etar-list-buttons a.btn {
     background-color: #31B3C4;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 200px;
     height: 40px;
     padding: 0 10px;
     margin-top: 0;
     align-items: center;
     justify-content: center;
     border-color: #31B3C4;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #fff;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 20px;
 }
 
 .etar-holder .etar-list-item-holder .btn-group.dodaj-u-korpu {
     background-color: #31B3C4;
     display: flex;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 200px;
     height: 40px;
     padding: 0 10px;
     margin-top: 0;
     align-items: center;
     justify-content: space-between;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 .etar-holder .etar-list-item-holder .btn-group.dodaj-u-korpu .btn {
     padding: 0;
     color: #fff;
     margin: 0;
     font-family: 'myriad-pro-cond-reg,sans-serif';
     font-size: 20px;
 }
 
 .etar-holder .etar-list-item-holder .btn-group.dodaj-u-korpu .btn i {
     position: relative;
     top: 1px;
     font-size: 18px;
 }
 
 .etar-holder .etar-list-item-holder .dodaj-u-korpu .input-group {
     width: 20px;
     align-items: center;
 }
 
 .etar-holder .etar-list-item-holder .dodaj-u-korpu .form-control {
     box-shadow: 0 0 0 transparent;
     border: 0 none;
     text-align: center;
     font-size: 16px;
     color: #0f314d;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 3px;
     padding-right: 3px;
     height: 20px;
     width: 100%;
     z-index: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
 
 
 @media (max-width: 1199px) {
     .top-navigation .navbar-nav .nav-link {
         padding: 0 7px;
         font-size: 13px;
     }
 
     .header .navbar-nav li.sn-lazarev .nav-link span.span-sn-lazarev {
         font-size: 29px;
     }
 
     .book-content .item-price .btn-group.dodaj-u-korpu .btn {
         font-size: 14px;
     }
 
     .sn-lazarev-holder .sn-list-item-holder h2,
     .etar-holder .etar-list-item-holder h2 {
         height: 140px;
     }
 }
 
 @media (max-width: 991px) {
     .top-navigation .navbar-nav {
         padding-top: 20px;
         padding-bottom: 20px;
     }
 
     .top-navigation .navbar-nav li ul {
         box-shadow: 0 0 0 0;
     }
 
     .top-navigation .navbar-nav .nav-link {
         font-size: 15px;
     }
 
     .top-navigation .navbar-light .navbar-toggler {
         color: #0f314d;
     }
 
     .header .navbar-light .navbar-toggler {
         color: #fff;
     }
 
     .header .navbar-nav .dropdown-menu,
     .header .navbar-nav li li a:focus,
     .header .navbar-nav li li a:hover {
         background-color: #0f314d;
     }
 
     .header .navbar-nav li li a {
         color: #fff;
     }
 
     .header .navbar-nav .nav-item {
         border-bottom: 0 none;
     }
 
     .header .navbar-nav .dropdown-toggle::after {
         position: relative;
         top: 0;
         right: 0;
         color: #fff;
         margin-left: 2em;
     }
 
     .header-dropdown-buttons.mr-3,
     .header-dropdown-buttons .btn-group:first-child {
         margin-right: 0 !important;
     }
 
     .header-dropdown-buttons .dropdown-toggle i {
         color: #fff;
         font-size: 24px;
         position: relative;
         top: 3px;
     }
 
     .nav-search {
         display: none;
     }
 
     .header .navbar-nav li .nav-link {
         padding: 0 15px;
         height: 50px;
     }
 
     .header .navbar-nav li .nav-link img {
         max-height: 40px;
     }
 
     .header .main-navigation.animated .navbar-nav li a.text-blue .nav-alignment {
         order: 2;
     }
 
     .header .navbar-nav li.nav-etar .dropdown-toggle::after {
         top: 7px;
     }
 
     .header .navbar-nav li.nav-etar .nav-link img {
         margin-left: 0;
         margin-right: 7px;
     }
 
     .product-content-container .product-image-holder img {
         margin: 0 auto;
     }
 
     .book-content .item-price .btn-group.dodaj-u-korpu .btn {
         font-size: 20px;
     }
 
     .sn-lazarev-page .header .navbar-nav .dropdown-menu,
     .sn-lazarev-page .header .navbar-nav li li a:focus,
     .sn-lazarev-page .header .navbar-nav li li a:hover {
         background-color: #9FAF00;
     }
 
     .sn-lazarev-page .header .navbar-nav .show .dropdown-menu>li>a:hover,
     .sn-lazarev-page .header .navbar-nav .show .dropdown-menu>li>a:focus {
         color: #0f314d;
     }
 
     .etar-page .header .navbar-nav .dropdown-menu,
     .etar-page .header .navbar-nav li li a:focus,
     .etar-page .header .navbar-nav li li a:hover {
         background-color: #31B3C4;
     }
 
     .etar-page .header .navbar-nav .show .dropdown-menu>li>a:hover,
     .etar-page .header .navbar-nav .show .dropdown-menu>li>a:focus {
         color: #0f314d;
     }
 
     .sn-lazarev-holder .sn-list-item-holder .item-price,
     .etar-holder .etar-list-item-holder .item-price {
         margin-bottom: 20px;
     }
 
     .sn-lazarev-holder .sn-list-item-holder h2,
     .etar-holder .etar-list-item-holder h2 {
         height: auto;
     }
 }
 
 @media (max-width: 767px) {
     .breadcrumb {
         padding-left: 0;
         padding-right: 0;
     }
 
     .listing-content-container .listing-item .body h3 {
         height: 68px;
     }
 
     .listing-content-container .listing-item .dodaj-u-korpu .input-group,
     .owl-carousel .listing-item .dodaj-u-korpu .input-group {
         width: 50%;
     }
 
     .listing-content-container .listing-item .dodaj-u-korpu .form-control,
     .owl-carousel .listing-item .dodaj-u-korpu .form-control {
         padding-top: 0;
         font-size: 16px;
         line-height: 16px;
         height: 18px;
     }
 
     .listing-content-container .listing-item .btn-group.dodaj-u-korpu .btn:first-of-type,
     .owl-carousel .listing-item .btn-group.dodaj-u-korpu .btn:first-of-type {
         display: none;
     }
 
     .listing-content-container .listing-item .btn-group.dodaj-u-korpu.nedostupan-artikal .btn:first-of-type,
     .owl-carousel .listing-item .btn-group.dodaj-u-korpu.nedostupan-artikal .btn:first-of-type {
         display: inline-block;
     }
 
     .header .navbar-nav li.sn-lazarev .nav-link span.span-sn-lazarev {
         font-size: 22px;
     }
 
     .header .navbar-nav li .nav-link span.nav-alignment,
     .header .navbar-nav li.nav-etar .dropdown-toggle::after {
         top: 4px;
     }
 
     .main-content-slider .owl-nav .owl-prev,
     .main-content-slider .owl-nav .owl-next {
         width: 36px;
         height: 36px;
     }
 
     .main-content-slider .owl-nav div::after {
         font-size: 20px;
         margin-top: -10px;
     }
 
     .main-content-slider .owl-nav .owl-prev::after {
         left: 10px;
     }
 
     .main-content-slider .owl-nav .owl-next::after {
         right: 10px;
     }
 
     ul.pagination .page-item {
         margin: 0 7px 0 0;
     }
 
     ul.pagination .page-item .page-link,
     ul.pagination .page-item:first-child .page-link,
     ul.pagination .page-item:last-child .page-link {
         min-width: 24px;
         height: 24px;
         font-size: 14px;
         line-height: 20px;
     }
 
     .call-to-action .form-inline {
         display: flex !important;
     }
 
     .call-to-action .form-inline .form-group {
         margin-bottom: 0;
     }
 
     .call-to-action .form-control {
         min-width: 230px;
     }
 
     .tabs-holder .nav-tabs>li>a {
         font-size: 14px;
     }
 
     .sn-lazarev-page .sn-lazarev-holder .main-img,
     .etar-page .etar-holder .main-img {
         max-width: 100%;
         float: none;
         display: block;
         margin: 0 auto 20px auto;
     }
 
     .sn-lazarev-holder .sn-list-item-holder .item-price .price,
     .sn-lazarev-holder .sn-list-item-holder .item-price del,
     .etar-holder .etar-list-item-holder .item-price .price,
     .etar-holder .etar-list-item-holder .item-price del {
         font-size: 24px;
     }
 
     .sn-lazarev-holder h3,
     .sn-lazarev-holder .sn-list-item-holder .sn-list-info p,
     .etar-holder h3,
     .etar-holder .etar-list-item-holder .etar-list-info p {
         font-size: 18px;
     }
 
     .sn-lazarev-holder .sn-list-item-holder .sn-list-info,
     .etar-holder .etar-list-item-holder .etar-list-info {
         margin-bottom: 10px;
     }
 
     .sn-lazarev-holder .sn-list-item-holder .sn-list-buttons,
     .etar-holder .etar-list-item-holder .etar-list-buttons {
         display: flex;
         justify-content: center;
         margin-top: 10px;
     }
 }
 
 @media (max-width: 575px) {
     .tabs-holder .nav-item {
         display: inline-block;
     }
 }
 
 @media (max-width: 414px) {
     .listing-content-container .listing-item .body h3 {
         font-size: 13px;
     }
 
     .header-top-dropdown .dropdown-menu.prijava {
         min-width: 219px;
     }
 
     .header-top-dropdown .dropdown-menu.prijava .btn-default-transparent {
         width: 100%;
         display: block;
     }
 
     .dropdown-menu.prijava .btn-group.margin-left {
         margin-top: 10px;
         margin-left: 0;
     }
 
     .header-top-dropdown .dropdown-menu.cart {
         min-width: 260px;
     }
 
     .header-top-dropdown .dropdown-menu.valuta {
         min-width: 200px;
     }
 
     .cart-item .item-image {
         max-width: 50px;
     }
 
     .cart-item .item-info {
         max-width: 75px;
     }
 }
 
 @media (max-width: 375px) {}
 
 @media (max-width: 360px) {}
 
 @media (max-width: 359px) {
     .listing-content-container .listing-item .body h3 {
         font-size: 12px;
     }
 }
 
 .p1 {
     text-align: center;
 }
 
 .p2 {
     text-align: initial !important;
 }
 
 .p2 .small {
     text-align: initial !important;
 }
 
 .social {
     display: inline-flex;
     margin: 46px 31px 20px 31px;
     ;
 }
 
 .social a img {
     text-align: center;
     margin: 0 5px;
 }
 
 .social a:hover {
     -ms-transform: scale(1.5);
     /* IE 9 */
     -webkit-transform: scale(1.5);
     /* Safari 3-8 */
     transform: scale(1.5)
 }
 
 .elements-list {
     text-align: center;
 }
 
 .elements-list i {
     font-size: 18px;
     color: #31b3c4;
 }
 
 .question {
     margin-top: 30px;
     text-align: center;
 }
 
 .question h5 {
     display: inline-flex;
 }
 
 .question h5 img {
     margin-right: 5px;
     margin-top: -5px;
 }
 
 .odlomak {
     height: 38px;
     margin-top: -15px;
     position: absolute;
     margin-left: 31%;
 }
 
 .list a .odlomak:hover {
     -ms-transform: scale(1.5);
     /* IE 9 */
     -webkit-transform: scale(1.5);
     /* Safari 3-8 */
     transform: scale(1.5)
 }
 
 .gallery1 {
     display: flex;
 }
 
 .gallery1 a {
     margin: 5px;
 
 }
 
 .gallery1 a img {
 
     height: 30px;
     width: 30px;
 }
 
 .p3 {
     text-align: center;
 }
 
 
 .social1 {
     text-align: center;
     display: inline-flex;
 
     padding: 10% 34%;
 }
 
 .social1 a img {
     text-align: center;
     margin: 0 5px;
 }
 
 .social1 a:hover {
     -ms-transform: scale(1.5);
     /* IE 9 */
     -webkit-transform: scale(1.5);
     /* Safari 3-8 */
     transform: scale(1.5)
 }
 
 .elements-list1 {
     text-align: center;
 }
 
 .elements-list1 i {
     font-size: 18px;
     color: #31b3c4;
 }
 
 .question1 {
     margin-top: 30px;
     text-align: center;
 }
 
 .question1 h5 {
     display: inline-flex;
 }
 
 .question1 h5 img {
     margin-right: 5px;
     margin-top: -5px;
 }
 
 .odlomak1 {
     height: 38px;
     margin-top: -15px;
     display: inline-flex;
 }
 
 .list1 a .odlomak1:hover {
     -ms-transform: scale(1.5);
     /* IE 9 */
     -webkit-transform: scale(1.5);
     /* Safari 3-8 */
     transform: scale(1.5)
 }
 
 .list1 {
     margin: 30px 0;
 }
 
 @media only screen and (max-width: 600px) {
     .list1 {
         margin: unset;
     }
 }
 
 .gallery2 {
     display: flex;
 }
 
 .gallery2 a {
     margin: 5px;
 
 }
 
 .gallery2 a img {
 
     height: 30px;
     width: 30px;
 }
 
 .korpa {
     max-width: 100% !important;
 }
 
 @media only screen and (max-width: 600px) {
     .odlomak1 {
         height: 38px;
         margin-top: unset;
 
     }
 }
 
 @media only screen and (max-width: 600px) {
     .social1 {
         text-align: center;
         display: inline-flex;
         padding: 15px 33%;
     }
 }
 
 .slicice {}
 
 @media only screen and (max-width: 600px) {
     .slicice {
         position: relative;
         display: inline-block;
         width: 30%;
     }
 }