/*GENERAL*/

.branding a img {
  max-width: 60px;
}

.sticky-on a img {
  max-width: 45px;
}

a {
  text-decoration: none;
}

.main-nav > li > a .menu-text {
  letter-spacing: 0.02em;
}

/*NASLOVNA*/
.home-1 {
  padding: 100px 0 50px;
}

.home-2 {
  padding: 70px 0 100px;
}

.home-3 {
  padding: 200px 0;
  background: linear-gradient(
    112.59deg,
    #ffffff 15.12%,
    rgba(177, 177, 177, 0.4) 100%
  );
}

.home-4 {
  padding: 100px 0 0px;
}

.upis-column h1 {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.upis-column h2 {
  margin-bottom: 50px !important;
  letter-spacing: 0.01em;
}

.upis-column a {
  font-family: "Montserrat";
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  background: #e22726;
  text-decoration: none;
  padding: 10px 90px;
  text-transform: uppercase;
  border-radius: 3px;
}

.upis-column a:hover {
  background: #e24646;
  color: #fff;
  cursor: pointer;
}

.post-entry-content h3.entry-title,
.blog-content h3.entry-title {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
}

.dt-btn,
.widget .dt-form .dt-btn,
.nsu-submit,
.give-btn.give-btn-reveal,
.give-submit.give-btn {
  border-radius: 3px !important;
}

.blog-shortcode .entry-meta,
.portfolio-shortcode .entry-meta,
.albums-shortcode .entry-meta,
.owl-carousel .entry-meta {
  font-size: 14px;
  line-height: 25px;
}

.blog-shortcode.blog-masonry-shortcode-id-499812bc7b4c64e2c9ddc0d4491cf2fb:not(.centered-layout-list)
  .post-entry-content {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/*home 4*/
.home-4 a {
  font-family: "Montserrat";
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  background: #e22726;
  padding: 15px 45px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 3px;
}

.home-4-inner {
  text-align: center;
}

.home-4 a:hover {
  background: #e24646;
  color: #fff;
  cursor: pointer;
}

/*
 .home-box.a img {
  transform: scaleX(-1); 
}
*/

.home .home-box.a .vc_figure:before {
  background: linear-gradient(
    250.71deg,
    #ffffff 12.97%,
    rgba(255, 255, 255, 0) 57.13%
  );
  transform: matrix(-1, 0, 0, 1, 0, 0);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  left: -2px;
}

.page-id-21 .home-box.a .vc_figure {
  /* border-top: #e22726 solid 5px; */
  /* border-bottom: #e22726 solid 5px; */
  /* border-right: #e22726 solid 5px; */
  border-left: #e22726 solid 5px;
  box-shadow: 5px 5px 5px #ccc;
}

.home-box .vc_figure {
  position: relative;
}

.home-box.b .vc_figure:before {
  background: linear-gradient(
    250.71deg,
    #ffffff 12.97%,
    rgba(255, 255, 255, 0) 57.13%
  );
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
}

/*NOVOSTI*/
.bg-on .blog-content,
.bg-on .project-list-content {
  padding: 25px 30px 30px 30px;
  background-color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.details {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  font: normal 12px / 14px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  border-radius: 3px;
  border: 0px solid #ffffff;
  padding: 10px 30px 10px 30px !important;
  background-color: #e22726;
  background-image: none;
  background: #e22726;
  color: #fff !important;
  margin-top: 20px;
}

.details:hover {
  background-color: #e24646;
  background-image: none;
  background: #e24646;
}

a,
a:hover {
  color: #e22726;
}

.rollover i,
.post-rollover i,
.rollover-video i,
.enable-bg-rollover .post-thumbnail-rollover:after,
.enable-bg-rollover .gallery-rollover,
.enable-bg-rollover.hover-scale figure:after {
  background-color: rgba(226, 39, 38, 0) !important;
  background: rgba(226, 39, 38, 0) !important;
  background: -webkit-linear-gradient();
  background: linear-gradient();
}

.blog-media a:hover img {
  transform: scale(1.1);
  transition: 3s;
}

/*Novosti*/
.main-bcg-img {
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  margin-bottom: 70px;
}

.main-bcg-img:before {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.main-bcg-img.novosti {
  background-image: url(/wp-content/uploads/2020/06/1Z5A5759.jpg);
  background-position: 50% 50%;
}

.main-bcg-img.o-nama {
  background-image: url(/wp-content/uploads/2020/06/1Z5A5669.jpg);
  background-position: 50% 65%;
}

.main-heading {
  position: relative;
  top: 40%;
  z-index: 6;
}

.main-heading h1 {
  text-align: center;
  color: #fff;
  font-size: 64px;
  line-height: 75px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-shadow: 0 0 35px #000;
}

.page-id-33 .wf-container {
  margin-top: -350px;
  z-index: 5;
}

/*O NAMA*/
.o-nama-sub {
  max-width: 1000px;
}

.driver-row {
  padding-top: 15px;
}

.driver-box > .vc_column-inner {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  margin-bottom: 35px;
  background-color: #1f2231;
}

.driver-img > .vc_column-inner {
  padding-right: 0;
}

.driver-box h3 {
  text-transform: uppercase;
}

.driver-box {
  text-align: center;
}

.driver-box .name {
  margin: 45px 0 40px;
}

.driver-box .vc_separator {
  margin-bottom: 50px;
}

.driver-box p {
  font-size: 18px;
  color: #fff;
  font-family: "Montserrat";
}

.driver-box .vc_column-inner {
  border-left: 4px solid #e64847;
}

.driver-img .vc_figure {
  overflow: hidden;
}

.driver-img .vc_figure img {
  transition: 500ms;
}

.driver-img .vc_figure:hover img {
  transform: scale(1.05);
  transition: 500ms;
}

.driver-box {
  overflow: hidden;
}

.driver-box > .vc_column-inner:before {
  background: url(/wp-content/uploads/2020/06/3M-logo.png);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform: scale(1.5) rotate(9deg);
  opacity: 0.25;
}

.instruktori-row {
  margin-top: -430px;
  z-index: 10;
}

.driver-row {
  z-index: 10;
}

.name h3 {
  color: #fff;
}

.driver-box > .vc_column-inner > .wpb_wrapper {
  z-index: 2;
}

/*Kontakt*/
.background-new {
  height: 600px;
}

.background-new:before {
  background: linear-gradient(
    180deg,
    #ffffff 8%,
    rgba(255, 255, 255, 0.6) 85%,
    #ffffff 100%
  );
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.page-id-19 .background-new:before {
  background: linear-gradient(
    180deg,
    #ffffff 8%,
    rgba(255, 255, 255, 0.7) 70%,
    #ffffff 100%
  );
}

.kontakt-info i {
  color: #e22726;
}

.kontakt-info a {
  color: #000;
  font-style: oblique;
}

.background-heading-col {
  padding-top: 60px;
  z-index: 5;
}

.background-heading {
  margin-bottom: 50px;
}

.background-heading-col h1 {
  text-transform: uppercase;
  text-shadow: 0px 0px 3px #cacaca;
  letter-spacing: 0.02em;
}

.kontakt-img img {
  max-width: 360px !important;
}

.kontakt-row {
  padding-top: 30px;
}

form p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

/*CJENIK*/
.page-id-22 .background-new {
  height: auto;
}

.kategorije-cijene > .vc_column-inner {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  background-color: #e22726;
  color: #fff;
  padding: 30px 0 0;
  transition: 1s;
}

.kat-row {
  margin-bottom: 50px;
}

.kategorije-cijene > .vc_column-inner h2 {
  color: #fff;
}

.kategorije-cijene .kat {
  margin-bottom: 5px;
}

.kategorije-cijene.novo .kat {
  padding: 15px;
  font-size: 20px;
  margin-bottom: 30px;
  font-family: "Montserrat";
}

.kategorije-cijene .pos p {
  font-size: 18px;
  max-width: 300px;
  margin: 0 auto;
}

.pos {
  height: 35px;
}

.price {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #000;
}

.novo .price {
  display: grid;
  background-color: #333;
  min-height: 190px;
  text-align: -webkit-center;
  align-items: center;
}

.novo:last-of-type .price p:first-of-type {
  margin-bottom: 0;
}

.price hr {
  width: 90%;
  margin: 5px 0px;
}

.price strong {
  font-size: 28px;
  line-height: 38px;
}

.price.numbers {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #333;
  border-bottom: 1px solid #656565;
}

.price.numbers strong {
  font-size: 26px;
  line-height: 38px;
}

.number a {
  color: aliceblue;
  font-weight: 500;
  font-style: italic;
}

.kategorije-cijene > .vc_column-inner:hover {
  transform: scale(1.01);
  transition: 500ms;
  box-shadow: 0 0 5px #333;
}

.placanje li {
  font-size: 20px;
  line-height: 30px;
}

.row-placanje {
  padding-top: 30px;
}

.row-opcije p {
  text-align: center;
  font-size: 22px;
}

/*Kategorije*/
.page-id-21 .background-new {
  height: auto;
}

.page-id-21 .home-4 {
  padding: 50px 0 0px;
}

.page-id-21 .home-4-inner {
  text-align: left;
  margin-bottom: 50px;
}

.home-4-inner p,
.home-4-inner li {
  font-size: 18px;
}

.upis-btn {
  display: inline-block;
}

.content .home-4-inner ul {
  list-style: none;
}

.home-4-inner li {
  position: relative;
}

.home-4-inner li:before {
  content: "";
  width: 14px;
  height: 1px;
  background: #000;
  position: absolute;
  left: -20px;
  top: 14px;
}

/*FOOTER*/
#footer {
  position: relative;
}

#footer .wf-container {
  text-align: center;
}

#footer.solid-bg {
  box-shadow: inset 0 0 20px 5px #cacaca;
  margin-top: 240px;
}

#footer .wf-container-footer {
  padding-top: 80px !important;
  padding-bottom: 0px !important;
}

#footer:before {
  content: "";
  background: url(/wp-content/uploads/2020/06/Waves.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 5;
  top: -180px;
  left: 0;
  position: absolute;
  width: 100%;
  height: 180px;
}

#bottom-bar p {
  font-size: 18px;
  font-family: Montserrat;
  font-weight: 500;
}

