/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.7rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
@font-face {
  font-family: "Outfit-Black";
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Outfit/Outfit-Black/Outfit-Black.eot?69e7ce9e#iefix') format("embedded-opentype"), url('../fonts/Outfit/Outfit-Black/Outfit-Black.woff2?69e7ce9f') format("woff2"), url('../fonts/Outfit/Outfit-Black/Outfit-Black.woff?69e7ce9f') format("woff"), url('../fonts/Outfit/Outfit-Black/Outfit-Black.ttf?69e7ce9f') format("truetype"), url('../fonts/Outfit/Outfit-Black/Outfit-Black.svg?69e7ce9f#Outfit-Black') format("svg");
}
@font-face {
  font-family: "Outfit-Bold";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Outfit/Outfit-Bold/Outfit-Bold.eot?69e7cea1#iefix') format("embedded-opentype"), url('../fonts/Outfit/Outfit-Bold/Outfit-Bold.woff2?69e7cea2') format("woff2"), url('../fonts/Outfit/Outfit-Bold/Outfit-Bold.woff?69e7cea2') format("woff"), url('../fonts/Outfit/Outfit-Bold/Outfit-Bold.ttf?69e7cea1') format("truetype"), url('../fonts/Outfit/Outfit-Bold/Outfit-Bold.svg?69e7cea1#Outfit-Bold') format("svg");
}
@font-face {
  font-family: "PublicSans-SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/PublicSans/PublicSans-SemiBold/PublicSans-SemiBold.eot?69e7cec6#iefix') format("embedded-opentype"), url('../fonts/PublicSans/PublicSans-SemiBold/PublicSans-SemiBold.woff2?69e7cec7') format("woff2"), url('../fonts/PublicSans/PublicSans-SemiBold/PublicSans-SemiBold.woff?69e7cec7') format("woff"), url('../fonts/PublicSans/PublicSans-SemiBold/PublicSans-SemiBold.ttf?69e7cec7') format("truetype"), url('../fonts/PublicSans/PublicSans-SemiBold/PublicSans-SemiBold.svg?69e7cec6#PublicSans-SemiBold') format("svg");
}
@font-face {
  font-family: "PublicSans-Regular";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/PublicSans/PublicSans-Regular/PublicSans-Regular.eot?69e7cec4#iefix') format("embedded-opentype"), url('../fonts/PublicSans/PublicSans-Regular/PublicSans-Regular.woff2?69e7cec5') format("woff2"), url('../fonts/PublicSans/PublicSans-Regular/PublicSans-Regular.woff?69e7cec4') format("woff"), url('../fonts/PublicSans/PublicSans-Regular/PublicSans-Regular.ttf?69e7cec4') format("truetype"), url('../fonts/PublicSans/PublicSans-Regular/PublicSans-Regular.svg?69e7cec4#PublicSans-Regular') format("svg");
}
@font-face {
  font-family: "PublicSans-ExtraLight";
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/PublicSans/PublicSans-ExtraLight/PublicSans-ExtraLight.eot?69e7cebc#iefix') format("embedded-opentype"), url('../fonts/PublicSans/PublicSans-ExtraLight/PublicSans-ExtraLight.woff2?69e7cebe') format("woff2"), url('../fonts/PublicSans/PublicSans-ExtraLight/PublicSans-ExtraLight.woff?69e7cebd') format("woff"), url('../fonts/PublicSans/PublicSans-ExtraLight/PublicSans-ExtraLight.ttf?69e7cebd') format("truetype"), url('../fonts/PublicSans/PublicSans-ExtraLight/PublicSans-ExtraLight.svg?69e7cebd#PublicSans-ExtraLight') format("svg");
}
/*colors*/
/*colors*/
/*font family*/
/*font family*/
/*breakpoints*/
/*breakpoints*/
/*border radius*/
/*border radius*/
/*box shadow*/
/*box shadow*/
/*content spacing*/
/*content spacing*/
/*==========================SECTIONS==========================*/
html {
  scroll-behavior: smooth;
}
/*fixed width*/
#g-page-surround {
  max-width: 120rem;
  margin: 0 auto;
}
.ConMaxWid {
  margin: 0 auto;
  max-width: 80rem;
  position: relative;
}
/*fixed width*/
/*fixed spacing 25/50*/
.g-content, .spacing {
  padding: calc(1.5625rem*2) 1.5625rem;
  margin: 0;
}
@media only screen and (min-width: 50rem) {
  .g-content, .spacing {
    padding: calc(1.5625rem*3) calc(1.5625rem*2);
  }
}
/*negate joomla styling*/
.container {
  padding-right: 0;
  padding-left: 0;
}
.row {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}
.row > * {
  padding-right: 0;
  padding-left: 0;
}
/*negate joomla styling*/
figure {
  margin: 0;
  display: block;
}
dialog {
  padding: 0;
}
/*==========================SECTIONS==========================*/
/*==========================GENERAL STYLE==========================*/
/*titles*/
.fluid-title-L, .fluid-title-M, .fluid-title-S {
  font-weight: 700;
  line-height: 1.25;
  margin: 0.625rem 0 1.875rem 0;
  font-family: "Outfit";
}
.fluid-title-S {
  font-size: clamp(1.125rem, 1.7vw, 1.5rem);
}
.fluid-title-M {
  font-size: clamp(1.5rem, 2.25vw, 2rem);
}
.fluid-title-L {
  font-size: clamp(2rem, 2.75vw, 2.5rem);
}
.fluid-title-XL {
  font-size: clamp(2.5rem, 3.5vw, 3rem);
}
.ffPrimary {
  font-family: "Outfit";
}
.ffSecondary {
  font-family: "PublicSans";
}
/*titles*/
/*font weight*/
.fw200 {
  font-weight: 200;
}
.fw400 {
  font-weight: 400;
}
.fw600 {
  font-weight: 600;
}
.fw700 {
  font-weight: 700;
}
/*font weight*/
/*main content font size*/
.mcfs, body p {
  font-size: clamp(1rem, 1.4vw, 1.125rem);
}
/*main text width*/
.mtw {
  margin: 0 auto;
  max-width: calc(80rem/2);
  text-align: justify;
}
/*main text width end*/
/*main content font size*/
/*background colors*/
.bgPrimary {
  background-color: #ec675b;
}
.bgGray {
  background-color: #f2f2f2;
}
.bgWhite {
  background-color: #FFFFFF;
}
/*background colors*/
/*text colors*/
.txtPrimary {
  color: #ec675b;
}
/*text colors*/
/*buttons and link*/
.bttn {
  display: inline-block;
  border-radius: 0.3125rem;
  line-height: 1;
}
.bttn-S {
  padding: 0.25rem 0.5rem;
  font-size: clamp(0.75rem, 1.2vw, 0.875rem);
}
.bttn-M {
  padding: 0.5rem 1rem;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
}
.bttn-L {
  padding: 1rem 2rem;
  font-size: clamp(1.125rem, 1.8vw, 1.375rem);
}
.bttn-Pri {
  color: #ec675b;
  background-color: transparent;
  border: 1px solid #ec675b;
}
.bttn-Pri:hover {
  color: #1A1A1A;
  background-color: #ec675b;
}
.bttn-Sec {
  color: #1A1A1A;
  background-color: #f2f2f2;
}
.bttn-Sec:hover {
  color: #f2f2f2;
  background-color: #1A1A1A;
}
/*buttons and link*/
/*unordered list*/
.ul-list {
  margin: 0.9375rem 0;
  list-style: none;
}
.ul-list li {
  position: relative;
  margin-bottom: 0.625rem;
  margin-left: 1.5rem;
}
.ul-list li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 12px;
  height: 12px;
  margin-right: 0.625rem;
}
.list-cPri li::before {
  background-color: #ec675b;
}
/*unordered list*/
/*ordered list*/
.ol-list {
  margin: 0.9375rem 0 0.9375rem 0.3125rem;
  padding: 0;
  list-style: none;
  position: relative;
}
.ol-list li {
  position: relative;
  counter-increment: step-counter;
  margin-bottom: 1.25rem;
  margin-left: 1.875rem;
}
.ol-list li::before {
  content: counter(step-counter);
  position: absolute;
  left: -30px;
  top: 2px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  color: #ec675b;
  background-color: #ec675b;
}
/*ordered list*/
/*list columns*/
.list-col2 {
  column-count: 0;
}
@media only screen and (min-width: 50rem) {
  .list-col2 {
    column-count: 2;
  }
}
.list-col3 {
  column-count: 0;
}
@media only screen and (min-width: 50rem) {
  .list-col3 {
    column-count: 3;
  }
}
/*list columns end*/
/*flex content*/
.flex-content {
  display: flex;
  flex-flow: column nowrap;
  gap: 1.5625rem calc(1.5625rem/2);
}
@media only screen and (min-width: 50rem) {
  .flex-content {
    flex-flow: row wrap;
    gap: 1.5625rem;
  }
}
@media only screen and (max-width: 50rem) {
  .flex-pri {
    order: 1;
  }
  .flex-sec {
    order: 2;
  }
}
.item80 {
  flex: 0 1 calc(80% - (1.5625rem/2));
}
.item75 {
  flex: 0 1 calc(75% - (1.5625rem/2));
}
.item70 {
  flex: 0 1 calc(70% - (1.5625rem/2));
}
.item60 {
  flex: 0 1 calc(60% - (1.5625rem/2));
}
.item50 {
  flex: 0 1 calc(50% - (1.5625rem/2));
}
.item40 {
  flex: 0 1 calc(40% - (1.5625rem/2));
}
.item33 {
  flex: 0 1 calc(33.33333% - ((1.5625rem*2)/3));
}
.item30 {
  flex: 0 1 calc(30% - (1.5625rem/2));
}
.item25-2 {
  flex: 0 1 calc(25% - (1.5625rem/2));
}
.item25-4 {
  flex: 0 1 calc(50% - (1.5625rem/2));
}
@media only screen and (min-width: 50rem) {
  .item25-4 {
    flex: 0 1 calc(25% - ((1.5625rem*3)/4));
  }
}
.item20-2 {
  flex: 0 1 calc(20% - (1.5625rem/2));
}
.item20-5 {
  flex: 0 1 calc(50% - (1.5625rem/2));
}
@media only screen and (min-width: 50rem) {
  .item20-5 {
    flex: 0 1 calc(20% - ((1.5625rem*4)/5));
  }
}
/*flex content*/
/*==========================GENERAL STYLE END==========================*/
/*MOBILE MENU*/
.g-offcanvas-right .g-offcanvas-toggle {
  left: unset;
  top: 20px;
  right: 1.5625rem;
  width: 35px;
  height: 35px;
}
.g-offcanvas-right .g-offcanvas-toggle::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#g-offcanvas {
  padding-left: 0;
}
#g-offcanvas #g-mobilemenu-container {
  margin: 0;
  padding: 1.5625rem;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel {
  padding: 0;
  font-size: 1.25rem;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container {
  padding: 0 0 1.5625rem 0;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  padding-left: 0;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content {
  color: #ec675b;
}
/*MOBILE MENU END*/
/*MENU*/
#g-navigation .g-grid {
  margin: 0 auto;
  max-width: 80rem;
}
.g-main-nav {
  text-align: right;
  padding: calc(1.5625rem/2) calc(1.5625rem*2) calc(1.5625rem/2) 0;
}
/*MENU*/
/*LOGO*/
.logo {
  display: inline-block;
  padding: calc(1.5625rem/2) 0 calc(1.5625rem/2) 1.5625rem;
}
@media only screen and (min-width: 50rem) {
  .logo {
    padding: calc(1.5625rem/2) 0 calc(1.5625rem/2) calc(1.5625rem*2);
  }
}
/*LOGO END*/
/*GENERAL*/
.scroll-section {
  scroll-margin-top: 67px;
}
/*usluge*/
.usluge {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 1.5625rem;
}
.usluge-item {
  text-align: center;
  background-color: #f2f2f2;
  border: 1px solid rgba(26, 26, 26, 0.25);
  border-radius: 0.3125rem;
  padding: 1.5625rem calc(1.5625rem/2);
  flex: 0 1 calc(50% - (1.5625rem/2));
}
@media only screen and (min-width: 50rem) {
  .usluge-item {
    padding: calc(1.5625rem*2) 1.5625rem;
    flex: 0 1 calc(25% - (1.5625rem*3/4));
  }
}
.usluge-item h3 {
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  font-family: "Outfit";
  font-size: clamp(1.125rem, 1.7vw, 1.5rem);
}
/*usluge end*/
/*klijenti*/
.klijenti {
  display: flex;
  flex-flow: row wrap;
  gap: 1.5625rem;
}
.klijenti-item {
  flex: 0 1 calc(50% - (1.5625rem/2));
}
@media only screen and (min-width: 30rem) {
  .klijenti-item {
    flex: 0 1 calc(33.33333% - (1.5625rem*2/3));
  }
}
@media only screen and (min-width: 50rem) {
  .klijenti-item {
    flex: 0 1 calc(20% - (1.5625rem*4/5));
  }
}
/*klijenti end*/
/*footer*/
/*IMPRESSUM*/
.impressum {
  margin-bottom: 1.5625rem;
  font-size: 0.875rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 1.5625rem calc(1.5625rem*2);
}
.impressum-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem 0.625rem;
  flex-basis: 100%;
}
.impressum-item::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  left: calc(50% - 25px);
  bottom: 49%;
  background-color: #ec675b;
}
@media only screen and (min-width: 30rem) {
  .impressum-item::before {
    width: 2px;
    height: 80%;
    left: -10px;
    bottom: 10%;
  }
}
@media only screen and (min-width: 30rem) {
  .impressum-item {
    flex-direction: row;
    flex-basis: auto;
  }
}
.impressum-item-lable {
  text-transform: uppercase;
  font-weight: 200;
  color: #f2f2f2;
}
.impressum-item-txt {
  font-weight: 600;
  color: #FFFFFF;
}
/*IMPRESSUM END*/
/*footer end*/
/*cookies*/
.cookie-wrapper {
  display: flex;
  flex-direction: column;
  margin: 1.25rem 0 2.5rem 0;
  gap: 1.5625rem;
}
@media (min-width: 50rem) {
  .cookie-wrapper {
    flex-direction: row;
  }
}
@media (min-width: 50rem) {
  .cookie-wrapper-container {
    flex: 0 1 25%;
    display: flex;
    flex-direction: column;
    row-gap: calc(1.5625rem/2);
  }
}
.cookie-wrapper-container-item {
  flex: 1 0 auto;
}
.cookie-wrapper-container-item:first-child {
  flex: 0 1 auto;
  color: #ec675b;
  border-bottom: 1px solid #ec675b;
  font-weight: 700;
}
/*cookies end*/
/*GENERAL END*/
/*EXTENSIONS*/
/*=====BAFORM=====*/
@media (max-width: 768px) {
  .com-baforms-wrapper form .ba-form-page {
    padding: 0 !important;
  }
}
/*radio field margin and padding*/
fieldset.ba-input-wrapper {
  margin: 0;
  padding: 0;
}
/*checkbox margin between items*/
.com-baforms-wrapper .ba-form-field-item .ba-form-checkbox-wrapper {
  margin: 10px 0;
}
/*invisible recaptcha*/
.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper {
  margin-bottom: 15px;
}
/*outline on focus*/
.ba-field-container > *:focus-visible {
  outline: 2px solid var(--theme-color) !important;
  outline-offset: 0;
}
/*=====BAFORM END=====*/
/*EXTENSIONS END*/
/*# sourceMappingURL=custom_15.css.map */