.footer .widget,
.footer .tp_recent_tweets li {
  font-size: 20px !important;
  line-height: 20px !important;
  color: #000 !important;
  font-family: Montserrat !important;
  font-weight: 500;
}

section#text-5 {
  text-align: left;
}

section#text-6 {
  text-align: right;
}

#text-5 p,
#text-6 p {
  display: inline-block;
}

#text-5 p:last-of-type,
#text-6 p:last-of-type {
  margin-left: 50px;
}

/*PITANJA*/
.page-id-23 .background-new {
  height: auto;
}

.vc_tta-panel-heading {
  background: #e22726 !important;
  border: none !important;
}

.vc_tta-panels a {
  color: #fff !important;
}

.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-classic
  .vc_active
  .vc_tta-panel-heading
  .vc_tta-controls-icon::after,
.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-classic
  .vc_active
  .vc_tta-panel-heading
  .vc_tta-controls-icon::before {
  border-color: #fff !important;
}

.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-classic
  .vc_tta-controls-icon::after,
.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-classic
  .vc_tta-controls-icon::before {
  border-color: #fff !important;
}

.wpb-js-composer
  .vc_tta-color-white.vc_tta-style-classic
  .vc_tta-panel
  .vc_tta-panel-body {
  background-color: #333 !important;
  border: none;
}

.vc_tta-panel-body p,
.vc_tta-panel-body li {
  color: #fff;
}

.predavaonica {
  margin-top: 40px;
}

.predavaonica img {
  transition: 1s;
}

.predavaonica img:hover {
  transform: scale(1.05);
  transition: 1s;
}

/*GALERIJA*/
.page-id-306 .background-new {
  height: auto;
}

/*UPIS*/
.page-id-24 .background-new:before,
.page-id-526 .background-new:before {
  background: linear-gradient,
    (180deg, #ffffff 8%, rgba(255, 255, 255, 0.6) 60%, #ffffff 100%);
}

.forma-row {
  margin-top: -330px;
  z-index: 5;
}

.wpcf7 label {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  font-family: Montserrat;
  letter-spacing: 0.02em;
}

.content input[type="text"],
.content .widget_search input[type="text"].searchform-s,
.content input[type="search"],
.content input[type="tel"],
.content input[type="url"],
.content input[type="email"],
.content input[type="number"],
.content input[type="date"],
.content input[type="range"],
.content input[type="password"],
.content select,
.content textarea,
.content .wpcf7-number {
  font-family: Montserrat;
  font-size: 15px;
  line-height: 27px;
  font-weight: 500;
  letter-spacing: 0.03em;
}

.content input[type="text"],
.content .widget_search input[type="text"].searchform-s,
.content input[type="search"],
.content input[type="tel"],
.content input[type="url"],
.content input[type="email"],
.content input[type="number"],
.content input[type="date"],
.content input[type="range"],
.content input[type="password"],
.content select,
.content textarea,
.content .wpcf7-number {
  font-family: Montserrat;
  font-weight: 500;
  letter-spacing: 0.03em;
}

input[type="text"],
.widget_search input[type="text"].searchform-s,
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="range"],
input[type="password"],
select,
textarea,
.wpcf7-number {
  color: #333 !important;
  border-color: #c5c5c5 !important;
}

input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit),
.post-password-form input[type="submit"],
.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"],
.tml-submit-wrap input[type="submit"],
.wpcf7-form input[type="submit"] {
  border-radius: 3px;
}

input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit),
.post-password-form input[type="submit"],
.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"],
.tml-submit-wrap input[type="submit"],
.wpcf7-form input[type="submit"] {
  border-radius: 3px;
}

/*Kolacici*/
.cli-style-v2 .cli-bar-message {
  width: 100%;
}

/******* RESPONSIVITY ********/
@media screen and (min-width: 1100px) {
  .page-id-24 .wpcf7-form input[type="text"],
  .page-id-24 .wpcf7-form input[type="tel"],
  .page-id-24 .wpcf7-form input[type="url"],
  .page-id-24 .wpcf7-form input[type="email"],
  .page-id-24 .wpcf7-form input[type="number"],
  .page-id-24 .wpcf7-form input[type="date"],
  .page-id-24 .wpcf7-form input[type="range"],
  .page-id-24 .wpcf7-form textarea,
  .page-id-24 .wpcf7-select,
  .page-id-526 .wpcf7-form input[type="text"],
  .page-id-526 .wpcf7-form input[type="tel"],
  .page-id-526 .wpcf7-form input[type="url"],
  .page-id-526 .wpcf7-form input[type="email"],
  .page-id-526 .wpcf7-form input[type="number"],
  .page-id-526 .wpcf7-form input[type="date"],
  .page-id-526 .wpcf7-form input[type="range"],
  .page-id-526 .wpcf7-form textarea,
  .page-id-526 .wpcf7-select {
    width: 60%;
  }
}

.desk-post {
  display: block !important;
}

.mob-post {
  display: none !important;
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  /* HEADER */
  .main-nav > li > a .menu-text {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 1002px) and (max-width: 1002px) {
  /* HEADER */
  .main-nav > li > a .menu-text {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 992px) {
  /* HEADER */
  .mobile-branding img.preload-me {
    max-width: 50px;
    padding: 10px;
  }
}

@media screen and (max-width: 778px) {
  .home-1 {
    padding: 50px 0 50px;
  }
}

@media screen and (max-width: 768px) {
  /*HOME*/
  .home-4 {
    padding: 50px 0 0px;
  }

  .home-4-inner .first {
    order: 1;
  }

  .home-cat > .vc_column-inner > .wpb_wrapper {
    display: inline-flex;
    align-items: center;
  }

  .home-cat .wpb_text_column {
    width: 50%;
  }

  .home-cat .wpb_text_column:first-of-type {
    width: 30%;
  }

  .home-4 a {
    font-size: 16px;
    line-height: 16px;
    padding: 15px 20px;
  }

  .home-box.b {
    order: 2;
  }

  .novo .price {
    min-height: 60px;
  }

  /*UPIS*/
  input.wpcf7-submit {
    margin-top: 20px;
  }

  /*O nama*/
  .driver-row {
    padding: 0px 20px !important;
  }
}

@media screen and (max-width: 500px) {
  .home-3 {
    text-align: center;
    padding: 100px 0;
  }

  .desk-post {
    display: none !important;
  }

  .mob-post {
    display: block !important;
  }

  h1,
  .h1-size,
  .entry-title.h1-size,
  .dt-accordion-h1-size .wpb_accordion_header > a {
    font-size: 42px !important;
  }

  h2,
  .h2-size,
  .entry-title.h2-size,
  h1.entry-title,
  .dt-accordion-h2-size .wpb_accordion_header > a {
    font-size: 38px !important;
  }

  .upis-column h2 {
    margin-bottom: 20px !important;
    letter-spacing: 0.01em;
  }

  /*FOOTER*/
  section#text-5 {
    text-align: center;
  }

  section#text-6 {
    text-align: center;
  }

  footer img {
    max-width: 200px !important;
  }

  /*NOVOSTI*/
  #main .wf-container {
    margin: -420px -10px 0 -10px !important;
  }

  /*O NAMA*/
  .instruktori-row {
    z-index: 10;
  }

  .driver-row .wpb_single_image {
    margin-bottom: 0;
  }

  .driver-img > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0;
  }

  /*Kategorije*/
  .page-id-21 .home-4 {
    padding: 0px 0 0px;
  }

  /*Kontakt*/
  .kontakt-img img {
    max-width: 280px !important;
  }
}